@charset "utf-8";
@import url(drawerMenu.css);

/**********************************************************************　スマホ　*******************************************************************************/
.pc ,.sitemap-,.anch
{display: none;}

.kaig { display: block; }

/**********************************************************************　フォントサイズ　***********************************************************************

h1  { font-size: 2.0em;line-height: 1.0em ;  }**/

h1.eng { font-size: 1.2em;line-height: 1.4em ;  }
h2  { font-size: 1.2em;line-height: 1.4em ;width: 100% ; text-align: center; padding: 0 0 10px 0 } 
h2.nidanh { line-height: 1.2em ; padding: 0 0 0 0 }
h3  { font-size: 1.1em;line-height: 1.2em ; }
h4  { font-size: 0.9em;line-height: 1.2em ; }
h5  { font-size: 0.9em;line-height: 1.4em ; }
h2 span.engsub { font-size: 0.8em;line-height: 1.4em }

h1 { position: absolute ; left: 20px ; top: -38px ; z-index: 3 ; color: #fff ; text-align: left }
body#story h1.eng { font-size: 1.0em }
body#index h1 { position: absolute ; left: 20px ; top: 15px ; z-index: 3 ; color: #fff ; text-align: left ; font-size: 1.0em }
p.lang { top: 65px ; right: 10px; }
body#location h1 { position: absolute ; left: 20px ; top: 15px ; z-index: 3 ; color: #fff ; text-align: left ; font-size: 1.0em }
.name-box { top: 40px ; right: 10.5%; }
/*
body#burgers h1 { position: absolute ; right: 10% ; top: 60px ; z-index: 3 ; color: #fff ; text-align: right }
body#story h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #fff ; text-align: right }
body#location h1 { position: absolute ; right: 10% ; top: 120px ; z-index: 3 ; color: #fff ; text-align: right }

/**********************************************************************　デザイン　*******************************************************************************/

body { margin: 0 ; padding: 0 }
article { width: 100% } 
article > div { width: 90%;margin: 0 0 0 5% } 
footer > div { width: 90%;margin: 0 0 0 5% } 

.burgers .swiper-slide img { width: 100% ; padding: 100px 0 50px ; }

article#imagevideo > div  { width: 100%;margin: 0 }
#index .swiper-slide img { width: 100% ; }

.swiper-container.swiper2,
.swiper-container.swiper3,
.swiper-container.swiper4,
.swiper-container.swiper5,
.swiper-container.swiper6 
{ margin: 0 0 20px 0 }

.burger-box { width: 90%;margin: 0 ; padding: 50px 5% }

#burgers .burger-box .txj { text-align: center }
#burgers .burger-box .txj .txt {
	text-align: justify
}

.adam  img { width: 50%; height: auto; padding: 0 0 50px 0 }
.zoom-box div { font-family: 'Fjalla One', sans-serif; font-size: 0.8em ; line-height: 1.0em ; letter-spacing: 0 }

.btn-box { text-align: center }


/****************************　　lang　　****************************/

.lang {
    position: absolute;top: 60px ; right: 10px ; z-index: 4 ; width: 120px;
}

/***********************************************************************　固定ヘッダー　******************************************************************************/

header { border-bottom: solid 1px #000 ; z-index: 10 ; } 
header { padding: 15px 0 0 0 ; height:35px ; }
header ul li  { padding: 0 }
header ul li a { font-size: 1.6em;line-height: 1.0em ; padding: 20px 0; }
header ul li.fobt a { background-color: #f1f1f1; }
header ul li {
border-bottom: 1px solid hsla(158,35%,100%,0.8);
background-color: hsla(42,100%,50%,1.0);
}
header.sp ul li.active {
background-color: hsla(42,85%,43%,1.00);
}
header.sp ul li.active a {
color: hsla(0,0%,0%,1.0);
}

section {  }

.logol { position: absolute ; z-index: 3 ; }
.logol { top: 10px ; left: 20px ; width: 25% ; }

.zoom-box.rokudan div { width: 33.0%; margin: 10px 0% }
.zoom-box.godan div {
	width: 49%;
	margin: 10px 0%
}
.zoom-box.yondan div { width: 45.0%; margin: 10px 1.5% }

/**********************************************************************　イレギュラー　*******************************************************************************/

@media screen and (min-width: 641px) {
body {display: none}
}

.pt-l { padding-top: 20px }.pb-l { padding-bottom: 20px }
