@charset "utf-8";

/***** CSS Document ASAHIZUSHI *****/
.sp,
ipad {
 display:none !important;
}
.pc {
 display:block !important;
}


/***** typography *****/
body,
main .box_shadow .cont,
main .box_shadow .cont th,
main .box_shadow .cont td,
main .box_shadow .cont4,
#menu h4 {
font-size: 14px;
line-height: 1.74;
}
main .box_shadow .cont2 {
font-size: 20px;
line-height: 1.74;
}
main .box_shadow .cont3 {
font-size: 26px;
line-height: 1.74;
}
main #campaign .box_shadow .box:last-of-type .cont3 {
 text-align: center;
}

main h2.title-box {
 padding:3.2rem 0 2.4rem 20%;
 font-size:62px;
}
main h2 span {
	margin:2.4rem auto 0;
	font-size:14px;
}

.padding-box {
	margin:4rem 2rem 3rem 2rem;
 width: 100%;
}

/***** header *****/
#h_fixed .navigation-box .navigation {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-flow:row;
 flex-flow:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
}
#h_fixed .navigation-box .navigation .header {
 margin-right:auto;
 width:30%;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}
#h_fixed .navigation-box .navigation .header #hamburger {
 display:none;
}
#h_fixed .navigation-box .navigation .header + .header-item {
 margin-top:0;
}
#h_fixed .navigation-box .navigation .header .logo {
 width:auto;
}
#h_fixed .navigation-box .navigation .header .logo img {
 min-width:273px;
}
#h_fixed .navigation-box .navigation .header-item {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
}

header #gnav li {
 padding: 0.8vh 3%;
 line-height: 3.3vh;
}
header #gnav li.header a {
 padding: 6vh 18%;
 background: #003365;
 display: block;
}
/*header #gnav li a:hover span.topmenu,
header #gnav li a.current span.topmenu,
header #gnav li a:hover span.number,
header #gnav li a.current span.number {
 background: #FFF41F;
 color: #000;
}*/


.menu.pc .header-item a:hover {
 color: #FFF41F;
}
.menu.pc span.number {
 width: 50px;
}
.menu.pc span.shopname {
 width: calc(95% - 50px);
 line-height: 2.3vh;
}

#h_fixed .navigation-box .navigation .header-item a,
#h_fixed .navigation-box .navigation .header-item span,
#h_fixed .navigation-box .navigation .header-item.yoyaku-pc.sp.ipad a {
  font-size: 11.5px;
  padding: 1rem .5rem;
}
#h_fixed .navigation-box .navigation .header-item.yoyaku-sp span,
#h_fixed .navigation-box .navigation .header-item.yoyaku-pc span,
#h_fixed .navigation-box .navigation .header-item.yoyaku-pc.ipad a {
  display: block;
  margin: 0 0 0 10px;
  padding: 0 1rem;
  height: 80px;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  text-align: center;
  line-height: 80px;
  background: #9A001A;
  box-sizing: border-box;
}

.yoyaku a,
.yoyaku span {
 font-size: 2.2vw;
}
.yoyaku a:before{
 top: calc(63% - 18px);
 right: calc(50% - 80px);
 width: 12px;
 height: 12px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
}

/***** main *****/
main .box {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-flow:row;
 flex-flow:row;
}
main .box.reverse {
 -webkit-flex-direction:row-reverse;
 -moz-flex-direction:row-reverse;
 flex-direction:row-reverse;
}
main .pagetop {
 position:fixed;
 bottom:100px;
 right:10px;
 width:20px;
 z-index:1000000;
 display:none;
}

/***** maincatch *****/
#maincatch::before {
 background:url(../images/main-bg.png) center/cover no-repeat fixed;
}
#campaign .c_title {
 background:url(../images/campaign-bg.png) center/cover no-repeat fixed;
}
#information .c_title {
 background:url(../images/information-bg.png) center/cover no-repeat fixed;
}

#maincatch .main_img .box-inner .mainimg {
 max-width:500px;
}
#maincatch .main_img .box-inner .mainimg img {
 width: 100%;
 back
}
#maincatch .bnr.box {
 left: auto;
 right: 0;
 margin: 0;
 padding-bottom: 4%;
 width: 45%;
}

@media all and (-ms-high-contrast: none){
 #maincatch .bnr.box {
  padding-bottom: 15%;
  width: 100%;
 }
 #maincatch .bnr.box img {
  width: 300%;
 }
}

#maincatch .bnr.box a {
 margin: 0;
}
#maincatch .bnr.box a:nth-of-type(3n) {
 margin: 0;
}
#maincatch .main_img .box-inner {
 max-width: calc(100% - 26%);
 margin: 0 0 0 24%;
}
#maincatch .main_img .box-inner .camp_link {
 height:120px;
 width:400px;
 margin:0 auto;
}

