@charset "utf-8";
/* ------------------------------------------------------------ header */
header { padding: 15px 0; }
header .logo { float: left; }
header .sns { float: right; }
header .sns li { float: left; padding: 0 0 0 18px; }
header .sns li:nth-child(1) { padding: 0; }
/* ------------------------------------------------------------ nav */
nav { background: #8c6f51; padding: 6px 0; }
nav.is-fixed { position: fixed; top: 0; width: 100%; z-index: 100; }
nav ul li { float: left; width: 150px; text-align: center; border-right: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
nav ul li a { display: block; font-size: 14px; font-weight: bold; color: #fff !important; padding: 3px 0; }
nav ul li:nth-child(1) { border-left: 1px solid #fff; }
nav ul li a span { display: block; font-size: 16px; font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; padding: 0 0 3px; letter-spacing: 1px; }
/* ---------------------------------------------------------- fv */
#fv { text-align: center; background: url(../images/fv.jpg) no-repeat center center; padding: 28px 0; }
#fv.mt { margin: 51px auto 0; }
#fv .btn { text-align: center; padding: 25px 0 0; }
#fv .btn a { display: inline-block; *display: inline; *zoom: 1; font-size: 24px; font-weight: bold; color: #a3060c; background: url(../images/arrow_red.png) no-repeat 94% center #fff; padding: 20px 110px; }
/* ---------------------------------------------------------- intro */
.intro { text-align: center; background: url(../images/intro_bg.jpg) no-repeat center center; }
/* ---------------------------------------------------------- about */
#about { position: relative; padding: 50px 0; }
#about::before { position: absolute; content: ""; background: #af0910; width: 50vw; height: 100%; top: 0; left: 0; min-width: 450px; z-index: -1; }
#about::after { position: absolute; content: ""; background: #190e43; width: 50vw; height: 100%; top: 0; right: 0; min-width: 450px; z-index: -1; }
#about .bgbox { padding: 55px 0 100px; max-width: 1200px; margin: 0 auto; border: solid 10px #ecdabb; }
#about .textbg { background: url(../images/textbg.png) no-repeat center center; padding: 0 0 40px; }
#about .textbg dl { padding: 50px 0 0; }
#about .textbg dl:nth-child(1) { padding: 45px 0 0; }
#about .textbg dl dt { font-size: 18px; text-align: center; font-weight: bold; padding: 0 0 12px; }
#about .textbg dl dd { font-size: 18px; text-align: center; font-weight: bold; line-height: 30px; }
#about .textbg dl dd small { font-size: 14px; display: block; font-weight: normal; line-height: 20px; padding: 15px 0 0; }
#about .textbg dl dd span { font-size: 16px; display: block; font-weight: normal; line-height: 20px; padding: 5px 0 0; }
#about .about { padding: 70px 0 60px; }
#about .about .textbox { float: left; width: 410px; }
#about .about .textbox h4 { font-size: 24px; line-height: 48px; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; }
#about .about .textbox p { font-size: 18px; line-height: 38px; letter-spacing: 1px; padding: 20px 0 0; }
#about .about img { float: right; }
#about .method { padding: 0 0 85px; }
#about .method h4 { font-size: 24px; font-weight: bold; text-align: center; padding: 0 0 30px; }
#about .method ol li { float: left; width: 280px; margin: 0 0 0 30px; }
#about .method ol li:nth-child(3n+1) { margin: 0; }
#about .method ol li h5 { font-size: 24px; font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 1px; padding: 20px 0 0; }
#about .method ol li p { font-size: 16px; line-height: 24px; padding: 10px 0 0; }
#about .method .btn { text-align: center; padding: 40px 0 0; }
#about .method .btn a { display: inline-block; *display: inline; *zoom: 1; font-size: 24px; text-align: center; color: #fff; padding: 18px 105px; background: url(../images/arrow.png) no-repeat 90% center #a3060c; }
#about .daiwa img { float: left; }
#about .daiwa p { font-size: 16px; line-height: 140%; padding: 15px 0 0; }
#about .instagram { padding: 30px 0 40px; }
#about .instagram h3 { border-bottom: 1px solid #000; padding: 0 0 15px; }
#about .instagram h3 span { font-size: 16px; display: block; font-family: "ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; font-weight: bold; padding: 15px 0 0; }
#about .instagram ul { margin: 0 0 0 -13.3px; padding: 23px 0 0; }
#about .instagram ul li { float: left; padding: 0 0 0 13.3px; }




#about .event_info h3 { padding: 0 0 20px; }
#about .event_info article { border-bottom: solid 1px #000; padding: 18px 0; }
#about .event_info article:nth-child(1) { border-top: 1px solid #000; }
#about .event_info article img { float: left; }
#about .event_info article .textbox { float: right; width: 610px; }
#about .event_info article .textbox .tag { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 3px; font-size: 14px; border: solid 1px #000; }
#about .event_info article .textbox h6 { font-size: 18px; font-weight: bold; line-height: 34px; padding: 10px 0 15px; }
#about .event_info article .textbox .store { font-size: 14px; }
#about .event_info article .textbox .date { font-size: 14px; padding: 10px 0 0; }
/* ---------------------------------------------------------- menu */
#menu { padding: 65px 0 0; }
#menu h4 { text-align: center; padding: 50px 0; }
#menu .storebox { margin: 0 auto 40px; }
#menu .storebox .genre { font-size: 18px; width: 900px; margin: 0 auto 12px; }
#menu .storeinfo { width: 900px; margin: 0 auto; }
#menu .storeinfo .storename { float: left; width: 750px; }
#menu .storeinfo .storename .floor { font-size: 24px; font-weight: bold; text-align: center; color: #fff; float: left; padding: 7px 5px; }
#menu .meat .storeinfo .storename .floor { background: #ba272d; }
#menu .fish .storeinfo .storename .floor { background: #000c43; }
#menu .storeinfo .storename a { float: left; width: 690px; font-size: 24px; font-weight: bold; text-decoration: underline; margin: 3px 0 0 15px; line-height: 34px; }
#menu .meat .storeinfo .storename a { color: #ba272d; }
#menu .fish .storeinfo .storename a { color: #000c43; }
#menu .storeinfo .btn2 { float: right; font-size: 16px; color: #fff; font-weight: bold; padding: 8px 15px 8px 20px; text-decoration: none; }
#menu .meat .storeinfo .btn2 { background: #ba272d; }
#menu .fish .storeinfo .btn2 { background: #000c43; }
#menu .bg_pattern { margin: 30px auto 0; padding: 30px 0 45px; }
#menu .meat .bg_pattern { background: url(../images/pattern_red.jpg) repeat-x left bottom #a3060c; }
#menu .fish .bg_pattern { background: url(../images/pattern_blue.jpg) repeat-x left bottom #000c43; }
#menu .bg_pattern .bgbox { padding: 15px; margin: 0 auto 15px; border: solid 5px #ecdabb; }
#menu .bg_pattern .bgbox:last-child { margin: 0 auto; }
#menu .bg_pattern img { float: left; }
#menu .bg_pattern .textbox { float: right; width: 470px; }
#menu .bg_pattern .textbox h5 { font-size: 18px; line-height: 26px; font-weight: bold; border-bottom: solid 1px #a3060c; padding: 0 0 12px; margin: 0 0 14px; }
#menu .meat .bg_pattern .textbox h5 { color: #a3060c; }
#menu .fish .bg_pattern .textbox h5 { color: #000c43; }
#menu .bg_pattern .textbox .price { font-size: 18px; line-height: 26px; font-weight: bold; }
#menu .meat .bg_pattern .textbox .price { color: #a3060c; }
#menu .fish .bg_pattern .textbox .price { color: #000c43; }
#menu .bg_pattern .textbox .iteminfo { font-size: 16px; line-height: 24px; padding: 20px 0 0; }
/* ---------------------------------------------------------- ticket */
#ticket { margin: 100px auto 0; }
#ticket h3 { padding: 0 0 50px; }
#ticket .bgbox { border: solid 3px #ecdabb; padding: 40px 25px; }
#ticket .bgbox h4 { font-size: 24px; text-align: center; font-weight: bold; letter-spacing: 1px; padding: 0 0 30px; }
#ticket .bgbox h5 { font-size: 24px; text-align: center; font-weight: bold; padding: 0 0 25px; }
#ticket .bgbox dl { padding: 10px 25px; background: #fff; border: solid 1px #ecdabb; }
#ticket .bgbox dl dt { font-size: 18px; float: left; width: 110px; padding: 20px 0; font-weight: bold; }
#ticket .bgbox dl dd { font-size: 18px; padding: 20px 0 20px 110px; border-bottom: solid 1px #000; font-weight: bold; }
#ticket .bgbox dl dd:last-child { border-bottom: none; }
#ticket .bgbox dl dd span { display: block; font-size: 14px; line-height: 20px; padding: 10px 0 0; }
#ticket .bgbox .able { font-size: 24px; text-align: center; font-weight: bold; padding: 40px 0; }
#ticket .passmarket { background: #fff; border: solid 3px #00d1af; padding: 35px 25px; margin: 0 auto 25px; }
#ticket .passmarket img { float: left; padding: 15px 0 0; }
#ticket .passmarket .textbox { float: right; width: 500px; }
#ticket .passmarket .textbox a { display: block; background: #00d1af; font-size: 24px; font-weight: bold; text-align: center; color: #fff; padding: 20px 70px; }
#ticket .passmarket .textbox p { font-size: 14px; padding: 15px 0 0; }
#ticket .lawson { background: #fff; border: solid 3px #0c9ed4; padding: 35px 25px; }
#ticket .lawson h6 { font-size: 16px; text-align: center; background: #006ab0; color: #fff; padding: 10px 0; margin: 0 auto 30px; }
#ticket .lawson .method1 { padding: 0 0 45px; }
#ticket .lawson .method1 img { float: left; padding: 0 0 0 50px; }
#ticket .lawson .method1 .textbox,
#ticket .lawson .method2 .textbox { float: right; width: 500px; }
#ticket .lawson .method1 .code { background: #cde3ef; padding: 22px 0; font-size: 22px; text-align: center; font-weight: bold; color: #231815; }
#ticket .lawson .method1 span { display: block; font-size: 14px; line-height: 22px; padding: 15px 0 0; }
#ticket .lawson .method2 img { float: left; padding: 0 0 0 20px; }
#ticket .lawson .method2 .textbox a { display: block; font-size: 24px; font-weight: bold; text-align: center; background: #0c9ed4; color: #fff; padding: 22px 0; }
#ticket .lawson .method2 .textbox span { display: block; font-size: 14px; padding: 15px 0 0; }
/* ---------------------------------------------------------- faq */
#faq { padding: 100px 0 0; }
#faq h3 { padding: 0 0 50px; }
#faq .bgbox { border: solid 3px #ecdabb; padding: 60px 25px 50px; }
#faq .bgbox dl dt { font-size: 24px; font-weight: bold; color: #ba272d; letter-spacing: 1px; }
#faq .bgbox dl dd { font-size: 16px; line-height: 26px; padding: 10px 0 50px; }
#faq .bgbox dl dd:last-child { padding: 10px 0 0; }
#faq .caution { border: solid 1px #000; padding: 35px 25px; margin: 45px auto 0; }
#faq .caution h4 { font-size: 24px; text-align: center; font-weight: bold; padding: 0 0 20px; }
#faq .caution ul li { font-size: 16px; padding: 0 0 5px 1em; line-height: 27px; text-indent: -1em; }
#faq .caution ul li:last-child { padding: 0 0 0 1em; }
/* ---------------------------------------------------------- access */
#access { padding: 100px 0 0; }
#access h3 { padding: 0 0 50px; }
#access .map iframe { width: 100%; height: 500px; }
#access h4 { font-size: 24px; font-weight: bold; text-align: center; padding: 60px 0 0; }
#access .address { font-size: 18px; text-align: center; padding: 20px 0 25px; }
#access .mapbtn { text-align: center; }
#access .mapbtn a { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #000; background: url(../images/map_icn.png) no-repeat 98% center; background-size: 25px auto; text-align: center; padding: 12px 165px; }
#access .train { padding: 80px 0 0; }
#access .train h5 { font-size: 24px; text-align: center; font-weight: bold; background: url(../images/train_icn.png) no-repeat center top; background-size: 46px auto; padding: 80px 0 30px; }
#access .train h5 span { display: block; padding: 20px 0 0; font-size: 18px; font-weight: bold; }
#access .train ul { padding: 50px 0 0; }
#access .train ul li { float: left; font-size: 18px; border: solid 1px #000; width: 430px; text-align: center; padding: 5px 0; line-height: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#access .train ul li:nth-child(2n+1) { margin: 0 40px 0 0; }

#access .car { padding: 80px 0 0; }
#access .car h5 { font-size: 24px; text-align: center; font-weight: bold; background: url(../images/car_icn.png) no-repeat center top; background-size: 50px auto; padding: 65px 0 30px; }
#access .car h5 span { display: block; padding: 20px 0 0; font-size: 18px; font-weight: bold; }
#access .car p { font-size: 24px; text-align: center; font-weight: bold; padding: 0 0 40px; }
#access .car ul { padding: 40px 0 0; }
#access .car ul li { border: solid 1px #000; width: 430px; margin: 0 0 30px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 12px; }
#access .car ul li:nth-child(2n+1) { clear: both; margin: 0 40px 30px 0; }
#access .car ul li .parking_name span { float: left; font-size: 18px; color: #fff; background: #cc1424; width: 25px; text-align: center; line-height: 25px; height: 25px; padding: 1px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#access .car ul li .parking_name h6 { float: left; width: calc(100% - 33px); font-size: 18px; font-weight: bold; padding: 3px 0 0 8px; line-height: 22px; }
#access .car ul li dl { padding: 15px 0 0 25px; }
#access .car ul li dl dt { float: left; width: 100px; line-height: 20px; padding: 0 0 5px; }
#access .car ul li dl dd { float: left; width: calc(100% - 100px); line-height: 20px; padding: 0 0 5px; }
/* ---------------------------------------------------------- contact */
#contact { padding: 100px 0 70px; text-align: center; }
#contact h3 { padding: 0 0 40px; }
#contact .contactbox { border: solid 1px #000; padding: 40px; }
#contact .contactbox h4 { font-size: 24px; font-weight: bold; padding: 0 0 30px; }
#contact .contactbox h5 { font-size: 18px; padding: 0 0 20px; }
#contact .contactbox a { display: inline-block; *display: inline; *zoom: 1; font-size: 24px; font-weight: bold; }
#contact .contactbox a.tel { margin: 0 auto 15px; }
#contact .logo { display: inline-block; *display: inline; *zoom: 1; margin: 50px auto 0; }
#contact .logo span { display: block; padding: 20px 0 0; font-size: 16px; color: #ab0606; text-decoration: underline; }
/* ------------------------------------------------------------ footer */
footer { text-align: center; padding: 0 0 30px; }
footer .sns { width: 160px; margin: 0 auto; padding: 40px 0 35px; }
footer .sns li { float: left; }
footer .sns li:nth-child(2) { padding: 0 25px; }
footer .subnav { width: 520px; margin: 0 auto 35px; }
footer .subnav li { float: left; border-left: solid 1px #000; }
footer .subnav li:first-child { border-left: none; }
footer .subnav li a { display: block; padding: 0 10px; }
footer small { display: block; text-align: center; font-size: 12px; padding: 20px 0 0; letter-spacing: 3px; }



/* --------------------------------------------------------------------- mobile ------------------------------------------------------------ */

@media only screen and (max-width:750px){
/* ------------------------------------------------------------ header */
header { padding: 15px 0; position: fixed; top: 0; width: 100%; background: #fff; z-index: 100; }
header .logo { float: left; }
header .logo img { width: 130px; height: auto; }
header .right { float: right; }
header .sns { float: left; padding: 2px 0 0; }
header .sns li { padding: 0 15px 0 0; width: 20px; }
header .sns li:nth-child(1) { padding: 0 15px 0 0; }
header .sns li img { width: 100%; height: auto; }
/* ------------------------------------------------------------ groval nav */
#mask { background: #000; height: 100%; width: 100%; min-height: 100%; position: fixed; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; }
#open_modal { cursor: pointer; display: block; }

#menu-btn { width: 30px; height: auto; float: right; }
#menu-btn img { display: inline !important; width: 100%; height: auto; }

#navigation { position: fixed; text-align: center; margin: 0; top: 0; right: 0; left: 0; z-index: 999; display: none; height: 100%; overflow-y: scroll; background: #fcf8ef; }
#menu-header { padding: 30px 0; position: fixed; z-index: 999; width: 100%; }
#menu-header .close_modal { position: absolute; right: 6%; top: 0; }
#menu-header .close_modal img { width: 20px; height: 20px; padding: 15px 0 0; }
#navigation #menu-header a { display: block; width: 140px; margin: 0 auto; }
#navigation #menu-header a img { width: 100%; height: auto; margin: 0 auto; padding: 0; }
#navigation ul { font-size: 14px; z-index: 999; width: 90%; padding: 87px 5% 0; }
#navigation ul li { text-align: left; border-bottom: #000 solid 1px; }
#navigation ul li:first-child { border-top: #000 solid 1px; }
#navigation ul li a { font-size: 16px; color: #000; display: block; width: 100%; padding: 15px 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#navigation ul li a::before { position: absolute; content: ""; width: 9px; height: 1px; background: #000; top: 19px; right: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#navigation ul li a::after { position: absolute; content: ""; width: 9px; height: 1px; background: #000; top: 25px; right: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* ---------------------------------------------------------- fv */
#fv { text-align: center; background: none; padding: 28px 0; margin: 55px auto 0; position: relative; }
#fv::before { position: absolute; content: ""; width: 50vw; background: #ab1004; height: 100%; top: 0; left: 0; z-index: -1; }
#fv::after { position: absolute; content: ""; width: 50vw; background: #180c46; height: 100%; top: 0; right: 0; z-index: -1; }

#fv img { width: 100%; height: auto; }
#fv .btn { padding: 25px 0 0; }
#fv .btn a { font-size: 16px; width: 70%; background-size: 15px auto; padding: 15px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
/* ---------------------------------------------------------- intro */
.intro { text-align: center; background: none; }
.intro img { width: 100%; height: auto; }
/* ---------------------------------------------------------- about */
#about { padding: 15px 0; }
#about::before { min-width: inherit; }
#about::after { min-width: inherit; }
#about h3 {  }
#about ul { padding: 0 0 15px; }
#about ul li { float: left; width: 32%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 0 2% 2%; }
#about ul li:nth-child(3n+1) { margin: 0; }
#about ul li a { background: url(../images/sp/arrow.gif) no-repeat 94% 27px #8c6f51; display: block; font-size: 10px; font-weight: bold; color: #fff !important; padding: 10px 0; }
#about ul li a span { display: block; font-size: 12px; font-family: "bebas-neue", sans-serif; font-weight: 400; font-style: normal; padding: 0 0 3px; letter-spacing: 1px; }

#about .bgbox { padding: 40px 5% 30px; width: 90%; margin: 0 auto; max-width: 100%; margin: 0 auto; border: solid 2px #ecdabb; background: url(../images/textbg.png) no-repeat center 20px #fcf8ef; background-size: 250px; }
#about .textbg { padding: 0 0 40px; background: none; }
#about .textbg dl { padding: 35px 0 0; }
#about .textbg dl:nth-child(1) { padding: 35px 0 0; }
#about .textbg dl dt { font-size: 16px; padding: 0 0 12px; }
#about .textbg dl dd { font-size: 14px; line-height: 24px; }
#about .textbg dl dd small { font-size: 11px; line-height: 16px; padding: 10px 0 0; }
#about .textbg dl dd span { font-size: 11px; line-height: 20px; padding: 5px 0 0; }
#about .about { width: 100%; padding: 0 0 60px; }
#about .about .textbox { float: none; width: 100%; }
#about .about .textbox h4 { font-size: 18px; line-height: 27px; }
#about .about .textbox p { font-size: 14px; line-height: 24px; padding: 20px 0 15px; }
#about .about img { float: none; width: 100%; height: auto; }

#about .method { width: 100%; padding: 0 0 70px; }
#about .method h4 { font-size: 18px; padding: 0 0 30px; }
#about .method ol li { float: none; width: 175px; margin: 0 auto 20px; text-align: center; }
#about .method ol li:nth-child(3n+1) { margin: 0 auto 20px; }
#about .method ol li img { width: 100%; height: auto; }
#about .method ol li h5 { font-size: 20px; text-align: left; padding: 12px 0 0; }
#about .method ol li p { font-size: 12px; line-height: 20px; padding: 5px 0 0; text-align: left; }

#about .method .btn { padding: 10px 0 0; }
#about .method .btn a { font-size: 16px; padding: 14px 70px; background: url(../images/arrow.png) no-repeat 94% center #a3060c; background-size: 10px auto; }

#about .daiwa img { float: none; display: block; width: 100%; height: auto; }
#about .daiwa p { font-size: 16px; line-height: 140%; padding: 15px 0 0; }
#about .instagram { padding: 30px 0 40px; }
#about .instagram h3 { padding: 0 0 15px; }
#about .instagram h3 span { font-size: 16px; padding: 15px 0 0; }
#about .instagram ul { margin: 0 0 0 -2%; padding: 23px 0 0; }
#about .instagram ul li { padding: 0 0 2% 2%; width: 50%; margin: 0; }
#about .instagram ul li img { width: 100%; height: auto; }
#about .instagram ul li a { background: none; padding: 0; }

#about .event_info .inner { width: 100%; }
#about .event_info h3 { padding: 0 0 10px; }
#about .event_info article { padding: 10px 0; }
#about .event_info article:nth-child(1) { }
#about .event_info article img { width: 40%; height: auto; }
#about .event_info article .textbox { width: 55%; }
#about .event_info article .textbox .tag { padding: 4px 5px 1px; font-size: 8px; }
#about .event_info article .textbox h6 { font-size: 12px; line-height: 16px; margin: 5px 0 10px; padding: 0; overflow: hidden; max-height: 48px; }
#about .event_info article .textbox .store { font-size: 9px; }
#about .event_info article .textbox .date { font-size: 9px; padding: 5px 0 0; }
/* ---------------------------------------------------------- menu */
#menu { padding: 65px 0 0; }
#menu h4 { text-align: center; padding: 20px 0; }
#menu h4 img { width: 80%; height: auto; }

#menu .storebox { width: 100%; margin: 0 auto 40px; }
#menu .storebox .genre { font-size: 14px; width: 90%; margin: 0 auto 8px; }
#menu .storeinfo { width: 90%; margin: 0 auto; }
#menu .storeinfo .storename { float: none; width: 100%; }
#menu .storeinfo .storename .floor { font-size: 14px; padding: 7px 5px 5px; }
#menu .storeinfo .storename a { width: calc(100% - 40px); font-size: 16px; margin: 0 0 0 10px; line-height: 24px; }
#menu .storeinfo .btn2 { display: none; }
#menu .bg_pattern { margin: 15px auto 0; padding: 5% 0 35px; }
#menu .bg_pattern .bgbox { padding: 5%; margin: 0 auto 15px; border: solid 3px #ecdabb; }
#menu .bg_pattern .bgbox:last-child { margin: 0 auto; }
#menu .bg_pattern img { float: none; width: 100%; height: auto; }
#menu .bg_pattern .textbox { float: none; width: 100%; }
#menu .bg_pattern .textbox h5 { font-size: 16px; line-height: 24px; padding: 14px 0 10px; margin: 0 0 14px; }
#menu .bg_pattern .textbox .price { font-size: 16px; line-height: 24px; }
#menu .bg_pattern .textbox .iteminfo { font-size: 14px; padding: 10px 0 0; }
/* ---------------------------------------------------------- ticket */
#ticket { margin: 50px auto 0; }
#ticket h3 { padding: 0 0 20px; }
#ticket .bgbox { padding: 30px 5%; }
#ticket .bgbox h4 { font-size: 18px; padding: 0 0 20px; }
#ticket .bgbox h5 { font-size: 14px; padding: 0; }
#ticket .bgbox dl { padding: 5px 5%; }
#ticket .bgbox dl dt { font-size: 12px; line-height: 18px; width: 60px; padding: 15px 0; font-weight: bold; }
#ticket .bgbox dl dd { font-size: 12px; line-height: 18px; padding: 15px 0 15px 60px; }
#ticket .bgbox dl dd span { font-size: 10px; line-height: 14px; padding: 3px 0 0; }

#ticket .bgbox .able { font-size: 13px; line-height: 22px; padding: 20px 0; }
#ticket .passmarket { padding: 25px 5%; margin: 0 auto 5%; text-align: center; }
#ticket .passmarket img { float: none; width: 150px; height: auto; padding: 15px 0; }
#ticket .passmarket .textbox { float: none; width: 100%; }
#ticket .passmarket .textbox a { font-size: 14px; padding: 15px 10px; }
#ticket .passmarket .textbox p { text-align: left; font-size: 12px; line-height: 18px; padding: 10px 0 0; }

#ticket .lawson { padding: 25px 5%; }
#ticket .lawson h6 { font-size: 12px; padding: 8px 0; margin: 15px auto 20px; }
#ticket .lawson .method1 { padding: 0 0 10px; text-align: center; }
#ticket .lawson .method1 img { float: none; width: 80px; height: auto; padding: 0 0 20px; }
#ticket .lawson .method1 .textbox,
#ticket .lawson .method2 .textbox { float: none; width: 100%; }
#ticket .lawson .method1 .code { padding: 12px 0; font-size: 16px; }
#ticket .lawson .method1 span { font-size: 12px; line-height: 20px; text-align: left; padding: 15px 0 0; }

#ticket .lawson .method2 { text-align: center; }
#ticket .lawson .method2 img { float: none; padding: 0 0 20px; width: 100px; height: auto; }
#ticket .lawson .method2 .textbox a { font-size: 13px; padding: 15px 10px; }
#ticket .lawson .method2 .textbox span { text-align: left; line-height: 20px; font-size: 12px; padding: 15px 0 0; }
/* ---------------------------------------------------------- faq */
#faq { padding: 70px 0 0; }
#faq h3 { padding: 0 0 20px; }
#faq .bgbox { padding: 20px 5%; }
#faq .bgbox dl dt { font-size: 14px; padding: 0 0 0 1.5em; text-indent: -1.5em; line-height: 22px; }
#faq .bgbox dl dd { font-size: 14px; line-height: 22px; padding: 5px 0 30px 1.25em; text-indent: -1.25em; }
#faq .bgbox dl dd:last-child { padding: 5px 0 0 1.25em; }

#faq .caution { padding: 25px 5%; margin: 20px auto 0; }
#faq .caution h4 { font-size: 16px; padding: 0 0 20px; }
#faq .caution ul li { font-size: 12px; padding: 0 0 5px 1em; line-height: 18px; text-indent: -1em; }
#faq .caution ul li:last-child { padding: 0 0 0 1em; }
/* ---------------------------------------------------------- access */
#access { padding: 80px 0 0; }
#access h3 { padding: 0 0 30px; }
#access .map { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
#access .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#access h4 { font-size: 16px; padding: 40px 0 0; }
#access .address { font-size: 14px; padding: 15px 0 25px; }
#access .mapbtn a { background: url(../images/map_icn.png) no-repeat 98% center; background-size: 25px auto; padding: 12px 35px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#access .train { padding: 80px 0 0; }
#access .train h5 { font-size: 18px; background-size: 34px auto; padding: 60px 0 30px; }
#access .train h5 span { padding: 10px 0 0; font-size: 14px; }
#access .train img { width: 100%; height: auto; }
#access .train ul { padding: 30px 0 0; }
#access .train ul li { float: none; font-size: 14px; width: 90%; margin: 0 auto 10px; padding: 5px 0; line-height: 27px; }
#access .train ul li:nth-child(2n+1) { margin: 0 auto 10px; }

#access .car { padding: 80px 0 0; }
#access .car h5 { font-size: 18px; background-size: 40px auto; padding: 50px 0 20px; }
#access .car h5 span { padding: 10px 0 0; font-size: 14px; }
#access .car p { font-size: 14px; padding: 0 0 20px; line-height: 22px; }
#access .car img { width: 100%; height: auto; }

#access .car ul { padding: 40px 0 0; }
#access .car ul li { width: 100%; margin: 0 0 5%; padding: 12px; }
#access .car ul li:nth-child(2n+1) { clear: both; margin: 0 0 5%; }
#access .car ul li .parking_name span { font-size: 14px; padding: 1px 0 0; }
#access .car ul li .parking_name h6 { font-size: 14px; padding: 2px 0 0 8px; line-height: 22px; }
#access .car ul li dl { padding: 5px 0 0 25px; }
#access .car ul li dl dt { font-size: 12px; width: 80px; line-height: 18px; }
#access .car ul li dl dd { font-size: 12px; width: calc(100% - 80px); line-height: 18px; }

#access .car ul { display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#access .car ul li.box1 { -webkit-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1; }
#access .car ul li.box2 { -webkit-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2; }
#access .car ul li.box3 { -webkit-box-ordinal-group:3; -ms-flex-order:3; -webkit-order:3; order:3; }
#access .car ul li.box4 { -webkit-box-ordinal-group:4; -ms-flex-order:4; -webkit-order:4; order:4; }
#access .car ul li.box5 { -webkit-box-ordinal-group:5; -ms-flex-order:5; -webkit-order:5; order:5; }
#access .car ul li.box6 { -webkit-box-ordinal-group:6; -ms-flex-order:6; -webkit-order:6; order:6; }
#access .car ul li.box7 { -webkit-box-ordinal-group:7; -ms-flex-order:7; -webkit-order:7; order:7; }
#access .car ul li.box8 { -webkit-box-ordinal-group:8; -ms-flex-order:8; -webkit-order:8; order:8; }
#access .car ul li.box9 { -webkit-box-ordinal-group:9; -ms-flex-order:9; -webkit-order:9; order:9; }
#access .car ul li.box10 { -webkit-box-ordinal-group:10; -ms-flex-order:10; -webkit-order:10; order:10; }
/* ---------------------------------------------------------- contact */
#contact { padding: 80px 0 70px; }
#contact h3 { padding: 0 0 20px; }
#contact .contactbox { padding: 20px 5%; }
#contact .contactbox h4 { font-size: 18px; padding: 0 0 15px; }
#contact .contactbox h5 { font-size: 14px; padding: 0 0 20px; }
#contact .contactbox a { font-size: 16px; }
#contact .contactbox a.tel { margin: 0 auto 10px; }
#contact .logo { margin: 30px auto 0; }
#contact .logo span { padding: 20px 0 0; font-size: 12px; }
#contact .logo img { width: 140px; height: auto; }
/* ------------------------------------------------------------ footer */
footer { padding: 0 0 30px; }
footer .sns { width: 118px; margin: 0 auto; padding: 25px 0; }
footer .sns li:nth-child(2) { padding: 0 20px; }
footer .sns li img { width: auto; height: 25px; }
footer .subnav { width: 100%; margin: 0 auto 35px; }
footer .subnav li { float: none; display: inline-block; *display: inline; *zoom: 1; border-left: solid 1px #000; }
footer .subnav li:first-child { border-left: none; }
footer .subnav li a { padding: 0 10px; font-size: 10px; }
footer .logo img { width: 120px; height: auto; }
footer small { font-size: 10px; padding: 15px 0 0; letter-spacing: 2px; }

}