/*
Theme Name: sano-mietsu-theme
Theme URI:
Description: sano-mietsuのオリジナルテーマ
Template: twentyseventeen
Author: The Web Site Team
Author URI: https://www.example.com/
Version: 1.0.0
*/

@media print,screen {
	html[lang="ar"] *,
	html[lang="ary"] *,
	html[lang="azb"] *,
	html[lang="haz"] *,
	html[lang="ps"] *,
	html[lang^="zh-"] *,
	html[lang="bg-BG"] *,
	html[lang="ru-RU"] *,
	html[lang="uk"] *,
	html[lang="bn-BD"] *,
	html[lang="hi-IN"] *,
	html[lang="mr-IN"] *,
	html[lang="el"] *,
	html[lang="gu-IN"] *,
	html[lang="he-IL"] *,
	html[lang="ja"] *,
	html[lang="ko-KR"] *,
	html[lang="th"] * {
		letter-spacing: 0.03 !important;
	}

	a,
	a:hover,
	a:focus,
	a:active,
	button:hover,
	button:focus,
	button:active {
		outline: none;
		box-shadow: none !important;
	}

	html[lang="ja"] body {
		/*font-family: "游ゴシック", "Yu Gothic", "M PLUS 1p", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;*/
		font-family: 'Noto Sans JP', sans-serif;
		position: relative;
	}
	html[lang="ja"] body.sp_mode,
	html[lang="ja"] body.tab_mode {
		/*font-family: sans-serif, "游ゴシック", "Yu Gothic", "M PLUS 1p", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;*/
		font-family: 'Noto Sans JP', sans-serif;
	}

	#spcover {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		z-index: 3;
		cursor: pointer;
		display:none;
	}
	#spcover.toggled-on {
		display: block;
	}

/*	body {
		overflow: hidden;
	}*/
	body.loading_remove {
/*		overflow: auto;*/
	}
	body #loading_cover {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: opacity 1s ease-in-out, z-index 1s ease-in-out;
	}
	body.loading_logo_remove #loading_cover {
		transition-duration: 0.5s;
	}
	body.loading_remove #loading_cover {
		opacity: 0;
		z-index: -1;
	}
	#loading_title {
		position: fixed;
		left: 48%;
		left: -webkit-calc( 50% - 62px );
		left: -moz-calc( 50% - 62px );
		left: -ms-calc( 50% - 62px );
		left: -o-calc( 50% - 62px );
		left: calc( 50% - 62px );
		top: 45%;
		top: -webkit-calc( 48% - 106px );
		top: -moz-calc( 48% - 106px );
		top: -ms-calc( 48% - 106px );
		top: -o-calc( 48% - 106px );
		top: calc( 48% - 106px );
		z-index: 101;
		width: 125px;
		height: 213px;
		transition: opacity 1s ease-in-out;
