@charset "utf-8";
/*
Theme Name:Miyako
Theme URI:https://www.r-miyako.com/
Description:Sample
Version:1.1
Author:Miyako
Author URI:https://www.r-miyako.com/
*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');figure
*{font-family:"Zen Maru Gothic", sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;font-style:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;font-weight:500;}
body{color:#000;line-height:1.5;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:0;}
figure{margin:0;line-height:0;text-align:center;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
p,th,td,li,dt,dd,a,figcaption{font-size:16px;line-height:2;}
p{margin-bottom:1.5rem;}
p:last-of-type{margin:0;}
figcaption{text-align:center;}
img{height:auto;max-width:100%;}
blockquote{background-color:#EBEDF1;margin:0 0 20px;padding:15px 25px;border-left:5px solid #D3D5D9;}
blockquote,blockquote p{font-style:italic;line-height:30px;}
blockquote p{margin-bottom:0!important;}
blockquote cite,blockquote small{color:#242526;font-size:15px;display:block;line-height:20px;padding-top:15px;}
blockquote em,blockquote i,blockquote cite{font-style:normal;}
blockquote strong,blockquote b{font-weight:700;}
a{color:#006535;text-decoration:none;}
a:hover{color:#b30322;}
a:active,a:focus{outline:0;}
input,textarea{vertical-align:middle;line-height:24px;height:24px;padding:1px 5px;border:1px solid #ccc;font-size:100%;color:#555;}
textarea{height:auto;line-height:1.5;}
input[type="submit"],input[type="reset"],input[type="button"]{padding:3px 10px;background:#5c4d41;border:0;line-height:1.5;height:auto;font-size:110%;color:#fff;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{background:#e4e4e4;cursor:pointer;}
pre{background-color:#f5f6f7;border:1px solid #ddd;overflow:auto;padding:10px;}

/* Common
-------------------------*/
#sidebar{
	background-image:url(img/green.webp);
	background-size:100%;
	background-position:center top;
	box-sizing:border-box;}
#secondary .widget_media_image{
	text-align:center;}
#secondary .catch{
	font-weight:bold;
	font-size:12px;
	display:table;
	margin:auto;}
#secondary .widget_status{
	margin:30px 0 0;
	position:relative;
	background:#8bc53f;
	padding:20px;}
#secondary .widget_status::after{
	content:'';
	position:absolute;
	top:-10px;
	left:0;
	width:100%;
	height:15px;
	background-image:url(img/grass.svg);
	background-repeat:no-repeat;}
#secondary .widget_tel{
	background:#8bc53f;}
#secondary .widget_tel img{
	transition:0.3s}
#secondary .widget_tel a:hover img{
	opacity:0.5;}
#secondary .widget_recruit{
	text-align:center;
	padding:20px 20px 50px;
	background:#8bc53f;}
#secondary .widget_recruit img{
	transition:0.3s}
#secondary .widget_recruit a:hover img{
	opacity:0.5;}
.container{
	padding:20px 20px 80px;}
.borderless{
	padding:20px 0 80px;}
.inner{
	margin:auto;
	max-width:1100px;}
.w-1000,
.w-900,
.w-800{
	margin-left:auto!important;
	margin-right:auto!important;}
.w-1000{
	max-width:1000px;}
.w-900{
	max-width:900px;}
.w-800{
	max-width:800px;}
#content dd{
	margin-left:40px;}
#content .wp-block-gallery ul{
	padding-left:0;}
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	margin-bottom:15px;
	line-height:1.25;
	font-weight:bold;}
#content h4,
#content h5,
#content h6{
	font-size:20px;
	padding:9px 10px;}
#content h2{
	font-size:24px;
	padding:25px;
	background-color:#c2dc88;
	border-radius:2px;
	color:#FFF;}
#content h3{
	border-left:5px solid #006535;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:20px;
	padding:10px 20px;}
