@charset "utf-8";
*{margin:0;padding:0;}
*:focus {outline: none;}
html,body{margin:0;padding:0;background:white;font-size: 10px;}
body{-webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,p,a,ul,li,table,span,dl,dt,dd,h5,h6,dd,dt
{margin:0;padding:0;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue",メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;font-size:1.6rem;font-weight:300;letter-spacing: 0;color:#40220f;}
.min{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
a{text-decoration: none;}
img {width:100%;vertical-align: middle;}
dl,dt,dd{margin:0;padding:0;}
li{list-style:none;}
.fl {display:flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
/* fade */
.iv {
  opacity: 0;
  transition: opacity 1.5s ease-out 0s;
}
.iv.is {
  opacity: 1;
}
.fu {
  opacity: 0;
  transform: translate(0, 20px);
  transition: 2s;
}
.fu.is {
  transform: translate(0, 0);
  opacity: 1;
}
#wrapper{width:100%;margin:auto;height:auto;overflow:hidden;overflow-x: scroll;}
.fl{display:flex;flex-flow: row wrap;justify-content: space-between;}
#wrapper a img:hover{opacity: 0.8;}
span.ci	img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.container_wrap{padding-top:80px;}


/* header */
header,.header_wrap{position:fixed;z-index:999999999999;}
.header_wrap{width:100%;height:75px;background-color: #4c3328;border-bottom:4px solid #e8e73d;}
.h_container{width:1200px;margin:auto;height:auto;display:flex;flex-flow:row wrap;justify-content: space-between;}
.h_left{background:yellow;height:89px;width:213px;}
a.logo{display:block;position:absolute;height:89px;width:213px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);}
#wrapper a.logo:hover img{opacity: 1;}
.header_top{width:915px;}
p.h_tx{display:flex;height:35px;margin: 0;padding:0;align-items: center;justify-content: space-between;}
p.h_tx span:nth-child(1){font-size:11px;color:#e8e73d;}
p.h_tx span:nth-child(2){font-size:16px;color:#fff;}


/* contents */

.cont_01,.cont_02,.cont_03,.cont_05.cont_06.cont_07{width:100%;margin:0;padding:0;}
.cont_01{background:#f7f8fa;}
.cont_02{background:white; text-align: center; font-size: 25px; letter-spacing: .2em; padding: 80px 0 80px 0;}
.cont_01>div,.cont_02>div{max-width:1300px;margin:auto;}
.cont_03>div{max-width:1400px;margin:auto;}
.cont_03{background: #f4f4f4;}

.cont_04>div{max-width:1400px;margin:auto;}
.cont_04{background: #fff;}

.cont_05{background:white;    width: 100%;
    vertical-align: middle;}

.cont_06>div{max-width:1400px;margin:auto;}
.cont_06{background: #fff;}

.cont_07{background:white; text-align: center; font-size: 25px; letter-spacing: .2em; padding: 80px 0 80px 0;}


.bottom_sp{width:1300px;position:relative;margin:auto;height:50px;background:white;}
.bottom_pg{height:80px;}
.bottom_sp a{display:block;position:absolute;right:0;top:-20px;}
.bottom_pg a{top:0;}
.top_tx{color:#231815 ;font-size:25px;font-weight:500;letter-spacing: 0.1em;padding-top:3em; text-align: center; left: 31%;}



.contact_bt {
    width: 450px;
    display: block;
    margin: 70px auto 50px;
}



.contact_bt2 {
    width: 850px;
    display: block;
    margin: 70px auto 150px;
}

.contact_bt3 {
    width: 700px;
    display: block;
    margin: 100px auto 100px;
}

.contact_bt4 {
    width: 800px;
    display: block;
    margin: 0px auto 50px;
}


.reservation {
position: fixed;
bottom: 0px;
right: 20px;
	z-index: 8999;
}


/* footer */

footer{width:100%;background:#46302b;border-top:10px solid #e8e73d;}
.f_box{max-width:1200px;margin:auto;padding:50px 0 35px;}
.f_nav nav ul{padding-right:3em;}
.f_nav nav ul li a{color:#fff;letter-spacing: 0.1em;font-weight: 200;}
.f_nav nav ul li a:hover{color:#e8e73d;}
.f_nav nav ul li{padding-bottom: 1.2em;}
.f_nav nav ul li:last-child{padding-bottom:0;}
.f_nav nav ul li:before{content:"▶";color:#e8e73d;padding-right:0.3em;}
span.logo_f{display:inline-block;width:160px;}
.f_info{width:auto;}
.f_info p{font-size:1.2rem;display: inline-block;flex:1;padding-left:0px;color:white;letter-spacing: 0.1em}
.f_info p span{display:block;color:white;font-size:25px;font-weight:500;letter-spacing: 0.1em;padding-bottom:0.3em;}
p.copy{font-size:1rem;text-align: right;padding-top:30px;color:white;letter-spacing: 0.1em}

@media (min-width: 769px) and (max-width: 1200px) {
	#wrapper,footer,header{width:1200px;}
	footer{padding-right:30px;padding-left:30px;box-sizing: border-box;}
	.h_container{width:100%;}
	.h_right{flex:1;padding-left:20px;}
	#h_top{justify-content:center!important;}
	ul.nav>li.n_cont:before {margin-right:1.2vw!important;}
	#gNav li{margin-right:1.2vw!important;}
	.header_top{width:98%;}
}
@media (min-width: 769px) and (max-width: 950px) {
	#header nav li a{font-size:1.3vw!important;}
	p.h_tx span:nth-child(2){font-size:1.4vw!important;}
	p.h_tx{width:100%;}
	}
/*@media (min-width: 769px) and (max-width: 880px) {
	#gNav li{margin-right:5px!important;}
	ul.nav>li.n_cont:before {margin-right: 5px!important;}
	}
*/

@media only screen and (min-width: 768px) {  /*  ---------   pc  --------------*/
br.spbr{display:none;}
img.spimg{display:none;} 
}

@media only screen and (max-width: 768px) {  /*  ---------   sp  --------------*/	
img.pcimg{display:none;} 
br.pcbr{display:none;}
#wrapper{width:100%;padding:0px;}
.container_wrap{padding-top:74px;}

/* header */

#header {
	padding:0;
	height: 70px;
	box-sizing: content-box;
	position: fixed;
	width:100%;
	z-index: 9999999999999999;
 } 
.h_container{width:100%;height:70px;position:relative;flex-flow:nowrap;}
.h_left,a.logo{width:166px;height:70px;position:relative;z-index:1000;}
.header_wrap{height:70px;background-color: #4c3328;}
.header_top{width:100%;height:70px;display:flex;align-items: center;}
p.h_tx span:nth-child(2){display:none;}
p.h_tx{display:inline-block;position: absolute;left:calc(115px + 3vw);max-width:50vw;height:auto;line-height:1.9;}
p.h_tx span:nth-child(1){font-size:1.9vw;display:inline-block;}
.h_right{flex:1;}
span.c_name{font-size:3vw!important;}
 

/* contents */
.cont_02{background:white; text-align: center; font-size: 23px; letter-spacing: .1em; padding: 80px 0px 50px 0px;}
.cont_01>div,.cont_02>div{width:100vw;margin:auto;} 
.cont_03{width:100vw;margin:auto;} 
.bottom_sp{width:100%;display:flex;height:30vw;align-items: center;justify-content: center;}
.bottom_sp a{position:inherit;top:inherit;}
 
/* footer */

.f_box{width:100%;display: block;height:70px;padding:0;} 
.f_nav,.f_info{display: none;}
p.copy{width:100%;text-align: center;font-size:2.5vw;padding-top:20px;}
 
 .contact_bt {
    width: 350px;
    display: block;
    margin: 30px auto 30px;
}

.reservation {
	display: none;
}

.contact_bt2 {
    width: 350px;
    display: block;
    margin: 70px auto 50px;
}

	.contact_bt3 {
    width: 350px;
    display: block;
    margin: 70px auto 50px;
}
	.contact_bt4 {
    width: 350px;
    display: block;
    margin: 0px auto 50px;
}


 
 }