/*		background: url(./assets/images/slide/slide_title_blue.png) no-repeat center / 125px 213px;*/
	}
	body:not(.home) #loading_title {
		display: none;
	}
	body.loading_logo_remove #loading_title {
		transition-duration: 0.5s;
		opacity: 0;
	}

	#loading_title_svg .st0 {
		transition: fill 1s ease-in-out;
	}
	body.loading_remove #loading_title_svg .st0 {
		fill :#FFF !important;
	}

	.entry-content a,
	.entry-summary a,
	.comment-content a,
	.widget a,
	.site-footer .widget-area a,
	.posts-navigation a,
	.widget_authors a strong,
	.entry-content a:hover,
	.entry-summary a:hover,
	.comment-content a:hover,
	.widget a:hover,
	.site-footer .widget-area a:hover,
	.posts-navigation a:hover,
	.widget_authors a:hover strong {
		box-shadow: none;
	}

	.entry-content a,
	.widget a {
		text-decoration: none;
	}

	/* header */
	.site-header {
		background-color: transparent;
	}
	.navigation-top {
/*		display: none !important;*/
		bottom: auto;
		top: 0;
		right: 0;
/*		position: fixed;*/
		z-index: 3;
		border: 0;
		width: 100%;
	}
	.navigation-top .custom-logo-link {
		padding: 0;
		margin-right: auto;
	}
	body .navigation-top .custom-logo-link {
		max-width: 300px;
		position: absolute;
		top: 2px;
		left: 10px;
		z-index: 99999;
	}
	.navigation-top .custom-logo-link img {
		max-height: 100px;
		vertical-align: left;
		padding: 2px 0;
		width:14vw;
		height:101px;

	}
	.navigation-top > .wrap {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.main-navigation > div {
		width: 98vw;
	}
	.main-navigation li{
		border-bottom:none;
	}
	.navigation-top li.menu_home a { /* HOME */
		color: #6dcff6;
		color: #FBAE42;
	}
	.navigation-top li.menu_sagatoco a { /* SAGATOCO */
		color: #F177AE;
	}
	.navigation-top .menu-item > a, .navigation-top .current_page_item > a {
		color: black;
		padding:2.5px 2px 0px;
		margin:6px 9px 6px;
		border-bottom:2px solid black;
		text-shadow: 0 0 1px rgba(0,0,0,0.4);
	}
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-height: 45px;
	}
	.has-header-image.twentyseventeen-front-page .site-message,
	.has-header-video.twentyseventeen-front-page .site-message,
	.has-header-image.home.blog .site-message,
	.has-header-video.home.blog .site-message {
		position: absolute;
		z-index: 2;
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
		top: 200px;
		top: calc( 50% - 103px + 72px - 110px );
		bottom: 0;
		text-align: right;
		left: 0;
		padding-top: 0;
	}
	.has-header-image.twentyseventeen-front-page .site-message img,
	.has-header-video.twentyseventeen-front-page .site-message img,
	.has-header-image.home.blog .site-message img,
	.has-header-video.home.blog .site-message img {
		opacity: 0;
		transform: translateY(20px);
		animation: message_disp 0.5s ease-in-out forwards;
		animation-delay: 1s;
		max-width: 40%;
	}
	@keyframes message_disp {
		0% {
			opacity: 0;
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.has-header-image.twentyseventeen-front-page .site-star,
	.has-header-video.twentyseventeen-front-page .site-star,
	.has-header-image.home.blog .site-star,
	.has-header-video.home.blog .site-star {
		position: absolute;
		z-index: 2;
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: bottom;
	}
	#masthead .site-star .wrap {
		position: static;
	}
	.site-star img[src*="star_image"] {
		position: absolute;
		animation: star_anime0 2s linear infinite;
	}
	.site-star img[src*="star_image01"] {
		right: 30%;
		top: 1%;
		animation-duration: 1s;
	}
	.site-star img[src*="star_image02"] {
		right: 5%;
		top: 4%;
		animation-name: star_anime180;
		animation-duration: 4s;
	}
	.site-star img[src*="star_image03"] {
		right: 10%;
		top: 18%;
		animation-duration: 3s;
	}
	.site-star img[src*="star_image04"] {
		right: 40%;
		top: 48%;
		animation-duration: 5s;
		animation-name: star_anime-180;
	}
	.site-star img[src*="star_image05"] {
		right: 55%;
		top: 4%;
		animation-name: star_anime-0;
	}
	.site-star img[src*="star_image06"] {
		right: 30%;
		top: 70%;
		animation-name: star_anime180;
	}
	.site-star img[src*="star_image07"] {
		right: 20%;
		top: 75%;
		animation-name: star_anime180;
	}
	.site-star img[src*="star_image08"] {
		left: 18%;
		top: 70%;
	}
	.site-star img[src*="star_image09"] {
		left: 8%;
		top: 64%;
		animation-name: star_anime-0;
	}
	.site-star img[src*="star_image10"] {
		left: 7%;
		top: 77%;
	}
	@keyframes star_anime0 {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	@keyframes star_anime180 {
		0% {
			transform: rotate(-180deg);
		}
		100% {
			transform: rotate(180deg);
		}
	}

	@keyframes star_anime-0 {
		0% {
			transform: rotate(360deg);
		}
		100% {
			transform: rotate(0deg);
		}
	}
	@keyframes star_anime-180 {
		0% {
			transform: rotate(180deg);
		}
		100% {
			transform: rotate(-180deg);
		}
	}

	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		object-position: top;
	}

	.custom-header-media:before {
		display: none;
	}

	.admin-bar.has-header-image .custom-header-media img,
	.admin-bar.has-header-video .custom-header-media video,
	.admin-bar.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		top: 0;
	}
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe {
		position: absolute;
	}
	.toppage_content_link {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		text-align: center;
	}
	.toppage_content_link a {
		display: inline-block;
		outline: none;
		transition: transform 0.2s ease-in-out;
	}
	.toppage_content_link a:hover {
		transform: translateY(-10px);
	}
	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		height: 100vh;
	}
	.iphone.has-header-image.twentyseventeen-front-page .custom-header,
	.iphone.has-header-video.twentyseventeen-front-page .custom-header,
	.iphone.has-header-image.home.blog .custom-header,
	.iphone.has-header-video.home.blog .custom-header,

	.ipad.has-header-image.twentyseventeen-front-page .custom-header,
	.ipad.has-header-video.twentyseventeen-front-page .custom-header,
	.ipad.has-header-image.home.blog .custom-header,
	.ipad.has-header-video.home.blog .custom-header {
		height: calc( 100vh - 70px );
	}

	/* menu-toggle */
	.menu-toggle {
		margin: 0 0 0 auto;
		font-size: 0;
		padding: 13px 9px;
		transition: padding 0.2s ease-in-out;
		border-radius: 0;
	}
	.menu-toggle .icon {
		display: none !important;
	}
	.menu-toggle:focus,
	.menu-toggle:hover,
	.menu-toggle:active,
	.menu-toggle {
		outline: none;
	}
	.menu-toggle:before,
	.menu-toggle:after {
		content: "";
		display: block;
		background: #333;
		width: 25px;
		height: 3px;
		transition: transform 0.2s ease-in-out, margin 0.2s ease-in-out;
	}
	.menu-toggle:before {
		margin-bottom: 6px;
	}
	.menu-toggle .icon.icon-bars {
		display: block !important;
		background: #333;
		width: 25px;
		height: 3px;
		margin-bottom: 2px;
		transition: opacity 0.2s ease-in-out;
	}
	.menu-toggle[aria-expanded="true"] {
		padding: 17px 9px 19px;
		background: #fff;
	}
	:not(.mejs-button) > button:hover,
	:not(.mejs-button) > button:focus,
	input[type='button']:hover,
	input[type='button']:focus,
	input[type='submit']:hover,
	input[type='submit']:focus {
		background: #fff!important;
	}
	:not( .mejs-button ) > button:hover,
	:not( .mejs-button ) > button:focus {
		background: inherit!important;
	}
	.menu-toggle[aria-expanded="true"] .icon.icon-bars {
		opacity: 0;
	}
	.menu-toggle[aria-expanded="true"]:before {
		transform: rotate(45deg);
		margin-top: 4px;
	}
	.menu-toggle[aria-expanded="true"]:after {
		transform: rotate(-45deg);
		margin-top: -14px;
	}

	/* top slide widget */
	.master-slider-parent {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}
	.loading_remove .master-slider-parent {
		opacity: 1;
	}
	.custom_widget,
	.master-slider-parent,
	.master-slider,
	.ms-container,
	.ms-inner-controls-cont,
	.ms-view,
	.ms-slide-container,
	.ms-slide,
	.ms-slide-bgcont,
	.ms-slide-bgcont > img {
		height: 100% !important;
	}
	_:-ms-lang(x)::-ms-backdrop, .ms-slide-bgcont > img {
		margin-left: 0!important;
	}

	.slideIEfix .custom_widget,
	.slideIEfix .master-slider-parent,
	.slideIEfix .master-slider,
	.slideIEfix .ms-container,
	.slideIEfix .ms-inner-controls-cont,
	.slideIEfix .ms-view,
	.slideIEfix .ms-slide-container,
	.slideIEfix .ms-slide,
	.slideIEfix .ms-slide-bgcont {
		height: 100vh !important;
	}
	.slideIEfix .ms-slide-bgcont > img {
		height: auto !important;
	}
	_:-ms-lang(x)::-ms-backdrop, .slideIEfix .ms-slide-bgcont > img {
		/* IE11 のみ適用される */
		margin-top: 0!important;
	}

	.ms-slide:after {
		content: "";
		display: block;
		position: absolute;
		z-index: 5;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.15);
	}

	/* top slide */
	html .ms-skin-default .ms-bullet {
		background: #b4d9eb;
		border-radius: 50%;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
	html .ms-skin-default .ms-bullet.ms-bullet-selected {
		background: #00bcdf;
	}
	.ms-slide-info {
		top: 50px !important;
		bottom: auto!important;
	}
	.master-slider .ms-slide .aruko_title {
		opacity: 0;
		content: "";
		display: block;
/*		opacity: 0;*/
		position: absolute;
		left: 48%;
		left: -webkit-calc( 50% - 62px );
		left: -moz-calc( 50% - 62px );
		left: -ms-calc( 50% - 62px );
		left: -o-calc( 50% - 62px );
		left: calc( 50% - 62px );
		top: 45%;
		top: -webkit-calc( 48% - 106px );
		top: -moz-calc( 48% - 106px );
		top: -ms-calc( 48% - 106px );
		top: -o-calc( 48% - 106px );
		top: calc( 48% - 106px );
		z-index: 101;
		width: 125px;
		height: 213px;
		/*background: url(./assets/images/slide_title_white.svg) no-repeat center / 125px 213px;*/
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

	/* CSSで文字のっけ */
/*	.ms-slide:after {
		content: "";
		position: absolute;
		display: block;
		top: 33%;
		top: calc( 50% - 106px );
		left: 44%;
		left: -webkit-calc( 50% - 62px );
		left: -moz-calc( 50% - 62px );
		left: -ms-calc( 50% - 62px );
		left: -o-calc( 50% - 62px );
		left: calc( 50% - 62px );
		background: url(./assets/images/slide/slide_title.png) no-repeat center / contain;
		width: 125px;
		height: 213px;
	}
*/
/*
	.ms-slide:nth-of-type(2):after {
		top: 25%;
		left: 70%;
	}
*/
	/* content */
	.site-content-contain {
		z-index: 2;
		margin-top: 43px;
	}
	.simple_design .site-content-contain {
		margin-top: 0;
	}
	.page:not(.home) .site-content {
		min-height: 36vh;
	}
	.page:not(.home) #content {
		padding-bottom: 0;
	}
	.page:not(.home) #content>.wrap {
		padding-bottom: 100px;
/*		background: url(./assets/images/contentbottom_people.png) no-repeat center bottom / 120% auto; */
	}
	p {
		margin-bottom: 10px;
	}
	.entry-content {
		line-height: 1.9;
		letter-spacing: 0.09em !important;
	}
	.entry-content a img,
	.comment-content a img,
	.widget a img {
		box-shadow: none;
	}
	.entry-content td,
	.entry-content th,
	.widget td,
	.widget th {
		vertical-align: top;
	}
	.widget .iframe_wrapper,
	.entry-content .iframe_wrapper {
		width: 100%;
		height: auto;
		max-width: 100%;
		position: relative;
		margin-bottom: 20px;
	}
	.widget .iframe_wrapper:after,
	.entry-content .iframe_wrapper:after {
		display: block;
		content: "";
		padding-top: 56.2%;
	}
	.widget .iframe_wrapper > iframe[src*="youtube"],
	.entry-content .iframe_wrapper > iframe[src*="youtube"] {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	/* top */
	.genre_span {
		margin: 7px 0 0;
		display: inline-block;
		border: #8be0c2 solid 3px;
		border-radius: 20px;
		font-weight: bold;
		padding: 2px 7px;
		min-width: 80px;
		font-size: 85%;
	}
	a.genre_link {
		text-decoration: none;
		box-shadow: none;
		display: inline-block;
		margin-bottom: 10px;
	}
	a .genre_span {
		box-shadow: none;
		text-decoration: none;
	}

	/* search */
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: auto;
	}

	/* ポップアップの非表示領域 */
	.hidden_str {
		position: fixed;
		left: -1000px;
		width: 1000px;
		bottom: -1000px;
	}


	/* footer */
	.site-footer {
		background-color: #fff;
		border-top: 0;
/*		padding-top: 30px; banner掲載で復活*/
		margin-top: 0;
	}
	.site-footer .widget-area {
		padding: 0;
	}
	.site-footer .wrap {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.site-footer .widget-area .widget-column > * {
		margin-bottom: 10px;
	}
	.site-footer .widget-area .widget-column.footer-widget-1 > * {
		margin-bottom: 0;
	}
	.site-footer .widget-area .widget-column > *:last-child {
		margin-bottom: 0px;
	}
	.social-navigation {
		margin: 10px 0;
	}
	.social-navigation > div {
		text-align: center;
	}
	.social-navigation > div > ul {
		display: inline-block;
	}
	.site-footer .footer_logo {
		text-align: center;
		margin-top: 15px;
	}
	.site-footer .belong {
		text-align: center;
		font-weight: bold;
		font-size: 110%;
		color: #00bcdf;
		margin-top: 15px;
	}
	.copyright {
		text-align: center;
		font-size: 80%;
		color: #888;
/*		padding: 0 0 70px;*/
		padding: 0;
/*		background: url(./assets/images/footer_bottombg.png) repeat-x center bottom 5px / auto 60px;*/
	}
	.copyright .wrap {
		text-align: center;
		padding-top: 0;
		padding-bottom: 0;
	}
	.copyright:after {
		content: "";
		display: block;
		width: 100%;
		height: 70px;
/*		background: url(./assets/images/footer_bottombg.png) repeat-x center bottom 5px / auto 60px*/;
	}

	/* widget */
	.widget {
		padding-bottom: 0;
		margin-bottom: 15px;
		font-size: 90%;
	}
	.site-footer .widget-area .widget-column {
		margin-left: auto;
		margin-right: auto;
	}
	.widget ul li,
	.widget ol li,
	.site-footer .widget-area ul li,
	.site-footer .widget-area ol li {
		border: 0;
		padding: 2px 0;
	}
	.widget ul li a,
	.widget ol li a,
	.site-footer .widget-area ul li a,
	.site-footer .widget-area ol li a {
		/*padding: 2px;*/
		color: #fff;
		box-shadow: none;
	}
	.widget ul li a,
	.site-footer .widget-area ul li a {
		/*padding: 2px 2px 2px 18px;*/
		position: relative;
	}
	.widget ul li a:before,
	.site-footer .widget-area ul li a:before {
		position: absolute;
		left: 0;
		/*top: 3px;*/
		content: "\025b6";
	}
	.site-footer .widget-area .textwidget > *:last-child {
		margin-bottom: 0;
	}

	.site-footer .footer-horizontal {
		margin-top: 15px;
	}
	.site-footer .footer-horizontal .widget:last-child {
		margin-bottom: 0;
	}
	.site-footer .footer-horizontal .widget > div {
		text-align: center;
	}
	.site-footer .footer-horizontal .widget > div > ul {
		display: inline-block;
	}
	.site-footer .footer-horizontal .widget > div > ul {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.site-footer .footer-horizontal .widget > div > ul li {
		margin: 0 10px;
		width: 100%;
	}
	.site-footer .footer-horizontal .widget > div > ul li a {
		padding: 2px 7px 2px 21px;
		font-size: 90%;
		box-shadow: none !important;
	}
	.site-footer .footer-horizontal .widget > div > ul li a:before {
		top: 4px;
		left: 6px;
		color: #9edcbc;
		z-index: 2;
		font-size: 80%;
	}
	.site-footer .footer-horizontal .widget > div > ul li a:after {
		content: "";
		position: absolute;
		top: 5px;
		left: 0;
		display: block !important;
		width: 12px !important;
		height: 12px !important;
		background: #fff !important;
		border-radius: 50%;
		z-index: 1;
	}

	html[lang="ja"] .toppanels .panel_inner h2 {
		letter-spacing: 0.08 !important;
		text-align: center;
	}
	.toppanels .panel_inner .wrap {
		padding-top: 2em;
		padding-bottom: 2em;
	}


	/* news list */
	.blog ul#main,
	ul.news {
		list-style-type: none;
		margin: 0 0 20px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.blog ul#main .nodata,
	ul.news .nodata {
		flex-basis: 100%;
		width: 100%;
		text-align: center;
	}
	.blog ul#main li,
	ul.news li {
		width: 96%;
		flex-basis: 96%;
		margin: 0 2% 30px;
	}
	.blog ul#main li a,
	ul.news li a {
		text-decoration: none;
	}
	.blog ul#main li .inner,
	ul.news li .inner {
		max-width: 350px;
		margin: 0 auto;
	}
	.blog ul#main li .thumb,
	ul.news li .thumb {
		display: block;
		position: relative;
		margin: 0 auto 15px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border: #e8e8e8 solid 3px;
	}
	.blog ul#main li .thumb:after,
	ul.news li .thumb:after {
		content: "";
		display: block;
		padding-top: 56.2%;
	}
	.blog ul#main li .info_date,
	ul.news li .info_date {
		font-weight: 700;
	}
	.blog ul#main li .info_date {
		color: black;
	}
	.blog ul#main li .p_title,
	ul.news li .p_title {
		font-weight: 700;
		margin-top: 5px;
		text-decoration: underline;
		color: #555 !important;
		line-height: 1.5;
	}
	.blog .site-content-contain {
		background-color: white;
	}
	.blog .site-content-contain .entry-content * {
		color: white;
	}.blog .site-content-contain

	/* pagenation */
	.navigation.pagination {
		float: none;
		width: 100%;
	}
	.blog .page-numbers {
		display: none;
		background-color: #92c83d;
		color: #fff;
		border-radius: 50%;
		transition: border-radius 0.5s ease-in-out;
		box-shadow: none !important;
	}
	.blog .page-numbers:hover {
		color: #fff !important;
		border-radius: 2px;
	}
	.blog .prev.page-numbers,
	.blog .next.page-numbers {
		display: inline-block;
		background-color: #92c83d;
		border-radius: 50%;
		transition: border-radius 0.5s ease-in-out;
		color: #fff;
	}
	.blog .prev.page-numbers:hover,
	.blog .next.page-numbers:hover {
		border-radius: 2px;
	}
	.blog .page-numbers.current {
		background-color: transparent;
		color: #92c83d !important;
	}

	/* report list */
	ul.report_list_page,
	ul.report_list {
		list-style-type: none;
		margin: 0 0 20px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		overflow: hidden;
	}
	ul.report_list_page .nodata,
	ul.report_list .nodata {
		flex-basis: 100%;
		width: 100%;
		text-align: center;
	}
	ul.report_list_page li,
	ul.report_list li {
		width: 96%;
		flex-basis: 96%;
		margin: 0 2% 30px;
	}
	ul.report_list_page li a,
	ul.report_list li a {
		text-decoration: none;
	}
	ul.report_list_page li a {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	ul.report_list_page li a > div {
		width: 100%;
		flex-basis: 100%;
	}
	ul.report_list_page li .inner,
	ul.report_list li .inner {
		max-width: 750px;
		margin: 0 auto;
	}
	ul.report_list_page li .inner {
		max-width: 350px;
	}
	ul.report_list_page li .thumb,
	ul.report_list li .thumb {
		display: block;
		position: relative;
		margin: 0 auto 25px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border: #fbae42 solid 3px;
	}
	ul.report_list_page li .thumb:after,
	ul.report_list li .thumb:after {
		content: "";
		display: block;
		padding-top: 41%;
	}
	ul.report_list_page li .info_date,
	ul.report_list li .info_date {
		font-weight: 700;
	}
	ul.report_list_page li .p_title,
	ul.report_list li .p_title {
		font-weight: 700;
		margin-top: 15px;
		font-size: 110%;
		color: #555 !important;
	}
	ul.report_list_page li .p_content,
	ul.report_list li .p_content {
		font-weight: 700;
		margin-top: 25px;
		font-size: 90%;
	}
	ul.report_list li .more {
		display: none;
	}
	ul.report_list_page li .more {
		text-align: right;
		margin-top: 5px;
	}
	ul.report_list_page li .more span {
		display: inline-block;
		padding: 1px 9px;
		background: #fbae42;
		color: #fff;
		font-size: 85%;
		border-radius: 4px;

	}
	ul.report_list_page li .p_content *,
	ul.report_list li .p_content * {
		color: #555 !important;
	}

	/* report - pagenation */
	.pagenation_wrap.wrap {
		max-width: 100%;
	}
	.pagenation_wrap.wrap ul {
		list-style-type: none;
		position: relative;
		min-height: 1.5em;
	}
	.pagenation_wrap.wrap ul li {
		border: 0;
	}
	.pagenation_wrap.wrap ul li a {
		display: inline-block;
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 1;
		padding: 0.25em 0.5em 0.4em;
		box-shadow: none !important;
		background-color: #aaa;
		color: #fff;
		border-radius: 50%;
		transition: border-radius 0.5s ease-in-out;
		border: 0;
	}
	.pagenation_wrap.wrap ul li a svg {
		color: #fff;
		width: 0.666666666em;
		height: 0.666666666em;
	}
	.pagenation_wrap.wrap ul li a svg use {
		color: #fff;
	}
	.pagenation_wrap.wrap ul li a:hover {
		border-radius: 2px;
	}
	.pagenation_wrap.wrap ul li.next {
		position: absolute;
		right: 0;
		top: 0;
	}
	.pagenation_wrap.wrap ul li.prev {
		position: absolute;
		left: 0;
		top: 0;
	}

	/* banner */
	#banner {
		margin-bottom: 15px;
	}
	.banner_list {
		list-style-type: none;
		margin: 0;
	}
	.banner_list li {
/*		width: 200px;*/
		margin-left: 10px;
		margin-right: 10px;
	}
	.banner_list a {
		display: inline-block;
	}
	.banner_list .no_img {
		display: table;
		background-color: #ccc;
		border: #888 solid 2px;
		width: 200px;
		height: 70px;
		border-radius: 5px;
	}
	.banner_list .no_img .title {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.banner_list .has_img img {
		max-height: 70px;
	}
	.slick-list {
		text-align: center;
	}
/*
	.slick-track {
		display: inline-block !important;
		width: auto !important;
	}*/

	/* single page */
	.single-keyvisual {
		display: table;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.single-keyvisual .tablecell {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.single-keyvisual .tablecell h1 {
		background-color: rgba(0,0,0,0.4);
		color: #fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.4);
		padding: 5px 0;
	}
	.report_date {
		color: black;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.news_date {
		color: black;
		font-weight: bold;
		margin-bottom: 10px;
	}
}

@media print,screen and ( min-width: 30em ) {
	.panel-content .wrap {
		padding-bottom: 0.5em;
		padding-top: 1.75em;
	}
	.page:not(.home) #content>.wrap {
		background-size: 100% auto;
	}

}

@media print,screen and ( min-width: 800px ) {
	#spcover{
		display: none;
	}

	/* header */
	.navigation-top {
		top: 0;
		transition: top 0.5s ease-in-out;
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}
	.navigation-top.hide {
		top: -77px;
	}
	.admin-bar .navigation-top {
		top: 32px;
	}
	.navigation-top .wrap {
		padding: 20px 15px 15px;
		align-items: flex-end;
	}
	.navigation-top nav {
		margin-left: auto;
	}
	.main-navigation > div {
		width: auto;
	}
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-height: none;
	}
/*
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		top: 49px;
	}
	.admin-bar.has-header-image .custom-header-media img,
	.admin-bar.has-header-video .custom-header-media video,
	.admin-bar.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		top: 50px;
	}
	.simple_design.has-header-image .custom-header-media img,
	.simple_design.has-header-video .custom-header-media video,
	.simple_design.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		top: 0;
	}
*/
	.has-header-image.twentyseventeen-front-page .site-message,
	.has-header-video.twentyseventeen-front-page .site-message,
	.has-header-image.home.blog .site-message,
	.has-header-video.home.blog .site-message {
		display: block;
		height: auto;
	}
	.admin-bar.has-header-image.twentyseventeen-front-page .site-message,
	.admin-bar.has-header-video.twentyseventeen-front-page .site-message,
	.admin-bar.has-header-image.home.blog .site-message,
	.admin-bar.has-header-video.home.blog .site-message {
		top: 232px;
		top: calc( 50% - 103px + 81px );
	}

	.has-header-image.twentyseventeen-front-page .site-star,
	.has-header-video.twentyseventeen-front-page .site-star,
	.has-header-image.home.blog .site-star,
	.has-header-video.home.blog .site-star {
		top: 49px;
		bottom: 0;
		text-align: right;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
	}
	.simple_design.has-header-image.twentyseventeen-front-page .site-star,
	.simple_design.has-header-video.twentyseventeen-front-page .site-star,
	.simple_design.has-header-image.home.blog .site-star,
	.simple_design.has-header-video.home.blog .site-star {
		top: 0;
	}
	.admin-bar.has-header-image.twentyseventeen-front-page .site-star,
	.admin-bar.has-header-video.twentyseventeen-front-page .site-star,
	.admin-bar.has-header-image.home.blog .site-star,
	.admin-bar.has-header-video.home.blog .site-star {
		top: 104px;
	}
	.simple_design.admin-bar.has-header-image.twentyseventeen-front-page .site-star,
	.simple_design.admin-bar.has-header-video.twentyseventeen-front-page .site-star,
	.simple_design.admin-bar.has-header-image.home.blog .site-star,
	.simple_design.admin-bar.has-header-video.home.blog .site-star {
		top: 32px;
	}

	.custom-logo-link {
		padding-right: 0;
		padding-left: 2em;
	}
	.site-branding .wrap,
	.site-message .wrap,
	.site-star .wrap {
		padding: 0;
	}
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 450px;
	}

	.simple_design.has-header-image.twentyseventeen-front-page .custom-header,
	.simple_design.has-header-video.twentyseventeen-front-page .custom-header,
	.simple_design.has-header-image.home.blog .custom-header,
	.simple_design.has-header-video.home.blog .custom-header {
		height: 75vh;
	}
	body .navigation-top .custom-logo-link {
		position: static;
	//	margin-bottom: 17px;
	}
	.main-navigation a {
		font-size: 115%;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* top slide */
	body.loading_remove #loading_title_svg .st0 {
		fill :transparent !important;
	}
	.master-slider .ms-slide .aruko_title {
		opacity: 1;
	}
	.master-slider .ms-slide:nth-of-type(4) .aruko_title { /* 2枚目 */
		top: 47%;
/*		left: auto;
		right: 20%;
		top: 18%;
*/	}
	.master-slider .ms-slide:nth-of-type(5) .aruko_title { /* 3枚目 */
		left: auto;
		right: 25%;
		top: 19%;
/*
		left: auto;
		right: 10%;
		top: 32%;
*/	}
	.master-slider .ms-slide:nth-of-type(1) .aruko_title { /* 4枚目 */
		left: auto;
		top: 30%;
		right: 11%;
/*
		left: 25%;
		top: 18%;
*/	}
	.master-slider .ms-slide:nth-of-type(2) .aruko_title { /* 5枚目 */
		left: auto;
		top: 50%;
		right: 20%;
/*		left: auto;
		right: 15%;
*/	}


	.master-slider .ms-slide:nth-of-type(3) .aruko_title { /* 1枚目 */
		left: auto;
		right: 15%;
	}

	/* content */
	.site-content {
		padding-top: 2.5em;
	}
	.site-content-contain {
		margin-top: 168px;
	}
	.page:not(.home) #content>.wrap {
		padding-bottom: 140px;
		background-size: 95% auto;
	}

	/* social link */
	.social-navigation {
		margin-top: 0;
		margin-bottom: 0;
	}
	.social-navigation a {
		width: 20px;
		height: 20px;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.social-navigation .icon {
		top: 6px;
		width: 10px;
		height: 10px;
	}

	/* report */
	ul.report_list_page li {
		border-bottom: 1px dashed #ccc;
	}
	ul.report_list_page li:last-child {
		border-bottom: 0;
	}
	ul.report_list_page li .inner {
		max-width: none;
	}
	ul.report_list_page li .thumb:after {
		padding-top: 70%;
	}
	ul.report_list_page li a > div:nth-of-type(1) {
		width: 45%;
		flex-basis: 45%;
	}
	ul.report_list_page li a > div:nth-of-type(2) {
		width: 50%;
		flex-basis: 50%;
	}
	ul.report_list_page li a .p_content {
		max-height: 5.4em;
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
	}
	ul.report_list_page li a .p_content p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	/* footer */
	.site-footer .widget-area {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 10px;
	}
	.simple_design .site-footer .widget-area {
		align-items: center;
	}
	.site-footer .widget-area .widget-column {
		width: 50%;
		flex-basis: 50%;
	}
	.site-footer .widget-area .widget-column:nth-of-type(2n+1) {
		margin-left: 0;
	}
	.site-footer .widget-area .widget-column:nth-of-type(2n) {
		margin-right: 0;
	}
	.site-footer .widget-area .widget-column:last-of-type {
		margin-left: auto;
		margin-right: 0;
	}
	.site-footer .widget-area .widget-column > * {
		margin-left: 2%;
		margin-right: 2%;
	}
	.site-footer .footer-horizontal {
		margin-top: 0;
	}
	.site-footer .footer-horizontal .widget > div > ul li {
		width: auto;
	}
	.social-navigation {
		clear: none;
		float: none;
		width: auto;
		margin-right: auto;
	}
	.site-footer .footer-horizontal .widget > div > ul {
		justify-content: center;
	}

	.blog ul#main li,
	ul.news li {
		width: 40%;
		flex-basis: 40%;
		margin-left: 5%;
		margin-right: 5%;
	}
/*
	ul.report_list_page li {
		width: 40%;
		flex-basis: 40%;
		margin-left: 5%;
		margin-right: 5%;
	}
	ul.report_list_page li .thumb:after {
		padding-top: 56.2%;
	}
*/
	/* footer */
/*	.site-footer {
		margin-top: 1.5em;
	}
*/
}

@media print,screen and ( min-width: 992px ) {
	/* .wrap */
	.page-one-column .panel-content .wrap {
		max-width: 940px;
	}

}

@media print,screen and ( min-width: 1021px ) {
/*	.page:not(.home) #content>.wrap {
		background-size: 90% auto;
	}
*/
	.site-footer .widget-area .widget-column {
		width: 33.33%;
		flex-basis: 33.33%;
		margin-left: auto;
		margin-right: auto;
	}
	.site-footer .widget-area .widget-column:nth-of-type(3n+1) {
		margin-left: 0;
	}
	.site-footer .widget-area .widget-column:nth-of-type(3n) {
		margin-right: 0;
	}
	.site-footer .widget-area .widget-column:last-of-type {
		margin-left: auto;
		margin-right: 0;
	}
}

@media print,screen and ( min-width: 1072px ) { /* 67em */
/*
	.navigation-top .wrap {
		padding-bottom: 0;
	}
*/
}

@media print,screen and ( min-width: 1200px ) {
	/* .wrap */
/*
	.page-one-column .panel-content .wrap {
		max-width: 1120px;
	}
	.blog .site-content .wrap,
	.page .site-content .wrap {
		max-width: 1120px;
	}
*/
/*
	.single-post:not(.has-sidebar) #primary,
	.page.page-one-column:not(.twentyseventeen-front-page) #primary,
	.archive.page-one-column:not(.has-sidebar) .page-header,
	.archive.page-one-column:not(.has-sidebar) #primary {
		max-width: 1120px;
	}
*/
}

@media screen and ( max-width: 800px ) {
	.site-footer .widget-area .widget-column .textwidget * {
		text-align: center !important;
	}
	.site-footer .widget-area .widget-column .widget > div {
		text-align: center;
	}
	.site-footer .widget-area .widget-column .widget > div > ul {
		display: inline-block;
	}
	.wrap {
		padding-left: 0.7em;
		padding-right: 0.7em;
	}
}

/*
@media screen and ( max-width: 600px ) {
	.slick-slider .slick-track {
		display: -webkit-flex !important;
		display: -ms-flex !important;
		display: flex !important;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
//	.banner_list li {
//		margin-left: 0 !important;
//		margin-right: 0 !important;
//		margin-bottom: 15px;
//		width: 50% !important;
//		text-align: center !important;
//	}
	.banner_list .no_img {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
*/
@media screen and ( max-width: 450px ) {
/*	.banner_list li {
		width: 100% !important;
	}
*/
	.site-footer .belong {
		font-size: 90%;
	}
}

.custom-logo{
	margin:40px 0 25px 6vw;
	max-width: none!important;
	max-height: none!important;
}

.row{
	margin-left:0!important;
	max-width:100%;
}

/*
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	padding: 10px 18px;
	margin:	 0 ;
}
*/

#site-navigation{
	display:inline-block;
	margin: 0 0 23px 2vw;
}
#nav-str{
	display:inline-block;
	vertical-align: bottom;
}