#content h4{
	text-align:left;
	border-top:1px solid #006535;
	border-bottom:1px solid #006535;}
#content h5{
	border-bottom:2px solid #006535;}
#content h6{
	border-bottom:1px solid #006535;}
@media only screen and (min-width:1024px){
	#wrapper{
		width:100%;}
	#content{
		margin:0 0 0 auto;
		width:calc(100% - 250px);}
	#sidebar{
		padding:30px 0 0;
		width:250px;
		height:100vh;
		overflow:auto;
		position:fixed;
		top:0;
		left:0;}
	#sidebar::-webkit-scrollbar{
		background:#fff;
		height:10px;
		width:5px;}
	#sidebar::-webkit-scrollbar-thumb{
		background:#ddd;
		border-radius:20px;}
	#sidebar-box{
		line-height:1.5;
		padding:20px;
		width:fit-content;}
	#sidebar h1{
		display:none;}
	#sidebarWrap{
		margin:auto;}
	.container{
		padding:40px 20px 160px;}
	.borderless{
		padding:40px 0 160px;}
}
@media only screen and (min-width:1200px){
	#content{
		width:calc(100% - 300px);}
	#sidebar{
		width:300px;}
}
@media only screen and (max-width:1023px){
	#secondary{
		display:none;}
	#sidebar{
		position:fixed;
		top:0;
		width:100%;
		z-index:500;}
	#sidebarWrap{
		position:relative;
		width:100%;
		height:60px;
		border-bottom:1px solid #ccc;}
	#sidebar h1{
		text-align:center;
		display:flex;
		align-items:center;
		position:relative;
		z-index:2;
		height:60px;
		width:calc(100% - 80px);
		padding:0 0 0 20px;}
	#sidebar h1 a{
		line-height:0;}
	#sidebar h1 img{
		width:auto !important;
		max-height:25px;}
	#menuWrap {
		height:60px;}
}

.section{padding:20px;}
.aligncenter{display:block;margin:0 auto;text-align:center;}
.alignleft{display:block;margin:0 auto 0 0;}
.alignright{display:block;margin:0 0 0 auto;}
.txtcenter{text-align:center;}
.txtleft{text-align:left;}
.txtright{text-align:right;}
.floatright{padding:4px;margin:0 0 2px 8px;display:inline;float:right;}
.floatleft{padding:4px;margin:0 8px 2px 0;display:inline;float:right;}
.sp-br,.ssp-br,.sp-tblbr{display:none;}
.sp-img{display:none;}
.pc-cnt{text-align:center;}
.sp-cnt{text-align:left;}
@media only screen and (max-width:767px){
	.pc-br{display:none;}
	.sp-br{display:block;}
	.pc-cnt{text-align:left;}
	.sp-cnt{text-align:center;}
}
@media only screen and (max-width:690px){
	.pc-img{display:none;}
	.sp-img{display:block;}
}
@media only screen and (max-width:380px){
	.pc-tblbr{display:none;}
	.sp-tblbr{display:block;}
}

