@charset "utf-8";
/* CSS Document */


/* -- フォントサイズ -------------------*/
.fs19{font-size:19px!important;}
.fs25{font-size:25px!important;}
.fs30{font-size:30px!important;}
.fs40{font-size:40px!important;}
.fs60{font-size:60px!important;}

/*-- 行間 -----------------------*/
.lih16{line-height:16px;}
.lih18{line-height:18px;}
.lih20{line-height:20px;}
.lih22{line-height:22px;}

/*-- 文字間----------------------*/
.les5{letter-spacing: 5px;}

/* -- width % -------------------*/
.w15{ width:15%!important;}
.w25{ width:25%!important;}
.w35{ width:35%!important;}
.w45{ width:45%!important;}
.w55{ width:55%!important;}
.w65{ width:65%!important;}
.w75{ width:75%!important;}
.w85{ width:85%!important;}
.w95{ width:95%!important;}


/* -- width px ------------------*/
.w15p{ width:15px!important;}
.w25p{ width:25px!important;}
.w35p{ width:35px!important;}
.w45p{ width:45px!important;}
.w55p{ width:55px!important;}
.w65p{ width:65px!important;}
.w75p{ width:75px!important;}
.w85p{ width:85px!important;}
.w95p{ width:95px!important;}
.w103p{ width:103px!important;}
.w150p{ width:150px!important;}
.w200p{ width:200px!important;}
.w250p{ width:250px!important;}
.w450p{ width:450px!important;}
.w400p{ width:400px!important;}
.w480p{ width:480px!important;}
.w500p{ width:500px!important;}
.w520p{ width:520px!important;}
.w550p{ width:550px!important;}
.w600p{ width:600px!important;}
.w680p{	width:680px!important;}
.w700p{ width:700px!important;}
.w800p{ width:800px!important;}
.w850p{ width:850px!important;}
.w900p{ width:900px!important;}
.w980p{ width:980px!important;}

/* -- padding px ------------------*/
.p5{padding:5px!important;}
.p10{padding:10px!important;}
.p15{padding:15px!important;}
.p20{padding:20px!important;}
.p25{padding:25px!important;}
.p30{padding:30px!important;}
.p35{padding:35px!important;}
.p40{padding:40px!important;}
.p45{padding:45px!important;}
.p50{padding:50px!important;}

.pt0{padding-top:0px!important;}
.pt60{padding-top:60px!important;}
.pt80{padding-top:80px!important;}
.pt100{padding-top:100px!important;}
.pt120{padding-top:120px!important;}
.pt130{padding-top:130px!important;}
.pt140{padding-top:140px!important;}
.pb0{padding-bottom:0!important;}
.pb36{padding-bottom:36px!important;}
.pb55{padding-bottom:55px!important;}
.pb60{padding-bottom:60px!important;}
.pb80{padding-bottom:80px!important;}
.pb100{padding-bottom:100px!important;}
.pb120{padding-bottom:120px!important;}
.pb130{padding-bottom:130px!important;}
.pb140{padding-bottom:140px!important;}

.pl80{padding-left:80px!important;}
.pl100{padding-left:100px!important;}

/* -- padding % ------------------*/
.p3p{padding:3%!important;}
.p5p{padding:5%!important;}
.pt5p{padding-top:5%!important;}
.pt10p{padding-top:10%!important;}
.pl2p{padding-left:2%!important;}
.pl18p{padding-left:18%!important;}
.pl23p{padding-left:23%!important;}
.pr25p{padding-right:25%!important;}
.pr30p{padding-right:30%!important;}
.pr50p{padding-right:50%!important;}
.pb10p{padding-bottom:10%!important;}


/* -- margin px ------------------*/
.mt5{margin-top:5px!important;}
.mt7{margin-top:7px!important;}
.mt30{margin-top:30px!important;}
.mt50{margin-top:50px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt100{margin-top:100px!important;}
.ml5{margin-left:5px!important;}
.ml30{margin-left:30px!important;}
.ml60{margin-left:60px!important;}
.mr5 { margin-right:5px !important;}
.mr100 { margin-right:100px !important;}
.mb6{margin-bottom:6px!important;}
.mb7{margin-bottom:7px!important;}
.mb51{margin-bottom:51px!important;}
.mb55{margin-bottom:55px!important;}
.mb75{margin-bottom:75px!important;}
.mb76{margin-bottom:76px!important;}
.mb100{margin-bottom:100px!important;}
.mb105{margin-bottom:105px!important;}
.mb133{margin-bottom:133px!important;}

/* -- margin px SP----------------------------*/
.sp_mt5{margin-top:5px!important;}
.sp_mt7{margin-top:7px!important;}
.sp_mt30{margin-top:30px!important;}
.sp_mt50{margin-top:50px!important;}
.sp_mt80{margin-top:80px!important;}
.sp_mt100{margin-top:100px!important;}
.sp_ml0{margin-left:0!important;}
.sp_ml30{margin-left:30px!important;}
.sp_mb6{margin-bottom:6px!important;}
.sp_mb7{margin-bottom:7pxc!important;}
.sp_mb50{margin-bottom:50px!important;}
.sp_mb51{margin-bottom:51px!important;}
.sp_mb55{margin-bottom:55px!important;}
.sp_mb100{margin-bottom:100px!important;}


/* -- margin % ------------------*/
.ml10p{margin-left:10%!important;}
.ml20p{margin-left:20%!important;}

/* -- text indent em ------------*/
.indent1{ padding-left: 1em;}
.indent2{ padding-left: 2em;}


/* -- text 関連 ------------*/
.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}