#nav-str-top{
	margin:35px 35px 10px 12px;
	font-weight:bold;
	font-size: 116%
}
.vertical {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

ul.toppanels.block1.cf{
	margin-bottom: 0;
}


#menu_ruby_Facility_infomation{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Facility_infomation.svg);
	background-position: 2px 0px;
    background-repeat: no-repeat;
    background-size: auto 7.5px!important;
    padding: 6px 2px 0px;
}
#menu_ruby_SANO_TSUNETAMI{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_SANO_TSUNETAMI.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 5.7px!important;
	padding: 6px 2px 0px;
}
#menu_ruby_Mietsu_Naval_Dock_Site{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Mietsu_Naval_Dock.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 6.3px!important;
	padding: 6px 2px 0px;
}
#menu_ruby_Meiji_Japans_Industrial_Revolutionary_Heritage{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_World_Heritage.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 7.5px!important;
	padding: 6px 2px 0px;
}

#menu_ruby_Event{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Event.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 7.5px!important;
	padding: 6px 2px 0px;
}

#menu_ruby_Reservation_application{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Reservation_application.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 7.5px!important;
	padding: 6px 2px 0px;
}

#menu_ruby_Access{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Access.svg);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-size: auto 5.8px!important;
	padding: 6px 2px 0px;
}