/* Basic
--------------------*/
.widget-title{
	text-align:center;
	color:#fff;
	font-weight:bold;
	display:table;
	font-size:20px;
	margin:0 auto 10px;
	padding:0 0 5px;
	border-bottom:4px dotted #fff;}
.wp-block-heading{
	font-size:18px;
	font-weight:bold;
	margin:0 auto 30px;
	text-align:center;}
.wp-block-image{
	width:calc(100% - 40px);
	margin-bottom:1.5rem;
	line-height:0;}
.wp-block-list{
	font-size:15px;
	padding:0 0 0 18px;}
.wp-block-list li{
	line-height:1.8em;
	list-style:disc;}

/* Margin
--------------------*/
.m-0{ margin:0!important; }
.m-1{ margin:0.25rem!important; }
.m-2{ margin:0.5rem!important; }
.m-3{ margin:1rem!important; }
.m-4{ margin:1.5rem!important; }
.m-5{ margin:3rem!important; }
.m-auto{ margin:auto!important; }
.mx-0{ margin-right:0!important; margin-left:0!important; }
.mx-1{ margin-right:0.25rem!important; margin-left:0.25rem!important; }
.mx-2{ margin-right:0.5rem!important; margin-left:0.5rem!important; }
.mx-3{ margin-right:1rem!important; margin-left:1rem!important; }
.mx-4{ margin-right:1.5rem!important; margin-left:1.5rem!important; }
.mx-5{ margin-right:3rem!important; margin-left:3rem!important; }
.mx-auto{ margin-right:auto!important; margin-left:auto!important; }
.my-0{ margin-top:0!important;	margin-bottom:0!important; }
.my-1{ margin-top:0.25rem!important; margin-bottom:0.25rem!important; }
.my-2{ margin-top:0.5rem!important; margin-bottom:0.5rem!important; }
.my-3{ margin-top:1rem!important; margin-bottom:1rem!important; }
.my-4{ margin-top:1.5rem!important; margin-bottom:1.5rem!important; }
.my-5{ margin-top:3rem!important; margin-bottom:3rem!important; }
.my-auto{ margin-top:auto!important; margin-bottom:auto!important; }
.mt-0{ margin-top:0!important; }
.mt-1{ margin-top:0.25rem!important; }
.mt-2{ margin-top:0.5rem!important; }
.mt-3{ margin-top:1rem!important; }
.mt-4{ margin-top:1.5rem!important; }
.mt-5{ margin-top:3rem!important; }
.mt-auto{ margin-top:auto!important; }
.me-0{ margin-right:0!important; }
.me-1{ margin-right:0.25rem!important; }
.me-2{ margin-right:0.5rem!important; }
.me-3{ margin-right:1rem!important; }
.me-4{ margin-right:1.5rem!important; }
.me-5{ margin-right:3rem!important; }
.me-auto{ margin-right:auto!important; }
.mb-0{ margin-bottom:0!important; }
.mb-1{ margin-bottom:0.25rem!important; }
.mb-2{ margin-bottom:0.5rem!important; }
.mb-3{ margin-bottom:1rem!important; }
.mb-4{ margin-bottom:1.5rem!important; }
.mb-5{ margin-bottom:3rem!important; }
.mb-auto{ margin-bottom:auto!important; }
.ms-0{ margin-left:0!important; }
.ms-1{ margin-left:0.25rem!important; }
.ms-2{ margin-left:0.5rem!important; }
.ms-3{ margin-left:1rem!important; }
.ms-4{ margin-left:1.5rem!important; }
.ms-5{ margin-left:3rem!important; }
.ms-auto{ margin-left:auto!important; }

/* Display
--------------------*/
.d-inline{ display:inline!important; }
.d-inline-block{ display:inline-block!important; }
.d-block{ display:block!important; }
.d-grid{ display:grid!important; }
.d-inline-grid{ display:inline-grid!important; }
.d-table{ display:table!important; }
.d-table-row{ display:table-row!important; }
.d-table-cell{ display:table-cell!important; }
.d-flex{ display:flex!important; }
.d-inline-flex{ display:inline-flex!important; }
.d-none{ display:none!important; }
.algn-item-s{align-items:start;}
.algn-item-c{align-items:center;}
.algn-item-e{align-items:end;}

/* Text
--------------------*/
.kome,
.maru,
.star{
	position:relative;
	display:block;
	text-align:left !important;
	padding:0 0 0 1.2em;}
.kome::after,
.maru::after,
.star::after{
	position:absolute;
	top:0;
	left:0;
	z-index:2;}
.kome::after{
	content:'\203b';}
.maru::after{
	content:'\25cf';}
.star::after{
	content:'\2605';}

/* Availability
--------------------*/
#available{
	max-width:210px;
	margin:auto;
	display:flex;
	gap:15px;
	width:100%;
	max-width:none;}
