@charset "utf-8";


:root{--spacing:0.05em;}
*{letter-spacing:var(--spacing);}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{font-size:62.5%;}
body{
	font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size:1.6rem;
	color:#000;
	line-height:1.7;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:320px;
	text-align:left;
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
pre{white-space:pre-wrap;font-family:inherit;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#000;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;transition:.2s ease;}
a[href^="tel:"]{cursor:text;}
a img{transition:.2s ease;}
a:hover img{opacity:0.7;}
a:hover{color:#000;}
*:focus-visible,select:focus-visible{outline:2px solid #333;transition:outline 0s!important;}

.serif{font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight:600;font-style: normal;}
.en{font-family: "Lato","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;font-weight: 500;font-style: normal;}

@media screen and (max-width:1319px){
	html{font-size:58%;}
}
@media screen and (max-width:767px){
	html{font-size:52%;}
}
@media screen and (max-width:374px){
	html{font-size:45%;}
}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{width:100%;height:104px;padding:20px 100px 20px 30px;position:fixed;top:0;left:0;z-index:100;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:.3s ease;opacity:0;}
header a{color:#fff!important;;}
header .header-inner{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center;}
header .gnav > ul{display:flex;font-size:1.6rem;margin-right:70px;}
header .gnav > ul a{display:block;padding:10px;position:relative;}
header .gnav > ul a::after{content:"";display:block;width:0;height:1px;background:#fff;position:absolute;bottom:5px;right:10px;transition:.3s ease;}
header .gnav > ul a:hover::after{right:auto;left:10px;width:calc(100% - 20px);}
header .language{font-size:1.4rem;background:transparent;color:#fff;padding:15px 10px;background:url(/img/arrow_select_white.png) no-repeat center right transparent;background-size:20px 7px;padding-right:24px!important;border:0;margin-right:10px;}
header .language option{background:#fff;color:#000;}
header .tel{font-size:1.4rem;}
header .reserve a{font-size:1.4rem;border:1px solid #fff;display:inline-block;padding:5px 14px;margin-left:20px;}
header .reserve a:hover{background:#fff;color:#000!important;}

header #menu-btn{width:100px;height:100%;position:absolute;top:0;right:0;z-index:104;cursor:pointer;display:block;}
header #menu-btn span{display:inline-block;transition:all .2s;box-sizing:border-box;width:30px;position:absolute;top:50%;right:50%;margin-right:-15px;height:2px;background-color:#fff;border-radius:5px;}
header #menu-btn span:nth-of-type(1){transform:translateY(-5px);}
header #menu-btn span:nth-of-type(2){transform:translateY(5px);}
header #menu-btn.active span:nth-of-type(1){transform:rotate(30deg);background:#000;}
header #menu-btn.active span:nth-of-type(2){transform:rotate(-30deg);background:#000;}

header #header-menu{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:99;background:rgba(0,0,0,0.3);}
header #header-menu .menu-inner{width:720px;max-width:90%;height:100%;background:#f3f3f3;position:absolute;top:0;right:0;display:flex;padding:150px 100px 60px;color:#000;gap:60px;overflow-y:auto;}
header #header-menu a{color:#000!important;}
header #header-menu button{transition:.2s ease;}
header #header-menu a:hover,
header #header-menu button:hover{opacity:0.7;}
header #header-menu .menu-left{width:50%;max-width:220px;}
header #header-menu .menu-right{flex:1;}
header #header-menu .menu-gnav > ul > li > a,
header #header-menu .menu-gnav > ul > li > button{display:block;padding:8px 0;position:relative;font-size:1.6rem;}
header #header-menu .menu-gnav > ul > li .children{font-size:1.2rem;margin:5px 0 0;padding-bottom:10px;display:none;}
header #header-menu .menu-gnav > ul > li .children a{display:block;padding:2px 0;}
header #header-menu .menu-gnav > ul > li.haschild > button{padding-right:30px;display:block;width:100%;text-align:left;color:#000;}
header #header-menu .menu-gnav > ul > li.haschild > button::before{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:10px;margin-top:-2px;transition:.3s ease;}
header #header-menu .menu-gnav > ul > li.haschild.active > button::before{transform:rotate(180deg);}
header #header-menu .menu-subnav{margin-top:10px;}
header #header-menu .menu-gnav .menu-subnav > li > a{padding:3px 0;font-size:1.2rem;}
header #header-menu .menu-language{font-size:1.6rem;background:transparent;border:0;padding:5px 0;width:100%;max-width:200px;background:url(/img/arrow_select.png) no-repeat center right transparent;background-size:20px 7px;padding-right:24px!important;}
header #header-menu .menu-tel{font-size:1.6rem;margin-top:15px;}
header #header-menu .menu-reserve{font-size:1.6rem;margin-top:20px;max-width:200px;}
header #header-menu .menu-reserve a{display:block;padding:8px 20px;background:#000;color:#fff!important;border:1px solid #000;position:relative;opacity:1;}
header #header-menu .menu-reserve a::after{content:"";display:block;width:9px;height:5px;background:url(/img/arrow02.svg) no-repeat;background-size:contain;transform:rotate(-90deg);position:absolute;right:15px;top:50%;margin-top:-2px;transition:.2s ease;}
header #header-menu .menu-reserve a:hover{background:transparent;color:#000!important;}
header #header-menu .menu-reserve a:hover::after{background-image:url(/img/arrow01.svg);}
header #header-menu .menu-logo{margin:140px 0 30px;}
header #header-menu .menu-address{font-size:1.2rem;line-height:1.7;}
header #header-menu .menu-contact a{width:100%;min-width:1px;max-width:220px;}

header.scroll{background:rgba(0,0,0,0.8);height:75px;}
header.animated{opacity:1;transition:opacity 1s .3s,height .3s ease,background .3s ease;}

@media screen and (max-width:1339px){
	header .gnav{display:none;}
	header #header-menu .menu-gnav > ul > li > a, header #header-menu .menu-gnav > ul > li > button{font-size:1.8rem;}
	header #header-menu .menu-gnav .menu-subnav > li > a{font-size:1.3rem;}
	header #header-menu .menu-address{font-size:1.3rem;}
}
@media screen and (max-width:767px){
	header{height:60px!important;padding:0 60px 0 20px;}
	header .logo{height:100%;padding:8px 0;}
	header .logo img{width:auto;height:100%;}
	header .language{display:none;}
	header .tel{display:none;}
	header #menu-btn{width:60px;height:60px;}
	header #menu-btn span{width:24px;margin-right:-12px;}
	header #menu-btn span:nth-of-type(1){transform:translateY(-4px);}
	header #menu-btn span:nth-of-type(2){transform:translateY(4px);}
	
	header #header-menu .menu-inner{max-width:100%;display:block;padding:50px 50px 80px;}
	header #header-menu .menu-left{width:100%;max-width:400px;margin:auto;}
	header #header-menu .menu-right{width:100%;max-width:400px;margin:20px auto 0;}
	header #header-menu .menu-gnav > ul > li > a, header #header-menu .menu-gnav > ul > li > button{padding:10px 0;}
	header #header-menu .menu-gnav > ul > li .children a{padding:5px 0;}
	header #header-menu .menu-gnav .menu-subnav > li > a{padding:5px 0;}
	header #header-menu .menu-logo{margin:40px 0 15px;}
}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{background:#212121;color:#fff;padding:100px 0 200px;position:relative;z-index:5;}
footer a{color:#fff!important;}
footer .container{display:flex;justify-content:space-between;flex-direction:row-reverse;gap:40px;}
footer .left{max-width:470px;width:100%;}
footer .footer-nav{display:flex;}
footer .footer-nav > ul{max-width:220px;flex:1;}
footer .footer-nav > ul > li a:hover{text-decoration:underline;}
footer .footer-nav > ul > li > a{font-size:1.6rem;display:inline-block;padding:5px 0;}
footer .footer-nav > ul > li + li{margin-top:25px;}
footer .footer-nav > ul .children > li > a{font-size:1.2rem;display:inline-block;vertical-align:middle;}
footer .copyright{font-size:1rem;margin-top:55px;}
footer .right{max-width:460px;}
footer .right-top{display:flex;gap:60px;}
footer .address{font-size:1.2rem;}
footer .info{font-size:10px;margin-top:60px;}
footer .info tr{border-bottom:1px solid #fff;}
footer .info th{padding:12px 10px 12px 0;font-weight:500;white-space:nowrap;vertical-align:middle;}
footer .info td{padding:12px 0;vertical-align:middle;}

@media screen and (max-width:1319px){
	footer .address{font-size:1.3rem;}
}
@media screen and (max-width:1019px){
	footer .right-top{display:block;}
	footer .logo{margin-bottom:15px;}
	footer .info{margin-top:40px;}
}
@media screen and (max-width:767px){
	footer{padding:60px 0 180px;}
	footer .container{display:block;}
	footer .footer-nav{display:none;}
	footer .contact a{font-size:1.7rem;margin-top:5px;}
	footer .right{max-width:100%;}
	footer .right-top{margin:auto;text-align:center;width:fit-content;}
	footer .left{max-width:100%;}
	footer .copyright{text-align:center;margin-top:30px;}
	footer .info{margin-top:30px;}
}

/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
/*
.animation{visibility:hidden;}
.animation.animated{visibility:visible;}
.opacity{opacity:1!important;}
*/

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeup{animation-duration:1.2s;animation-fill-mode:both;opacity:0.01;}
.fadeup.animated{animation-name:fadeInUp;}

.anim-list > li{animation-duration:1.2s;animation-fill-mode:both;opacity:0.01;}
.anim-list > li.animated{animation-name:fadeInUp;}

/* -------------------------------------------------- */
/* form */
/* -------------------------------------------------- */
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{border:1px solid #ccc;border-radius:0;padding:15px 20px;font-size:1.8rem;font-family:inherit;background:#fff;color:#000;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(/img/arrow_select.png) no-repeat center right #fff;background-size:20px 7px;padding-right:28px!important;}
select::-ms-expand {display: none;}
textarea{width:100%;resize:vertical;}

@media screen and (max-width:767px){
	/* -------------------------------------------------- */
	/* form：フォーム拡大防止 */
	/* -------------------------------------------------- */
	input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
	input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{font-size:16px!important;}
	textarea{font-size:16px!important;}
}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}

.v-sp{display:none;}
.v-tablet{display:none;}
.v-pc{display:block;}

.br-sp{display:none;}
.br-tablet{display:none;}
.br-pc{display:inline;}

/* margin */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}

/* padding */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

/* container */
.container{max-width:1320px;padding:0 40px;margin:auto;position:relative;}
section > .container,.section > .container{padding:120px 40px;}
.container100{width:100%;max-width:100%;padding-left:0!important;padding-right:0!important;overflow:hidden;}
.container02{max-width:1000px;margin:auto;}
.block-gray{background:#F3F3F3;margin-top:100px;padding:100px 0;}

@media screen and (max-width:1319px){
	.v-pc{display:none;}
	.v-tablet{display:block;}
	.v-sp{display:none;}

	.br-pc{display:none;}
	.br-tablet{display:inline;}
	.br-pc{display:none;}
}
@media screen and (max-width:767px){
	.text-left-sp{text-align:left !important;}

	.v-pc{display:none;}
	.v-tablet{display:none;}
	.v-sp{display:block;}

	.br-pc{display:none;}
	.br-tablet{display:none;}
	.br-sp{display:inline;}

	/* margin */
	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}

	/* padding */
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}

	.container{padding:0 5%;}
	section > .container,.section > .container{padding:60px 5%;}
  .block-gray{margin-top:60px;padding:60px 0;}
}

/* reserve */
.common-reserve01{opacity:0;animation:opacityAnim forwards 1s 1s ease;}
@keyframes opacityAnim{0%{opacity:0;}100%{opacity:1;}}
.common-reserve01{width:calc(100% - 60px);position:fixed;left:30px;bottom:30px;z-index:10;}
.common-reserve01 .reserve-inner{background:rgba(255,255,255,0.8);width:100%;max-width:1400px;margin:auto;padding:10px;}
.common-reserve01 .container{display:flex;align-items:center;padding-left:20px;padding-right:20px;justify-content:center;}
.common-reserve01 .block01{flex:auto;font-size:10px;margin-right:30px;padding-right:25px;border-right:1px solid rgba(0,0,0,0.3);white-space:nowrap;}
.common-reserve01 .block01 .ttl{font-size:1.8rem;display:flex;align-items:center;letter-spacing:0.1em;margin-bottom:2px;gap:0 15px;}
.common-reserve01 .block01 .ttl small{font-size:1.2rem;color:#8E784A;margin-top:2px;letter-spacing:0.1em;white-space:nowrap;}

.common-reserve01 .block02{flex:auto;font-family:"Lato","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;}
.common-reserve01 .block02 form,
.common-reserve01 .block02 .item-wrap,
.common-reserve01 .block02 .inbox_489ban{display:flex;align-items:center;gap:30px;}
.common-reserve01 .block02 .item span,
.common-reserve01 .block02 label{display:block;font-size:1.2rem;}
.common-reserve01 .block02 .item.flex{display:flex;align-items:flex-end;gap:15px;}
.common-reserve01 .block02 select{background:transparent;border:0;font-size:1.6rem;border-bottom:1px solid #000;padding:8px 0;background:url(/img/arrow01.svg) no-repeat center right transparent;background-size:10px 5px;padding-right:24px!important;}
.common-reserve01 .block02 input[type="date"]{background:transparent;border:0;font-size:1.6rem;border-bottom:1px solid #000;padding:8px 0;}
.common-reserve01 .block02 button{font-size:1.6rem;background:#fff;border:1px solid #000;padding:6px 25px;transition:.2s ease;white-space:nowrap;color:#000;}
.common-reserve01 .block02 button:hover{background:#000;color:#fff;}
.common-reserve01 .block02 .room_489ban{display:none;}
.common-reserve01 .block02 .date_489ban dd label{display:none;}
.common-reserve01 .block02 .person_489ban dd{display:flex;gap:5px;align-items:center;}

.common-reserve01 .block03{flex:auto;margin-left:30px;}
.common-reserve01 .block03 .link{display:flex;gap:0 15px;white-space:nowrap;flex-wrap:wrap;}
.common-reserve01 .block03 .link a{display:inline-block;font-size:1.2rem;padding-left:14px;position:relative;}
.common-reserve01 .block03 .link a::before{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;transform:rotate(-90deg);position:absolute;top:50%;left:0;margin-top:-3px;}
.common-reserve01 .block03 .link a:hover{text-decoration:underline;}

@media screen and (max-width:1199px){
	.common-reserve01 .block01{padding-right:15px;margin-right:20px;white-space:normal;}
	.common-reserve01 .block01 .ttl{flex-wrap:wrap;}

	.common-reserve01 .block02 form,
	.common-reserve01 .block02 .item-wrap,
	.common-reserve01 .block02 .inbox_489ban{gap:10px;}
	.common-reserve01 .block02 button{font-size:1.4rem;padding:6px 10px;}
	.common-reserve01 .block02 select,
	.common-reserve01 .block02 input[type="date"]{font-size:1.4rem;}

	.common-reserve01 .block03{margin-left:20px;}
}
@media screen and (max-width:999px){
	.common-reserve01{width:calc(100% - 40px);left:20px;bottom:20px;}
	.common-reserve01 .reserve-inner{padding:15px;}
	.common-reserve01 .block01{margin-bottom:0;}
	.common-reserve01 .block01 .ttl{white-space:nowrap;}

	.common-reserve01 .block02,
	.common-reserve01 .block02 form,
	.common-reserve01 .block02 .inbox_489ban{flex-wrap:nowrap;justify-content:center;}
	.common-reserve01 .block02 .item-wrap,
	.common-reserve01 .block02 .inbox_489ban{flex-wrap:nowrap;justify-content:center;}
	.common-reserve01 .block02 select{font-size:1.4rem!important;padding-right:12px!important;padding:5px 0;}
	.common-reserve01 .block02 input[type="date"]{font-size:1.4rem!important;padding:5px 0;}
	.common-reserve01 .block02 .item.flex{gap:10px;}
	.common-reserve01 .block02 .item span,
	.common-reserve01 .block02 label{font-size:1.2rem;display:block;margin-bottom:0;}
}
@media screen and (max-width:767px){
	.common-reserve01 .reserve-inner{padding:12px 20px;}
	.common-reserve01 .container{padding:0;}
	.common-reserve01 .block01{border-right:0;padding-right:0;margin-right:20px;width:60px;}
	.common-reserve01 .block01 .ttl{font-size:1.6rem;}
	.common-reserve01 .block01 .ttl small{margin-top:-1px;}
	.common-reserve01 .block01 p{display:none;}
	.common-reserve01 .block02{width:calc(100% - 80px);}
	.common-reserve01 .block02 .item-wrap,
	.common-reserve01 .block02 .inbox_489ban{flex:1;}
	.common-reserve01 .block02 .item,
	.common-reserve01 .block02 dl{flex:auto;}
	.common-reserve01 .block02 .item.flex{display:none;}
	.common-reserve01 .block02 select{width:100%;}
	.common-reserve01 .block02 input[type="date"]{min-width:94px;width:100%;}
	.common-reserve01 .block02 .stay_489ban select{width:35px;}
	.common-reserve01 .block02 .person_489ban{display:none;}
	.common-reserve01 .block03{display:none;}
}
@media screen and (max-width:374px){
	.common-reserve01 .reserve-inner{padding:12px 15px;}
	.common-reserve01 .block01{margin-right:10px;}
	.common-reserve01 .block02 form, .common-reserve01 .block02 .item-wrap, .common-reserve01 .block02 .inbox_489ban{gap:5px;}
	.common-reserve01 .block02 button{padding:6px 4px;}
	.common-reserve01 .block02 input[type="date"]{min-width:82px;}
	.common-reserve01 .block02 .stay_489ban select{width:32px;}

}

/* btn */
.common-btn01{display:inline-block;padding:13px 20px 13px 0;color:#000;font-size:1.6rem;position:relative;min-width:220px;text-align:left;transition:.3s ease;}
.common-btn01::before{content:"";display:block;width:100%;height:2px;background:#000;position:absolute;right:0;bottom:0;transform:scaleY(0.5);transition:.3s ease;}
.common-btn01::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:0;margin-top:-2px;transform:rotate(-90deg);transition:.3s ease;}
.common-btn01.white{color:#fff;}
.common-btn01.white::before{background:#fff;}
.common-btn01.white::after{background-image:url(/img/arrow02.svg);}
.common-btn01:hover{padding-left:5px;padding-right:15px;}
.common-btn01:hover::before{width:0;}
.common-btn01:hover::after{right:-5px;}

.common-btn01.down::after{transform:none;}
.common-btn01.down:hover{padding-left:0;}
.common-btn01.down:hover::before{width:0;}
.common-btn01.down:hover::after{right:0;margin-top:3px;}

.common-btn01.plus::after{width:11px;height:11px;background-image:url(/img/plus.svg);right:20px;}

.common-btn02{display:inline-block;padding:13px 20px;color:#000;font-size:1.6rem;position:relative;min-width:220px;text-align:left;transition:.3s ease;border:1px solid #000;}
.common-btn02::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.3s ease;}
.common-btn02:hover{padding-left:25px;padding-right:15px;}
.common-btn02:hover::after{right:15px;}

.common-btn03{display:inline-block;padding:10px 40px 10px 25px;min-width:250px;background:#000;color:#fff;text-align:left;border-radius:3px;border:1px solid #000;position:relative;}
.common-btn03::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow02.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
.common-btn03:hover{background:#fff;color:#000;}
.common-btn03:hover::after{background-image:url(/img/arrow01.svg);}

/* 画像付きボタン */
a:hover > span.common-btn01{padding-left:5px;padding-right:15px;}
a:hover > span.common-btn01::before{width:0;}
a:hover > span.common-btn01::after{right:-5px;}
a:hover > span.common-btn01.down{padding-left:0;}
a:hover > span.common-btn01.down::before{width:0;}
a:hover > span.common-btn01.down::after{right:0;margin-top:3px;}

@media screen and (max-width:767px){
	/*.common-btn01,.common-btn02{min-width:160px;font-size:1.7rem;}*/
}
@media screen and (max-width:480px){
}

/* breadcrumbs */
.common-breadcrumbs > .container{padding-top:30px;}
.common-breadcrumbs ul{display:flex;padding-bottom:6px;}
.common-breadcrumbs ul > li{font-size:1.2rem;white-space:nowrap;}
.common-breadcrumbs ul > li + li{position:relative;padding-left:30px;margin-left:20px;}
.common-breadcrumbs ul > li + li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}

@media screen and (max-width:767px){
  .common-breadcrumbs > .container{padding:30px 0 0;width:90%;margin:0 5%;overflow:auto;}
  .common-breadcrumbs ul > li + li{padding-left:20px;margin-left:10px;}
}
@media screen and (max-width:374px){
  .common-breadcrumbs ul > li + li::before{top:3px;}
}

/* ttl */
.common-ttl01{margin-bottom:80px;font-size:4.6rem;font-weight:600;text-align:center;line-height:1.25;letter-spacing:0.05em;}
.common-ttl01:not(:first-child){margin-top:100px;}

.common-ttl02{margin-bottom:80px;font-size:3.2rem;font-weight:600;text-align:center;line-height:1.25;letter-spacing:0.05em;}
.common-ttl02:not(:first-child){margin-top:100px;}

.common-ttl03{margin-bottom:80px;font-size:2.4rem;font-weight:600;text-align:center;line-height:1.25;letter-spacing:0.05em;}
.common-ttl03:not(:first-child){margin-top:100px;}

.common-subttl{font-size:3.2rem;font-weight:700;text-align:center;line-height:1.5;}

@media screen and (max-width:999px){
  .common-ttl01{font-size:4rem;}
}
@media screen and (max-width:767px){
  .common-ttl01{font-size:3rem;margin-bottom:40px;}
  .common-ttl01:not(:first-child){margin-top:60px;}
  
  .common-ttl02{font-size:2.4rem;margin-bottom:40px;}
  .common-ttl02:not(:first-child){margin-top:60px;}
  
  .common-ttl03{font-size:2rem;margin-bottom:40px;}
  .common-ttl03:not(:first-child){margin-top:60px;}
}

/* box */
/* img幅100％・txtグレー背景 */
.common-box01 > li{position:relative;display:flex;align-items:flex-start;}
.common-box01 > li+li{margin-top:100px;}
.common-box01 > li .img{width:50%;padding-top:80px;position:relative;z-index:1;}
.common-box01 > li .img figure{position:relative;width:100%;height:0;padding-top:66.666%;}
.common-box01 > li .img figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.common-box01 > li .detail{width:50%;padding:80px;background:#F3F3F3;position:relative;}
.common-box01 > li .detail::before{content:"";position:absolute;top:0;width:140px;height:100%;background:#F3F3F3;z-index:0;}
.common-box01 > li .detail .heading{font-size:3.2rem;}
.common-box01 > li .detail .heading_small{font-size:2.4rem;}
.common-box01 > li .detail .heading_small:not(:first-child){margin-top:40px;}
.common-box01 > li .detail .txt{font-size:1.4rem;}
.common-box01 > li .detail .txt:not(:first-child){margin-top:40px;}
.common-box01 > li .detail .btnarea{margin-top:40px;display:flex;justify-content:flex-start;gap:20px 30px;flex-wrap:wrap;}
.common-box01 > li.reverse{flex-direction:row-reverse;}
.common-box01 > li:not(.reverse) .detail::before{right:100%;}
.common-box01 > li.reverse .detail::before{left:100%;}

/* box01のコンテンツ幅内ver */
.common-box02 > li{position:relative;display:flex;align-items:center;}
.common-box02 > li+li{margin-top:100px;}
.common-box02 > li .img{width:50%;}
.common-box02 > li .img figure{position:relative;width:100%;height:0;padding-top:66.666%;}
.common-box02 > li .img figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.common-box02 > li .detail{width:50%;}
.common-box02 > li .detail .heading{font-size:3.2rem;}
.common-box02 > li .detail .txt{font-size:1.4rem;}
.common-box02 > li .detail .heading + .txt{margin-top:40px;}
.common-box02 > li.reverse{flex-direction:row-reverse;}
.common-box02 > li:not(.reverse) .detail{padding-left:80px;}
.common-box02 > li.reverse .detail{padding-right:80px;}

/* メイン画像・テキスト・サブ画像（温泉・特別室など）*/
.common-box03 > li{position:relative;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row-reverse;}
.common-box03 > li+li{margin-top:120px;}
.common-box03 > li .detail{width:62.5%;position:relative;}
.common-box03 > li .detail .mainimg{margin-bottom:80px;}
.common-box03 > li .detail .mainimg img{width:100%;}
.common-box03 > li .detail .wrap{padding-right:5%;}
.common-box03 > li .detail .heading{font-size:3.2rem;}
.common-box03 > li .detail .txt{font-size:1.4rem;}
.common-box03 > li .detail .heading + .txt{margin-top:40px;}
.common-box03 > li .detail .btnarea{margin-top:40px;display:flex;justify-content:flex-start;gap:20px 30px;flex-wrap:wrap;}
.common-box03 > li .subimg{width:26.5%;padding-top:160px;position:relative;z-index:1;}
.common-box03 > li .subimg figure{position:relative;width:100%;}
.common-box03 > li .subimg figure.img-sp{display:none;}
.common-box03 > li .subimg figure img{width:100%;}
.common-box03 > li.reverse{flex-direction:row;}
.common-box03 > li.reverse .detail{text-align:right;}
.common-box03 > li.reverse .detail .wrap{padding-left:5%;padding-right:0;display:inline-block;text-align:left;}

/* コンテンツ幅内・グレー背景なし・高さ揃えver */
.common-box04 > li{position:relative;display:flex;align-items:flex-start;}
.common-box04 > li+li{margin-top:100px;}
.common-box04 > li .img{width:58%;position:relative;}
.common-box04 > li .img figure{position:relative;width:100%;height:0;padding-top:66.666%;}
.common-box04 > li .img figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.common-box04 > li .detail{width:42%;}
.common-box04 > li .detail .heading{font-size:3.2rem;}
.common-box04 > li .detail .heading small{font-size:2rem;}
.common-box04 > li .detail .heading_small{font-size:2.4rem;}
.common-box04 > li .detail .heading_small:not(:first-child){margin-top:40px;}
.common-box04 > li .detail .txt{font-size:1.4rem;}
.common-box04 > li .detail .txt:not(:first-child){margin-top:40px;}
.common-box04 > li .detail .btnarea{margin-top:40px;display:flex;justify-content:flex-start;gap:20px 30px;flex-wrap:wrap;}
.common-box04 > li.reverse{flex-direction:row-reverse;}
.common-box04 > li:not(.reverse) .detail{padding-left:80px;}
.common-box04 > li.reverse .detail{padding-right:80px;}


/* 枠線あり囲み（上下のみ） */
.common-box-border01{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;border-top:1px solid #000;border-bottom:1px solid #000;}
.common-box-border01:not(:first-child){margin-top:80px;}
.common-box-border01 > h3{text-align:center;font-size:3.2rem;transform:translateY(-50%);}
.common-box-border01 > h3 > span{display:inline-block;background:#fff;padding:0 100px;}
.common-box-border01 .inner{padding:20px 0 50px;}

/* 枠線あり囲み（上下左右） */
.common-box-border02{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;border:1px solid #000;}
.common-box-border02:not(:first-child){margin-top:80px;}
.common-box-border02 > h3{text-align:center;font-size:3.2rem;transform:translateY(-50%);}
.common-box-border02 > h3 > span{display:inline-block;background:#fff;padding:0 100px;}
.common-box-border02 .inner{padding:20px 80px 80px;}

.block-gray .common-box-border01 h3 > span,
.block-gray .common-box-border02 h3 > span{background:#F3F3F3;}

@media screen and (min-width:1241px){
  .common-box01 > li .detail{max-width:800px;}
  .common-box01 > li .detail::after{content:"";position:absolute;top:0;left:100%;width:50vw;height:100%;background:#F3F3F3;z-index:0;}
  .common-box01 > li.reverse .detail::after{left:auto;right:100%;}
  
  .common-box01.container-box{max-width:1240px;margin-left:auto;margin-right:auto;}
  .common-box01.container-box > li:not(.reverse) .detail{padding-right:0;}
  .common-box01.container-box > li.reverse .detail{padding-left:0;}
  .common-box01.container-box > li .detail::after{content:"";position:absolute;top:0;width:50vw;height:100%;background:#F3F3F3;z-index:0;}
  .common-box01.container-box > li:not(.reverse) .detail::after{left:100%;}
  .common-box01.container-box > li.reverse .detail::after{right:100%;}
  
  .common-box03 > li .detail .wrap{max-width:800px;}
}
@media screen and (max-width:1240px){
  .common-box-border01{max-width:100%;}
  .container100 > .common-box-border01{max-width:90%;}
  
}
@media screen and (max-width:999px){
  .common-box01 > li .detail{padding:60px;}
  .common-box01 > li .detail .heading{font-size:2.8rem;}
  
  .common-box02 > li:not(.reverse) .detail{padding-left:60px;}
  .common-box02 > li.reverse .detail{padding-right:60px;}
  
  .common-box-border01 > h3,
  .common-box-border02 > h3{font-size:2.4rem;}
  .common-box-border02 .inner{padding:20px 5% 40px;}
  
  .common-box04 > li:not(.reverse) .detail{padding-left:60px;}
  .common-box04 > li.reverse .detail{padding-right:60px;}
  .common-box04 > li .detail .heading{font-size:2.8rem;}
}
@media screen and (max-width:767px){
  .common-box01 > li + li{margin-top:40px;}
  .common-box01 > li,.common-box01 > li.reverse{flex-direction:column;}
  .common-box01 > li .img{width:80%;padding-top:0;}
  .common-box01 > li .detail{width:80%;padding:40px;}
  .common-box01 > li .detail::before{width:100%;height:40px;right:auto!important;left:0!important;top:auto!important;bottom:100%!important;}
  .common-box01 > li:not(.reverse) .detail{margin:0 0 0 auto;}
  .common-box01 > li.reverse .img{margin:0 0 0 auto;}
  .common-box01 > li .detail .heading{font-size:2.4rem;}
  .common-box01 > li .detail .heading + .txt,
  .common-box01 > li .detail .btnarea{margin-top:20px;gap:15px;}
  .common-box01 > li .detail .btnarea a{width:calc((100% - 30px) / 2);}

  .common-box02 > li + li{margin-top:40px;}
  .common-box02 > li,.common-box02 > li.reverse{flex-direction:column;justify-content:center;}
  .common-box02 > li .img{width:80%;padding-top:0;}
  .common-box02 > li:not(.reverse) .detail,
  .common-box02 > li.reverse .detail{width:100%;padding:40px 0 0;}
  .common-box02 > li .detail .heading{font-size:2.4rem;}
  .common-box01 > li .detail .txt:not(:first-child){margin-top:20px;}
  .common-box02 > li .detail .heading + .txt,
  .common-box02 > li .detail .btnarea{margin-top:20px;gap:15px;}
  .common-box02 > li .detail .btnarea a{width:calc((100% - 30px) / 2);}
  
  .common-box03 > li+li{margin-top:40px;}
  .common-box03 > li .detail .mainimg{margin-bottom:40px;}
  .common-box03 > li .detail .heading{font-size:2.4rem;}
  .common-box03 > li .detail .heading + .txt,
  .common-box03 > li .detail .btnarea{margin-top:20px;gap:15px;}
  
  .common-box04 > li + li{margin-top:40px;}
  .common-box04 > li,.common-box04 > li.reverse{flex-direction:column;gap:20px;}
  .common-box04 > li .img{width:100%;}
  .common-box04 > li .detail{width:100%;padding:0!important;}
  .common-box04 > li .detail .heading{font-size:2.4rem;}
  .common-box04 > li .detail .heading + .txt,
  .common-box04 > li .detail .btnarea{margin-top:20px;gap:15px;}
  .common-box04 > li .detail .btnarea a{width:calc((100% - 30px) / 2);}

  .common-box-border01:not(:first-child),
  .common-box-border02:not(:first-child){margin-top:60px;}
  .common-box-border01 .inner{padding:0px 0 40px;}
  .common-box-border01 > h3 > span,
  .common-box-border02 > h3 > span{padding:0 40px;}
}
@media screen and (max-width:480px){
  .common-box01 > li .img{width:95%;}
  .common-box01 > li .detail{width:95%;padding:20px 6% 30px;}
  
  .common-box02 > li .img{width:100%;}
  .common-box02 > li:not(.reverse) .detail, .common-box02 > li.reverse .detail{padding:20px 0 0;}
  
  .common-box03 > li,.common-box03 > li.reverse{flex-direction:column;}
  .common-box03 > li .detail{width:100%;}
  .common-box03 > li .detail .wrap,
  .common-box03 > li.reverse .detail .wrap{padding:0 5%;}
  .common-box03 > li .detail .mainimg{margin-bottom:20px;}
  .common-box03 > li .subimg{padding-top:30px;width:100%;}
  .common-box03 > li .subimg figure.img-pc{display:none;}
  .common-box03 > li .subimg figure.img-sp{display:inline;}

}

/* linkbox */
.common-linkbox{width:100%;padding:100px 0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.common-linkbox:not(:first-child){margin-top:100px;}
.common-linkbox .container{max-width:1000px;}
.common-linkbox .list-link > li{border:1px solid #fff;position:relative;transition:.2s ease;overflow:hidden;}
.common-linkbox .list-link > li:hover{border-color:#000;}
.common-linkbox .list-link > li + li{margin-top:10px;}
.common-linkbox .list-link > li a{display:block;width:100%;height:100%;position:relative;}
.common-linkbox .list-link > li a:hover span{background:#000;color:#fff;}
.common-linkbox .list-link > li a:hover span::after{background-image:url(/img/arrow02.svg);}
.common-linkbox .list-link > li a > div{transition:.3s ease;}
.common-linkbox .list-link > li a:hover > div{transform:scale(1.1);}
.common-linkbox .list-link > li img{display:block;opacity:1!important;width:100%;transform:scale(1.15);}
.common-linkbox .list-link > li span{font-size:1.8rem;padding:14px 35px 9px 20px;position:absolute;left:0;bottom:0;background:#fff;display:inline-block;min-width:280px;text-align:left;transition:.2s ease;}
.common-linkbox .list-link > li span::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
.common-linkbox .list-link > li span small{font-size:1.4rem;display:block;line-height:1.2;}
.common-linkbox .list-link > li.animated img{transform:none;transition:.9s .1s;}

.about .common-linkbox{background-image:url("../img/about/links_bg.jpg");}

@media screen and (max-width:767px){
  .common-linkbox{padding:60px 0;}
  .common-linkbox:not(:first-child){margin-top:60px;}
  .common-linkbox .list-link > li span{padding:10px 35px 7px 15px;min-width:200px;}
  .common-linkbox .list-link > li span::after{right:8px;}
}


/* -------------------------------------------------------------- */
/* contact */
#common-contact .container{padding-bottom:110px;}
#common-contact .inner{border-top:1px solid #000;border-bottom:1px solid #000;max-width:1000px;margin:auto;position:relative;z-index:1;padding-bottom:52px;}
#common-contact .sub{text-align:center;margin-top:-1em;}
#common-contact .sub > div{font-size:1.6rem;display:flex;gap:30px;align-items:center;background:#fff;width:fit-content;margin:auto;padding:0 100px;}
#common-contact .ttl{font-size:3.2rem;margin:30px 0;display:flex;align-items:flex-end;gap:40px;justify-content:center;}
#common-contact .ttl small{font-size:1.8rem;margin-bottom:0.5em;}
#common-contact dl{display:flex;flex-wrap:wrap;font-size:2rem;gap:25px 45px;width:fit-content;margin:auto;align-items:center;max-width:725px;}
#common-contact dt{width:10em;}
#common-contact dd{width:calc(100% - 45px - 10em);}
#common-contact .tel{font-size:2.8rem;}
#common-contact .list{display:flex;gap:10px;}
#common-contact .list a{display:inline-block;padding:10px 40px 10px 25px;min-width:250px;background:#000;color:#fff;text-align:left;border-radius:3px;border:1px solid #000;position:relative;}
#common-contact .list a::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow02.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transform:rotate(-90deg);transition:.2s ease;}
#common-contact .list a:hover{background:#fff;color:#000;}
#common-contact .list a:hover::after{background-image:url(/img/arrow01.svg);}

@media screen and (max-width:999px){
	#common-contact .list > li{flex:1;}
	#common-contact .list a{min-width:1px;width:100%;}
}
@media screen and (max-width:767px){
	#common-contact .container{padding-bottom:60px;}
	#common-contact .inner{padding-bottom:40px;}
	#common-contact .sub{margin-top:-1.5em;}
	#common-contact .sub > div{display:block;padding:0 20px;}
	#common-contact .sub > div span{display:block;}
	#common-contact .sub > div .en{font-size:2rem;}
	#common-contact .ttl{display:block;text-align:center;}
	#common-contact .ttl span{display:block;}
	#common-contact .ttl small{display:block;}
	#common-contact dl{display:block;text-align:center;width:100%;}
	#common-contact dt{width:100%;margin:0 auto;font-size:1.8rem;}
	#common-contact dd{width:100%;}
	#common-contact dd + dt{margin-top:20px;}
	#common-contact .tel{font-size:3.6rem;}
	#common-contact .list{margin-top:10px;}
	#common-contact .list a{font-size:1.7rem;}
}

/* banner */
#common-banner01 .container{padding-top:60px;padding-bottom:60px;}
#common-banner01 .list-banner{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;}
#common-banner01 .list-banner > li{width:calc((100% - 120px) / 4);}
#common-banner02{background:#f3f3f3;}
#common-banner02 .container{padding-top:60px;padding-bottom:60px;}
#common-banner02 .list-banner{display:flex;flex-wrap:wrap;gap:41px;}
#common-banner02 .list-banner > li{width:calc((100% - 82px) / 3);}
#common-banner02 .list-banner > li a{display:block;position:relative;border:1px solid #fff;overflow:hidden;}
#common-banner02 .list-banner > li span{position:absolute;left:0;bottom:0;font-size:1.3rem;padding:5px 15px;display:inline-block;background:rgba(255,255,255,0.85);transition:.2s ease;line-height:1.5;}
#common-banner02 .list-banner > li img{width:100%;opacity:1!important;transition:.3s ease;}
#common-banner02 .list-banner > li a:hover{border-color:#000;}
#common-banner02 .list-banner > li a:hover span{background:rgba(0,0,0,0.85);color:#fff;}
#common-banner02 .list-banner > li a:hover img{transform:scale(1.1);}

@media screen and (max-width:999px){
	#common-banner01 .list-banner{gap:20px;}
	#common-banner01 .list-banner > li{width:calc((100% - 60px) / 4);}
	#common-banner02 .list-banner{gap:20px;}
	#common-banner02 .list-banner > li{width:calc((100% - 40px) / 3);}
}
@media screen and (max-width:767px){
	#common-banner01 .container{padding-top:40px;padding-bottom:40px;}
	#common-banner01 .list-banner{gap:10px;}
	#common-banner01 .list-banner > li{width:calc((100% - 10px) / 2);}
	#common-banner02 .container{padding-top:40px;padding-bottom:40px;}
	#common-banner02 .list-banner{display:block;max-width:300px;margin:auto;}
	#common-banner02 .list-banner > li{width:100%;}
	#common-banner02 .list-banner > li + li{margin-top:10px;}
}

/* -------------------------------------------------------------- */
/* mv */
#common-mv{position:relative;}
#common-mv .bg{width:100%;height:500px;background-size:cover;background-position:center top;background-repeat:no-repeat;}
#common-mv .ttl{position:absolute;left:50%;top:50%;color:#fff;font-size:4.8rem;font-weight:500;line-height:1.5;letter-spacing:0.1em;transform:translate(-50%, -50%);width:100%;padding:0 20px;text-align:center;}
.about #common-mv .bg    {background-image:url(/img/about/mv.jpg);}
.privacy #common-mv .bg{background-image:url(/img/privacy/mv.jpg);}
.inquiry #common-mv .bg{background-image:url(/img/inquiry/mv.jpg);}
.access #common-mv .bg{background-image:url(/img/access/mv.jpg);}
.blog #common-mv .bg{background-image:url(/img/blog/mv.jpg);}
.faq #common-mv .bg{background-image:url(/img/faq/mv.jpg);}
.sightseeing #common-mv .bg{background-image:url(/img/sightseeing/mv.jpg);}

@media screen and (max-width:767px){
  #common-mv .bg{height:360px;}
  #common-mv .ttl{font-size:3.2rem;}
}

/* -------------------------------------------------------------- */
/* #block-lead */
#block-lead > .container{padding-top:100px;}

/* lead */
.common-lead{text-align:center;}
.common-lead h3{font-size:2.8rem;font-weight:500;line-height:1.5;letter-spacing:0.1em;}
.common-lead .h3_big{font-size:4.6rem;}
.common-lead p{font-size:1.4rem;}
.common-lead p:not(:first-child){margin-top:50px;}
.common-lead .txt_big{font-size:2.4rem;}

/* アンカーリンク */
.common-anchor{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}
.common-anchor:not(:first-child){margin-top:100px;}
.common-anchor li{width:calc(25% - 22.5px);}
.common-anchor li .common-btn01{width:100%;height:80px;display:flex;align-items:center;}

/* 画像付きアンカーリンク */
.common-anchor-img{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:30px;}
.common-anchor-img:not(:first-child){margin-top:100px;}
.common-anchor-img li{width:calc(50% - 15px);}
.common-anchor-img.list-link > li{position:relative;transition:.2s ease;overflow:hidden;}
.common-anchor-img.list-link > li a{display:block;width:100%;height:100%;position:relative;}
.common-anchor-img.list-link > li a:hover span{background:#000;color:#fff;}
.common-anchor-img.list-link > li a:hover span::after{background-image:url(/img/arrow02.svg);}
.common-anchor-img.list-link > li a > div{transition:.3s ease;}
.common-anchor-img.list-link > li a:hover > div{transform:scale(1.1);}
.common-anchor-img.list-link > li img{display:block;opacity:1!important;width:100%;transform:scale(1.15);}
.common-anchor-img.list-link > li span{font-size:1.8rem;padding:14px 35px 9px 20px;position:absolute;left:0;bottom:0;background:#fff;display:inline-block;min-width:280px;text-align:left;transition:.2s ease;border-bottom:1px solid #000;border-radius:0 2px 0 0;}
.common-anchor-img.list-link > li span::after{content:"";display:block;width:10px;height:5px;background:url(/img/arrow01.svg) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-2px;transition:.2s ease;}
.common-anchor-img.list-link > li span small{font-size:1.4rem;display:block;line-height:1.2;}
.common-anchor-img.list-link > li.animated img{transform:none;transition:.9s .1s;}

@media screen and (max-width:767px){
  #block-lead > .container{padding-top:60px;}
  .common-lead h3{font-size:2.2rem;}
  .common-lead .h3_big{font-size:3.2rem;}
  .common-lead .txt_big{font-size:1.8rem;}
  
  .common-anchor:not(:first-child){margin-top:40px;}
  .common-anchor{gap:0;}
  .common-anchor li{width:100%;}
  .common-anchor li .common-btn01{height:70px;}

  .common-anchor-img:not(:first-child){margin-top:40px;}
  .common-anchor-img{gap:10px;}
  .common-anchor-img li{width:100%;}
}
@media screen and (max-width:480px){
  .common-anchor li .common-btn01{height:60px;}
}

/* テキストリスト（ご利用についてなど） */
.detail_list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 60px;}
.detail_list > li{width:calc(50% - 30px);display:flex;justify-content:flex-start;flex-shrink:0;flex-grow:0;}
.detail_list .label{width:160px;font-size:1.6rem;flex-shrink:0;}
.detail_list .txt{font-size:1.4rem;padding-top:3px;}
.detail_list + .notice{margin-top:1em;font-size:1.4rem;}

/* 画像付きリスト（館内施設など） */
.img_list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:50px 25px;}
.img_list > li{width:calc((100% - 50px) / 3);}
.img_list .common-ttl03{margin:20px 0;}
.img_list .txt{font-size:1.4rem;}

@media screen and (max-width:767px){
  .detail_list > li{width:100%;}
  .img_list > li{width:calc((100% - 25px) / 2);}
}
@media screen and (max-width:480px){
  .detail_list .label{width:130px;}
  .img_list{gap:20px 10px}
  .img_list > li{width:calc((100% - 10px) / 2);}
  .img_list .common-ttl03{margin:10px 0;}
}

/* -------------------------------------------------------------- */
/* modal */
.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;background:rgba(0,0,0,30%);padding:40px 20px;overflow:auto;opacity:0;visibility:hidden;transition:.5s;z-index:10000;}
.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.modal-container.active{opacity:1;visibility:visible}
.modal-body{position:relative;display:inline-block;vertical-align:middle;/*width:1000px;*/max-width:90%;}
.modal-close{position:absolute;display:flex;align-items:center;justify-content:center;top:50px;right:40px;cursor:pointer;transition:.5s;}
.modal-close:hover{opacity:0.4;}
.modal-content{background:#F3F3F3;text-align:left;padding:100px;}

@media screen and (max-width:767px){
  .modal-close{top:30px;right:30px;}
  .modal-content{padding:60px;}
}
@media screen and (max-width:480px){
  .modal-close{top:15px;right:15px;}
  .modal-content{padding:30px;}
}

/* scrollhint */
.common-scrollwrap{width:100%;overflow-x:auto;}