@media( max-width: 800px ) {
	#menu_ruby_Facility_infomation{
		background-image:none;
		padding: 6px 2px 0px;
	}
	#menu_ruby_SANO_TSUNETAMI{
		background-image:none;
		padding: 6px 2px 0px;
	}
	#menu_ruby_Mietsu_Naval_Dock_Site{
		background-image:none;
		padding: 6px 2px 0px;
	}
	#menu_ruby_Meiji_Japans_Industrial_Revolutionary_Heritage{
		background-image:none;
		padding: 6px 2px 0px;
	}

	#menu_ruby_Event{
		background-image: none;
		padding: 6px 2px 0px;
	}

	#menu_ruby_Reservation_application{
		background-image:none;
		padding: 6px 2px 0px;
	}

	#menu_ruby_Access{
		background-image:none;
		padding: 6px 2px 0px;
	}
}

#left_menu{
	position: fixed;
	z-index: 15;
	text-align: center;
	justify-content: center;
	align-items: center;
	top:0;
	left:0;
	height:100vh;
	width: 4vw;
	border-right: solid 1px black;
}

#left_menu>div{

}
#youtube_logo{
	display: block;
	width: 30px;
	height:auto;
	margin: auto;
}

#youtube_logo{
	margin-top:40vh;
}

/* ハンバーガーメニュー */
.wrapper{
	height: 7vw;
	width: 4vw;
	margin-top: 30px;
	border-top:solid 1px black;
	border-bottom:solid 1px black;

}
.hamburger {
	height: 7vw;
 	width: 4vw;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 16;
	margin-top: 30px;
	margin: auto;
}

.hamburger:hover {
	cursor: pointer;
}
.hamburger span {
	background: #000;
	width: 25px;
	height: 2px;
	position: absolute;
	transition: 0.3s ease-out;
	border-top:solid 1px black;
	border-bottom: solid 1px black;
}
.hamburger span:nth-of-type(1) {
	margin-top: -18px;
}
.hamburger span:nth-of-type(3) {
	margin-top: 17px;
}
/* ハンバーガーメニューにactiveクラスがついたときのスタイル */
.hamburger.active span:nth-of-type(1) {
	transform: translateY(9px) rotate(-45deg);
	transition: 0.3s ease-out;
}
.hamburger.active span:nth-of-type(3) {
	transform: translateY(-9px) rotate(45deg);
	transition: 0.3s ease-out;
}
.hamburger.active span:nth-of-type(2) {
	opacity: 0;
}
/* メニュー */
.sub_menu {
	width: 98.75vw;
	height: 100vh;
	top:59vh;
	position: fixed;
	background: #fff;
	display:block;
	padding-top: 40px;
	transform: translate(-100vw);
	transition: 0.3s ease-out;
	z-index: 11;
	margin-top: -59vh;
	text-align: left;
}

/* メニューにopenクラスがついたときのスタイル */
.sub_menu.open {
	transform: translate(0);
	transition: 0.3s ease-out;
	background-color: #e9e9e9;
}

.sub_menu.open h2{
	display: block;
	font-size: 20px;
	margin: 11vh 0  7vh 0;
}

.sub_menu.open img#sub-menu-logo{
	height: 12.5vh;
	width:auto;
	display: block;
	margin: 0 0 15px 2vw;
}

#menu-tsunetami{
	display: inline-block;
	margin-left:4vw;
	float:left;
	width: auto;
	margin-top:2vh;
	max-height:90vh;
}
nav.sub-menu>div{
	display:inline-block;
	margin-top:10vh;
	width:40vw;
}
#sub-menu-inner{
	height:60vh;
	margin-left: 17px;
}
#sub-menu-inner .num{
	display: block;
	height: 2rem;
	width: 28vw;
	text-align: left;
	margin: 4.5vh 0;
}
.num a{
	color:black;
	text-decoration: none;
}

div#num01 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_About.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 6.5px!important;
    padding: 7px 2px 1px;
}
div#num02 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_News.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 5.5px!important;
    padding: 7px 2px 1px;
}
div#num03 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Facility_infomation.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 6.8px!important;
    padding: 7px 2px 1px;
}
div#num04 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_SANO_TSUNETAMI.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 5.5px!important;
    padding: 7px 2px 1px;
}
div#num05 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Mietsu_Naval_Dock_Site.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 5.8px!important;
    padding: 7px 2px 1px;
}
div#num06 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Meiji_Japans_Industrial_Revolutionary_Heritage.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 7.4px!important;
    padding: 7px 2px 1px;
}
div#num07 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Event.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 5.5px!important;
    padding: 7px 2px 1px;
}

div#num08 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Access.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 5px!important;
    padding: 7px 2px 1px;
}
div#num09 span{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/menu_ruby_Reservation_application.svg);
    background-position: 5px 0px;
    background-repeat: no-repeat;
    background-size: auto 7.3px!important;
    padding: 7px 2px 1px;
}

#sub-menu-inner .inner{
	display: inline-block;
	width: 20vw;
	vertical-align: top;
}
#sub-menu-inner img,#sub-menu-inner p{
	display: inline-block;
	height: 100%;
	width: auto;
	margin: 0 10px;
}

#sub-menu-inner p span{
	border-bottom: solid 2px black;
	font-weight: bold;
}


#language{
	position: absolute;
	z-index: 9999999;
	top:5px;
	right:10px;
}

#language ul{
	text-align: center;
	padding: 3px 0;
	border-left:solid 1px black;
}

#language li{
	display: inline;
	padding: 3px 10px;
	border-right:solid 1px black;
}

ul.top_slider .slick-slide.slick-current{
	height: 45vw;
}

#about-str{
	z-index:10;
	position:absolute;
	top:4vw;
	left:8vw;
	height:80vh;
	vertical-align:top;
	text-align: left;
	font-size: 300%;
}
#about-str h1{
	font-weight: bold;
	vertical-align:top;
	text-align: left;
	padding-top: 0;
	margin: 0 10px;
}
#about-str h4{
	vertical-align:top;
	text-align: left;
	padding-top: 0;
	margin: 0 18px;
}
#about-str span{
	background-color:white;
	padding: 5px 0;
}

#about-title{
	z-index:10;
	position: absolute;
	top: 3vw;
	right: 0vw;
	left: auto;
	height:189px;
	width: auto;
}

.card{
	padding :15px;
	margin: 0 10px 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0;
	text-align: left;
}
#mietsu-slider .card{
	margin: 0 10px 20px;
}

#mietsu-slider .card h4,
#mietsu-slider .card p,
#mietsu-slider .card p.excerpt a{
	color:white;
}

.card h1,.card h2,.card h3,.card h4,.timestamp,.card p{
	display: block;
	padding-top: 0px!important;
}

.card h4.title{
	margin-bottom:0!important;
	font-size:1.3rem;
}
.timestamp{
	float: right!important;
	padding: 13px 10px 0px;
	margin: 10px 0 0;
}
.card p.excerpt{
	margin-top:18px;
    line-height: 20px;

}


.card img{
	height :250px;
	object-fit :cover;
	margin-bottom:20px;
}