.avail-box{
	display:flex;
	flex-wrap:wrap;
	height:60px;
	box-sizing:border-box;
	border-radius:6px;
	width:50%;
	height:80px;
	display:flex;
	margin:0;}
.avail-box.female{
	border:1px solid #ff7bab;
	background:#ff7bab;
	margin:0;}
.avail-box.male{
	border:1px solid #3fa8f4;
	background:#3fa8f4;}
.avail-title,
.avail-state{
	width:50%;
	display:flex;
	justify-content:center;
	align-items:center;}
.avail-title{
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;}
.avail-state{
	background:#FFF;
	border-radius:0 6px 6px 0;}
.avail-state img{
	width:40px;
	height:40px;}
@media only screen and (min-width:1024px){
	#available{
		display:block;}
	.avail-box{
		width:100%;
		max-width:165px;
		height:55px;}
	.avail-box.female{
		margin:0 auto 5px;}
	.avail-box.male{
		margin:auto;}
	.avail-title{
		font-size:22px;}
}
@media only screen and (max-width:480px){
	#available{
		gap:5px;}
	.avail-box{
		height:60px;}
}

/* Arrival
--------------------*/
#arrival{
	padding:30px 20px;}
.arr-list li{
	border-bottom:2px dotted #ccc;
	padding:10px 0;
	position:relative;
	transition:0.3s;}
.arr-list li .cate{
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#aaa;
	width:80px;
	color:#fff;
	height:25px;}