/***** menu *****/
#menu .box-inner,
.photo-section .box-inner {
 padding: 3rem 0;
 overflow: hidden;
}
@media screen and (min-width:1500px) {
 #menu #floor-8 .box-inner { padding-bottom: 5%; }
 #menu #floor-6 .box-inner { padding-bottom: 10%; }
 #menu #floor-2 .box-inner { padding-bottom: 15%; }
 #menu #floor-1 .box-inner { padding-bottom: 10%; }
 #menu #floor-b1 .box-inner { padding-bottom: 20%; }
}

#floor-8 .c_title {
 background:url(../images/menu-08-bg.png) center/cover no-repeat fixed;
}
#floor-7 .c_title {
 background:url(../images/menu-07-bg.png) center/cover no-repeat fixed;
}
#floor-6 .c_title {
 background:url(../images/menu-06-bg.png) center/cover no-repeat fixed;
}
#floor-5 .c_title {
 background:url(../images/menu-05-bg.png) center/cover no-repeat fixed;
}
#floor-4 .c_title {
 background:url(../images/menu-04-bg.png) center/cover no-repeat fixed;
}
#floor-3 .c_title {
 background:url(../images/menu-03-bg.png) center/cover no-repeat fixed;
}
#floor-2 .c_title {
 background:url(../images/menu-02-bg.png) center/cover no-repeat fixed;
}
#floor-1 .c_title {
 background:url(../images/menu-01-bg.png) center/cover no-repeat fixed;
}
#floor-b1 .c_title {
 background:url(../images/menu-b01-bg.png) center/cover no-repeat fixed;
}
#menu .box-inner + .box-inner {
 padding: 0 0 3rem;
}
.photo-section .box {
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-flow:wrap;
 flex-flow:wrap;
}
.photo-section .photo-box {
 width:50%;
 padding:4rem 2rem 3rem 2rem;
 margin:0;
}
#menu .menu-area {
 padding: 0 2rem 2rem;
 margin:15px 1rem 0;
}
#menu h3 {
 margin: 20px 1rem 0;
 padding: 1rem 0 3%;
}
#menu h3 span {
 margin: 0 auto 3%;
 width: 130px;
}
#menu .menu-area .info {
 position: relative;
}
#menu .menu-area .info .basic .mtitle {
 font-size: 16px;
 padding: 16px;
 display: block;
}
#menu .menu-area .info .basic .box-iiner {
 display: block;
}
#menu .menu-area .info .left {
 width:48%;
 margin-right:2rem;
}
#menu .menu-area .info .right {
 position: absolute;
 top: 0;
 right: 0;
 width:48%;
}
#menu .menu-nav {
 -ms-flex-flow:row;
 flex-flow:row;
 -ms-flex-pack: center!important;
 justify-content: center!important;
}
#menu .menu-nav a {
 margin: 0.7rem;
 padding: 0.8rem;
 width: 23%;
 font-size: 11px;
 letter-spacing: -0.15px;
}
#menu .menu-nav.top a,
#menu .menu-nav.top a:last-of-type {
 width: 33%;
}

#menu .menu-area .info .name {
 margin:0 0 1.5rem;
 padding:0;
}
#menu .menu-area .info .tag {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
 margin-bottom: 1rem;
}
#menu .menu-area .info .tag span {
font-size: 14px;
padding: 0.1rem 0.5rem;
margin: 0 0.5rem 0.5rem 0;
white-space: nowrap;
}
#menu .menu-area .info .mtitle {
 padding:0.5rem 1rem;
 cursor:default;
}

/***** information *****/
#information h3 {
 margin: 0 auto;
}
#information .box-white h4 {
 font-size: 18px;
}
#information iframe {
 width: 100%;
 max-height: 530px;
 border: none;
}

footer {
 padding-bottom: 0;
}


/*==========================================================
左メニュー
==========================================================*/
/***** header *****/
#h_fixed {
 width: 20%;
 min-width: 175px;
 height: 92vh;
 position: fixed;
 top: 4%;
 left: 3%;
 z-index: 1000;
 color: #393939;
 background-color: rgba( 255, 255, 255, 0.8 );
 color: #000;
 padding: 1%;
}
#h_fixed .hamburger-checkbox:not(:checked) ~ .navigation-box,
#h_fixed .hamburger-checkbox .navigation-box.checked,
#h_fixed .navigation-box.checked {
  height: auto !important;
}
#h_fixed .navigation-box .navigation {
 -ms-flex-flow: column;
  flex-flow: column; 
}
main .box-inner {
 max-width: calc(100% - 26%);
 margin: 0 0 0 24%;
}