a{
	text-decoration: none!important;
	color:black;
}

.news{
	border: none;
}

.news img{
	padding:10px;
	padding-top:0;
	margin-bottom:0;
	/*
	border:solid 1px black;
	*/
}
div.card div.border{
	border:solid 1px black;
	margin-bottom: 10px;
}
#news-logo{
	position:relative;
	padding:47px 0 0;
}
#news-logo>img,#event-top-str,#access-top-str{
	width:24vw;
}


#chara1{
    position: absolute;
    top: 20%;
    left: 68%;
    height: 70%;
    /* width: auto!important; */
    width: 17%!important;
}

.card a:link,.card a:visited,.card a:hover,.card a:active {
	color: black;
}

p.link-more {
    display: none;
}

.title-str{
	font-size: 150%;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%!important;
	transform: translate(-50%);
}

#title-news, #title-access{
	left:46%;
}
#title-news{
	top:58%;
}

#title-event{
	left:37%;
}
#event-info-content{
	padding-left:90px;
	height:400px;
}

#title-facility{
	color:white;
	font-weight: bold;
	position: absolute;
	top: 121px;
	left: calc(50% - 50px);
}

#chara2{
	position: absolute;
	bottom:4%;
	right:5%;
	height:28%;
}
#vt-area{
	padding:15px 15px 30px 8vw;
}

#vt-str img{
	display: inline-block;
	margin: 10px;
/*	text-align: center;*/
/*	align-items: center;*/
	margin-top: 58px;
	height: auto;
}

#vt-str-sub{
	display: inline-block;
	vertical-align: bottom;
	margin: 10px;
	font-size:135%;
/*	text-align: center;*/
/*	align-items: center;*/
}
#vt-str-sub p{
	display: block;
	font-weight: bold;
	margin-bottom: -8px;
}
#vt-str-sub h3{
	display: block;
	font-size:190%;
	padding-top:0;
	margin: 0;
}


.virtual-tour{
	padding: 11px;
	position: relative;
/*
	background-image: url(https://sano-mietsu-historymuseum.e-jpic.co.jp/wp-content/uploads/2021/07/tour_flame-1.png);
	background-size: calc(100% - 22px) calc(100% - 22px);
  background-repeat: no-repeat;
  background-position: 11px 11px;
*/
}

.vt-flame-inner{
	width: 100%;
	height: auto;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.vt-flame-inner h3{
	margin: 5px 0 10px;
}

.vt-img{
    width: calc(100% - 30px);
	height: 20vw;
	margin: 15px;
}

#facility{
/*	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/blue_bgc.png);
	background-size: contain;
	background-repeat: no-repeat;*/
background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_blue_bgimg_0305_1.png), url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_blue_bgimg_0305_2.png);
    background-size: 43vw 36vw , 26vw 27vw;
    background-repeat: no-repeat, no-repeat;
    background-position: -3.5vw -12vw,4vw -4vw;
    background-blend-mode: multiply, normal;
}

#facility-title{
	height: 166px;
	margin: 48px 0;
}

#facility-bg-img{
	margin-bottom:0px;
}

#facility-about{
	margin: -15px 10% 10% 20%;
	text-align: left;
}
#facility-about h4{
	padding: 2px 10px;
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 1rem;
	background-color: white;
	border-radius: 5px;
}
#facility-about p{
	color:white;
	margin:-4px 0;
	font-size: 80%;
}

span.canter-border{

}

.facility-img{
	height:200px;
	width:95%;
	margin:10px;
	object-fit: cover;
}

#facility-introduction div.align-item-left img {
    height: 85px;
}
#facility-introduction a{
	color:black;
}

#facility-introduction .d-none img{
	height:85%;
	width:85%;
}

h2#Facility_01F_logo_sp,
h2#Facility_02F_logo_sp,
h2#Facility_03F_logo_sp{
	display: inline-block;
	font-size: 1.5rem;
	margin-left: -1vw;
}

#history{
	position:relative;

}
#history-img{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/img24_1.jpg);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
#history-bg-img{
/*	position: absolute;
    margin: -321px 0 0 0;
    z-index: 0;
	*/
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_red_bgimg_04_1.png), url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_red_bgimg_04_2.png);
    background-repeat: no-repeat, no-repeat;
	background-size: 37vw 40vw , 25vw 26vw;
    background-position: 4vw -3vw,8vw 5.5vw;
    background-blend-mode: multiply, normal;
}

#history-str-bg{
	margin-right: 0;
	margin-left: auto;
	display: block;
	width: 86px;
	margin: 56px 0 0 calc(50% + 49px);
	position: relative;
	z-index: 5;
}
#hune{
	display: none;
	position: absolute;
	top: 54%;
    right: 7%;
    width: 40%;
}

#history-slider {
    position: relative;
}

#history-slider h3{
	padding: 20px;
    padding-left: 70px;
}

#history-str{
	position: absolute;
	top: 39px;
	left: calc( 50% - 147px);
}

#history-str h2{
	font-size: 300%;
	padding-top:13px;
	text-align:left;
}
#history-str h4{
	margin: 18px;
	padding: 0;
}
#history-str span{
	background-color:white;
	color:black;
	padding:5px 0;
}

#history-about{
	padding: 0 10%;
    margin: 65px 0 10% 0;
	position:relative;
}

@media( max-width: 800px ) {
	#history-str{
	    position: absolute;
	    margin: 2px 0 25px;
    	left: calc( 50% - 133px );
    	vertical-align: top;
	}
	#history-str-bg{
		display: block;
    	width: 86px;
    	margin: 56px 0 56px calc(50% + 49px);
    	position: relative;
    	z-index: 5;
	}
}

#mietsu-slider{
	position: relative;
}

#mietsu-slider h3{
	padding:20px;
	padding-left:70px;
}

#mietsu-img{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/mietsu-koukuu.jpg);
	background-position: top;
	background-size:cover;
	background-repeat: no-repeat;
    padding-right: 0;
    padding-left: 0;
}

#mietsu-img img{
	display: none;
}

/*#mietsu-bg*/
#mietsu{
/*	position:absolute;
	top:0;
	right:0;
	z-index: 9;
	*/

    background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_blue_bgimg_0305_1.png), url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/top_blue_bgimg_0305_2.png);
    background-size: 37vw 35vw , 25vw 25vw;
    background-repeat: no-repeat, no-repeat;
    background-position: 6vw -7vw,11vw 2vw;
    background-blend-mode: multiply, normal;
}

#mietsu-strlogo{
    height: 360px;
    margin-left: calc(50% + -15px);
    margin-top: 58px;
    display: block;
    z-index: 10;
    position: relative;
    margin-right: auto;
    width: auto;
}

#mietsu-logo{
	position: absolute;
    text-align: left;
    align-items: flex-start;
    top: 54px;
    left: calc(50% - 126px);
    color: white;
    font-size: 187%;
    font-weight: bold;
    z-index: 10;
}

#mietsu-logo h2{
    padding-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 154%;
}
#mietsu-logo h4{
    padding-top: 0;
    margin: 0 18px;
    font-size: 72%;
}
#mietsu-logo span{
	padding:10px 0;
	background-color: white;
	color:black;
}

@media( max-width: 800px ) {
	#mietsu-logo{
		position: relative;
    	margin: 50px auto 50px calc(50% - 134px);
    	top: 0;
    	left: 0;
	}
}

#mietsu-about{
	padding: 0 10% 0 20%;
	color: white;
	margin-bottom: 5%;
	margin-top:30px;
	position: relative;
	z-index: 10;
}

#heritage-img{
/*	height: 790px;*/
	width: 100%;

    background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/kagoshima_syuseikan.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#heritage-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#heritage-img{

}

#heritage-title{
	/* left:-15px; */
	position:relative;
	background-color: black;
	/* height:790px; */
}

#heritage-title #title{
	position: absolute;
	width: 19%;
	top:7%;
	left:69%;
}
#heritage-title #logo{
	position: absolute;
	width: 27%;
	top: 41%;
	left: 59%;
}

#heritage-title div.vertical{
	position: absolute;
	top: 57px;
	left: calc(50% - 208px);
}

#heritage-title h2{
	padding: 0 5px;
	color: white;
	font-size: 287%;
	vertical-align: top;
	text-align: left;
}

#heritage-title h4{
	padding: 0;
	font-size:138%;
}

#heritage-title span{
	padding:10px 0;
	background-color: white;
	color: black;
}

.margin-between{
	margin: 0 18px;
}

#heritage-about{
/*	position: absolute;
	margin: 87% 10% 10% 10%;*/
	position: relative;
	margin: 100px 10% 10% 10%;
	color: white;
}
@media( max-width: 800px ) {
	#heritage-title div.vertical{
	    top: 41px;
	    left: calc(50% - 184px);
	}
}

ul.column li{
	text-align: center;
	align-items: center;
}

#chara3{
	margin: 87px 0;
    height: 30%;
}


div#chara_04 {
    position: absolute;
    width: 17vw;
    top: 100px;
    left: 17vw;
}

.access-text{
}


span.access{
  margin-top:0;
  padding:1px 0;
  border :solid 2px black;
  background-color:yellow;
	font-size:66%;
	display: inline-block;
	text-align: center;
	width: 22%;
}

#access-text h4{
	padding-top: 0;
}
#access-text p{
 font-size: 122%;
 margin: -7px 0 ;
 font-weight: bold;
}
p.bigger-str{
	font-size: 150%;
}

p.border-line{
	 height:0px;
	 border-top:solid 2px black;
	 margin:20px 100px 20px 0!important;
}

/*slick*/
.slick-dots{
	position: static!important;
	padding: 30px 0 45px!important;
}
#news-slider .slick-dots{
	padding:0!important;
	margin-top:-25px;
}
.slick-dots li button:before {
    font-size: 30px!important;
}

.slick-dots li.slick-active button:before {
    color:#3F9FEB!important;
}
#history-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color:#dc0012!important;
}

.arrow-prev-style{
	position: absolute;
	bottom: 5%;
	right: 10%;
	z-index:10;
}

.arrow-next-style{
	position: absolute;
	bottom: 5%;
	right: 5%;
}

#history-slider .card h4.title::before, #mietsu-slider .card h4.title::before{
	content:'';
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/07/flag.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 35px;
	width: 30px;
	display: inline-block;
}


div.about-here{
	/*
	background-color: #bc0012;
	color: white;
	border-radius: 100vh;
	display: inline-block;
	height:4rem;
	line-height: 18px;
	padding:11px 6px;
	bottom:3%;
	right: 4%;
	top:auto!important;
	left:auto!important;
	position: absolute!important;
	text-align: center;
	*/
	background-color: #bc0012;
	color: white;
	border-radius: 50%;
	display: block;
	height: 64px;
	line-height: 18px;
	padding: 11px 6px;
	/*    margin-bottom: 17%;
    margin-right: 16%;
    margin-top: 20px!important;
    margin-left: auto!important;*/
	position: relative!important;
	text-align: center;
	width: 64px;
	margin: -35px 10% 27px auto;
}
a.about-here{
	color:white;
}

#heritage-title .title {
    /*    position: absolute;
    width: 18%;
    top: 7%;
    left: 68%;*/
    position:relative;
    width: 102px;
    margin-top: 47px;
    margin-left: calc(50% + 98px);
    }

