@charset "UTF-8";

* {margin: 0px;padding: 0px;}
*,*::before,*::after {box-sizing: border-box;}


html { font-size: 62.5%;}

body {
	margin: auto;
	text-align: center;
	line-height: 150%;
	font-size: 1.4em;
	letter-spacing: 0.1em;
	color: #111;
	font-size:14px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-color:#fff;
}

#wrapper {
	margin: 0 auto;
	background:rgba(0,0,0,0.8);
	background:#fff;
}

.inner {
	width: 1000px;
	margin-left:auto;
	margin-right: auto;
}

#container {margin:0 auto;}

.tt {
	padding-top:7.5rem;
	font-weight:bold;
	font-size:3rem;
	color: #333;
	border-radius: 2px;
	background:rgb(255,255,255,0.9);
	position: relative;
}
.tt.scroll-up {
	opacity: 0;
	filter: blur(8px);
	transition: all .75s ease;
	margin-top: -180px;
}
.tt.scroll-up.show {
	opacity: 1;
	filter: blur(0);
	margin-top: -300px;
}
.tt .g2 {
	font-size:8.5rem;
	display:block;
	margin-top: 30px;
	margin-bottom: 60px;
	line-height: 1;
}
.tt .g3 {
	font-size:18rem;
	line-height:1;
	display:block;
}
/*.tt .g4 {font-size:14rem;margin-top:3rem;line-height:100%;display:block;letter-spacing:0.1rem;}
.tt .yotei {font-size:2.2rem;}*/

table th,table td {border: 1px solid #ccc;line-height:2;padding: 18px 20px;}
table th {background: #f5f5f5;font-weight:normal;}
table td {background: #fff;}

section.bg {padding: 40px 0;}
.bg-gray {background: #f2f2f2;}

#reservation {
	margin-top:30px;
	color:#fff;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	overflow:hidden;
}
/*.top {background:url(../images_k/bg_top.jpg) top center;background-repeat:no-repeat;}*/
.preOpen {background-color:#eaf9ff;}
.under_line {display:inline-block;border-bottom:1px solid #000;line-height:140%;}

/*feeArea*/
.feeArea {margin:100px 0;}
.feeArea .title {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:25px 0;
	text-align:center;
	font-weight:bold;font-size:4rem;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.fee.inner {width:800px;}
.fee_tt{
	color:#32180d;
	background-color:#b6ae60;
	padding:15px 20px;
	font-size:3rem;
	text-align:left;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.feeArea p{text-align:left;}
.feeArea table th,.feeArea table td{border: solid 1px black; padding:10px;}


.commonTb {border-collapse:collpase;text-align:center;width:80%;}
.commonTb caption {font-size:2.3em;}
.commonTb th,.commonTb td {padding:2%;border:1px solid #555;width:20%;}

.commonTb .weekday {background-color:#e9f4f9;}
.commonTb .weekend {background-color:#ffd9d9;}


/*fee*/
.commonTb td {font-size:22px;}
.commonTb th {background:#fff8ea;}

#index-enkai {
	background:#D2E4B6;
	background: radial-gradient(#fff, #F6D7B4);
	padding:70px 0;color:#874c00;font-size:30px;line-height:160%;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#index-enkai .tt {font-size:5rem;padding:0;}
#index-enkai .txt {font-size:2rem;line-height:180%;margin-top:20px;}
#index-enkai .tel {margin-top:30px;}
#index-enkai .tel a {font-size:9rem;margin-top:50px;color:#d15e16;text-decoration:none;transition:all 0.2s ease-in-out;}
#index-enkai .tel a:hover {color:#ff6b00;}


#telephone {
	background:#f8f4e8;
	background:radial-gradient(#fff, #F8F4E7);

	padding:70px 0;color:#96873a;font-size:38px;line-height:160%;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#telephone .planBtn {transition:all 0.3s ease-in-out;background:#96873a;}
#telephone .planBtn a {display:block;color:#fff;font-size:30px;line-height:120%;padding:20px;text-decoration:none;transition:all 0.5s ease-in-out;}
#telephone .planBtn:hover {background:#685910;}


#telephone .catch {color:#dd1313;font-weight:bold;letter-spacing:0.1em;}
#telephone .date {font-size:40px;margin-top:20px;color:#dd1313;}
#telephone .date .small {font-size:60%;}
#telephone .date .dotw {font-size:30%;border:1px solid #dd1313;padding: 5px;border-radius:100%;display: inline-block;line-height:100%;}
#telephone .reservation {font-size:85px;margin-top:50px;}
#telephone .tel {
	font-size:120px;line-height:100%;margin-top:20px;
	font-family:"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
#telephone .tel a {color:#b4a142;text-decoration:none;transition:color 0.2s ease-in-out;}
#telephone .tel a:hover {color:#c5aa21;}

#telephone .telsb {font-size:20px;line-height:160%;margin-top:15px;color:#ee0000;}

#index-pre {background:#e8f5fb;padding:50px 0;color:#573400;
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.button a {font-size:26px;line-height:1.4;color:#fff!important;background-color:#ff603b;padding:1em .6em;border-radius:4px;display:block;width:100%;text-decoration:none;box-sizing:border-box;transition:.3s;}
.button a:hover {background-color:#ff3000;text-decoration:none;}

.kihonTb {font-size:16px;margin-top:30px;border-collapse: separate;}
.kihonTb th,.kihonTb td {padding:30px 15px;box-sizing:border-box;}
.kihonTb th {background:#f2e9de;border-bottom:1px solid #d1bfac;}
.kihonTb td {background:#f9f7f1;border-bottom:1px solid #e3d3c2;}
.info-sns a {font-size:40px;margin:0 8px;}

.fit_staffBox {border:2px solid #ff7500;background-color:#fff0d1;padding:2%;border-radius:2px;}


caption {padding:10px;}

#map_canvas {
	width:100%;
	height:300px;
}

#footer {
	border-top:1px solid #888;
	padding:15px 0;
	font-size:12px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


/*--タブレット-------------------------------*/
@media screen and (max-width:1000px) {
	.inner {width:90%;}

	.tt .g2 {font-size: 5.5rem;}
	.tt .g3 {font-size: 12rem;}

	.tt.scroll-up {margin-top: -80px;}
	.tt.scroll-up.show {margin-top: -180px;}
}



/*--モバイル-------------------------------*/
@media screen and (max-width:550px) {
	.inner {width: 90%;}
	.inner.title-area {width: 95%;}

	.tt {padding-top: 5rem;}
	.tt .g2 {font-size: 4rem;line-height: 0.75;margin-bottom: 20px;}
	.tt .g3 {font-size: 7rem;line-height: 1.1;}

	.tt.scroll-up {margin-top: 0;}
	.tt.scroll-up.show {margin-top: -80px;}

	table th,table td {padding:15px 10px;font-size: 14px;}
	table td {text-align: left;}
}