.arr-list li .cate.cate-visiting{
	background:#7ac2f4;}
.arr-list li .cate.cate-seasonal{
	background:#ffab73;}
.arr-list li .cate.cate-newsletter{
	background:#9ac935;}
.arr-list .arr-data,
.arr-list .arr-txt{
	display:flex;
	align-items:center;
	gap:20px;}
.arr-list li .new{
	background:#da5872;
	color:#FFF;
	font-size:14px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:28px;}
.arr-list li a.link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}
.arr-list li a.link span{
	display:none;}
.arr-list li:hover{
	background:#eee;}
@media only screen and (min-width:1024px){
	.arr-list li{
		border-bottom:none;
		display:flex;
		align-items:center;
		gap:20px;}
}

/* Article
--------------------*/
#news{
	padding:30px 20px 50px;}
.category-list{
	margin:auto;
	max-width:1100px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;}
.category-list .item{
	margin:10px 0 0;
	line-height:0;
	display:flex;
	align-items:center;
	justify-content:center;}
.category-list .item:first-child{
	margin:0;}
.category-list .item img{
	width:100%;}
.tab-contents{
	position:relative;
	padding:45px 0 0;}
.tab-contents::before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	width:0;
	height:0;
	border-style:solid;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:0;}
.tab-visiting::before{
	border-bottom:35px solid #E4F3FD;}
.tab-event::before{
	border-bottom:35px solid #FFEADC;}
.tab-newsletter::before{
	border-bottom:35px solid #E9F3D2;}
.article-list article{
	position:relative;
	padding:15px 20px;}
.article-list article:nth-child(odd){
	background:#E4F3FD;}
.tab-visiting article:nth-child(odd){
	background:#E4F3FD;}
.tab-event article:nth-child(odd){
	background:#FFEADC;}
.tab-newsletter article:nth-child(odd){
	background:#E9F3D2;}
.article-list article:nth-child(even){
	background:#fff;}
.article-list article a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;}
.article-list article a span{
	display:none;}
.article-list article .box{
	display:flex;
	gap:25px;
	margin:auto;
	max-width:500px;
	font-weight:bold;}
/* accordion */
.acd-news{
	margin-inline:auto;}
.acd-news input{
	display:none;
	border:none;}
.acd-news-blk label{
	display:block;
	text-align:center;
	width:100%;}
.acd-news-blk label::after{
	transition:transform ease 0.4s;
	transform:translateY(-50%) rotate(90deg);}
.acd-news-blk input:checked~label::after{
	transform:translateY(-50%) rotate(0deg);}
.acd-news-blk input:checked~.acd-news-cont{
	position: relative;
	padding:45px 0 0;
	grid-template-rows:1fr;
	opacity:1;
	visibility:visible;}
.acd-news-blk input:checked~.acd-news-cont::before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	width:0;
	height:0;
	border-style:solid;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:0;}
.acd-news-blk input:checked~.acd-news-cont.acd-news-cont.tab01::before{
	border-bottom:35px solid #E4F3FD;}
.acd-news-blk input:checked~.acd-news-cont.acd-news-cont.tab02::before{
	border-bottom:35px solid #FFEADC;}
.acd-news-blk input:checked~.acd-news-cont.acd-news-cont.tab03::before{
	border-bottom:35px solid #E9F3D2;}
.acd-news-blk .acd-news-cont{
	display:grid;
	grid-template-rows:0fr;
	opacity:0;
	visibility:hidden;
	transition:grid-template-rows ease 0.4s;}
.acd-news-blk .acd-news-unordered{
	overflow:hidden;
	transition:opacity ease 0.4s, visibility ease 0.4s;}
.acd-news-cont article{
	position:relative;
	padding:15px 20px;}
.acd-news-cont.tab01 article:nth-child(odd){
	background:#E4F3FD;}
.acd-news-cont.tab02 article:nth-child(odd){
	background:#FFEADC;}
.acd-news-cont.tab03 article:nth-child(odd){
	background:#E9F3D2;}
.acd-news-cont article:nth-child(even){
	background:#fff;}
.acd-news-cont article time{
	margin:0 0 5px;
	padding:0 0 5px;
	display:block;
	border-bottom:2px solid #FFF;}
.acd-news-cont article a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;}
.acd-news-cont article a span{
	display:none;}
@media only screen and (min-width:800px){
	#news{
		padding:40px 20px 100px;}
	.category-list{
		justify-content:space-between;}
	.category-list .item{
		width:calc(100%/3);
		margin:0;}
	.tab-visiting::before{
		right:auto;
		left:17%;}
	.tab-event::before{
		left:5%;}
	.tab-newsletter::before{
		left:auto;
		right:12%;}
}
@media only screen and (min-width:1440px){
	.tab-visiting::before{
		left:calc(50% - 365px);}
	.tab-event::before{
		right:auto;
		left:calc(50% + 5px);}
	.tab-newsletter::before{
		right:calc(50% - 410px);}
}

/* Floating Banner
--------------------*/
#floating{
	display:none;
	position:fixed;
	bottom:0;
	background:#8bc53f;
	padding:10px 20px;
	width:100%;
	height:145px;
	z-index:10;
	box-sizing:border-box;}
.sp-status{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;}
.status-date{
	color:#FFF;
	margin:0 0 5px;
	font-size:13px;}
.status-txt{
	text-align:left;
	line-height:1.4;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	display:table;
	margin:0!important;}
.status-title{
	font-size:25px;
	font-weight:bold;
	color:#FFF;}
.status-code{
	display:flex;
	width:75%;}
.status-disc{
	width:25%;}
.sp-float-btn{
	margin:5px 0 0;
	display:flex;
	gap:10px;}
@media only screen and (max-width:1023px){
	#floating{
		height:240px;
		display:block;}
}
@media only screen and (max-width:640px){
	#floating{
		height:210px;}
	.status-title{
		font-size:22px;}
	.status-txt{
		font-size:13px;}
	.status-disc{
		width:30%;}
	.status-code{
		width:70%;}
}
@media only screen and (max-width:480px){
	#floating{
		height:140px;}
	.status-title{
		line-height:1.2;
		font-size:18px;}
	.status-txt{
		font-size:9px;}
}