#heritage-title .logo {
/*    position: absolute;
    width: 25%;
    top: 42%;
    left: 60%;*/
	position: relative;
	width: 25%;
    margin-top: 8%;
    margin-left: 60%;
}


#access-inner{
	padding: 0 50px 0 100px;
}

#yoyaku{
	text-align: center;
	font-weight:bold;
	font-size:150%;
	margin: 0 20px 0 50px;
	padding: 3px 20%;
	border: solid 1px black;
	background: #ffffff;
	box-shadow: 5px 5px 10px #c8c8c8, -5px 5px 10px #c8c8c8, 5px -5px 10px #c8c8c8, -5px -5px 10px #c8c8c8;
}


.container-fluid{
	padding-left:0!important;
	padding-right:0!important;
}

.admin-bar .navigation-top{
	top:0!important;
}

.slick-slider{
	margin-bottom: 0px!important;
}

.entry-content>h2{
	margin: 0!important;
}

.entry-content > *:last-child {
	margin-bottom: 0px!important;
}
#news-slider{
	margin-bottom:50px!important;
}

ul.footer-menu{
	list-style:none;
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
  vertical-align: middle;
}
ul.footer-menu li{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/list-arrow.png);
  background-repeat:no-repeat;
  background-position:left center;
  background-size: contain;
  -moz-background-size:contain; /*古いアンドロイド端末のための設定です。*/
  -webkit-background-size:contain; /*古いアンドロイド端末のための設定です。*/
  padding-left: 12px;
	margin-bottom: 16px;
	height:23px;

}

.under-bar{
	border-bottom:solid 1.5px black;
	margin:2px ;
}
.column{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	height: 150px;
}

.main-navigation.open-hamburger,.main-navigation.close-hamburger{
	display:none;
	position:absolute;
	top:61%;
	font-size:85%;
}
.open-hamburger{
	right:4.8%;
}
.close-hamburger{
	right:6.8%;
}

.scroll-fade {
  transition: 1s;
  opacity: 0;
}

.scroll-fade.animated {
  opacity: 1;
}



/* top page sp*/
@media( max-width: 800px ) {
	#left_menu , #nav-str-top,#about-str h1, #chara1, #chara2, #chara3,#chara_04,#chara_05,#chara_06,#facility-title, #vt-str>img,#vt-str-sub>p, #mietsu-about, #hervitage-about,#facility-introduction p,#history-about,#heritage-about,#facility-introduction div.align-item-left img,#history-img img,#mietsu-bg,#mietsu-strlogo,footer img{
		display:none!important;
	}

	#facility-introduction .row {
		justify-content: center;
	}
/*	.site-content-contain{
		border-top:solid 2px black;
	}*/

	#language{
		position: absolute;
		z-index: 9999999;
		top: 304px;
		right: 0;
	}

	ul.top_slider .slick-slide.slick-current{
		height: auto;
	}

	img.custom-logo{
		margin:5px;
	}
	#about-str{
	    writing-mode: unset;
		left:0;
		top:2vw;
	}
	#about-str h4{
		margin: 14px 0;
		font-size:19px;
	}
	#about-str span{
		padding: 0 12px;
		font-weight:normal;
	}
	#about-title {
		top: 5vw;
		right: 0vw;
		height: auto;
		width: 25vw;
		object-fit: contain;
	}

	.main-navigation > div {
/*		margin-top: 20px;*/
	}
	.custom-logo{
		width:31vw!important;
		margin:8px 0 0 9px!important;
	}

	#site-navigation{
		margin:  0;
		position:absolute;
		top:0;
		right:0;
	}

	#site-navigation>div{
		position:relative;

	}
	#site-navigation>div>ul{
		position:absolute;
		top:0;
		right:0;
	}
	#wpadminbar{
		margin-top:-46px!important;
	}
	.site-content-contain{
		margin-top:0;
	}
	#top-menu{
	    margin: 2px 0 0 96px;
		background-color:#E7E7E7;
		padding:0;
		border-left:2px solid black;
		width:370px;
	}
	.js .main-navigation.toggled-on > div > ul {
    	display: inline-block;
	}
	.menu-toggle{
		padding: 19px 31px 46px;
	    border-left: 2px solid black;
	}
	.menu-toggle:before {
   		margin-bottom: 14px;
	}
	.menu-toggle:before, .menu-toggle:after {
    	width: 36px;
    	height: 3px;
	}
	.menu-toggle[aria-expanded="true"]:after {
    	margin-top: -29px;
	}
	.menu-toggle[aria-expanded="true"] {
	    padding: 35px 31px 55px;
	}
	.menu-toggle .icon.icon-bars {
    	width: 36px;
    	margin-bottom: 10px;
	}
	.navigation-top{
		border-bottom:2px solid black;
		height:100px;
	}
	.navigation-top>div{
		height:0;
	}

	/*
	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		padding: 10px 18px;
		margin:	 0 ;
	}
	*/

	li.menu-item.menu-item-type-custom a{
	    background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/list-arrow.png);
	    background-repeat: no-repeat;
   		background-position: left center;
		margin-left: 32px;
		border:none;
	}
	li.menu-item.menu-item-type-custom{
		border-bottom: 2px dotted black;
	}
	#news-logo>img{
		width:50vw;
	}
	#title-news{
    	left: 42%;
   		font-size: 17.5px;
    	top: 62%;
	}
	.card {
    	padding: 40px 50px 0;
    	margin: -40px 10px -30px;
	}
	#facility-top{
		background-color:#3F9FEB;
	}
	#facility{
		background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/facility_sp_title.png);
	    background-size: contain;
    	background-repeat: no-repeat;
    	margin: 28px auto 24px auto;
	max-width: 350px;
/*    	height: 14vw;*/
    	background-position: unset;
    	background-blend-mode: unset;
	}
	#facility-about {
		margin: 50% 0 10%;
	}

	#title-facility{
		color: white;
   	 	font-weight: bold;
    	position: absolute;
   	 	top: 5%;
    	left: calc(120% - 160px);
    	font-size: 120%;
    	margin: 0;
	    padding: 0;
	}

	#facility-introduction{
		background-color:#3F9EEA!important;
		color:#3F9EEA;
	}
	#facility-introduction div.align-items-center{
		background-color:white;
		margin: 10px 0 10px -17px;
		padding: 9px;
		text-align: center;
		max-height:200px;
		max-width:160px;
	}

	#facility-introduction h2{
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 7%;
    font-size: 13px;
    padding-top: 97%;
	margin-left:0;
	width: 100%;
	}
	#Facility_01F_logo_sp{
		background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/facility_1F.png);
		display:inline-block;
	}
	#Facility_02F_logo_sp{
		background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/facility_2F.png);
		display:inline-block;
	}
	#Facility_03F_logo_sp{
		background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/08/facility_3F.png);
		display:inline-block;
	}

	#vt-area{
		background-color:white!important;
		display:inline-block;
		padding-left: 15px;
	}
	.vt-img{
		height: 60vw;
	}

	#history{
	    position: relative;
	}
	#history-img{
		height: 75vw;
		position: relative;
	}
	#history .text-white.bg-danger{
		position: relative;
		/* top:0; */
		/* height: 391px; */
		/*height:342px;*/
		background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/04_History.svg);
		background-size: 81px;
		background-repeat: no-repeat;
		background-position: calc( 50% + 102px) 45px;
	}
	#hune{
		display: inline-block;
	}

	#history-slider .slick-list {
    	padding: 38px 0 30px;
	}
	#history-slider h3{
		padding-left:20px;
	}

	#mietsu{
		height: auto!important;
		background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/05_Mietsu_sp.svg);
		background-repeat: no-repeat;
		background-position: calc(50% + 95px) 50px;
		background-size: 86px;
		background-blend-mode: unset;
	}

	#mietsu-img img{
		display: block;
	}

	#mietsu-slider h3{
		padding-left:20px;
	}

	#heritage{
		position:relative;
		height: auto;
	}
	#heritage-img{
		/* bottom: 0; */
		/* width: 100%; */
		position: relative;
		object-fit: cover;
		display: block;
		object-position: top;
		/* width: 96.8%; */
		height: 64.5vw;
	}
	#heritage-title{
		position: relative;
		height: auto;
		top:0;
	}
	#heritage-title .title{
		position:relative;
		width: 74px;
		margin-top: 35px;
		margin-left: calc(50% + 97px);
	}
	#heritage-title .logo {
		position: relative;
		width: 94px;
		margin-top: 28px;
		margin-left: calc(50% + 70px);
	}
	div.about-here{
		margin: 20px 0 19px calc(50% + 99px)!important;
	}
	#heritage-title h2{
		font-size: 235%;
	}
	#event-top-str{
		width:50%;
	}
	#title-event {
	    left: 24%;
		font-size:108%;
		width: 100%;
	}
	div#access-text{
		padding:10px 40px;
		font-size:70%;
	}
	span.access{
		margin-top:0;
		padding:1px 0;
		border :solid 2px black;
		background-color:yellow;
		font-size:66%;
		display: inline-block;
		text-align: center;
		width: 35%;
	}
	#yoyaku{
		font-size:120%;
		padding:10px;
		margin:0;
	}
	#event-info-content{
		padding-left: 50px;
		padding: 10px 50px;
	}
	#access-inner{
	padding: 0;
	}
	#google-map{
		margin-left:0;
		margin:10px 0;
	}

	#event-top-str{
		width: 50%;
	}

	#access-top-str{
		width: 50%;
	}

	#title-access{
		left:42%;
		font-size:108%;
	}

	ul.footer-menu{
		margin-bottom:0;
	}
	footer .row ul{
		padding-left:50px;
	}
	footer div.col-md-7.text-left.align-item-left{
		padding-left:50px;
	}

	.main-navigation.open-hamburger{
		display:inline-block;
	}
	.main-navigation.open-hamburger.toggled-on{
		display:none;
	}
	.main-navigation.close-hamburger{
		display:none;
	}
	.main-navigation.close-hamburger.toggled-on{
		display:inline-block;
	}

	rt{
		display:none;
	}
	.navigation-top .menu-item > a, .navigation-top .current_page_item > a{
		padding:2.5px 16px;
	}

}
@media screen and (min-width:450px) and (max-width:798px){
	.custom-logo{
		height:80px!important;
		margin-left: -0.5vw!important;
	}
	#about-title{
		width:19vw!important;
	}
	#news-logo>img,
	#event-top-str,
	#access-top-str{
	    width: 38vw!important;
	}
}

@media screen and (min-width:768px) and (max-width:798px){
	#title-facility{
		left: 57.5%!important;
	}
}
@media screen and (max-width:767px){
	#title-facility{
		left: 55%;
	}
	#facility-introduction .row .col-8 {
		padding-left: 0;
	}
	#facility {
		margin-bottom: 0;
		max-width: 230px;
		padding: 0;
	}

}


#news-slider .slick-list.draggable{
	margin:20px 0;
}


/*#primary{
	max-width:98.75vw!important;
}*/

#primary{
	max-width:100vw!important;
}

#under_03_Facility{
	width: 100vw;
	/*width: 98.75vw;*/
	/*padding: 0 17vw 5px 8vw;*/
	padding: 0 0 5px 0;
	margin-top:-3.5em;
	font-size: 89%;
}

#under_03_Facility h4{
	font-size:146%;
}

#under_03_Facility .card{
	background-color:rgba(0,0,0,0);
	border-bottom-right-radius: 0;
	margin: 0 0 20px!important;
	border:solid 3px rgba(0,0,0,0);
}
#under_03_Facility .card#card_03F{
	width: 332px;
    margin: 0 0 20px!important;
}

