@charset "UTF-8";
/*pc*/
#customer_header{ height: 90px; width: 100%;}
header{ background: rgba(255,255,255,0.95); width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: .8s linear; -moz-transition: .8s linear; -o-transition: .8s linear; transition: .8s linear; box-sizing: border-box; letter-spacing: 0.05em; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
header .header_wrap{ position: relative; }
header .logo{ position: absolute; top: 0; left: 15px; margin: 0; }
header .logo a{ padding: 15px; display: block;  }
header .logo img{ height: 60px; vertical-align: bottom; }
header #btn_reserve { position: absolute; left: 200px; padding: 30px 0; }
header #btn_reserve a { color:#000; background:rgba(255,255,255,0.7); font-size: 12px; font-weight: bold; text-align: center; line-height: 29px; border: 1px solid #000; padding: 8px 20px; text-decoration: none; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; }
header #btn_reserve a:hover { background:#000; color:#fff; }
header #btn_premium{ position: absolute; left: 300px; padding: 30px 0; }
header #btn_premium a { display: block; font-size: 12px; font-weight: bold; color: #000; text-align: center; line-height: 30px; padding: 0 18px; text-decoration: none; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; }
header #btn_premium a:hover { background:#000; color:#fff; }
header #pc_menu{ position: absolute; right: 42px; top: 0; padding: 30px 0; margin: 0; }
header #pc_menu a { color:#000; line-height:30px; font-weight:bold; text-decoration: none; display: block; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; }
header #pc_menu li { display:inline-block; height:30px; font-size: 14px; }
header #pc_menu li + li { margin-left:2em; }
header #pc_menu a:hover { color:#999; }

.btn_list.sp{ display: none;}




/* footer */
footer { position:relative; z-index:1; text-shadow: none; }
footer { text-align:center; width: 100%; }
footer .con { text-align:center; width: 100%; padding: 0 5%; position: relative; box-sizing: border-box; }

footer a{ text-decoration: none; }
footer img{ max-width: 100%; height: auto; vertical-align: top; }
footer .logo img{ max-height: 65px; }
footer ul{ margin: 0; padding: 0; }

footer .address { padding:80px 0; font-size:16px; font-weight:bold; background:#fff; color: #000; font-family: "游明朝", YuMincho, "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
footer .address .logo { margin-bottom:30px; }

footer .address .tel { font-size:28px; vertical-align:-2px; }
footer .address .tel a { color: #000; }
footer .address .small { display:inline-block; font-size:14px; }

footer .links { padding:80px 0 50px; color:#fff; background:#000; }
footer .links .banners { display:flex; justify-content:center; align-items: flex-start; }
footer .links .banners > div { padding:0 40px; }
footer .links .banners > div:nth-child(1) { border-right:1px solid #464646; font-size:0; }
footer .links .banners > div:nth-child(2) { border-left:1px solid #464646; margin-left:-1px; text-align:left; }
.TA_certificateOfExcellence { display:inline-block; }
#CDSWIDCOE { margin-bottom:0!important; }
footer .links .banners > div:nth-child(2) > img:nth-child(1) { display:block; margin-bottom:30px; }
footer .links .banners > div:nth-child(2) > img:nth-child(3),
footer .links .banners > div:nth-child(2) > a { display:inline-block; margin-left:20px; }
footer .links .share { margin:60px 0; }
footer .links .share h3 { margin-bottom:20px; }
footer .links .share li { display:inline; font-size:0; }
footer .links .share li + li { margin-left:20px; }
footer .links .foot_nav { text-align:center; font-size:0; }
footer .links .foot_nav li { position:relative; display:inline-block; padding:0 10px 0 11px; font-size:12px; }
footer .links .foot_nav li:nth-child(n+2):before { content:""; display:block; width:1px; height:12px; position:absolute; top:50%; left:0; margin-top:-6px; background:#fff; }
footer .links .foot_nav a { color:#fff; }
footer .links .foot_nav a:hover { color:#ccc; }

footer .copy { padding:16px; background:#373737; }
footer .copy p { color:#c1c1c1; font-size:12px; }

@media (max-width: 1000px) {
	header .logo{ left: 0; }
	header .logo a{ padding: 25px 15px; line-height: 1; }
	header .logo a img{ height: 40px; width: auto; }
	header #btn_reserve{ left: 130px; }
	header #btn_premium{ left: 230px; }
	footer .address { padding:60px 0; }
	footer .links { padding:60px 0 40px; }
	footer .links .banners { display:block; }
	footer .links .banners > div:nth-child(1) { border:0; }
	footer .links .banners > div:nth-child(2) { margin-top:30px; border:0; text-align:center; }
	footer .links .banners > div:nth-child(2) > img:nth-child(1) { margin:0 auto 30px; }
}

@media (max-width: 768px) {
	body { font-size:12px; }
	.pc { display:none; }
	.btn a { max-width:100%; font-size:13px; }


	/*sp*/
	#customer_header{ height: 60px; margin-bottom: 15px; }
	header{ height: 60px; background: #fff; border-bottom: solid 1px #000; }
	header .logo a{ padding: 10px 15px; height: 100%; display: block; box-sizing: border-box; }
	header #btn_reserve{ display: none; }
	header #btn_premium{ display: none; }
	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: #fff; display: block; width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: top 10px center; background-size: 40%; position: relative; }

	header .btn_list li a::after{ content: ""; width: 0; border-left: solid 1px #dadada; 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: #fff; 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/136/img/bg-tel.png);}
	header .btn_list li.btn_reserve a {background-image: url(https://storage.489ban.net/storage/customer/136/img/bg-reserve.png);}
	header .btn_list li.btn_search a {background-image: url(https://storage.489ban.net/storage/customer/136/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 */

	header #btn_reserve a.pc { display:none; }
	header #btn_reserve a.sp { display:block; }
	header #pc_menu { display:none; }
	header nav { width:100%; padding:90px 5% 5%; }
	header nav .nav { margin-top:10px; justify-content:space-between; }
	header nav .nav ul { width:48%; }
	header nav .nav li a { display:block; padding:10px 0; }
	header nav .nav1 li:nth-child(n+2) { border-top:1px solid #dadada; }
	header nav .nav1 li + li { margin-top:0; }
	header nav .nav2 { padding-top:10px; }
	header nav .nav3 { margin-top:20px; padding-top:20px; }

    footer form.rsv_form{
        display: block;
    }
}
@media (max-width: 600px) {
	footer .address, footer .links { padding:30px 0; }
	footer .address { font-size:14px; }
	footer .address .logo { margin-bottom:20px; }
	footer .address .logo img { width:120px; }
	
	footer .links .banners > div { padding:0; }
	footer .links .share { margin:30px 0; }
}
@media (max-width: 400px) {
	footer .address .tel { font-size:22px; }
	footer .links .banners > div:nth-child(1) { display:flex; justify-content:center; }
	footer .links .banners > div:nth-child(2) > a { display:block; margin:20px auto 0; }
	footer .copy p { font-size:10px; }
}