.bold{font-weight:bold;}

/* -- 配置等 ------------*/
.m_center { margin:0 auto; display:block; }
.ovf{overflow:hidden;}
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    font-size:0;
}

/* -- color -------------------*/
.cRed {color: #ff0b00;}
.cwhite {color: #ffffff;}
.cOrange{color:#ff6c00;}
.cPurple{color:#8634ff;}

/* -- font -------------------*/
.fwB {font-weight: bold;}
.ffamily {font-family:"游ゴシック";}



/* -- タイトル ------------*/
body {
    font-family: "こぶりなゴシック StdN W3", "Koburina Gothic StdN W3", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ttl {
    font-size: 20px;
    font-family: "こぶりなゴシック StdN W3", "Koburina Gothic StdN W3", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 10px 0 0;
}

h3 {
    font-family: "こぶりなゴシック StdN W3", "Koburina Gothic StdN W3", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* -- 画像角丸 ------------*/
#contents .radius img{
	border-radius: 10px;
}

/* -- 角丸 ------------*/
.radius10{border-radius: 10px;}




/* > 画像 */
.btn:after {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    text-align: center;
    margin-right: 3px;
    font-variant: normal;
    text-transform: none;
    content: '\e804';
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -0.5em 0 0 0;
    font-size: 18px;
}

.btn_imp:hover{
	background:#E8A2B5;
	border: 1px solid #E8A2B5;
}

/* column 4→2 */
.column4_2 {
	width:980px;
	float: left;

}

/* 画像の表示非表示
--------------------*/
.pc{
	display:block;
}
.sp{
	display:none;
}

.hr{
	border-top: 1px solid #E8A2B5;
}

/* テキストリンク
--------------------*/
.button {
    color: #584940;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
}

.button a{
	text-decoration:none;
	padding-top:2px;
}

.button a:link { color: #584940; }
.button a:visited { color: #584940; }
.button a:hover { color: #E8A2B5; }
.button a:active { color: #ff8000; }

.link_arrow{
	color:#E8A2B5;
	padding-right:10px;
	font-size:12px;
    font-weight: bold;
}

/*　ボタン		
---------------------------*/
.leicommon_btn{
	padding-left:3%;
}

.btn_area02{
	max-width: 410px;
    margin: 0 auto;
	float: left;
    width: 48.3%;
	margin-left: 3.3%;
}

.btn_area03 {
    max-width: 410px;
    margin: 0 auto;
    width: 48.3%;
}

/*　小さいボタンセット　-*/
.btn_area_s {
/*　幅は任意で別途指定　-*/
    max-width: 410px;
    margin: 0 auto;
    width: 100%;
}




.btn_s {
	color: #584940;
	display: inline-block;
	text-align: left;
	line-height: 48px;
	height: 48px;
	width: 100%;
	padding: 0 10px;
	text-decoration: none;
	position: relative;
	font-size: 14px;
	transition: 0.2s all ease 0s;
}
.btn_s:after {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: none;
	width: 1em;
	text-align: center;
	margin-right: 3px;
	font-variant: normal;
	text-transform: none;
	content: '\e804';
	position: absolute;
	right: 5px;
	top: 50%;
	margin: -0.5em 0 0 0;
	font-size: 16px;
}

/* LINEで予約するボタン 小*/
.btn_line_s>span {
	position: relative;
	padding: 5px 5px 5px 35px;
	background: url("../../hall/img/ico_line_off.png") no-repeat left center;
	background-size: 20px;
	letter-spacing: 1.2px;
}

.btn_line_s:hover>span {
	background: url("../../hall/img/ico_line_on.png") no-repeat left 5px;
	background-size: 22px;
}

/* 汎用　予約するボタン 小*/
.btn_rsv_s>span {
	position: relative;
	padding: 5px 5px 5px 35px;
	background: url("../../hall/img/ico_rsv_off.png") no-repeat left center;
	background-size: 20px;
	letter-spacing: 1.2px;
}

.btn_rsv_s:hover>span {
	background: url("../../hall/img/ico_rsv_on.png") no-repeat left 5px;
	background-size: 22px;
}



/* アコーディオン
---------------------------*/
#acordion h3 {
	background-color: #EDE8E8;
	color: #584940;
	cursor: pointer;
	padding: 4px 30px 0 10px;
	font-weight: bold;
}

.acordion_tree{
	background: url(../img/template/icon_a.png) no-repeat left top;
    padding: 4px 0 15px 47px;
    width: 90%;
    position: relative;
    top: 10px;
    margin: 0 auto;
}

/* +- */
div#acordion h3.trigger{
	background-image:url(../img/template/open_btn.png);
	background-position:right center;
	background-repeat:no-repeat;
	height: 100%;
	width: 95%;
    margin: 0 auto;
	padding-bottom: 10px;
}
div#acordion h3.trigger_last {
	background-image:url(../img/template/open_btn.png);
	background-position:right center;
	background-repeat:no-repeat;
	height: 100%;
	border: 1px solid #FFF;
}

div#acordion h3.trigger.active {
	background-image:url(../img/template/close_btn.png);
	background-position:right center;
	background-repeat:no-repeat;
}

.trigger span img{
	text-align: left;
	padding-right:10px;
	position: relative;
    top: 2px;
}



@media screen and (max-width:1000px) {
	.l_inner {
    	width: 100%;
    	margin: 0 auto;
		padding:0 15px;
	}

}


 @media screen and (max-width:768px){
	 /* -- フォントサイズ -------------------*/
	.sp_fs13{font-size:13px!important;}
	.sp_fs14{font-size:14px!important;} 
	.sp_fs16{font-size:16px!important;}
	.sp_fs18{font-size:18px!important;}
	.sp_fs20{font-size:20px!important;}
	.sp_fs22{font-size:22px!important;}
	.sp_fs24{font-size:24px!important;}
	.sp_fs26{font-size:26px!important;}

	 /* -- margin(sp) px ------------------*/
	.sp_mt0{margin-top:0px!important;}
	.sp_mt5{margin-top:5px!important;}
	.sp_mt7{margin-top:7px!important;}
	.sp_mt10{margin-top:10px!important;}
	.sp_mt20{margin-top:20px!important;}
	.sp_mt30{margin-top:30px!important;}
	.sp_mt50{margin-top:50px!important;}
	.sp_mt80{margin-top:80px!important;}
	.sp_mt100{margin-top:100px!important;}
	.sp_mb0{margin-bottom:0!important;}
	.sp_mb5{margin-bottom:5px!important;}
	.sp_mb7{margin-bottom:7px!important;}
	.sp_mb10{margin-bottom:10px!important;}
	.sp_mb20{margin-bottom:20px!important;}
	.sp_mb30{margin-bottom:30px!important;}
	.sp_mb50{margin-bottom:50px!important;}
	.sp_mb80{margin-bottom:80px!important;}
	.sp_mb100{margin-bottom:100px!important;}
	
	.sp_ml30{margin-left:30px!important;}
	.sp_mr00{margin-right:0px!important;}
	
	.sp_mb6{margin-bottom:6px!important;}
	.sp_mb7{margin-bottom:7pxc!important;}
	.sp_mb00{margin-bottom:0!important;}
	.sp_mb20{margin-bottom:20px!important;}
	.sp_mb30{margin-bottom:30px!important;}
	.sp_mb40{margin-bottom:40px!important;}
	.sp_mb50{margin-bottom:50px!important;}
	.sp_mb51{margin-bottom:51px!important;}
	.sp_mb55{margin-bottom:55px!important;}
	.sp_mb100{margin-bottom:100px!important;}
	.sp_mb00{margin-bottom:0px!important;}
	
	 /* -- padding(sp) px ------------------*/
	.sp_pt0{padding-top:0!important;}
	.sp_pt10{padding-top:10px!important;}
	.sp_pt20{padding-top:20px!important;}
	.sp_pl0{padding-left:0!important;}
	.sp_pb00{padding-bottom:0px!important;}
	
	/* -- padding % ------------------*/
	.sp_pb10p{padding-bottom:10%!important;}

	/* -- line-height(sp) px ------------------*/
	.sp-lih18{line-height:18px;}
	.sp-lih22{line-height:22px;}
	.sp-lih30{line-height:30px;}
	
	/* -- text -- */
	.sp_t_left{text-align:left!important;}

	
	.txt{
		font-size:16px;
		}
	.sp{
		 display:block;
		}
		
	.pc{
		display:none;
		}

	.tit01 {
		font-size: 28px;
		letter-spacing: 1.2px;
		font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic N M";
	}
	.tit02 {
		font-size: 22px;
		letter-spacing: 1.2px;
		font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic N M";
	}

	.btn_area02{
		width: 100%!important;
	}
	.btn_area03 {
		max-width: 100%!important;
		margin: 10% auto;
		width: 100%;
	}
	
	/*　小さいボタンセット　-*/
	.btn_area_s {
		max-width: 740px;
		margin: 0 auto;
		width: 90%;
	}
}