@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap');
html { margin:0; padding:0; overflow-x: hidden; }
body {
	background: #fff;
	font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	*font-size:small;
	*font:x-small;
	color:#573a36;
	font-size:18px;
	font-style:normal;
	text-align:left;
	text-indent:0pt;
	letter-spacing:0px;
	line-height:1.8;
	margin:0;
	padding:0px;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
table {
    font-size:inherit;
    font:100%;
}
a:link { color: #573a36; text-decoration: none;  }
a:visited { color: #573a36; text-decoration: none; }
a:active { color: #573a36; text-decoration: none; }
a:hover { color: #845d59; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

h1,h2,h3  {
	font-weight:normal;
	margin:0;
}
ol, ul {
	list-style: none;
}
.typo80{ font-size:80%; }
.typo90{ font-size:90%; }
.typo110{ font-size:110%; }
.typo120{ font-size:120%; }
.typo130{ font-size:130%; }
.typo150{ font-size:150%; }
.typo180{ font-size:180%; }

.typo_min{ font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }

.margbot10 {margin-bottom:10px !important;}
.margbot20 {margin-bottom:20px !important;}
.margbot25 {margin-bottom:25px !important;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px !important;}
.margbot50 {margin-bottom:50px !important;}

.margtop20 {margin-top:20px !important;}
.margtop30 {margin-top:30px !important;}
.margtop50 {margin-top:50px !important;}
.margtop80 {margin-top:80px !important;}

.margtop-20 {margin-top:-20px !important;}
.margtop-30 {margin-top:-30px !important;}
.margtop-50 {margin-top:-50px !important;}
.margtop-80 {margin-top:-80px !important;}

.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}

.padtop10 {padding-top:10px !important;}
.padtop20 {padding-top:20px !important;}
.padtop30 {padding-top:30px !important;}
.padtop40 {padding-top:40px !important;}
.padtop50 {padding-top:50px !important;}

.center{ text-align:center !important;}
.left{ text-align:left !important;}
.right{ text-align:right !important;}

.img100{ width:100%; }

/*	clearfix
------------------------------------------------------------*/
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/*-------------------------------------------------
  基本設定
-------------------------------------------------*/
#wrapper{
	width:540px;
	margin:0;
	padding:0px;
}
/*-------------------------------------------------
  head
-------------------------------------------------*/
#head{
	position:relative;
	background-color: #fff;
	width:540px;
}
.head_in{
	position:relative;
	margin:0 auto;
	padding:0;
	width:540px;
	text-align:center;
}
/*-- toggle_navi --*/

.button-toggle {
	position:absolute;
	top:10px;
	right:10px;
	width: 50px;
	height: 50px;
	cursor:pointer;
}
.togglemenu {
	position: fixed;
	width:540px;
	background: #573a36;
	color: #fff;
	overflow: hidden;
	z-index:9999;
	top:150px;
}
.togglemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.togglemenu li {
	position: relative;
}
.togglemenu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 25px 0;
	border-bottom: 1px solid #fff;
	line-height: 40px;
	font-size: 18px;
	text-align:center;
	font-weight:bold;
}
/*-------------------------------------------------
  footer
-------------------------------------------------*/
#pgFT{
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:20px;
	text-align:center;
	color:#573a36;
}
.c_right{
	margin:0 auto;
	width:100%;
	background-color:#e9d9bc;
	font-size:85%;
	margin-top:15px;
	color:#573a36;
	padding:6px;
}
/*-------------------------------------------------
  TOP
-------------------------------------------------*/
.top_base{
	margin:0 auto;
	padding-top:0px;
	position:relative;
	width:540px;
}
.viewer{ z-index:9; position:relative; margin-top:-20px; }
.main_bottom{ position:relative; margin-top:-35px; z-index:9999; }
.concept_typo{
	margin:10px auto;
	text-align:center;
	font-size:110%;
	color:#573a36;
	padding:0 12px;
}
.more{ margin:15px auto; text-align:center; }
.more img{ width:200px; height:auto; }

.staff_name{
	font-size:120%;
	padding:10px;
	border-bottom:1px dotted #573a36;
}
table.staff_tb{
	margin:0 auto;
	line-height:1.5;
	width:70%;
	padding:10px;
	border-bottom:1px dotted #573a36;
}
table.staff_tb td , table.staff_tb th {
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
}
table.shop_tb{
	margin:0 auto;
	line-height:1.5;
	width:100%;
	padding:10px;
	border-bottom:1px dotted #573a36;
}
table.shop_tb td , table.shop_tb th {
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
}
.shop_tel{
	margin:0;
	font-size:150%;
}
table.price_tb{
	margin:0 auto;
	line-height:1.3;
	width:313px;
	padding:0;
}
table.price_tb td , table.price_tb th {
	padding:5px 0;
	text-align:left;
	vertical-align:top;
}
table.price_tb td{
	padding-left:10px;
}
.menu_img{
	position:relative;
	margin:0 auto;
	width:400px;
	margin-bottom:30px;
}
.tb_absol1{
	position:absolute;
	top:175px;
	left:40px;
}
.tb_absol2{
	position:absolute;
	top:203px;
	left:44px;
}
.tb_absol3{
	position:absolute;
	top:180px;
	left:40px;
}
.tb_absol4{
	position:absolute;
	top:235px;
	left:40px;
}
.tb_absol5{
	position:absolute;
	top:200px;
	left:35px;
}
.tb_absol6{
	position:absolute;
	top:208px;
	left:34px;
}
.tb_absol7{
	position:absolute;
	top:180px;
	left:37px;
}
.price_cap{
	background: url("../images/cap_bg.svg") top center no-repeat;
	margin:0 auto;
	margin-top:30px;
	width:313px;
	height:96px;
	padding-top:14px;
	text-align:center;
}




/*-------------------------------------------------
  Inner MAIN
-------------------------------------------------*/
#container{
	margin:0 auto;
	width:100%;
}
.stit{ margin:0; margin-top:20px; }
.in_container{
	margin:0 auto;
	padding:20px 20px;
	width:500px;
	font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.bg1{ background: url("../images/bg1.jpg") top left repeat; padding:20px 0; }
.bg_menu{ background: url("../images/menu_bg.png") top left repeat-y; padding:20px 0; }