#under_03_Facility .card .card-title span{
    padding: 0px 7px;
    margin-right: 7px;
    font-size: 74%;
}

.free{
	background-color:#6B573A;
	color:white;
	padding: 0 4px;
    font-size: 74%;
	margin-left:10px;
}

#under_03_title{
	position: fixed;
    width: 12vw;
    right: 0;
    top: 16vw;
	z-index:999999;
}

.under_03_content{
	/*margin-top: 100px;*/
	position:relative;
	text-align: center;
	padding: 100px 17vw 5px 8vw;

}

#under_03_02F{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_bg_img.svg);
	background-size:contain;
}

.under_03_floor_flag{
	width: 8vw;
	left: 14vw;
	position: absolute;
}

.floor_map{
	margin:100px 0 60px;
}

.under_03_content>h2,
h2.diagonal{
	text-align: center;
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_flame_bg.svg);
	background-color:#e8e8e8;
	background-repeat:no-repeat;
	background-position:bottom;
	position: relative;
	padding:14px;
	font-size:156%;
	letter-spacing:8px!important;
}
.md-br,
.lg-br{
	display:none;
}

.under_03_content#under_03_02F>h2{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_flame.svg);
	background-color:rgba(0,0,0,0);
	background-position:bottom;
}

#under_03_03F table{
	width: 100%;
	max-width:100%;
}

img.under_03_content_h{
	position:absolute;
	left:0;
}
#under_03_Facility h3{
	font-size: 23px;
    padding: 5px 10px;
}
td{
	vertical-align:middle!important;
}


th{
	background-color:#DFD1CB;
}
.table-bg-lightbrown{
	background-color:#F1ECDD;
}
.table-bg-blue{
	background-color:#D3E9F4;
}
.table-bg-red{
	background-color:#F4EAEC;
}
.table-bg-white{
	background-color:#FFFFFF;
}

.bg-white{
	background-color: white;
}
.bg-black{
	background-color: black;
}


@media( max-width: 800px ) {

	#under_03_title {
		position:absolute;
	    width: 23vw;
		top: 0vw;
	}

	.under_03_floor_flag {
		width: 24vw;
		left: 50vw;
		position: absolute;
		transform: translateX(-13vw);
	}

	.floor_map {
		margin: 130px 0 60px;
	}

	.under_03_content {
		position: relative;
		text-align: center;
	    padding: 30px 5vw 5px 5vw;
	}
	#under_03_Facility .card#card_03F{
		width: 100%;
		margin: 0 0 20px!important;
	}

	.under_03_content>h2{
		text-align: center;
		background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_flame_bg_sp.svg);
		background-color:#e8e8e8;
		background-repeat:no-repeat;
		background-position:bottom;
		position: relative;
		padding:4px;
		font-size: 132%;
		letter-spacing: 0.5px!important;
	}
	.md-br{
		display:block;
	}
	.under_03_content#under_03_02F>h2{
		background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_flame_sp.svg);
		background-color:rgba(0,0,0,0);
		background-position:bottom;
	}

}

#mietsu_01,
#mietsu_02,
#mietsu_03,
#mietsu_04,
#mietsu_05{
	margin-top:-3.5em;
	position:relative;
}

#mietsu_01 .top_str_area,
#mietsu_02 .top_str_area,
#mietsu_03 .top_str_area,
#mietsu_04 .top_str_area,
#mietsu_05 .top_str_area {
	position:absolute;
	top:3vw;
	left:10vw;
}
#mietsu_01 h1,
#mietsu_02 h1,
#mietsu_03 h1,
#mietsu_04 h1,
#mietsu_05 h1{
	color:white;
}

#mietsu_01 h2,
#mietsu_02 h2,
#mietsu_03 h2,
#mietsu_04 h2,
#mietsu_05 h2{
	text-align: center;
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/10/under_flame.png);
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	position: relative;
	padding: 10px 0;
	font-size: 196%;
	letter-spacing: 0.5px!important;
    margin: 40px 0;
	width: 100%;
	height: 55px;
	color: black;
}

@media( max-width: 800px ) {
	#mietsu_01 h2,
	#mietsu_02 h2,
	#mietsu_03 h2,
	#mietsu_04 h2,
	#mietsu_05 h2{
		text-align: center;
		background-image: none;
		border: 2px solid black;
		background-color: rgba(0,0,0,0);
		background-position: bottom;
		height:auto;
	}
}

#mietsu_01 h4,
#mietsu_02 h4,
#mietsu_03 h4,
#mietsu_04 h4,
#mietsu_05 h4{
    padding-top: 5px;
	color: black;
}

#mietsu_01 h4 span,
#mietsu_02 h4 span,
#mietsu_03 h4 span,
#mietsu_04 h4 span,
#mietsu_05 h4 span{
	background-color: white;
}

#mietsu_01 .top_str_h,
#mietsu_02 .top_str_h,
#mietsu_03 .top_str_h,
#mietsu_04 .top_str_h,
#mietsu_05 .top_str_h{
	position:absolute;
	width:12vw;
	top:3vw;
	right:0;
}

#mietsu_01 .content_area,
#mietsu_02 .content_area,
#mietsu_03 .content_area,
#mietsu_04 .content_area,
#mietsu_05 .content_area{
    padding: 0 14vw 0 7vw;
}

@media( max-width: 800px ) {
	#mietsu_01 .content_area,
	#mietsu_02 .content_area,
	#mietsu_03 .content_area,
	#mietsu_04 .content_area,
	#mietsu_05 .content_area{
		padding: 30px 2vw 0;
	}
}

#mietsu_01 .content_area h3,
#mietsu_02 .content_area h3,
#mietsu_03 .content_area h3,
#mietsu_04 .content_area h3,
#mietsu_05 .content_area h3{
	padding-bottom:10px;
}

#mietsu_01 .content_area h3 span,
#mietsu_02 .content_area h3 span,
#mietsu_03 .content_area h3 span,
#mietsu_04 .content_area h3 span,
#mietsu_05 .content_area h3 span{
	color: white;
    background-color: #3F9FEB!important;
    padding: 0 10px 3px 10px;
    margin: 0 5px 0 0;
    border-radius: 50%;
    font-size: 70%;
}

.text_color_red{
	color:#E64650;
}
.text_color_green{
	color:#53AF3A;
}
.text_color_blue{
	color:#5BB6EC;
}

@media( min-width: 800px ) {
	#mietsu_01 .content_01{
		padding-left: 7vw;
	}
}


#drydock_bg_1{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/drydock_bg_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
    padding: 7vw 14vw 7vw 7vw;
    margin: 50px -14vw 0 -7vw;
	color:white;
}

#drydock_bg_2{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/drydock_bg_2_1.png);
	background-size:cover;
	background-repeat:no-repeat;
    padding: 7vw 14vw 7vw 7vw;
    margin: 0 -14vw 0 -7vw;
	color:white;
}


@media( max-width: 800px ) {
	#drydock_bg_1,
	#drydock_bg_2{
		padding: 7vw 2vw!important;
	}
}

#mietsu_02 .card{
	margin: 0;
	border: none;
	font-size: 80%;
}

#mietsu_02 .card-text>span{
	font-weight: 600;
}

#mietsu_02 h3{
	background-image: url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/07/flag.png);
	background-size: 20px 40px;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding:0 0 10px 25px;
	margin-top: 50px;
}

@media( max-width: 800px ) {
	#mietsu_02 .content_area .content_01{
		margin-top: 0;
	}
}

.left_border{
	border-left:2px solid black;
	margin:15px 0;
}

@media( max-width: 800px ) {
	.left_border{
		border-top:2px solid black;
		border-left:none;
		margin:0;
		padding: 5px 22px;
	}
}

#mietsu_02 .content_area .content_01 .col-md-4{
	margin:50px 0;
}

@media( max-width: 800px ) {
	#mietsu_02 .content_area .content_01 .col-md-4{
		margin:15px 0;
	}

	.margin_img_top_sp{
		margin-top:10px;
	}
}


.content_02 h4 span{
	background-color:#4E9BE1!important;
    color: white;
    padding: 1px 8px 2px;
    margin-right: 7px;
    border-radius: 50%;
    font-size: 70%;
}

#drydock_bg_1 h5, #drydock_bg_2 h5{
	font-size: 187%;
}

.content_02 h4{
	padding-bottom:20px;
}

.tab{
	position: absolute;
	bottom: -1px;
	left: 0;
}
.goto_mietsu01{
	position:absolute;
	height: 6.1vw;
    width: 17.9vw;
    bottom: 0;
    left: 7.4vw;
}
.goto_mietsu02{
	position:absolute;
	height: 6.1vw;
    width: 16.1vw;
    bottom: 0;
    left: 26.2vw;
}
.goto_mietsu03{
	position:absolute;
	height: 6.1vw;
    width: 13.3vw;
    bottom: 0;
    left: 43.2vw;
}
.goto_mietsu04{
	position:absolute;
	height: 6.1vw;
    width: 12.7vw;
    bottom: 0;
    left: 57.4vw;
}
.goto_mietsu05{
	position:absolute;
	height: 6.1vw;
    width: 13.1vw;
    bottom: 0;
    left: 71vw;
}


.this_page,
.goto_mietsu01_sp,
.goto_mietsu02_sp,
.goto_mietsu03_sp,
.goto_mietsu04_sp,
.goto_mietsu05_sp,
.goto_history01_sp,
.goto_history02_sp{
	display:none;
	text-align:center;
	font-weight:bold;
}


@media( max-width: 800px ) {
	.goto_mietsu01_sp,
	.goto_mietsu02_sp,
	.goto_mietsu03_sp,
	.goto_mietsu04_sp,
	.goto_mietsu05_sp,
	.goto_history01_sp,
	.goto_history02_sp,
	img.tab{
		display:none;
	}
	.under_05_mietsu .this_page{
		display: block;
		border-bottom: 3px solid #3FA0EC;
	}
	.under_04_history .this_page{
		display: block;
		border-bottom: 3px solid #DD2C2B;
	}
	.goto_mietsu01_sp,
	.goto_mietsu02_sp,
	.goto_mietsu03_sp,
	.goto_mietsu04_sp,
	.goto_mietsu05_sp,
	.goto_history01_sp,
	.goto_history02_sp{
		display: block;
	}
}


/* history_01&02 */
#history_01,
#history_02,
#heritage_{
	margin-top:-2.55em;
}

#history_01 img.top_str_h,
#history_02 img.top_str_h {
    position: fixed;
    width: 13vw;
    height: 18vw;
    top: 232px;
    right: 0;
	z-index: 99999;
}

@media ( max-width:800px ){
	#history_01 img.top_str_h,
	#history_02 img.top_str_h {
		position: absolute;
    	top: 2vw;
    	right: 0;
    	height: 60%;
	}
}

#mietsu_01 img.top_str_h,
#mietsu_02 img.top_str_h,
#mietsu_03 img.top_str_h,
#mietsu_04 img.top_str_h,
#mietsu_05 img.top_str_h{
    position: fixed;
    width: auto;
    height: 27vw;
    top: 232px;
    right: 0px;
	z-index: 99999;
}