/* header */
@media screen and (min-width: 810px) {
 #h_fixed .navigation-box .navigation .header-item a,
 #h_fixed .navigation-box .navigation .header-item span,
 #h_fixed .navigation-box .navigation .header-item.yoyaku-pc span,
 #h_fixed .navigation-box .navigation .header-item.yoyaku-pc.ipad a {
  font-size: 14px;
 }
}
@media screen and (min-width: 1100px) {
 .yoyaku a,
 .yoyaku span {
  font-size: 26px;
 }
}

/* ipad tate */
@media screen and (min-width:768px) and (max-width:769px) {
  /* header nav */
 #h_fixed .navigation-box .navigation .header-item a,
 #h_fixed .navigation-box .navigation .header-item span,
 #h_fixed .navigation-box .navigation .header-item.yoyaku-pc.ipad a {
   font-size: 11px;
   padding: 0 .4rem;
 }
 /* yoyaku */
 .sp.yoyaku, .sp.yoyaku-sp { display: none !important; }
 .pc.yoyaku, .pc.yoyaku-pc { display: none !important; }
 .ipad.yoyaku, .ipad.yoyaku-pc { display: block !important; }
}

/* ipad yoko */
@media screen and (min-width:1024px) and (max-width:1025px) {
 /* yoyaku */
 .sp.yoyaku, .sp.yoyaku-pc { display: none !important; }
 .pc.yoyaku, .pc.yoyaku-pc { display: none !important; }
 .ipad.yoyaku, .ipad.yoyaku-pc { display: block !important; }
}

/* c_title */
/* ipad tate */
@media screen and (min-width:768px) and (max-width:769px) {
 #campaign .c_title {
  background:url(../images/campaign-bg.png) center/cover no-repeat;
 }
 #information .c_title {
  background:url(../images/information-bg.png) center/cover no-repeat;
 }
 #floor-8 .c_title {
  background:url(../images/menu-08-bg.png) center/cover no-repeat;
 }
 #floor-7 .c_title {
  background:url(../images/menu-07-bg.png) center/cover no-repeat;
 }
 #floor-6 .c_title {
  background:url(../images/menu-06-bg.png) center/cover no-repeat;
 }
 #floor-5 .c_title {
  background:url(../images/menu-05-bg.png) center/cover no-repeat;
 }
 #floor-4 .c_title {
  background:url(../images/menu-04-bg.png) center/cover no-repeat;
 }
 #floor-3 .c_title {
  background:url(../images/menu-03-bg.png) center/cover no-repeat;
 }
 #floor-2 .c_title {
  background:url(../images/menu-02-bg.png) center/cover no-repeat;
 }
 #floor-1 .c_title {
  background:url(../images/menu-01-bg.png) center/cover no-repeat;
 }
 #floor-b1 .c_title {
  background:url(../images/menu-b01-bg.png) center/cover no-repeat;
 }
}
/* ipad yoko */
@media screen and (min-width:1024px) and (max-width:1025px) {
 #campaign .c_title {
  background:url(../images/campaign-bg.png) center/cover no-repeat;
 }
 #information .c_title {
  background:url(../images/information-bg.png) center/cover no-repeat;
 }
 #floor-8 .c_title {
  background:url(../images/menu-08-bg.png) center/cover no-repeat;
 }
 #floor-7 .c_title {
  background:url(../images/menu-07-bg.png) center/cover no-repeat;
 }
 #floor-6 .c_title {
  background:url(../images/menu-06-bg.png) center/cover no-repeat;
 }
 #floor-5 .c_title {
  background:url(../images/menu-05-bg.png) center/cover no-repeat;
 }
 #floor-4 .c_title {
  background:url(../images/menu-04-bg.png) center/cover no-repeat;
 }
 #floor-3 .c_title {
  background:url(../images/menu-03-bg.png) center/cover no-repeat;
 }
 #floor-2 .c_title {
  background:url(../images/menu-02-bg.png) center/cover no-repeat;
 }
 #floor-1 .c_title {
  background:url(../images/menu-01-bg.png) center/cover no-repeat;
 }
 #floor-b1 .c_title {
  background:url(../images/menu-b01-bg.png) center/cover no-repeat;
 }
}

@media screen and (min-width: 800px){
 #menu .menu-nav a {
  font-size: 1.5vw;
  letter-spacing: -0.1px;
 }
}
@media screen and (min-width: 1100px){
 #menu .menu-nav a {
  font-size: 16px;
  letter-spacing: 0;
 }
}

/***** ハック ie10～ *****/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#maincatch .main_img .box-inner .mainimg {
   padding-bottom: 5%;
	}
 #maincatch .bnr.box a {
  width: 31%;
 }
}

.bnr.box.flex a {
 width: 29.33333%;
 margin: 0 6% 4% 0;
}
.bnr.box.flex a:nth-of-type(2n) {
 margin-right: 6%;
}
.bnr.box.flex a:nth-of-type(3n) {
 margin-right: 0;
}