@charset "UTF-8";

/*======*/
body,html{margin:0px;padding:0px;cursor:default;font-size:12px;line-height:1.6;text-align:center;color:#03333e;}
body {font-family:"メイリオ",ＭＳ Ｐゴシック,Osaka;margin:0px;padding:0px;zoom: 1.0;-moz-transform: scale(1.0);}
	@media all and (max-width: 1024px) {
		body {font-family: Verdana, sans-serif;-webkit-text-size-adjust: none;overflow-x:hidden;min-width:100%;}
	}
a{cursor:pointer;outline:none;text-decoration:none;}
input,textarea,option,select{font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #e0e0e0;}
h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd,article,nav,span,form,img,nav,section{font-size:12px;margin:0px auto;padding:0px;vertical-align:top;font-weight:normal;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a:hover img{opacity:0.9;filter: alpha(opacity=95);}
ul,li{list-style-type:none;}
body{background: url(../img/common/bg.webp) no-repeat top center fixed;background-size:cover;}
	@media all and (min-width: 1025px) {
		.pc_none{display:none;}
		#container{width:100%;overflow-x:hidden;}
		#contents_bg{width:calc(100% - 20px);max-width:1200px;padding:30px 0px 40px 0px;}
	}
	@media all and (max-width: 1024px) {
		.pc_none{display:none;}
		#contents_bg{width:calc(100% - 20px);max-width:1200px;padding:30px 0px 40px 0px;}
	}
	@media all and (max-width: 768px) {
		.smart_none{display:none;}
		.pc_none{display:block;}
		body,html{line-height:1.5;}
		#contents_bg{width:calc(100% - 20px);max-width:1200px;padding:30px 0px 40px 0px;}
	}
	@media all and (max-width: 390px) {
	}

/*===■H1===*/
h1{width:100%;background:rgba(118,231,225,1.0);}
h1 span{display:inline-block;width:calc(100% - 20px);max-width:1200px;padding:4px 0px;}

/*===■ヘッダー===*/
header {width:100%;background: url(../img/header/bg.webp) no-repeat;background-size:2000px 1314px;background-position:top center;}
header div.logo{width:100%;padding:100px 0px;max-width:1200px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
header div.logo_in{width:100%;height:auto;max-width:68.33%;margin:0px;}
header div.logo p.logo {width:100%;height:auto;max-width:600px;margin:0px auto;padding-bottom:30px;}
header div.logo p.logo img{width:100%;height:auto;line-height:0;max-width:600px;}
header div.logo p.concept {width:100%;height:auto;max-width:700px;margin:0px auto;}
header div.logo p.concept img{width:100%;height:auto;line-height:0;max-width:700px;}
	@media all and (max-width: 768px) {
		header {width:100%;background: url(../img/common/bg_s.webp) no-repeat;background-size:auto 100%;background-position:top center;}
		header div.logo p.logo {width:70%;}
		header div.logo_in{max-width:90%;}
		header div.logo{padding:150px 0px 30px 0px;
			display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
			-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
			-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}
	}

/*===■ヘッダー 電話番号・ライン・Xアイコン===*/
header div.tel_time_icon{width:100%;background:rgba(118,231,225,0.6);padding:6px 0px;}
header div.tel_time_icon ul{width:100%;margin:0px;gap:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
header div.tel_time_icon ul li{width:auto;margin:0px;}
header div.tel_time_icon ul li.tel_time{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;}
header div.tel_time_icon ul li p.tel{width:auto;text-align:right;line-height:1;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
header div.tel_time_icon ul li p.tel small{display:inline-block;width:auto;text-align:right;line-height:1;background:#03333e;color:#efeac5;padding:3px 15px;margin-right:7px;transform: translateY(-1.5px);}
header div.tel_time_icon ul li p.tel a{display:inline-block;width:auto;text-align:right;line-height:1;font-size:21px;color:#03333e;}
header div.tel_time_icon ul li p.time{width:auto;text-align:right;padding-right:5px;color:#03333e;}
header div.tel_time_icon ul li.line{width:26px;}
header div.tel_time_icon ul li.line img{width:26px;height:auto;line-height:0;}
header div.tel_time_icon ul li.x_twitter{width:26px;}
header div.tel_time_icon ul li.x_twitter img{width:26px;height:auto;line-height:0;}
	@media all and (max-width: 768px) {
		header div.tel_time_icon ul{gap:3px;}
		header div.tel_time_icon ul li.tel_time{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3px;}
		header div.tel_time_icon ul li p.tel{display:block;width:100%;text-align:center;}
		header div.tel_time_icon ul li p.tel a{font-size:19px;}
		header div.tel_time_icon ul li p.time{display:block;width:100%;text-align:center;padding-right:0px;line-height:1.5;}
		header div.tel_time_icon ul li p.tel small{transform: translateY(-3.5px);}
		header div.tel_time_icon ul li.line , 
		header div.tel_time_icon ul li.x_twitter
			{display:block;margin:0px 2px;}
	}

/*===■ヘッダー ナビ===*/
header nav{width:100%;padding:10px 0px 11px 0px;background:rgba(118,231,225,0.85);}
header nav ul{width:100%;max-width:1200px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
header nav ul li{width:auto;}
header nav ul li a{display:block;}
header nav ul li span.en{display:block;width:100%;line-height:1;font-size:15px;color:#03333e;}
header nav ul li span.ja{display:block;width:100%;line-height:1;font-size:12px;color:#03333e;}
	@media all and (max-width: 768px) {
		header nav ul li:nth-of-type(5) , 
		header nav ul li:nth-of-type(6) , 
		header nav ul li:nth-of-type(7) , 
		header nav ul li:nth-of-type(8) , 
		header nav ul li:nth-of-type(9) , 
		header nav ul li:nth-of-type(10) , 
		header nav ul li:nth-of-type(11) , 
		header nav ul li:nth-of-type(12) , 
		header nav ul li:nth-of-type(13)
			{display:none;}
		header nav ul li span.en{font-size:14px;}
		header nav ul li span.ja{font-size:11px;}
	}

/*===■フッター===*/
footer{width:100%;background:rgba(118,231,225,0.7);}
footer p.logo{width:300px;padding:30px 0px;}
footer p.logo img{width:100%;height:auto;line-height:0;}
footer p.txt{width:calc(100% - 30px);padding:10px 0px 30px 0px;color:#03333e;}
footer p.copy{width:100%;padding:5px 0px;color:#03333e;background:rgba(118,231,225,0.9);}
footer p.copy a{color:#03333e;text-decoration:none;}
footer p.credit{width:100%;padding:5px 0px;color:#03333e;background:rgba(255,255,255,0.1);}
footer p.credit a{color:#03333e;text-decoration:none;}
	@media all and (min-width: 1025px) {
		footer p.copy a:hover , 
		footer p.credit a:hover
			{text-decoration:underline;}
	}
	@media all and (max-width: 768px) {
		footer {padding-bottom:61px;}
		footer p.logo{width:250px;}
		footer p.txt{font-size:11px;}
		footer p.copy{font-size:11px;}
		footer p.copy span{display:none;}
		footer p.credit{font-size:11px;}
	}

/*===■フッター ナビ===*/
footer nav{width:100%;padding-bottom:20px;}
footer nav ul{width:100%;max-width:1200px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
footer nav ul li{width:auto;min-width:0;}
footer nav ul li span.en{display:block;width:100%;line-height:1;font-size:15px;color:#03333e;}
footer nav ul li span.ja{display:block;width:100%;line-height:1;font-size:12px;color:#03333e;}
	@media all and (max-width: 768px) {
		footer nav ul{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		footer nav ul li{width:50%;}
		footer nav ul li a{display:block;padding:5px 0px;}
		footer nav ul li span.en{font-size:14px;}
		footer nav ul li span.ja{font-size:11px;}
	}

/*===■フッター 電話番号・ライン・Xアイコン===*/
footer .footer_tel_time_icon ul{width:100%;gap:6px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
footer .footer_tel_time_icon ul li{width:auto;margin:0px;}
footer .footer_tel_time_icon ul li.tel_time{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;}
footer .footer_tel_time_icon ul li p.tel{width:auto;text-align:right;line-height:1;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
footer .footer_tel_time_icon ul li p.tel small{display:inline-block;width:auto;text-align:right;line-height:1;background:#03333e;color:#efeac5;padding:3px 15px;margin-right:7px;transform: translateY(-1.5px);}
footer .footer_tel_time_icon ul li p.tel a{display:inline-block;width:auto;text-align:right;line-height:1;font-size:21px;color:#03333e;}
footer .footer_tel_time_icon ul li p.time{width:auto;text-align:right;color:#03333e;padding-right:5px;}
footer .footer_tel_time_icon ul li.line{width:30px;}
footer .footer_tel_time_icon ul li.line img{width:30px;height:auto;line-height:0;}
footer .footer_tel_time_icon ul li.x_twitter{width:30px;}
footer .footer_tel_time_icon ul li.x_twitter img{width:30px;height:auto;line-height:0;}
	@media all and (max-width: 768px) {
		footer div.footer_tel_time_icon ul{gap:3px;}
		footer div.footer_tel_time_icon ul li.tel_time{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3px;padding-bottom:5px;}
		footer div.footer_tel_time_icon ul li p.tel{display:block;width:100%;text-align:center;}
		footer div.footer_tel_time_icon ul li p.tel a{font-size:19px;}
		footer div.footer_tel_time_icon ul li p.time{display:block;width:100%;text-align:center;padding-right:0px;line-height:1.5;}
		footer div.footer_tel_time_icon ul li p.tel small{transform: translateY(-3.5px);}
		footer div.footer_tel_time_icon ul li.line , 
		footer div.footer_tel_time_icon ul li.x_twitter
			{display:block;margin:0px 2px;}
	}

/*===■ぺータイトル===*/
.title_h2{width:100%;}
.title_h2 h2{width:100%;}
.title_h2 h2 span.en{display:block;width:100%;line-height:1;font-size:18px;}
.title_h2 h2 span.ja{display:block;width:100%;line-height:1;font-size:12px;}
section.ranking .title_h2 h2 span.en , 
section.ranking .title_h2 h2 span.ja
	{color:#ffffff;}

/*===■パンくず===*/
#pan{width:100%;height:auto;padding:0px;background:rgba(118,231,225,0.2);padding:4px 0px;}
#pan ul{width:calc(100% - 20px);max-width:1200px;height:auto;padding:0px;display: -ms-flexbox;display: flex;-ms-flex-pack: center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left;}
#pan li{height:auto;padding:0px;font-size:12px;display:inline-block;margin:0px;line-height:1.5;color:#03333e;}
#pan li a:after {content:" > ";}
#pan li a{display:block;color:#03333e;}
	@media all and (min-width: 1025px) {
		#pan li a:hover{color:#03333e;text-decoration:underline;}
	}
	@media all and (max-width: 1024px) {
		#pan ul{width:calc(100% - 20px) !important;}
		#pan{width:100%;}
		#pan li a:after {content:" > ";}
		#pan li , 
		#pan li span
			{font-size:11px;}
	}

/*===■404エラー===*/
.error_box{width:100%;padding-top:25px;}

/*===■一覧リンク===*/
div.more_link{width:100%;height:auto;padding:0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
div.more_link p{display:inline-block;width:auto;height:auto;line-height:1;color:#ffffff;margin:0px;}
div.more_link p a{height:auto;line-height:1;color:#ffffff;}
.btnchangeline {width:auto;position:relative;padding:3px 0px;display:inline-block;text-decoration: none;outline: none;transition:all 0.3s ease-in-out;line-height:1;text-align:center;}
.btnchangeline::after {content: '';position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-color:#03333e;transition: all 0.3s;}
.btnchangeline span {display:inline-block;color:#ffffff;line-height:1;padding:5px 10px 4px 10px;position:relative;z-index:2;}
	@media all and (min-width: 1025px) {
		.btnchangeline::before {content: '';position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100%;border-top: 1px solid #03333e;border-bottom: 1px solid #03333e;opacity: 0;transform: scale(0, 1);transition: all 0.3s;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
		.btnchangeline:hover::before {opacity: 1; transform: scale(1, 1);}
		.btnchangeline:hover::after {opacity: 0;transform: scale(0, 1);}
		.btnchangeline:hover span{color:#03333e;}
	}
	@media all and (max-width: 768px) {
		.btnchangeline span{padding:3px 10px 4px 10px;}
	}

/*===■一覧リンク 場所別===*/
div.more_link.news_more_link , 
div.more_link.profile_more_link
	{padding-top:10px;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
div.more_link.diary_more_link , 
div.more_link.reviews_more_link
	{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}

/*===■写メ日記モーダル===*/
.top_diary_modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.85);z-index: 9999;align-items: center;justify-content: center;}
.top_diary_modal.is-open {display: flex;}
.top_diary_modal_inner {position: relative;width: 100%;max-width: 1000px;padding: 10px 10px;background:rgb(0,0,0, 0.8);}
.top_diary_modal_inner video {width: 100%;max-width: 1000px;display: block;}
.top_diary_modal_close {position: absolute;top: -36px;right: 20px;color: #fff;font-size: 28px;line-height: 1;cursor: pointer;background: none;border: 0;}
#top_diary_modal_iframe{width:100%;height:500px;border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

/*===■ージ用フッター固定お問い合わせ===*/
@media all and (max-width: 1024px) {
	#footerMenu {width: 100%;height: 0px;position: fixed;z-index: 300;bottom:-50;overflow: none;left: 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;webkit-transition: all 0.4s ease-in-out;background:#f5ede8;}
	#footerMenu.show {position: fixed;z-index: 300;bottom: 0;height:auto;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
	#footerMenu ul{width:100%;height:auto;}
	#footerMenu ul.two{display:grid;grid-template-columns:repeat(2,1fr);gap:0px;}
	#footerMenu ul.three{display:grid;grid-template-columns:repeat(3,1fr);gap:0px;}
	#footerMenu a{display:block;}
	#footerMenu p{padding:4px 0px;}
	#footerMenu a span{display:inline-block;padding:5px 0px 7px 0px;color:#ffffff;font-size:14px;line-height:180%;}
	#footerMenu ul.navigation li{width:100%;}
	#footerMenu ul li.tel{background:#0bb2d7;}
	#footerMenu ul li.reserve{background:#da3679;}
	#footerMenu ul li.line{background:#08c654;}
	#footerMenu ul li.tel a span{background:url(../img/footer/tel.png) no-repeat;background-size:auto 18px;background-position:0% 50%;padding-left:21px;}
	#footerMenu ul li.reserve a span{background:url(../img/footer/mail.png) no-repeat;background-size:auto 18px;background-position:0% 50%;padding-left:24px;}
	#footerMenu ul li.mail a span{background:url(../img/footer/mail.png) no-repeat;background-size:auto 18px;background-position:0% 50%;padding-left:24px;}
	#footerMenu ul li.line a span{background:url(../img/footer/line.png) no-repeat;background-size:auto 18px;background-position:0% 50%;padding-left:24px;}
	@media all and (max-width: 768px) {
		#footerMenu a span{font-size:13px;}
	}
}