@media ( max-width:800px ){
	#mietsu_01 img.top_str_h,
	#mietsu_02 img.top_str_h,
	#mietsu_03 img.top_str_h,
	#mietsu_04 img.top_str_h,
	#mietsu_05 img.top_str_h{
		position: absolute;
    	top: 6vw;
    	right: 0px;
    	height: 60%;
	}
}


.top_str_h {
    position: absolute;
    top: 2vw;
    right: 0;
    height: 60%;
}

.top_str_area {
    position: absolute;
    top: 2vw;
    left: 36%;
}
.top_str_area h1,
.top_str_area h4{
	padding-top: 5px;
}

@media( max-width: 800px ) {
	.top_str_area h1,
	.top_str_area h4{
		padding-top: 1px;
	}
	.top_str_area h1{
		font-size:1.5rem;
	}
	.top_str_area h4{
		font-size:0.5rem;
	}
}

.top_str_area h4 span{
	color: black;
	background-color: white;
}

.history_01 .tab {
	bottom: -6px!important;
}

.goto_history01{
    position: absolute;
    height: 4.65vw;
    width: 31.5vw;
    bottom: -1px;
    left: 14.6vw;
}


.goto_history02{
    position: absolute;
    height: 4.65vw;
    width: 31.5vw;
    bottom: -1px;
    left: 47.2vw;
}


#history_01 .bg_img01{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_01_1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#history_01 .bg_img02{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_01_2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#history_01 .bg_img03{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_01_3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#history_01 .bg_img04{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_01_4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#history_01 .row,
#history_02 .row,
#heritage_ .row{
	padding: 5% 15vw 5% 8vw!important;
}
@media( max-width: 800px ) {
	#history_01 .row,
	#history_02 .row,
	#heritage_ .row{
		padding: 10px 20px!important;
	}
}

#history_01 p,
#history_02 p{
	font-size:85%;
}
#history_01 h3,
#history_02 h3,
#heritage_ h3{
	font-size:1.25rem;
	position:relative;
	padding-left: 1.3em;
}
#history_01 h3 span,
#history_02 h3 span,
#heritage_ h3 span{
	color: white;
	background-color: #DD2C2B;
    padding: 2px 6px;
    border-radius: 50%;
    font-size: 70%;
	position: absolute;
    left: 0;
    top: 2px;
}

.spacer_col_pc{
	min-height:20px;
}
@media( max-width: 800px ) {
	.spacer_col_pc{
		display:none;
	}
}


.bg_none .minus-margin{
	margin-top: -250px;
}

.bg_img02 .minus-margin{
	margin-top: -220px;
}

@media( max-width: 800px ) {
	.minus-margin{
		margin-top: 0!important;
	}
}
#history_01 h2,
#history_02 h2,
#heritage_ h2{
	text-align: center;
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/under_03_flame_bg.svg);
	background-color:white;
	background-repeat:no-repeat;
	background-position:bottom;
	position: relative;
	padding: 5px 0  10px;
	font-size: 196%;
	letter-spacing: 0.5px!important;
    margin: 0 0 40px;
	width:100%;
}
#heritage_ h2{
	background-color: #e8e8e8;
}

@media( max-width: 800px ) {
	#history_01 h2,
	#history_02 h2,
	#heritage_ h2{
		background-image: none;
		border: 2px solid black;
		background-color: rgba(0,0,0,0);
		background-position: bottom;
	}
	#heritage_ h2{
		background-color: #e8e8e8;
	}

	#history_01 img,
	#history_02 img,
	#heritage_ img{
		margin-top:10px;
	}
}

#history_02 .fullsize_row{
	padding:0!important;
}

p.left_space_p{
	margin-left:8vw;
}
@media( max-width: 800px ) {
	p.left_space_p{
		margin-left:0;
	}
}

#history_02 .bg_img01{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_02_1.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	height:60vw;
}
@media( max-width: 800px ) {
	#history_02 .bg_img01{
		background-size:cover;
		height:auto;
	}
}
#history_02 .bg_img02{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/bg_04_02_2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#history_02 .bg_img03{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/2021/09/04_02_4-4.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height: 50vw;
}

#history_02 .bg_none02 .minus-margin{
	margin-top: -275px;
}
#history_02 .bg_none02 .col-md-7.minus-margin{
	margin-left: -8vw;
}

#history_02 .bg_none12 .col-md-9 img{
	width: 100%;
}
#history_02 .bg_none12 .col-md-9.minus-margin{
	margin-right: -14vw;
	padding-right: 0;
}
#history_02 .bg_none12 .col-md-9.minus-margin img{
	width: 100%;
}
#history_02 .bg_none12 .col-md-6.minus-margin{
	margin-left: -8vw;
    margin-top: -160px;
}

@media( max-width: 800px ) {
	#history_02 .minus-margin{
		margin: 0!important;
	}
}
#history_02 .bg_none05 {
    margin-top: -385px;
}
@media( max-width: 800px ) {
	#history_02 .bg_none05{
		margin-top: 0;
	}
}

#chara_05,#chara_06 {
    width: 10vw;
    position: absolute;
    right: 2vw;
    bottom: 0.5vw;
}

#heritage_ .top_str_area{
	color: white;
	left: 8vw;
}

#heritage_ .top_str_h{
    position: fixed;
    top: 18vw;
    right: 0;
    height: 36%;
}

#heritage_{
	background-color: #e8e8e8;
}

@media( max-width: 800px ) {
	#heritage_ .top_str_h {
		position: fixed;
		top: 18vw;
		right: 0;
		height: 36%;
	}
	#heritage_ .top_str_area h1,
	#heritage_ .top_str_area p {
    	margin-bottom: -3px;
	}
}

.overlay{
	position: relative;
}

.overlay *{
	position: absolute;
}

.overlay p{
	font-size: 80%;
}
.overlay img{
	width: 10vw;
	margin-top: 25px;
}

@media( max-width: 800px ) {
	.overlay p{
		position: relative;
	}
	.overlay img{
		width: 46vw!important;
		position: absolute;
	}
}

#heritage_ .date{
	color: #8D7D73;
}

#heritage_ .content_03 .col-10{
	border-left: 4px solid #BCA78E;
	margin: 10px 0;
}

#heritage_ .content_03 img{
	margin: 20px 0;
}

#heritage_ .content_02 p,
#heritage_ .content_02 h6{
	margin-bottom: 0;
}

#heritage_ .content_02 h6,
#heritage_ .content_02 h6 a{
	color: #836239;
}

#heritage_ .content_02 a{
	border-bottom: 1px solid gray;
}

#heritage_ .content_02{
	display:none;
}

img#Map{
	width:77vw;
	height:100.6vw;
}

@media( max-width: 800px ) {
	#heritage_ .content_02{
		display:flex;
	}
	#heritage_ .top_str_h{
		position: absolute;
		height: 190px;
		top: 15px;
	}
	img#Map{
		width:99vw;
		height:129.4vw;
	}

}

#reservation_{
	margin: 30px 6vw 20px 8vw;
}
#reservation_ h2{
	padding-top: 0;
	margin-top: 50px;
}

#reservation_ h3>span{
	padding: 2px 10px;
	border-radius: 50%;
	font-size: 70%;
}

#reservation_ p.border-line{
	height: 0px;
	border-top: dashed 2px black;
	margin-top: 50px;
}

#reservation_ .margin-bottom{
	margin-bottom:50px;
}

#reservation_ .logo{
    width: 20px;
    height: 20px;
    display: inline-block!important;
    vertical-align: top;
    margin-top: 6px;
}

#reservation_ .logo_str{
	display:inline-block!important;
}

#under_wave{
	width: 60%;
}


#apl{
	background-image:url(https://sano-mietsu-historymuseum.city.saga.lg.jp/wp-content/uploads/svg/guide_app_bg.svg);
	background-size: content;
	margin: 50px 4vw 50px 8vw!important;
}

@media( max-width: 800px ) {
	#apl{
		margin: 50px 3vw!important;
	}
}

#guide_app_innerflame h2{
	padding-top: 10px;
	text-align: left;
	font-size: 250%;
	font-weight: 700;
	padding-bottom: 9px;
}

.font-08{
	font-size: 80%;
    line-height: 1.65rem;
	font-weight: 500;
}
.font-07{
	font-size: 62%;
    line-height: 1.15rem;
}

.w-48{
	width: 48%!important;
}

.rounded {
    border-radius: 2rem!important;
}

.single-keyvisual .tablecell{
	display: none;
}

article.type-post{
	margin: 0 4vw 0 8vw;
}

article.type-post ul ,
article.type-post li {
	list-style: disc!important;
}

/* pタグ自動除去時に除去しきれない分の対応 */
article.twentyseventeen-panel>p,
div.container-fluid>p{
	margin:0!important;
}

@media( max-width: 800px ) {
	article.type-post{
		margin: 0 4vw;
	}
}

#under_03_Facility .card-body{
	padding:0!important;
}

#under_03_Facility .card-img-top{
	margin-bottom: 15px!important;
}

.category-news ul{
	margin-left:21px;
}

a:hover *{
	opacity: 0.7;
}


/* Mietsu Jinbutsu Start */

/* Green */
.cp_green_title{
	position: relative;
	overflow: hidden;
	padding: 1em;
	padding-left:0 !important;
	margin-top: 10px;
}
.cp_green_title::before,
.cp_green_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.cp_green_title:before{
	border-bottom: 8px solid #00c954;
	width: 100%;
}
.cp_green_title:after{
	border-bottom: 8px solid #00963d;
	width: 100%;
}

/* Red */
.cp_red_title{
	position: relative;
	overflow: hidden;
	padding: 1em;
	padding-left:0 !important;
	margin-top: 10px;
}
.cp_red_title::before,
.cp_red_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.cp_red_title:before{
	border-bottom: 8px solid #d80100;
	width: 100%;
}
.cp_red_title:after{
	border-bottom: 8px solid #b2001b;
	width: 100%;
}

/* Blue */
.cp_blue_title{
	position: relative;
	overflow: hidden;
	padding: 1em;
	padding-left:0 !important;
	margin-top: 10px;
}
.cp_blue_title::before,
.cp_blue_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.cp_blue_title:before{
	border-bottom: 8px solid #11a0d5;
	width: 100%;
}
.cp_blue_title:after{
	border-bottom: 8px solid #450fcd;
	width: 100%;
}

/* Purple */
.cp_purple_title{
	position: relative;
	overflow: hidden;
	padding: 1em;
	padding-left:0 !important;
	margin-top: 10px;
}
.cp_purple_title::before,
.cp_purple_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.cp_purple_title:before{
	border-bottom: 8px solid #9c83e0;
	width: 100%;
}
.cp_purple_title:after{
	border-bottom: 8px solid #665195;
	width: 100%;
}

/* Yellow */
.cp_yellow_title{
	position: relative;
	overflow: hidden;
	padding: 1em;
	padding-left:0 !important;
	margin-top: 10px;
}
.cp_yellow_title::before,
.cp_yellow_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}
.cp_yellow_title:before{
	border-bottom: 8px solid #fbec00;
	width: 100%;
}
.cp_yellow_title:after{
	border-bottom: 8px solid #e2d800;
	width: 100%;
}

/* Mietsu Jinbutsu End */

.lowspacer{
	margin-bottom: 50px;
}

.fontsize_middle{
	font-size: 70%;
}

.fontsize_small{
	font-size: 50%;
}

/* PageEnd prev,next menu */
.footer_menu{
	margin-top:50px ;
	padding-bottom:50px ;
	text-align:center;
	text-decoration:underline;
}