@charset "UTF-8";

/* -------------------------------------------------- */
/* Custom Font */
/* -------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@600&display=swap');
.cf{font-family: 'Martel Sans', sans-serif;}


/* -------------------------------------------------- */
/* reset */
/* -------------------------------------------------- */
header, footer{
	font-family: '游ゴシック','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-weight:500;
	font-size:14px;
	color:#1d2731;
	line-height:1.7;
	letter-spacing:0.06rem;
	-webkit-text-size-adjust:100%;
}
header *, footer *{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;box-sizing:border-box;}
header ul, footer ul{list-style:none;}
header li, footer li{list-style-type:none;}
header a, footer a{margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;box-sizing:border-box;outline:none;}

header a, footer a{color:#1d2731;text-decoration:none;}
header a:hover, footer a:hover{text-decoration:none;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
header .container, footer .container{max-width:1240px;margin:auto;position:relative;}
footer .common-btn01{display:inline-block;background:#fff;font-weight:bold;text-align:center;min-width:260px;padding:20px;line-height:1.5;border-radius:50px;position:relative;}
footer .common-btn01::after{content: "";display: block;width: 26px;height: 7px;background: url(https://storage.489ban.net/storage/customer/694/img/arrow02.png) no-repeat center center;background-size: 100% auto;position: absolute;right:20px;top:50%;margin-top:-6px;transition:.3s;}
footer .common-btn01:hover::after{right:10px;transition:.3s;}

/*pc*/
/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{width:100%;height:82px;position:relative;}
header::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
header #gnav{width:100%;height:82px;position:absolute;top:0;left:0;border-bottom:1px solid #1d2731;z-index:99;text-align:center;}
header #gnav .logo{width:205px;height:82px;padding:17px;border-right:1px solid #1d2731;position:absolute;top:0;left:0;z-index:102;}
header #gnav .logo a{display:block;width:100%;height:100%;}
header #gnav .menu li{display:inline-block;}

header #gnav .menu a{color:#1d2731;font-size:16px;display:block;line-height:82px;padding:0 10px;position:relative;}
header #gnav .menu a::after{content:"";display:block;width:0;height:1px;background:#d2a842;margin:auto;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;}
header #gnav .menu a:hover::after{width:80%;transition:.3s;}

header #gnav .language{height:82px;border-left:1px solid #1d2731;position:absolute;top:0;right:0;line-height:82px;}
header #gnav .language a{display:inline;font-size: 14px;line-height:1;padding: 0;}
header #gnav .language span{padding:0 4px 0 18px;cursor:pointer;position:relative;color:#1d2731;}
header #gnav .language span:nth-child(even){padding:0 18px 0 4px;}
/* header #gnav .language span.active{color:#fff;} */
header #gnav .language span:hover{text-decoration:underline;}
header #gnav .language a::after{display:none;}
header #gnav .plan{display:none;}
header #gnav .sp-tel{display:none;}
header #gnav .menu-btn{display:none;position:relative;}
header #gnav .menu-btn span{display:block;background:#1d2731;width:40%;height:1px;position:absolute;top:50%;left:50%;margin-left:-20%;transition:.4s;}
header #gnav .menu-btn span:nth-of-type(1){-webkit-transform:translateY(-10px);transform:translateY(-10px);}
header #gnav .menu-btn span:nth-of-type(3){-webkit-transform:translateY(10px);transform:translateY(10px);}
header #gnav .menu-btn.active span:nth-of-type(1){-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
header #gnav .menu-btn.active span:nth-of-type(2){opacity: 0;}
header #gnav .menu-btn.active span:nth-of-type(3){-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
header #gnav .menu-btn:not(.active):hover span:nth-of-type(1){margin-top:3px;transition:.3s;}
header #gnav .menu-btn:not(.active):hover span:nth-of-type(3){margin-top:-3px;transition:.3s;}

header .tel{display:table;}
header .tel .block-right{padding:20px 10px 0;display:table-cell;vertical-align:middle;line-height: 1.5;}
header .tel .block-right a{color:#fff;font-size:22px;white-space:nowrap;cursor:text;}
header .tel .block-right p{font-size:12px;}

.btn_list.sp{ display: none;}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{background:#1d2731;color:#cbd1d7;text-align:center;padding-top:50px;position:relative;}
footer::before{content:"";display:block;width:1px;height:100%;background:#4a525a;position:absolute;top:0;left:50%;z-index:1;}
footer .container{max-width:1080px;}
footer .inner{display:inline-block;background:#1d2731;padding:30px 0;position:relative;z-index:2;}
footer .address{font-size:12px;margin-top:15px;}
footer .middle{overflow:hidden;margin:20px auto 80px;}
footer .block-left{float:left;width:50%;}
footer .block-left .ttl{font-size:16px;margin-bottom:15px;}
footer .block-left .ttl::before{content:"";display:inline-block;width:16px;height:16px;background:url(https://storage.489ban.net/storage/customer/694/img/bg-reserve.png) no-repeat center center;background-size:100% auto;margin-right:12px;vertical-align:-2px;}
footer .block-left .common-btn01{min-width:330px;margin-bottom: 20px;}
footer .block-left .confirmation-link a{color: #cbd1d7; padding-bottom: 1px;border-bottom: solid 1px #cbd1d7;}
/*footer .block-left .confirmation-link a:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 7px;
	margin: 0 0 0 8px;
    background: url(/img/arrow05.png) no-repeat center center;
    background-size: 100% auto;
    transition: .3s;
}*/


footer .block-right{float:left;width:50%;}
footer .block-right a{color:#cbd1d7;font-size:38px;cursor:text;display:block;line-height: 2;margin-bottom: 10px;}
footer .block-right .ttl{font-size:16px;margin-bottom:10px;}
footer .block-right .ttl::before{content:"";display:inline-block;width:16px;height:16px;background:url(https://storage.489ban.net/storage/customer/694/img/bg-tel.png) no-repeat center center;background-size:100% auto;margin-right:8px;vertical-align:-2px;}

footer .bottom{background:#4a525a;color:#acb3bb;font-size:12px;position:relative;z-index:3;text-align:left;padding:30px 0;}
footer .bottom .list-bottom{padding-right:400px;width:100%;}
footer .bottom .list-bottom li{display:inline-block;}
footer .bottom .list-bottom li a{display:block;width:100%;height:100%;padding:5px 10px;position:relative;}
footer .bottom .list-bottom li a::after{content:"";display:block;width:1px;height:10px;background:#acb3bb;position:absolute;right:0;top:8px;}
footer .bottom .list-bottom li:first-child a{padding-left:0;}
footer .bottom .list-bottom li:last-child a::after{display:none;}
footer .bottom .list-bottom li:hover a{text-decoration:underline;}
footer .bottom a{color:#acb3bb;}
footer .bottom .copyright{text-align:right;position:absolute;right:0;bottom:0;}



@media screen and (min-width:1240px){
	header #gnav .menu li:first-child { padding-left: 20px;}
}

@media screen and (max-width:1239px){
	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header .menu{margin-left: 80px;}
	header #gnav .menu ul li a {font-size: 14px;}

	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer .container{padding-left:4%;padding-right:4%;}
	footer .bottom .copyright{right:4%;}
}

@media (max-width: 1079px) {
	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header #gnav .logo {
		padding: 0;
	}
	header .logo a{ padding: 25px 15px; line-height: 1; }
	header .logo a img{ height: 40px; width: auto; }
	header .language{display: none;}
	header .menu{text-align: right;}


	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer .block-left .common-btn01{min-width:300px;}
	footer .bottom{padding-bottom:90px!important;}
	footer .bottom .list-bottom{padding:0;text-align:center;}
	footer .bottom .copyright{position:static;text-align:center;margin-top:15px;}
}

@media screen and (max-width:1240px) and (min-width:1080px){
	header #gnav .menu { margin: 0 284px 0 220px;}
	header #gnav .menu a { padding: 0 5px;}
	header.fixed #gnav .menu { width:100%; margin: 0;}
}


@media (max-width: 960px) {

	/*sp*/
	header{ height: 60px; margin-bottom: 15px; font-size: 54%;}
	header{ height: 60px; background: #fff; }
	header #gnav{position:fixed;z-index:102;height:60px;transition:.6s;}
	header #gnav .logo{height: 60px;width: auto;}
	header .logo a{ padding: 10px 15px; height: 100%; display: block; box-sizing: border-box; }
	header .menu, header .language{display: none;}
	header #gnav .logo{width:150px;padding:3px 0; border-right: none;}
	header #gnav .logo img{max-width:100%;height: auto;}

	header .btn_list.sp{ display: block; }
	header .btn_list{ float: right; margin: 0; padding: 0; }
	header .btn_list li{ float: left; width: 60px; height: 60px; list-style: none; }
	header .btn_list li a{ text-decoration: none; color: #cbd1d7; display: block; width: 100%; height: 100%; background-color: #1d2731; background-repeat: no-repeat; background-position: top 14px center; background-size: 28%; position: relative; }

	header .btn_list li a::after{ content: ""; width: 0; border-left: solid 1px #cbd1d7; position: absolute; height: 55%; top: 22.5%; left: 0; display: block; }
	header .btn_list li:first-child a::after{ content: none; }

	header .btn_list li a span{ font-size: 10px; color: #cbd1d7; text-align: center; display: block; position: absolute; bottom: 5px; left: 0; width: 100%; }
	header .btn_list li.btn_tel a {background-image: url(https://storage.489ban.net/storage/customer/694/img/bg-tel.png);}
	header .btn_list li.btn_reserve a {background-image: url(https://storage.489ban.net/storage/customer/694/img/bg-reserve.png);}
	header .btn_list li.btn_search a {background-image: url(https://storage.489ban.net/storage/customer/694/img/bg-search.png);}
	/* clearfix */
	.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */

}
@media screen and (max-width:599px){
	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer{padding-top:30px;font-size: 54%;}
	footer .inner{padding:20px 0 0;}
	footer .middle{background:#1d2731;padding:20px 0;margin:0 auto;position:relative;z-index:3;}
	footer .block-left{width:100%;float:none;margin:0 auto 20px;}
	footer .block-left .ttl{display:none;}
	footer .block-right{width:100%;float:none;margin:auto;}
	footer .block-right .ttl{display:none;}
	footer .block-right a{font-size:28px;line-height: 1;}
	footer .block-right a:before{content:"";display:inline-block;width:16px;height:16px;background:url(https://storage.489ban.net/storage/customer/694/img/bg-reserve.png) no-repeat center center;background-size:100% auto;margin-right:8px;}

	footer .bottom{padding:20px 0!important;}
	footer .bottom .list-bottom{overflow:hidden;}
	footer .bottom .list-bottom li{width:50%;float:left;display:block;}
	footer .bottom .list-bottom li:nth-child(even) a::after{display:none;}
	footer .bottom .copyright{font-size:10px;white-space:nowrap;}
}