/* add new css 2014.10.28-3 */

/*/////////////////////

body

/////////////////////*/
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:url(../img/common/bg.png) repeat-y center top #fff; }
body.top { background:url(../img/common/bg-top.png) repeat-y center -70px #fff; }
body.area-top { background:url(../img/common/bg.png) repeat-y center -14px #fff; }
body.whatsnew { background:url(../img/common/bg.png) repeat-y center -40px #fff; }
body.ranking { background:url(../img/common/bg.png) repeat-y center -40px #fff; }
body.top .unit-inner { border-radius:0; background-color:transparent; }
body.top .grid-panel-flux { }
body.top .news { border-radius:10px 10px 9px 9px; background-color:#eee; }
/*Google翻訳*/
#google_translate_element { position:absolute; top:-4px; right:2px; z-index:1200; /*height:32px; overflow:hidden;*/}
#google_translate_element .goog-te-gadget-simple { padding-bottom:0!important;}

/*/////////////////////

nav

/////////////////////*/
#header-catchcopy { margin-bottom:-2px; background:#E7212A; color:#fff; ; }
#header-catchcopy p { max-width:960px; padding:8px 0 0 5px; margin:0 auto; line-height:1; font-size:86%; }
.nav { background:url(../img/common/nav/nav_bg.png) center top no-repeat; }
/* nav hover */
.nav-shop:hover { background:url(../img/common/nav/nav_hover_shop.png) no-repeat left top; }
.nav-campaign:hover { background:url(../img/common/nav/nav_hover_campaign.png) no-repeat left top; }
.nav-service:hover { background:url(../img/common/nav/nav_hover_service.png) no-repeat left top; }
.nav-food:hover { background:url(../img/common/nav/nav_hover_food.png) no-repeat left top; }
.nav-staff:hover { background:url(../img/common/nav/nav_hover_staff.png) no-repeat left top; }

/*/////////////////////
stay nav
//////////////////////*/
.fixed-head { z-index:999; position:fixed !important; width:100%; top:0; background:url(../img/common/nav/stay-nav/bg-stay.png) center -1px no-repeat; position:relative; padding:0 10px; margin:0 auto; border-top:8px solid #e7212a; }
.fixed-head .fixed-h-inside { height:107px; display:block; }
.fixed-head ul { display:table; list-style:none; width:940px; margin:0 auto; font-size:13px; line-height:20px; padding-bottom:10px; }
.fixed-head ul li { display:table-cell; height:5px; padding:2px 0px 5px; width:120px; }
.fixed-head ul li a { display:block; height:100%; min-height:85px; width:100%; }
.fixed-head ul li.nav-logo { width:220px; }
.fixed-head ul li.nav-service { height:105px; }
.fixed-head .nav-support ul { width:100%; top:12px; left:-1px; }
.fixed-head .nav-support ul.nav-support-newmenu { top:0; }
.fixed-head .nav-support ul li { display:block; height:20px; padding-left:10px; }
.fixed-head .nav-support ul.nav-support-newmenu li { display:block; height:9px!important; padding-left:10px; font-size:11px !important; margin-bottom:5px; }

/*20141030 add*/
.fixed-head .nav-support ul li a { min-height:0; }
.fixed-head ul li.nav-food { height:auto; position:relative; cursor:pointer;/*min-height:155px;*/ }

/*  defalut  */
.fixed-head .nav-shop { background:url(../img/common/nav/stay-nav/stay-defalut_shop.png) no-repeat left 1px; }
.fixed-head .nav-campaign { background:url(../img/common/nav/stay-nav/stay-defalut_campaign.png) no-repeat left 1px; }
.fixed-head .nav-service { background:url(../img/common/nav/stay-nav/stay-defalut_service.png) no-repeat left 1px; }
.fixed-head .nav-logo { background:url(../img/common/nav/stay-nav/stay-logo.png) no-repeat center 25px; }
.fixed-head .nav-food { background:url(../img/common/nav/stay-nav/stay-defalut_food.png) no-repeat left 1px; }
.fixed-head .nav-staff { background:url(../img/common/nav/stay-nav/stay-defalut_staff.png) no-repeat left 1px; }

/*  hover  */
.fixed-head .nav-shop:hover { /*	background:url(../img/common/nav/stay-nav/stay-hover_shop.png) no-repeat left -1px;*/
background:url(../img/common/nav/stay-nav/stay-hover_shop.png) no-repeat left top; }
.fixed-head .nav-campaign:hover { /*	background:url(../img/common/nav/stay-nav/stay-hover_campaign.png) no-repeat 1px -1px;*/
background:url(../img/common/nav/stay-nav/stay-hover_campaign.png) no-repeat 1px top; }
.fixed-head .nav-service:hover { /*	background:url(../img/common/nav/stay-nav/stay-hover_service.png) no-repeat 1px -1px;*/
background:url(../img/common/nav/stay-nav/stay-hover_service.png) no-repeat 1px top; }
.fixed-head .nav-food:hover { /*	background:url(../img/common/nav/stay-nav/stay-hover_food.png) no-repeat left -1px;*/
background:url(../img/common/nav/stay-nav/stay-hover_food.png) no-repeat left top; }
.fixed-head .nav-staff:hover { /*	background:url(../img/common/nav/stay-nav/stay-hover_staff.png) no-repeat left -1px;*/
background:url(../img/common/nav/stay-nav/stay-hover_staff.png) no-repeat left top; }

/*  stay sub nav  */
.fixed-head ul li.nav-food ul { position:absolute; top:100px; left:0; z-index:99999; background:url(../img/common/nav/sub.png) no-repeat left top; overflow:hidden; height:248px; width:156px; display:none; }
/*メニュー4つ height 203px; 5つ height 248px */
.fixed-head ul li.nav-food ul li { display:block; width:152px; height:41px; }
.fixed-head ul li.nav-food ul li.two-row { height:60px !important; }
.fixed-head ul li.nav-food ul li.first { }
.fixed-head ul li.nav-food ul li.first:hover { background:url(../img/common/nav/sub1.png) no-repeat left top; }
.fixed-head ul li.nav-food ul li.second:hover { background:url(../img/common/nav/sub2.png) no-repeat left top; }
.fixed-head ul li.nav-food ul li.third:hover { background:url(../img/common/nav/sub3.png) no-repeat left top; }
.fixed-head ul li.nav-food ul li.fourth:hover { background:url(../img/common/nav/sub4.png) no-repeat left top; }
.fixed-head ul li.nav-food ul li.fifth:hover { background:url(../img/common/nav/sub5.png) no-repeat left top; }
.fixed-head ul li.nav-food ul li a { display:block; width:100%; height:100%; }

/* dropdown */
.navbar > ul > li.nav-food { height:auto; position:relative; cursor:pointer;/*min-height:290px;*/}
ul.sub li a { background:#fc7100; display:block; color:#fff; padding:15px; font-size:12px; width:150px; }
.navbar > ul > li.nav-food a.menu { min-height:120px; }
.navbar > ul > li.nav-food ul { position:absolute; top:130px; left:0; z-index:45; background:url(../img/common/nav/sub.png) no-repeat center top; overflow:hidden; height:248px; width:156px; display:none; }
/*メニュー4つ height 203px; 5つ height 248px */
.navbar > ul > li.nav-food ul li { display:block; width:152px; height:41px; }
.navbar > ul > li.nav-shop a { position:relative; top:-15px; }
.navbar > ul > li.nav-food ul li.two-row { height:60px; }
.navbar > ul > li.nav-food ul li.first:hover { background:url(../img/common/nav/sub1.png) no-repeat left top; }
.navbar > ul > li.nav-food ul li.second:hover { background:url(../img/common/nav/sub2.png) no-repeat left top; }
.navbar > ul > li.nav-food ul li.third:hover { background:url(../img/common/nav/sub3.png) no-repeat left top; }
.navbar > ul > li.nav-food ul li.fourth:hover { background:url(../img/common/nav/sub4.png) no-repeat left top; }
.navbar > ul > li.nav-food ul li.fifth:hover { background:url(../img/common/nav/sub5.png) no-repeat left top; }

.navbar > ul > li.nav-food ul li { border-right:solid 1px #fff; }
.navbar > ul > li.nav-food ul li a { display:block; width:100%; height:100%; }
.navbar > ul > li.nav-support ul li a { color:#000000; }
.nav-support ul { position:absolute; top:35px; }
.nav-support ul.nav-support-newmenu { top:8px; }
.nav-support ul li { font-size:12px; }
.nav-support ul.nav-support-newmenu li { height:7px; font-size:11px; }
.nav-support ul li a:hover { opacity:.7; }

/*/////////////////////

container

/////////////////////*/
.container { position:relative; }
.article-wrap { background:#fff; }
.contact .container .article-wrap { margin:20px auto 0; max-width:918px; }
.grid-panel-news p { padding-bottom:4px; }
.grid-panel-news p.news-right span { position:absolute; right:30px; top:5px; font-size:12px; font-weight:bold; }
.grid-panel-news p.news-right a:hover { opacity:.7; }
.grid-panel-news p.news-right span .fa { border-radius:50%; width:20px; height:20px; padding:3px 3px 3px 8px; background-color:#ffffff; margin-right:10px; }
.grid-panel-news p.news-right span .fa:before { font-size:14px; }
.grid-panel-news p.news-right span a:hover { opacity:.7; }

/*///////////////
top
/////////////*/

/* carousel */
.carousel-indicators .active { top:-1px; background-color:#e7212a; border:solid 1px #DADAD8; }
.grid-panel-news .item ul li { margin-bottom:10px; }
.grid-panel-news .item ul li a { overflow:hidden; display:block; }
.grid-panel-news .item ul li a:hover { opacity:.7; }
.grid-panel-news .item ul li span { display:block; }
.num { line-height:.8; }
.info-arrow { position:absolute; bottom:15px; right:45px; font-size:11px; }
.info-arrow span { display:inline-block; margin-left:8px; left:56px !important; top:-1px !important; }
.info-arrow .badge-piece > i { top:3px; left:8px; }
.grid-panel-slide { background:url(../img/slide/blue-obi.png) center 100.9% no-repeat; }
.grid-panel-slide .mask .carousel .carousel-inner img { position:relative; top:55px; }
.grid-panel-slide .badge-piece { display:none; }
.sp-show { display:none; }

/* arrow */
.badge-piece > i { top:2px; left:9px; }
.grid2 .badge-piece > i { top:2px; }
.badge-piece > i:before { font-size:14px; }
.grid-panel-infomation .unit-header h2 { font-size:16px; position:relative; top:1px; }
.grid-panel-infomation .unit-header { border-radius:10px; padding:5px 5px 4px; }
.grid-panel-infomation .unit-header a { position:relative; font-size:12px; margin-right:10px; }
.grid-panel-infomation ul li a:hover { opacity:.7; }
span.badge-piece { display:block; position:absolute; left:-30px; top:4px; }
#slide-btn { position:absolute; bottom:15px; right:25px; display:block; z-index:99; border-radius:50%; width:20px; height:20px; padding:10px 10px; background-color:#ffffff; cursor:pointer; }
#slide-btn a { position:relative; top:-15px; left:-1px; }

/* mask img */
.photo-mask { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/_files/mask.png) no-repeat center top; }
.photo-mask-slide { display:block; position:absolute; top:55px; left:0; width:100%; height:100%; background:url(../img/slide/mask-slide.png) no-repeat center top; z-index:11; }
.photo-mask-slide-bottom { display:block; position:absolute; bottom:0; left:10px; width:700px; height:67px; background:url(../img/slide/mask-slide-bottm.png) no-repeat center bottom; z-index:11; }
.unit-footer .badge-piece { bottom:19px; right:10px; }
.grid-panel-flux a { position:relative; }
.grid-panel-flux a img.mask-img { position:absolute; }

/*  sp heaing  */
.sp-heading { display:none; }
.pc-hidden { display:none !important; }
img.mask-sp1 { display:none; }
.infomation { background-color:transparent; border-radius:0; }
.infomation ul .num { font-size:13px; }
.infomation ul .small { font-size:12px; }

/*///////////////
shop detail page
/////////////*/
header h1 { font-size:36px; padding-bottom:20px; padding-top:10px; }
header h1 span { font-size:16px; color:#023894; opacity:.5; padding-left:20px; font-family:Avenir, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* breadcrumb  */
.bread ol li { display:inline; list-style-type:none; font-size:12px; color:#000; }
.bread ol li a { color:#023894; font-weight:normal; }
.bread ol li:before { content:" > "; padding:0 5px; position:relative; top:-1px; }
.bread ol li:first-child:before { content:""; padding:0; }

/*  header part  */
.shop-h2 h2 { font-weight:bold; background-image:url(../img/shop/shop_h2_bar.png); background-position:left bottom; background-repeat:no-repeat; font-size:28px; padding:0 0 15px; margin:-20px 10px 0; }
.shop-h3 { width:95%; max-width:900px; margin:0 auto -10px; border-radius:10px; }
.shop-h3 .unit-section { padding:3px 20px 1px; border-left:15px solid #fccf00; }
.shop-h3 h3 { font-size:21px; line-height:0; }

/*  for modify width  */
.shop-block-left { padding-left:45px; }
.shop-block-right { padding-right:45px; }
.shop-carousel .carousel { width:360px; }
.shop-carousel .carousel-indicators { position:absolute; top:0; margin:0; width:100%; left:100%; margin-left:10px; z-index:1; }
.shop-carousel .shop-carousel-thumbnail ul > li { cursor:pointer; }
.shop-carousel .shop-carousel-thumbnail ul > li:hover { border:5px solid #fccf00; }

/* Indicators list style */
.shop-carousel .carousel-indicators li { display:block; width:50px; height:50px; margin-bottom:.68em; border:none; border-radius:0; overflow:hidden; }
.shop-carousel .carousel-indicators li img#mask-slide { display:none; }

/* Indicators active style */
.shop-carousel .carousel-indicators li.active { border:3px solid #fccf00; background-color:rgba(0,0,0,0.65); }

/* Indicators images style */
.shop-carousel .carousel-indicators img { float:left; width:49px; }
.shop-carousel .carousel-indicators li.active img { width:49px; height:49px; }
.shop-carousel .carousel-indicators li.active img#mask-slide { display:block; position:absolute; z-index:1; left:0; }

/*  map height  */
#map_canvas { width:100%; height:290px; padding:0 10px 0 5px; position:relative; z-index:2; }
#map_canvas label { width:auto; display:inline !important; }
#map_canvas img { max-width:none !important; }
.shop-icons { border:3px solid #eee; border-radius:5px; max-width:860px; margin-top:-20px; margin-left:46px; }
.shop-icons .bundle { padding:0; }
.shop-icons .fa { position:relative; top:0; border-radius:50%; width:20px; height:20px; padding:2px 6px 2px 8px; background-color:#bdbdbd; margin-right:10px; }
.shop-icons .fa:before { color:#7c7c7c; font-size:14px; }
.shop-icons .unit-body p { margin-top:14px; font-size:12px; }
.shop-icons .unit-body ul li { margin:10px 10px 10px 0; }

/* modal */
.modal { z-index:99999999; }
.modal-body > ul > li { margin-bottom:60px; }
.modal-title { padding-bottom:0; }
.modal-body h4 { padding-bottom:0; }

/* shop feature part  */
.shop-topics-wrap { margin:0 50px; position:relative; left:-1px; }
.shop-topics { padding-top:20px !important; }
.shop-topics .unit-header { width:100%; }
.shop-topics h2 { font-size:28px; background-image:url(../img/shop/shop_h2_bar2.png); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; }

/*  topics lists */
.shop-topics .unit-body { margin-top:0; }
.shop-topics .unit-body ul { margin:10px 0 0; }
.shop-topics .unit-body ul li { font-size:18px; list-style:inside; line-height:32px; }
.shop-topics .unit-body ul li a { color:#023894; text-decoration:underline; }
.shop-topics .unit-body ul li a:hover { text-decoration:none; }

/*  topics bottom table */
.topic-table table { max-width:860px; margin:0 auto 10px !important; background:#fff; font-size:14px; border-collapse:separate; }
table th, table td { padding:15px 15px 14px; border-bottom:medium none; line-height:1.6; }
.topic-table table th { min-width:180px; vertical-align:top; border:none; border-bottom:1px solid #e6e6e6; border-left:medium none; border-right:medium none; border-top:medium none; }
.topic-table table td { padding-left:48px; border-left:none; }
.topic-table table td p { padding-bottom:0; line-height:22.4px; }
.topic-table table td a { color:#023894; text-decoration:underline; }
table tr:nth-child( even ) { background:#fffae5; }
table tr.last td { border-bottom:1px solid #e6e6e6 !important; }
.topic-table table tr:last-child td, .price-table table tr:last-child td { border-bottom:1px solid #e6e6e6 !important; }
.shop-qr { margin-top:15px; }

/*  topics bottom table */
.shop-topics .charge img { margin:40px 30px; max-width:273px; }
.basic-info { margin-top:10px; margin-bottom:-20px; }
.shop-topics .charge-lists ul { padding-right:30px; margin:10px 0 20px; }
.shop-topics .charge-lists ul li { font-size:16px; line-height:1.5; padding-left:1em; text-indent:-1em; list-style:inside; }

/*  price table */
.price-table table { text-align:center; background:#fff; max-width:860px; margin:10px auto; border-collapse:separate; }
.price-table table th, .price-table table td { text-align:center; }
.price-table table th { font-size:14px; border:none; border-bottom:1px solid #e6e6e6; text-align:center; max-width:55px; border-left:medium none; border-right:medium none; border-top:medium none; }
.price-table table .heading th { background:#023894; color:#fff; padding:10px 10px 8px 20px; }
.price-table table.ire2 .heading th { border-right:1px solid #e6e6e6; }
.price-table table.ire3 td { width:720px; }
.price-table table td { font-size:13px; border-left:none; width:360px; border-bottom:medium none; }
.price-table table.ire1 td { width:240px; }
.price-table table td p { padding-bottom:0; line-height:22.4px; }
.price-table table tr.normal td { font-size:14px; }
table.even tr:nth-child( odd ) { background:#fffae5; }
table.even tr:nth-child( even ) { background:transparent; }
.price-table table.even { margin-top:-10px; }
br.tel-br { display:none; }

/*  sp-info */
.sp-info { max-width:880px; margin:0 auto; }
.sp-info .unit-inner { background:#fff; border:4px solid #fccf00; }
.sp-info .unit-inner p { text-align:center; padding:5px 30px; font-size:16px; color:#023894; font-weight:bold; }

/*  notice */
.notice { max-width:890px; margin:10px auto 0; }
.notice li { font-size:14px; line-height:1.5; }
.notice li a { color:#023894; font-weight:normal; text-decoration:underline; }
.notice li a:hover { text-decoration:none; }
.notice .secondary { font-weight:bold; }

/*  unit-submit */
.unit-submit { position:relative; overflow:hidden; }
.unit-submit ul { float:left; left:50%; position:relative; }
.unit-submit ul li { float:left; left:-50%; position:relative; }
.unit-submit button { border-radius:10px; display:block; min-width:420px; margin:10px; background:url(../img/common/btn-arrow/btn-arrow.png) 20px 19px no-repeat #023894; background-size:20px; }
a.btn-link { display:block; width:50%; border-radius:10px; padding:20px; margin:10px auto; background:url(../img/common/btn-arrow/btn-arrow.png) 20px 19px no-repeat #023894; background-size:20px; color:#fff !important; line-height:20px; }
a.btn-link:hover { opacity:0.75; }
a.btn-link:visited { color:#fff !important; }
a.btn-link i { display:none; }
.unit-submit button a { color:#fff; }
.unit-submit button i { position:absolute; left:20px; border-radius:50%; width:20px; height:20px; padding:2px 5px 2px 7px; background-color:#ffffff; display:none; }
.unit-submit button i:before { color:#000; }
.banner-wrap { text-align:center; margin-bottom:45px; }

/*/////////////////////

contact

/////////////////////*/

.contact-h2 { width:100%; max-width:880px; margin:0 auto; }
.contact-h2 h2, .campaign-h2 h2 { background-color:#eeeeee !important; border-radius:10px !important; border-left:15px solid #fccf00 !important; font-size:21px !important; padding:6px 0 5px 20px !important; margin:-10px -20px 0px -20px !important; background-image:none !important; }
.campaign-h2 h2 { margin:0px -20px 0px -20px !important; }
.contact-header { margin-top:0; min-height:110px; }
.contact-header p { font-size:16px; max-width:919px; margin:20px auto 10px; }
.error-header { min-height:70px; }
.contact-table { margin-top:10px; position:relative; }
.contact-table img.table-logo { position:absolute; top:-55px; left:425px; z-index:2; }
.contact-table table { background-color:#f7f7f7; border:3px solid #eeeeee !important; border-radius:5px; border:none; max-width:860px; margin:10px auto; box-sizing:border-box; border-collapse:separate; padding:40px 40px 30px; position:relative; }
.contact-table table .form-control { line-height:4; padding:10px; }
.contact-table table tr:nth-child( even ) { background:transparent; }

/* postal */
.contact-table table tr.postal .col-md-1 { margin-top:5px; }
.contact-table table tr.postal .code { margin-right:2px; }
.contact-table table tr.postal .line { min-width:40px; }
.contact-table table tr.postal .col-md-3 { min-width:88px; }

/* tell */
.contact-table table tr.tel .col-md-1 { margin-top:5px; text-align:center; min-width:40px; }
.contact-table table tr.tel .code { }
.contact-table table tr.tel .line { }
.contact-table table tr.tel .col-md-4 { min-width:122px; }
.contact-table table th { background-color:transparent; border:none; padding:9px 0 18px; font-size:13px; }
.contact-table table .text-area th { padding-bottom:12px; }
.contact-table table td { border:none; padding:0 0 18px; }
.contact-table table td textarea, .contact-table table td input, .contact-table table td select { border:none; border-radius:5px; }
.contact-table table td .col-md-2 { margin:5px 8px 0 -8px; }
.contact-table table td.col-md-22 { max-width:530px; }
.contact-table table td.col-md-22 input { text-align:right; }
.contact-table table td span { font-size:12px; }
.contact-table table td span.require { font-size:12px; background-color:#e7212a; color:#fff; font-weight:bold; padding:5px 9px; border-radius:8px; }
.contact-table table td span.example { font-size:12px; }
.contact-table table tr.pad-left td { padding-left:49px; }
.contact-table table td input { padding:8px 10px 5px; max-height:33px; line-height:0; }
.contact-table table td textarea { padding:10px; }
.contact-table table .checkbox { text-align:center; font-size:14px; }
.contact-table table .checkbox label { margin-left:10px; position:relative; top:2px; }
.contact-table table .checkbox td { padding-bottom:0; padding-top:5px; }
.contact-table table .checkbox a { color:#023894; text-decoration:underline; }
.contact-table table .checkbox a:hover { text-decoration:none; }
.contact-table .btn { margin:25px auto; max-width:460px; display:block; padding:20px; background-color:#023894; color:#ffffff; font-weight:bold; width:100%; position:relative; font-size:18px; border-radius:10px; }
.line .contact-table .btn { margin:0 auto; max-width:460px; display:block; padding:20px; background-color:#023894; color:#ffffff; font-weight:bold; width:100%; position:relative; font-size:18px; border-radius:10px; background:url(../img/common/btn-arrow/btn-arrow.png) 20px 19px no-repeat #023894; background-size:20px 20px; }
.contact-table .btn i { position:absolute; left:20px; top:19px; border-radius:50%; width:20px; height:20px; padding:2px 5px 2px 7px; background-color:#ffffff; color:#000; display:none; }
.contact-table .btn a { color:#fff; }
.contact-table table .select-wrap { position:relative; width:240px; background-color:#ffffff; border-radius:5px; }
.contact-table table .select-wrap select { -webkit-appearance:none; -moz-appearance:none; appearance:none; appearance:none; position:relative; z-index:2; display:block; margin:0; padding:9px 9px 9px 45px; background:transparent; border:0; outline:none; font-size:13px; line-height:1.3; font-weight:normal; }
.contact-table table .entypo-down-open-mini:before { font:normal normal normal 14px/1 FontAwesome; content:"\f0d7"; position:absolute; z-index:1; top:50%; margin-top:-8px; margin-top:-6px; font-size:12px; line-height:1; left:15px; }
.error { border:3px solid #e7212a; border-radius:5px; padding:25px 15px; max-width:860px; margin:0 auto 65px; }
.error p { margin:0; padding-bottom:0; font-size:16px; color:#e7212a; line-height:1.8; font-weight:bold; text-align:center; }
span.error-text { font-size:13px; color:#e7212a; font-weight:bold; position:absolute; right:0; bottom:-1px; }
.error-wrap { font-size:13px; margin-top:-19px; }
.error-wrap span { display:block; text-align:right; color:#e7212a; font-weight:bold; line-height:1.5; }
.banchi span.error-text { bottom:20px; }
.conform table td { padding:9px 0 18px; font-size:13px; }
.conform table th { width:30%; }
.conform table td { width:70%; }
.conform .unit-submit { margin-top:25px; padding-bottom:20px; }
.conform .unit-submit button { font-size:18px; position:relative; right:-10px; min-width:410px; }
.conform .unit-submit li.back button { background-color:#fcd003; border:none; left:-10px; }
.conform .unit-submit li.back button a { color:#000; }
.conform .unit-submit button i { left:20px; }
.complete { }
.complete div { background-color:#f7f7f7; border:3px solid #eeeeee !important; border-radius:5px; max-width:860px; min-height:180px; margin:10px auto; padding:20px 40px 0; }
.complete div p { text-align:center; font-size:16px; font-weight:bold; margin-bottom:16px; line-height:1.8; }
.complete div p.second-p { margin-bottom:11px; }
.complete .btn { border-radius:10px; margin-bottom:0; margin-top:40px; }
/*  area  */

.area-header p { font-size:14px; line-height:1.7; max-width:935px; margin:-10px auto 12px; }
.area-wrap { overflow:hidden; clear:both; margin:0 auto; padding:24px 34px; max-width:940px; background:#fff; }

/*/////////////////////
	ranking
//////////////////////*/

body.ranking header { margin:15px auto 0 auto; }
body.ranking header p { font-size:.95em; line-height:1.6; color:#000; margin-bottom:24px; }
body.ranking .bread { margin-top:-5px; }
body.ranking header h1 { padding-top:0; letter-spacing:1px; font-size:37px; }
body.ranking header h1 span { letter-spacing:0; }
body.standard header h1 span { }
body.ranking .shop-h2 h2 { font-size:22px; padding:0 0 8px; margin:0; }
body.ranking .shop-h3, body.line .shop-h3 { width:100%; max-width:860px; margin:20px 61px 5px auto; }
body.line .shop-h3 { max-width:860px; }
body.service .shop-h3 { max-width:900px; margin:0 auto; }
body.ranking .shop-h3 .unit-section, body.line .shop-h3 .unit-section { border-left:20px solid #fccf00; }
.ranking-table { padding:0 40px; margin:0 auto; background:#fff; width:940px; line-height:1; }
.ranking-table table { margin-top:12px; border-collapse:separate; }
.ranking-table table th { background:#023894; color:#fff; text-align:center; font-weight:normal; border-right:none !important; }
.ranking-table table td { height:76px; border-bottom:none !important; border-right:none !important; }
.ranking-table table td.rline { height:76px; border-right:1px solid #e6e6e6 !important; }
.ranking-table table th, .ranking-table table td { padding:9px 20px 8px; font-size:14px; border:1px solid #e6e6e6; }
.ranking-table table tr:last-child td { border-bottom:1px solid #e6e6e6 !important; }
.ranking-table table tr.first { background:#fff4d5 !important; }
.ranking-table table tr.second { background:#ecf4ff !important; }
.ranking-table table tr.third { background:#ffecd1 !important; }
.ranking-table table td.order { text-align:left; padding:8px 8px 8px 20px; width:88px; }
.ranking-table table td.order, .ranking-table table td.change { background:#fccf00; font-weight:bold; }
.ranking-table table tr.first td.order, .ranking-table table tr.first td.change { background:#fff4d5; }
.ranking-table table tr.second td.order, .ranking-table table tr.second td.change { background:#ecf4ff; }
.ranking-table table tr.third td.order, .ranking-table table tr.third td.change { background:#ffecd1; }
.ranking-table table tr.color td.order { padding:8px; }
.ranking-table table td.change { text-align:center; width:88px; }
.ranking-table table td.product { width:340px; }
.ranking-table p { font-size:14px; text-align:left; margin-right:-7px; }
body.campaign header p { letter-spacing:-.2px; }

/*/////////////////////

footer

/////////////////////*/

footer { margin-top:140px; }
footer .unit-inner { background:transparent; border-radius:0; }
footer ul > li > a { font-size:11px; }
.footer-wrap ul li a { color:#000000; }
.footer-wrap ul li a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
.sns-btn { position:absolute; top:-48px; z-index:99; }
.sns-btn ul { }
.sns-btn ul li { margin:0; }
.sns-btn ul li.line { vertical-align:top; position:relative; top:-1px; }
body.top .sns-btn ul li.line { left:7px; }
.sns-btn ul li.line span { vertical-align:top; }
.sns-btn ul li #tweet { width:90px; margin-left:3px; }
.sns-btn ul li #facebook_like span { vertical-align:baseline !important; }
#go-top { position:absolute; right:7px; top:-108px; z-index:99; }
footer .container { max-width:937px; min-width:937px; }
.footer-top ul { margin-left:-3px; }
footer ul > li { margin:15px; }
footer .col-md-6 .unit-inner { margin-left:0; }

/* modal  */
#myModal { }
#myModal .modal-header { padding:0; border-bottom:none; min-height:5px; }
#myModal .modal-header h3 { line-height:1; text-align:left; font-size:21px; overflow:hidden; }
#myModal .modal-header h3 img { }
#myModal .modal-header .modal-body { }
#myModal .modal-content { position:relative; }
#myModal .modal-content .close { opacity:1; position:absolute; right:10px; top:10px; width:40px; }
#myModal .modal-body { position:relative; padding:35px 0 0; }
#myModal .modal-body .col-md-12 { margin-bottom:15px; min-height:64px; }
#myModal .modal-body .col-md-12 .icon-right { overflow:hidden; padding-right:7px; }
#myModal .modal-body .col-md-12 h4 { font-size:16px; margin-bottom:5px; color:#023894; }
#myModal .modal-body .col-md-12 h4.color-black { color:#000; }
#myModal .modal-body .col-md-12 p { font-size:12px; line-height:1.6; padding-bottom:0; }
#myModal .modal-body .m-left { padding-right:20px; }
#myModal .modal-body .col-md-12 img { float:left; margin-right:20px; }

/*  whats new  */
.whatsnew header { margin-top:20px; margin-bottom:20px; }
.whatsnew header h1 { margin-top:12px; }
.whatsnew .bread { margin-top:-10px; }
.info-wrap { width:940px; margin:8px auto 0; padding:0 40px 20px; background:#fff; }
#tab { margin-top:-25px; }
#tab li { display:inline-block; font-size:21px; background:#eee; padding:14px 10px 10px; width:260px; text-align:center; border-radius:10px 10px 0 0; margin-right:5px; cursor:pointer; font-weight:bold; color:#777; }
#tab li.select { color:#fff; background:#023894; padding:14px 10px 10px; position:relative; top:1px; }
#tab li a { color:#777; }
#tab li.select a { color:#fff; }
.disnon { display:none; }
.content_wrap { border-top:5px solid #023894; }
.content_wrap table { border-top:1px solid #e6e6e6; margin-top:20px; width:100%; }
.content_wrap table tr { border-bottom:1px solid #e6e6e6; }
.content_wrap table tr:nth-child( odd ) { background:none; }
.content_wrap table tr:nth-child( even ) { background:#fffae5; }
.content_wrap table th { border:none; background:transparent; font-size:14px; text-align:center; margin:0; box-sizing:border-box; line-height:1.7; font-weight:normal; width:200px; height:50px; }
.content_wrap table td { border:none; height:50px; line-height:1.4; }
.content_wrap table td a { font-size:14px; color:#023894; text-decoration:underline; }
.content_wrap table td a:hover { opacity:.7; }
ul.info-lists { }
ul.info-lists li { }
ul.info-lists li a { }
ul.info-lists li a { }
ul.pagenav { margin:0; padding:30px 10px 0; text-align:center; }
ul.pagenav li { display:inline; margin:0 11px; padding:0; }
ul.pagenav li a { display:inline-block; text-decoration:none; vertical-align:middle; font-size:14px; }
ul.pagenav li.first a, ul.pagenav li.last a { }
ul.pagenav li.first a i:before, ul.pagenav li.last a i:before { font-size:20px; color:#023894; top:2.5px; position:relative; }
ul.pagenav li.first a { }
ul.pagenav li.last a { }
ul.pagenav li.active a { background:#023894; padding:0 10px; color:#fff; border-radius:8px; }
/*　character　*/

.nakekki { text-align:center; background:#fff; padding-top:15px; padding-bottom:8px; max-width:940px; margin:-10px auto 30px; }
.nakekki p.family { font-size:14px; text-align:center; font-weight:bold; padding-bottom:0; margin-bottom:15px; }
.maneki-family { margin:50px 0 0; }
.maneki-family img { height:118px; margin-bottom:15px; }
.maneki-family .col-md-8 { width:32%; }
.nakekki .nakei-1 { text-align:center; margin-top:10px; }
.nakekki .nakei-1 p { color:#023894; font-size:20px; font-weight:bold; margin-top:13px; }
.nakekki .nakei-1 img { height:263px; }
.youtube-wrap { margin:-10px 10px 0; background:#fff; padding-top:15px; }
.youtube-wrap p { font-size:14px; line-height:1.6; margin-top:13px; }
.youtube-wrap .ytext { margin-left:33px; margin-top:90px; }
.sing { margin:0 10px; background:#fff; padding:20px 0 0; }
.sing .sing-header { }
.sing .sing-header h3 { font-size:16px; font-weight:bold; color:#023894; padding-bottom:0; margin-bottom:10px; }
.sing .sing-header ul { }
.sing .sing-header ul li { font-size:14px; line-height:1.8; font-weight:bold; }
.sing-content { }
.sing-content .sing-b { margin:25px 0; }
.sing-content .sing-b p { padding-bottom:0; font-size:14px; }
body.character .shop-h2 { max-width:940px; background:#fff; margin-top:-25px; }

/*  LINE  */
body.line .shop-h2 h2 { font-size:28px; padding:0 0 18px; }
body.line .line-h2 { max-width:940px; margin:-22px auto 0; padding-top:38px; background:#fff; }
.line-container { max-width:940px; margin:0 auto; padding:0 40px; background:#fff; }
.line-container h3 { font-size:22px; color:#023894; margin-top:15px; padding-bottom:0; margin-bottom:16px; }
.line-container p { font-size:14px; line-height:1.7; padding-bottom:13px; margin-top:10px; }
.line2-wrap { max-width:940px; margin:0 auto; padding:20px 40px; background:#fff; }
.line2 { padding-bottom:20px; }
.line2 h4 { padding-bottom:0; margin-bottom:15px; }
.line2 h4 img { }
.line2 p { font-size:14px; }
.line2 img.flow { margin-top:-23px; }
.goback { clear:both; overflow:hidden; display:block; padding-top:0; }
.line3 { margin-top:0; position:relative; padding-top:38px; background:#fff; }
.line3 .unit-inner { /*max-width:940px;*/
	/*margin:0 auto;*/
	/*border-radius:10px;*/}
.line3 .unit-inner .unit-section { /*padding:11px 20px 9px;*/}
.line3 .unit-section h3 { margin:0; font-size:21px; }
.line3 p { font-size:14px; max-width:860px; line-height:1.5; margin:19px auto 0; letter-spacing:1px; padding-right:10px; }
.line3 .btn { max-width:450px; }
.line3 .select-wrap { position:relative; overflow:hidden; display:inline-block; background-color:#ffffff; background-image:-webkit-linear-gradient(top, #eeeeee 0%, #dcdcdc 100%); background-image:linear-gradient(top, #eeeeee 0%, #dcdcdc 100%); border:1px solid #bbbbbb; color:#333; border-radius:10px; }
.line3 .select-wrap select { -webkit-appearance:none; -moz-appearance:none; appearance:none; appearance:none; position:relative; z-index:2; display:block; margin:0; padding:11px 45px 11px 11px; background:transparent; border:0; outline:none; font-size:15px; line-height:1.5; width:300px; }
.line3 .entypo-down-open-mini:before { font:normal normal normal 14px/1 FontAwesome; content:"\f107"; position:absolute; z-index:1; font-size:17px; line-height:1; right:15px; background-color:#ffffff; background-image:-webkit-linear-gradient(top, #15479c 0%, #04358a 100%); background-image:linear-gradient(top, #15479c 0%, #04358a 100%); color:#fff; display:block; padding:10px; top:-3px; font-weight:bold !important; border-radius:0 10px 10px 0; right:0; height:50px; width:47px; padding:18px 18px 20px; }
.slect-wrap { text-align:center; margin:5px 0 35px; }
.line-select { text-align:center; margin:20px 0 0; padding-bottom:10px; }
.line-select select.search { background:#eee url(../img/line/shop_anchor_sp_toggle.png) top right no-repeat; background:url(../img/line/shop_anchor_sp_toggle.png), -moz-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%); background:url(../img/line/shop_anchor_sp_toggle.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d9d9d9)); background:url(../img/line/shop_anchor_sp_toggle.png), -webkit-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%); background:url(../img/line/shop_anchor_sp_toggle.png), -o-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%); background:url(../img/line/shop_anchor_sp_toggle.png), -ms-linear-gradient(top, #eeeeee 0%, #d9d9d9 100%); background:url(../img/line/shop_anchor_sp_toggle.png), linear-gradient(to bottom, #eeeeee 0%, #d9d9d9 100%); background-repeat:no-repeat; background-position:top right;  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d9d9d9', GradientType=0 );
width:300px; line-height:20px; padding:11px; border:1px solid #bbb; border-radius:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-indent:0.01px; text-overflow:''; box-shadow:none; font-weight:bold; }
.line-select select.search option { color:#000; }

/*  privacy  */
body.privacy .shop-h2 { margin:-18px auto 0; }
.p-block { max-width:940px; padding:15px 47px 40px 40px; background:#fff; margin:0 0 43px 9px; }
.p-block p { font-size:14px; line-height:1.6; text-align:justify; }
.p-block ul { text-align:justify; letter-spacing:.2px; }
.p-block ul li { font-size:14px; line-height:1.6; }
.p-block h3 { }
.p-block .box { border:3px solid #eee; border-radius:5px; margin-top:13px; margin-bottom:3px; }
.p-block .box h3 { background:#eeeeee; text-align:center; margin:0; padding:5px 5px 4px; font-size:16px; }
.p-block .box p { padding:14px 15px; }
.p-h2 .shop-h2 { padding-top:13px; margin-top:-23px; }
.p-block2 { padding-bottom:0; }
.p-block2 .block { margin-bottom:24px; }
.p-block2 .block h3 { font-size:16px; color:#023894; margin:0; padding-bottom:0; }
.p-block2 .block p { padding:0; }
.p-block2 .box2 { }
.p-block2 .box2 p { }
.p-block2 .box2 h3 { font-size:16px; color:#023894; padding-bottom:0; margin:0; }
.p-block2 .table-wrap2 p { font-size:14px !important; margin-bottom:13px; }
.box2 .table-wrap { margin:10px 0 0; }
.box2 .table-wrap h3 { color:#000; margin-bottom:10px; margin-left:-8px; }
.box2 .table-wrap2 h3 { color:#023894; margin-left:0; }
.box2 .table-wrap2 h3.black { color:#000; }
.box2 .table-wrap p { font-size:12px; }
.box2 .table-wrap p.f-big { font-size:14px; }
.box2 .table-wrap table { border-collapse:separate; margin-top:0; }
.box2 .table-wrap table th { font-size:14px; vertical-align:top; padding:14px 15px; width:178px; }
.box2 .table-wrap table td { font-size:14px; padding-left:50px; }
.box2 .table-wrap table td a { color:#023894; text-decoration:underline; }
.box2 .table-wrap table td a:hover { opacity:.7; }
.table-wrap2 { margin:10px 0 0; }
.table-wrap2 .right { text-align:right; }
.handle2 .col-md-12 { width:54%; }
.handle2 .col-md-9 { margin-left:40px; margin-right:25px; }
.handle1 { max-width:940px; padding:0 40px 30px; margin-top:33px; background:#fff; }
.handle1 img { }
.handle2 { margin-top:0; background:#fff; padding:15px 40px 51px; max-width:940px; }
.handle2 img { max-width:264px; height:auto; }
.handle2 p { font-size:14px; line-height:1.6; padding-bottom:25px; text-align:justify; }
.handle2 p.blue { font-size:16px; color:#023894; font-weight:bold; letter-spacing:.5px; }
body.handle .shop-h2 { margin-top:-30px; }
body.faq header p { font-size:14px; max-width:930px; margin:0 auto; letter-spacing:.2px; }
.faq-wrap { max-width:940px; margin:21px auto 0; padding:0 40px; background:#fff; }
.f-block { margin:0 auto; padding:14px 30px 10px; border:3px solid #eeeeee; border-radius:5px; max-width:860px; display:block; background:#fff; }
.f-block .inblcok { }
.f-block .inblcok h3 { color:#023894; font-size:16px; padding-bottom:0; margin-bottom:0; margin-top:8px; font-weight:bold; }
.f-block .inblcok h4 { font-size:14px; font-weight:normal; padding:0; margin-top:10px; }
.f-block .inblcok ul { }
.f-block .inblcok ul li { list-style:inside; padding-left:.6em; font-size:14px; line-height:1.7; }
.f-block .inblcok p { font-size:14px; line-height:1.7; padding-bottom:15px; letter-spacing:.6px; }
.f-block .inblcok p a { color:#023894; font-weight:normal; text-decoration:underline; }
.f-block .inblcok p a:hover { text-decoration:none; }
.f-block .inblcok span { font-size:12px; }
.f-block .inblcok span.small2 { display:block; padding-bottom:14px; margin-top:14px; }

/* recruit */
.recruit-wrap { background:#fff; max-width:940px; padding:0 30px 45px 40px; margin-bottom:62px; margin-left:10px; }
.recruit-wrap .contact-table { clear:both; overflow:hidden; display:block; padding-top:10px; text-align:center; }
p.btn-top { font-size:14px; }
.recruit-wrap .contact-table .btn { margin:0 auto; background:url(../img/common/btn-arrow/btn-arrow.png) 20px 19px no-repeat #023894; background-size:20px 20px; }
.staff1 { margin:20px 0; }
.staff1 .col-md-14 { margin-left:-18px; width:60%; }
.staff1 h4 { font-size:17px; color:#023894; padding-bottom:0; margin-top:-4px; line-height:1.5; margin-bottom:17px; font-weight:bold; }
.recruit .unit-inner .unit-section h3 { font-size:22px; margin:0; }
.recruit .unit-inner .unit-section { padding-left:20px; }
.recruit #from-fixed .unit-inner { border-radius:10px; margin:15px 0 7px 50px; max-width:867px; }
.staff1 p { font-size:14px; line-height:1.6; padding-bottom:0; }
.staff1 img { max-width:310px; }
.re-wrap2 { padding-bottom:0; margin-bottom:20px; }

/*　food page　　*/
.menu-block { max-width:940px; padding:30px 40px 40px; background:#fff; margin:-20px auto 0; }
.menu-block img { height:auto; }
.menu-block .col-md-11 { width:400px; height:330px; position:relative; margin-bottom:45px; }
.menu-block .box-left { margin-right:50px; }
.menu-block .two-row { height:270px; }
.menu-block h2 { padding:0; margin:15px 0 5px; line-height:16px; padding-left:2px; }
.menu-block h2 a { font-size:16px; color:#023894; font-weight:bold; }
.menu-block h2 a:hover { opacity:.7; }
.menu-block h2 a:before { content:"\f0da"; font-family:FontAwesome; font-size:12px; position:relative; top:-2px; margin-right:8px; }
.menu-block h2.en { position:absolute; bottom:30px; left:0; background-image:url(../img/menu/pdf.png); background-position:right 2px; background-repeat:no-repeat; padding-right:10px; background-size:13px 15px; }
.menu-block h2.ko { position:absolute; bottom:0; left:0; background-image:url(../img/menu/pdf.png); background-position:right 2px; background-repeat:no-repeat; padding-right:10px; background-size:13px 15px; }
.menu-block h2.ch { position:absolute; bottom:30px; left:220px; background-image:url(../img/menu/pdf.png); background-position:right 2px; background-repeat:no-repeat; padding-right:10px; background-size:13px 15px; }
.menu-block h2.tw { position:absolute; bottom:0; left:220px; background-image:url(../img/menu/pdf.png); background-position:right 2px; background-repeat:no-repeat; padding-right:10px; background-size:13px 15px; }
.menu-block p { font-size:14px; line-height:1.7; }
.menu-block ul { overflow:hidden; clear:both; display:block; }
.menu-block ul li { font-size:11px; list-style:inside; line-height:1.6; }

/* drink */
body.drink header h1 { padding-bottom:22px; }
body.drink header p { font-size:14px; padding-bottom:0; margin-bottom:0; }
body.drink header ul { }
body.drink header ul li { font-size:14px; list-style:inside; color:#000; line-height:1.8; }
body.drink header ul li a { color:#023894; font-weight:normal; text-decoration:underline; }
body.drink header ul li a:hover { text-decoration:none; }
body.drink header ul.anchor-link { -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-start:0; list-style-type:none; margin:8px 0 25px 0; paading:0; height:27px; display:block; }
body.drink header ul.anchor-link li { float:left; width:185px; height:27px; font-size:14px; font-weight:bold; line-height:100%; margin:0 25px 0 0; padding:6px 0 7px 34px; background:url(../img/menu/arrow-down.png) left top no-repeat; list-style:none; }
body.drink header ul.anchor-link li a { color:#000; font-weight:bold; text-decoration:none; }
body.drink header ul.anchor-link li.last { width:194px; background:url(../img/menu/arrow-down2.png) left top no-repeat; }
body.drink header h2 a:before { content:"\f0da"; font-family:FontAwesome; font-size:12px; position:relative; top:-2px; margin-right:8px; }
body.drink header h2 { background-image:url(../img/menu/pdf.png); background-position:right 0px; background-repeat:no-repeat; background-size:13px 15px; display:inline-block; padding:0 10px 0 0; margin:0; line-height:16px; font-size:16px; }
body.drink header h2 a { font-size:16px; color:#023894; font-weight:bold; }
body.drink header h2 a:hover { opacity:.7; }
body.drink .shop-h3 { max-width:900px; margin:20px 25px 5px auto; }
body.drink .drink-img { max-width:940px; margin:15px auto; text-align:center; }
body.drink .drink-img img { height:auto; }
body.drink .drink-img ul { text-align:left; max-width:860px; margin:20px auto 0; line-height:1.5; position:relative; z-index:1; }
body.drink .drink-img ul li { font-size:14px; list-style:inside; padding-left:5px; }
body.drink .drink-img ul li a { color:#023894; text-decoration:underline; font-weight:normal; }
body.drink .drink-img ul li a:hover { text-decoration:none; }
body.drink .menu-block { padding:60px 40px 0; }
body.drink .menu-block .col-md-11 { height:170px; }
body.drink .menu-block .two-row { margin-bottom:20px; }
body.drink .img-bottom { clear:both; overflow:hidden; position:relative; max-width:860px; margin:0 auto; }
body.drink .drink-img p { background-image:url(../img/menu/arrow-right.png); background-position:0 6px; background-repeat:no-repeat; background-size:15px 15px; font-size:14px; text-align:right; display:inline-block; float:right; max-width:860px; margin:-25px auto 0; padding:0 0 0 23px; position:relative; z-index:2; }
body.drink .drink-img p a { font-weight:normal; }
body.drink .drink-img .img-bottom1 p { margin:0 auto; }
body.drink p.notice { background:none; float:none; text-align:left; display:block; margin:-5px auto 14px; padding:0; }
body.drink .img-bottom2 p { margin:15px auto 0; }
body.drink .menu-bottom { background:#fff; max-width:940px; margin:30px auto; }
body.drink .menu-bottom .menu-block { padding:30px 40px 0; margin:0; }
body.drink .menu-bottom .menu-block a img { height:auto; }
body.drink #stand-h3 { margin-bottom:-5px; }
body.drink .article-wrap { max-width:940px; margin:0 auto; }

/* error */
.error-404 h1 { font-size:37px; font-weight:bold; text-align:center; color:#023894; margin:10px 0 30px; }
.error404 { text-align:center; }
.error404 .contact-table p { font-size:14px; line-height:1.4; margin-top:40px; }
p.error-text { clear:both; overflow:hidden; max-width:919px; margin:0 auto; }

/* sitemap */
.sitemap .article-wrap { max-width:940px; margin:0 auto; }
.site-block { padding-right:4.16666667%; }
.site-block h2 { font-size:16px; border-bottom:2px solid #efefef; font-weight:bold; color:#000; letter-spacing:1px; padding-bottom:1px; }
.site-block h2 a { color:#023894; }
.site-block h2 a:hover { opacity:.7; }
.site-block h2 a:before { content:"\f0da"; font-family:FontAwesome; font-size:12px; position:relative; top:-2px; margin-right:8px; }
.site-block ul { }
.site-block ul li { line-height:1.5; margin-bottom:15px; padding-left:1em; text-indent:-1em; letter-spacing:1.6px; }
.site-block ul li a { font-size:13px; color:#023894; }
.site-block ul li a:hover { opacity:.7; }
.site-block ul li a:before { content:"\f0da"; font-family:FontAwesome; font-size:12px; position:relative; top:-2px; margin-right:8px; }
.shop-area-list .unit-body p.no-result { margin:20px 1px 30px; font-size:14px; color:#023894; font-weight:bold; text-align:center; }
.shop-area-list .unit-body p.no-result a { color:#023894; font-weight:normal; text-decoration:underline; font-weight:bold; }
.shop-area-list .unit-body p.no-result a:hover { text-decoration:none; }

/*  shop-list-area   */
.shop-list-area { padding-bottom:40px; }
.shop-list-area .col-md-11 { width:420px; margin-top:12px; }
.shop-list-area .box-left { margin-right:20px; }
.shop-list-area .col-md-11 h3 { text-align:center; color:#023894; font-weight:bold; margin:0; padding:0 0 12px; }
.shop-list-area .col-md-11 .inbox1 h3 { font-size:20px; }
.shop-list-area .col-md-11 .inbox2 h3 { font-size:16px; }
.shop-list-area .col-md-11 img { text-align:center; display:block; margin:0 auto; height:auto; }
.shop-list-area .col-md-11 table { border:none; margin:25px auto 0; }
.shop-list-area .col-md-11 table th { background:none; border:none; font-weight:normal; font-size:14px; padding:0 0 10px; }
.shop-list-area .col-md-11 table td { background:none; border:none; font-weight:normal; font-size:14px; padding:0 0 10px; }
.shop-list-area .col-md-11 table tr:nth-child( even ) { background:none; }
.shop-list-area .inbox { border:3px solid #fccf00; border-radius:20px; padding:16px 25px; clear:both; overflow:hidden; display:block; }
.shop-list-area .inbox1 p { background-image:url(../img/shop/arrow-right.png); background-position:0 2.4px; background-repeat:no-repeat; background-size:15px 15px; font-size:12px; float:right; text-align:right; display:inline-block; padding:0 0 0 23px; position:relative; margin:0 !important; z-index:2; }
.shop-list-area .inbox1 p a { font-weight:normal; }
.shop-list-area .inbox2 { padding:16px 25px 6px; }
.shop-list-area .inbox2 img { }
.shop-list-area .inbox2 p { margin:-5px 0 0 !important; font-size:14px !important; }
.shop-list-area .inbox3 { margin-top:20px; min-height:143px; }
.shop-list-area .inbox3 p { margin:-5px 0 0 !important; font-size:14px !important; }
.footer-wrap .grid-panel .unit-footer .badge-piece { display:none; }
.search-area-1 .top-banner-area { margin:5px 40px 8px 40px; }
.unit-submit button:hover, .contact-table .btn:hover, .recruit-wrap .contact-table .btn:hover, .area-block a img:hover, .menu-block img:hover { opacity:0.7 !important; }
 @media (max-width:940px) {
.nav { background:url(../img/common/nav/nav_bg2.png) center top no-repeat; }
.fixed-head { background:url(../img/common/nav/stay-nav/bg-stay2.png) center top no-repeat; }
.navbar > ul > li { border-right:1px solid rgba(255,255,255,.35); }
.fixed-head ul li { border-right:1px solid rgba(255,255,255,.35); }
#myModal .modal-body .m-left { padding-right:0; }
}
 @media (max-width:800px) {
/*
	html,body {
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		overflow-x:hidden;
	}
*/


/* nav */
#header-catchcopy p { max-width:960px; padding:8px 0 6px 5px; font-size:67%; }
.nav { background:none; border-top:none; margin-bottom:-5px; padding:0; }
.btn-vanilla { background-color:#023894; padding:0; margin:2px 0 0; border-radius:5px; }
.appbar { padding:20px; }
.appbar .navbar-toggle { margin:0; padding:6px 7px 1px; color:#fff; }
.navbar ul { overflow:hidden; margin-bottom:5px; }
.navbar ul li { padding:0; width:50%; float:left; border-bottom:1px solid #fff; box-sizing:border-box; font-size:12px; }
.navbar ul li.odd { border-right:1px solid #fff; }
.navbar ul li.one-row { width:100%; float:none; overflow:hidden; text-align:center; font-size:16px; }
.navbar ul li a { padding:10px 0 7px 33px; background:#fccf00; position:relative; }
.navbar ul li.one-row a { padding-left:0; }
.navbar ul li a:hover { color:#000; }
.navbar ul li a .fa-nav { position:absolute; left:5px; top:14px; border-radius:50%; width:20px; height:20px; padding:4px 9px; background-color:#ffffff; font-size:12px; }
.fixed-head { display:none !important; }
body.shop .appbar { padding:20px; }
header { max-width:100%; margin:0 auto; border-top:3px solid #fccf00; }
.area-top header { border-top:none; }
header h1 { font-size:26px; padding:0 15px 5px; }
header h1 span { font-size:12px; padding-left:15px; }
.attention header h1 span { display:block; padding-left:0; line-height:1.6; font-size:14px; }
.shop-h2 h2 { margin:-30px 15px 0; font-size:24px; padding-bottom:10px; }
.shop-h2 h2 { background-position:-23px bottom; }
.shop-h3 { width:93%; border-radius:10px !important; }
.shop-h3 .unit-section { border-left:15px solid #fccf00; padding:3px 10px 1px; }
body.shop .navbar ul { margin-bottom:0; padding-bottom:0; }

/*  shop-carousel  */
.shop-block-left, .shop-block-right { padding:0; }
.shop-carousel { padding:15px 15px 85px; position:relative; }
.shop-carousel .carousel { width:100%; }
.shop-carousel .carousel-indicators { position:absolute; top:103%; margin:0; width:100%; left:2px; overflow:visible; }
.shop-carousel .carousel-indicators li { width:17.4%; height:auto; float:left; margin:0 0 0 11px; }
.shop-carousel .carousel-indicators li:first-child { margin:0 0 0 -2px; }
.shop-carousel .carousel-indicators img { float:left; width:100%; }
.shop-carousel .carousel-indicators li.active img { width:100%; height:100%; }

/*  line and tel btn  */
.unit-btn { padding:0 15px 20px; margin:8px 0; }
.unit-btn ul { }
.unit-btn ul li { margin:0 0 10px; }
.unit-btn ul li a { display:block; color:#fff; text-align:center; padding:10px; border-radius:5px; position:relative; }
.unit-btn ul li.line a { background:url(../img/common/btn-arrow/btn-arrow.png) 15px no-repeat #2cbf13; background-size:20px 20px; }
.unit-btn ul li.tell a { background:url(../img/common/btn-arrow/btn-arrow.png) 15px no-repeat #023894; background-size:20px 20px; }
.unit-btn ul li a i { position:absolute; left:10px; border-radius:50%; width:20px; height:20px; padding:2px 5px 2px 7px; background-color:#ffffff; top:15px; display:none; }
.unit-btn ul li a i:before { color:#000; }

/*  container  */
.container { max-width:100%; min-width:100%; margin:0; }
.news { display:none; }
.unit-container { margin-bottom:20px; }
article .unit-container { margin-bottom:-10px; }
.new-info-wrap { margin-top:33px; margin-bottom:-8px !important; }
.unit-inner { border-radius:0; }
.sp-hidden { display:none !important; }
.sp-show, .pc-hidden { display:block !important; }

/* for mask pc none */
.photo-mask, .photo-mask-slide, .photo-mask-slide-bottom { display:none; }
.grid-panel-slide .mask .carousel .carousel-inner img { top:0; }
.grid-panel-slide .unit-footer, #slide-btn, .grid-panel-news { display:none; }
.grid-panel-slide, .grid-panel-slide .mask, .grid-panel-slide .mask .carousel, .grid-panel-slide .mask .carousel .carousel-inner { height:100%; }
.slide-sp, .grid-panel-slide { background:transparent; }
.carousel-indicators li, .carousel-indicators .active { width:13px; height:13px; }
.carousel-indicators li { background-color:#fff; }
.carousel-indicators { bottom:10px; }
.grid-panel-slide .mask { border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; }
img.mask-sp1 { position:absolute; z-index:1; display:block; }
.slide-wrap .slide-sp { margin-bottom:10px; }
.sp-show li.area a { background: none repeat scroll 0 0 #ee9900; }

/* for sp-mask  */
.unit-inner, .grid-panel-flux { background:transparent; padding-top:0; }
.grid-panel-flux .mask { position:relative; top:0; }
.grid-panel-flux .mask > a img, .grid-panel-slide .mask .carousel .carousel-inner img { top:0; }
.grid-panel-flux .mask > a img.mask-sp1, .grid-panel-slide .mask .carousel .carousel-inner img.mask-sp1 { position:absolute; z-index:1; }
.grid-panel-flux a img { height:auto; }
.grid-panel { display:none; }
body.top .grid-panel-flux { max-width:220px; }

/* for sp heaing  */
.sp-heading { display:block; font-weight:bold; padding:5px 10px 0; line-height:1.6; font-size:12px; max-width:220px; }
/* slide ando line block */
.slide-wrap { margin-bottom:5px; margin-top:8px; }
.line-wrap { margin-top:10px; }

/* for new info part  */
.infomation ul li { margin-bottom:8px; line-height:1.1; }
.infomation ul { margin:-10px 0 0 -6px; }
.infomation ul .num { margin:0; display:block; font-size:100%; line-height:2; }
.infomation ul .small { font-size:14px; }
.grid-panel-infomation .unit-body { padding-right:0; }
.grid-panel-infomation .unit-header { border-radius:5px; padding:5px 5px 4px; border-left:15px solid #fccf00; }
#map_canvas { width:90%; padding:0; margin:0 auto; }
.shop-topics h2 { background-image:none; padding-bottom:0; }
.shop-topics h2 img { margin-top:5px; }

/*  shop-info  */
.shop-icons { max-width:100%; margin:8px 15px 15px; }
.shop-icons .unit-body { padding:0 10px 8px; }
.shop-icons .unit-body p { font-size:16px; float:none; margin:0; padding-bottom:0; clear:both; overflow:hidden; padding-top:10px; }
.shop-icons .unit-body ul li { margin-right:6px; margin-bottom:0; }
.shop-icons .fa { width:25px; height:25px; top:-1px; left:0; padding:3px 6px 2px 8px; }
.shop-icons .fa:before { font-size:18px; }
.shop-topics-wrap { margin:0 15px; position:relative; left:0; }
.basic-info { margin:15px; }
.shop-topics .unit-body ul { margin:10px -2% 0; }
.shop-topics .unit-body ul li { font-size:15px; line-height:1.6; }

/*  shop table  */
table { width:100%; }
table th, table td { padding:11px 11px 10px; }
.topic-table table td a { word-break:break-all; }
.topic-table .unit-body { padding:0; margin:0 15px; }
.topic-table table th { min-width:30%; font-size:12px; max-width:40px; }
.topic-table table th br { padding-left:15px; }
.topic-table table td { padding-left:15px; font-size:13px; width:77%; }
.topic-table table td span a { background:#023894; display:block; color:#fff; padding:15px 15px 15px 45px; border-radius:5px; position:relative; text-decoration:none; font-size:15px; background:url(../img/common/btn-arrow/btn-arrow.png) 15px no-repeat #023894; background-size:20px 20px; }
.topic-table table td span a i { position:absolute; left:10px; border-radius:50%; width:20px; height:20px; padding:2px 5px 2px 8px; background-color:#ffffff; top:16px; display:none; }
.topic-table table td span a i:before { color:#000; }
.charge { text-align:center; margin:15px auto 20px; }
.shop-topics .charge img { margin:0 15px; }
.shop-topics .charge-lists ul { padding-right:0; margin:10px 30px 10px 50px; }
.price-table { margin-top:0; }
.price-table .unit-body { padding:0 15px; }
.price-table table th, .price-table table td { padding:11px 11px 10px; }
.price-table table td br { display:none; }
.price-table table th { font-size:13px; }
.price-table table td { font-size:12px; }
.price-table table tr.normal td { font-size:12px; }
.price-table table td img { max-width:10px; }
.price-table table .zoom td { font-weight:bold; }
.price-table table.ire1 td { width:29%; }
.price-table table .heading th { padding:10px 10px 8px; }
.price-table table.ire3 td { width:80%; }
.sp-info { max-width:100%; margin:-5px 5px -15px; text-align:center; }
.sp-info .unit-inner { border-radius:10px; }
.sp-info .unit-inner p { padding:8px; font-size:15px; line-height:1.3; }
.sp-info .unit-inner p span { display:block; }

/* notice */
.notice { max-width:100%; margin:10px 0px 0; }
.notice h2.secondary { font-weight:bold; font-size:16px; margin-left:-10px; }
.notice li, .notice li.secondary { font-size:13px; }
.unit-submit ul, .unit-submit ul li { float:none; left:0; }
.unit-submit { margin-bottom:0 !important; }
.unit-submit button { min-width:95%; }
.shop-search .unit-submit button { background-position:20px; }
.unit-submit button a { font-size:17px; }
.unit-submit button i { position:absolute; left:25px; }
.banner-wrap { text-align:center; margin:0 auto; }
.banner-wrap img { max-width:95% }
.banner-wrap .bundle { margin-bottom:-10px; }

/*//////////////////////

	footer

//////////////////////*/

footer { margin-top:100px; padding:0; }
footer .footer-top { margin:-20px 0 0; }
footer .unit-inner { margin-bottom:-45px; }
footer .grid-panel { display:block; width:100%; height:inherit; }
footer .grid-panel .mask > a, footer .grid-panel .mask > a img { position:relative; }
footer .grid-panel .unit-footer .badge-piece { position:absolute; top:27px; left:12px; }

/* footer nav */
footer ul > li:first-child:not(:last-child), footer ul > li { margin:0; padding:0; border-bottom:1px solid #fff; }
footer ul > li > a { display:block; text-align:center; position:relative; font-size:14px; background:#fccf00; }
.fa-fw { left:15px; top:19px; position:absolute; border-radius:50%; width:20px; height:20px; padding:3px 9px; background-color:#ffffff; }
.copyright { text-align:center; }
#go-top { display:none !important; }
.sns-btn { top:-60px; margin:0 auto; width:100%; }
.sns-btn ul { overflow:hidden; clear:both; text-align:center; margin:0 auto; width:100%; }
.sns-btn ul li { margin:0 !important; border-bottom:none !important; display:inline-block; }
.sns-btn ul li.line { float:none !important; vertical-align:top; }
.sns-btn ul li.line span { vertical-align:super; }
footer .container { max-width:100%; min-width:100%; }
.footer-top ul { margin-left:0; }
footer .col-md-6 .unit-inner { margin-left:10px; }
#myModal .caption { padding-left:30px; }

/*  top page arrow  */
.top article .unit-footer .badge-piece { bottom:11px; right:10px; }
.top article .unit-footer .badge-piece { width:15px; height:15px; padding:8px; background-size:15px 15px; }
.top article .unit-footer .badge-piece > i { top:-1px; left:7px; }
.top article .unit-footer .badge-piece > i:before { font-size:12px; }

/*  modal */
#myModal .modal-content { padding:20px 15px; }
#myModal .modal-body { padding:20px 0 0; }
#myModal .modal-content .close { width:20px; top:9px; }
#myModal .modal-header h3 { padding-right:29px; line-height:1.3; }

/* contact */
.contact .container .article-wrap { margin:10px auto 0; max-width:100%; }
body.contact header { border-top:none; }
body.contact header h1 { font-size:27px; padding:0 20px; }
body.contact header h1 span { font-size:14px; padding-left:15px; }
body.contact article .unit-container { padding:0 15px; }
body.contact .contact-h2 .unit-section h2 { }
.pri-top { margin-top:0; }
body.contact article .unit-container .contact-h2 { margin:0 15px; padding-bottom:0; width:92%; }
.contact-h2 h2 { margin:-13px 0px -10px; font-size:18px; padding:8px 10px 7px 20px; }
.campaign-h2 h2 { margin:-13px -10px -10px !important; font-size:18px !important; padding:8px 10px 7px 20px !important; }
.contact-header p { font-size:14px; max-width:100%; margin:20px auto 0; line-height:1.5; padding-left:7px; }
.contact-table img.table-logo { top:-37px; left:40%; width:65px; }
.contact-table { margin-top:41px; }
.contact-table table { max-width:100%; padding:15px 15px 10px; }
.contact-table table tr { position:relative; }
.contact-table table th { padding:0 0 5px; position:relative; }
.contact-table table th br { display:none; }
.contact-table table th span.require { font-size:10px; background-color:#e7212a; color:#fff; font-weight:bold; padding:2px 9px; border-radius:8px; display:inline-block !important; margin-left:6px; position:relative; top:-2px; }
.contact-table table tr.pad-left td { padding-left:0; }
.contact-table table td span.example { font-size:11px; }
.contact-table table td .col-md-2 { margin:5px 0 0 0; }
.contact-table table td span.pos { margin-right:5px; }
.contact-table table td .col-md-8 { width:84px; }
.contact-table table tr.postal .line { min-width:20px; margin:5px 0 0 5px; }
.select-wrap { width:215px; }
.contact-table table tr.tel .col-md-4 { min-width:89px; }
.contact-table table tr.tel .col-md-1 { min-width:20px; margin-left:5px; }
.contact-table table td span.require { font-size:10px; padding:2px 9px; margin-left:0; position:relative; top:-2px; display:inline-block; }
.contact-table table .checkbox { text-align:left; margin-top:-5px; }
.contact-table table .checkbox label { margin-left:0; top:5px; margin-bottom:10px; }
.contact-table .btn { border-radius:5px; font-size:16px; padding:16px 0; }
.contact-table .btn i { top:14px; }
.error { padding:15px 10px; max-width:100%; margin:0 0 15px 0; border:2px solid #e7212a; border-radius:3px; }
.error p { margin:0 !important; padding-left:0; font-size:11px; }
p.error-text { margin:0 20px; line-height:1.6; font-size:12px; }
span.error-text { font-size:11px; position:relative; bottom:0; display:block; }
.error-wrap { font-size:11px; margin-top:0; }
.error-wrap span { text-align:left; }
.banchi span.error-text { bottom:0; }
.contact-header { min-height:65px; }
.conform table th, .conform table td { width:100%; }
.contact-table table .text-area th { padding-bottom:5px; }
.conform table td br { display:none; }
.conform table .text-area td { padding-bottom:5px; }
.conform .unit-submit button i { padding:2px 5px 1px 7px; }
.conform .unit-submit button { margin:0 0 20px; width:100%; right:0; min-width:100%; }
.conform .unit-submit li.back button { left:0; }
.complete div { max-width:100%; min-height:0; padding:10px 15px 0; }
.complete div p { font-size:12px; margin-bottom:30px; padding-bottom:0; }
.complete div p.second-p { }
.complete .btn { font-size:16px; margin-top:20px; }

/*  area-top  */
.area-top header h1 { font-size:23px; padding:0 0 5px 15px; }
.area-top header h1 span { font-size:14px; padding-left:0; display:block; margin-top:-10px; }
.area-header p { font-size:12px; line-height:1.7; max-width:100%; margin:-27px 15px -20px; }
.area-header p br { display:none; }
.area-wrap { padding:25px 7px; max-width:100%; }
.area-wrap img { height:auto; padding:0 6px 4px; }
.area header { border-top:none; }
.info-wrap { width:100%; margin:0 auto; padding:0 15px; }
.whatsnew header { }
.whatsnew header h1 { font-size:23px; }
.whatsnew header h1 span { font-size:14px; padding-left:10px; }
#tab li { padding:4px 10px 3px; border-radius:5px 5px 0 0; margin-right:0; color:#777; width:47.5%; font-size:17px; }
#tab li:first-child { margin-right:9px; }
#tab li.select { padding:7px 10px 3px; top:0px; }
.content_wrap table th { font-size:11px; text-align:left; width:35%; line-height:2.7; }
.content_wrap table td { line-height:1.3; padding:0 0 0 10px; }
.content_wrap table td a { font-size:11px; position:relative; padding:0 0 0 12px; display:table-cell; height:50px; vertical-align:middle; }
.new-info table td a { line-height:1.4; }
.content_wrap table td a:before { content:none; font-family:FontAwesome; font-size:12px; position:absolute; left:2px; top:-3px; }
ul.pagenav { padding:10px 0; }
ul.pagenav li a { font-size:11px; line-height:2.3; }
ul.pagenav li.active a { padding:0 8px; }
ul.pagenav li.first a i:before, ul.pagenav li.last a i:before { font-size:14px; top:1px; }
body.area-top { background:none; }

/*  ランキング  */
body.ranking header h1 { font-size:22px; line-height:1.3; }
body.ranking header h1 span { font-size:14px; }
body.campaign h1 span { font-size:14px !important; }
body.ranking header p { font-size:12px; line-height:1.8; padding:0 15px; margin-bottom:15px; }
body.service header p { font-size:12px; line-height:1.8; padding:0; margin-bottom:0; }
body.ranking header { border-top:none; }
body.ranking { background:none; }
.ranking-table { padding:0 15px; background:transparent; width:100%; line-height:0.6; }
body.ranking .shop-h2 h2 { font-size:19px; }
body.ranking .shop-h3, body.line .shop-h3 { width:100%; padding:0px 15px 0; margin:0 !important; }
body.ranking .shop-h3 h3, body.line .shop-h3 h3 { font-size:18px; line-height:1.5; padding:10px 0; margin:10px 0; }
body.ranking-top .shop-h2 { margin:0 15px; }
body.shop .shop-h2, body.line .shop-h2, body.service .shop-h2 { margin:0; }
body.service .shop-h2 { margin:0 0 -15px; }
body.ranking-top .shop-h3, body.shop .shop-h3 { padding:0; }
body.ranking-top .shop-h3 h3 { margin-bottom:0; }
body.ranking-top header h1 span { display:inline !important; padding-left:15px !important; margin:0 !important; }
body.ranking-top header p { margin-bottom:0 !important; }
body.ranking .shop-h3 .unit-section, body.line .shop-h3 .unit-section { border-left:20px solid #fccf00; border-radius:10px 10px 0 0; padding:0 10px 0 20px; }
body.service .shop-h3 h3 { margin-top:0; }
.ranking-table table th, .ranking-table table td { padding:5px 8px !important; font-size:11px; }
.ranking-table table td.product { width:101px; }
.ranking-table table td.order, .ranking-table table td.change { width:44px; text-align:center; }
.ranking-table table td { height:38px !important; }
.ranking-table table td img { height:auto; }
.ranking-table table td.order { padding:5px !important; }
.ranking-table p { font-size:11px; margin-right:0; line-height:1.6; margin-bottom:10px; }
.ranking-table .table-text { }
.ranking-table .table-text p.top { padding-bottom:0; }
.ranking-table .table-text p.bottom { }
body.character header p br { display:none; }
body.character header h1 { font-size:22px; }
body.character header h1 span { padding-left:0; display:block; margin:5px 0; }
body.character .shop-h2 { margin-top:-35px; }
body.character .shop-h2 h2 { margin:15px; line-height:1.5; padding-bottom:15px; }
body.faq header h1 { padding-bottom:15px; }
.nakekki { padding:0 15px 10px; }
.nakekki .nakei-1 img { height:auto; max-width:85%; }
.nakekki .nakei-1 p { color:#023894; font-size:16px; font-weight:bold; margin-top:15px; }
.maneki-family { margin:0; }
.maneki-family img { width:85%; }
.nakekki p.family { margin-bottom:0; }
.maneki-family .col-md-8 { width:33%; padding:5px; }
.maneki-family img { height:auto; margin-bottom:0; }
.maneki-family .col-md-8 p { font-size:11px; }
.youtube-i { position:relative; padding-bottom:56.25%; padding-top:25px; height:0; overflow:hidden; margin-right:20px; }
.youtube-i iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.youtube-wrap .ytext { margin-left:0; margin-top:15px; padding-right:20px; }
.youtube-wrap p { font-size:12px; line-height:1.6; margin-top:0; margin-right:20px; }
.sing-content .sing-b { margin:15px 0; }
.sing { margin:0 15px; padding:10px 0 0; }
.sing-content { margin-right:30px; }
.sing .sing-header h3 { margin-bottom:5px; font-size:15px; }
.sing .sing-header ul li { font-size:13px; line-height:1.8; font-weight:bold; }
.sing-content .sing-b p { padding-bottom:0; font-size:13px; line-height:1.9; }
body.line header { border-top:3px solid #fccf00; }
body.line header h1 span { font-size:14px; display:inline; padding-left:0 !important; }
body.line header p { line-height:1.5; }
body.line .shop-h2 h2 { font-size:18px; padding-bottom:5px; }
body.line .line-h2 { margin:0 auto; padding:0 15px; }
.line-container { padding:0 15px; }
.line-container h3 { font-size:15px; margin-top:0px; margin-bottom:6px; }
.line-container p { font-size:12px; line-height:1.5; padding-bottom:7px; }
.line-container p br { display:none; }
.line2-wrap { padding:0 16px; }
.line2 h4 { padding-bottom:0; margin-bottom:10px; margin-top:0; }
.line2 p { font-size:12px; line-height:1.5; margin-bottom:10px; }
.line3 { margin-top:0 !important; padding:22px 15px 0; }
.line3 .unit-section h3 { margin:0; font-size:16px; }
.line3 .unit-inner .unit-section { /*padding:4px 10px 2px;*/
		/*border-left:13px solid #fccf00;*/
}
.line3 .unit-inner { /*border-radius:5px;*/}
.line3 p { font-size:12px; line-height:1.5; margin:12px auto 5px; letter-spacing:0; }
.slect-wrap { text-align:center; margin:0; }
.line3 .select-wrap select { width:100%; }
.line3 .select-wrap { width:100%; }
.line3 .select-wrap { border-radius:5px; }
.line3 .btn { border-radius:5px; font-size:15px; padding:12px 0 12px 25px; }
.line3 .btn i { top:11px; left:10px; }
.line3 .decide { padding:12px 0; margin:0 auto 45px; }
.line-container img { padding-bottom:30px; }
.line .navbar ul { margin-bottom:-14px; }

/* privacy */
body.privacy header h1 { font-size:21px; line-height:2; padding-bottom:0; }
body.privacy header h1 span { font-size:14px; display:inline !important; padding-left:8px !important; letter-spacing:-.8px; }
.p-block { padding:0 15px; margin:0; }
.p-block p, .p-block ul li { font-size:12px; }
.p-block .box { margin-top:0; }
.p-block .box h3 { padding:3px 5px 2px; font-size:13px; }
.box2 .table-wrap h3 { margin-left:-6px; }
.p-block .box p { padding:9px 10px; }
.p-h2 .shop-h2 { padding-top:0; margin-top:0 !important; }
.p-block2 .block h3, .p-block2 .box2 h3 { font-size:14px; }
.p-block2 .block { margin-bottom:15px; }
.box2 .table-wrap h3 { margin-bottom:0; font-size:12px; }
.box2 .table-wrap table td { padding:6px; font-size:12px; width:50%; }
.box2 .table-wrap table td br { }
.box2 .table-wrap table th { font-size:12px; padding:6px 7px; width:50%; }
.box2 .table-wrap p { font-size:11px; }
.box2 .table-wrap p.f-big { font-size:12px; padding:0; }
.p-block2 .table-wrap2 p { font-size:12px !important; margin-bottom:0px; }

/* handle */
.handle1 { padding:0 10px 26px; margin-top:6px; }
.handle2 { padding:15px 10px 0; }
.handle2 img { max-width:70%; text-align:center; margin:0 auto 20px; display:block; }
.handle2 p { font-size:12px; line-height:1.6; padding-bottom:20px; }
.handle2 p.blue { font-size:14px; padding-bottom:0; }
.handle2 .col-md-9 { margin-left:0; margin-right:0; }
.handle2 .col-md-12 { width:100%; }

/* faq */
.faq-wrap { margin:0px auto; padding:0 11px; }
body.faq header h1 span { font-size:14px; margin:3px 0 !important; }
body.faq header h1 span { font-size:14px; margin:3px 0 !important; display:inline !important; padding-left:15px !important; }
body.faq header p { line-height:1.5 !important; }
.f-block { padding:8px 15px 0; border:2px solid #eeeeee; box-sizing:border-box; }
.f-block .inblcok { margin-bottom:14px; }
.f-block .inblcok h3 { font-size:14px; line-height:1.5; padding-bottom:5px; }
.f-block .inblcok p { font-size:12px; padding-bottom:0; letter-spacing:0; }
.f-block .inblcok h4 { font-size:12px; margin-top:20px; margin-bottom:20px; }
.f-block .inblcok ul li { font-size:12px; }
.f-block .inblcok span { font-size:11px; line-height:1.7; }
.f-block .inblcok span.small2 { padding-bottom:0; }
body.recruit .shop-h2 { margin-top:-20px; }
body.recruit .shop-h2 h2 { margin:0 15px; }
.staff1 { margin:20px 0 0; }
.staff1 img { max-width:80%; }
.staff1 .col-md-10 { text-align:center; }
.staff1 .col-md-14 { margin-left:0; width:100%; }
.staff1 h4 { font-size:15px; margin-top:15px; margin-bottom:7px; line-height:1.7; }
.staff1 p { font-size:12px; line-height:1.6; padding-bottom:0; }
p.btn-top { font-size:12px; text-align:left; line-height:1.6; margin-top:20px; }
.recruit-wrap .contact-table .btn i { top:15px; left:15px; }
.recruit-wrap .contact-table .btn { margin:0 auto; font-size:15px; padding-left:25px; }
.recruit-wrap { padding:0 15px; margin-left:0; margin-bottom:15px; }
.recruit #from-fixed .unit-inner { border-radius:10px; margin:10px 15px !important; max-width:100%; }
.recruit .unit-inner .unit-section { padding-left:20px; }
.recruit .unit-inner .unit-section h3 { font-size:18px; margin:0; }
.re-wrap2 { padding-bottom:0 !important; margin-bottom:-10px !important; }

/*　food page　　*/
.menu-block { padding:0 15px; margin:0 auto; }
.menu-block .col-md-11 { width:100%; height:235px; margin-bottom:38px; }
.menu-block img { height:auto; }
.menu-block .box-left { margin-right:0; }
.menu-block .two-row { height:auto; }
.menu-block h2 { margin:10px 0 5px; padding-left:2px; }
.menu-block h2 a { font-size:14px; }
.menu-block h2 a span { background-image:url(../img/menu/pdf.png); background-position:right 0; background-repeat:no-repeat; padding-right:10px; background-size:13px 15px; display:inline-block; }
.menu-block h2.en { bottom:20px; left:0; background:none;;}
.menu-block h2.ko { bottom:0; left:0; background:none;}
.menu-block h2.ch { bottom:20px; left:150px; background:none;}
.menu-block h2.tw { bottom:0; left:150px; background:none;}

.menu-block p { font-size:12px; line-height:1.6; }
.menu-block ul li { font-size:12px; }
body.menu header { border-top:3px solid #fccf00; }
body.menu header p { line-height:1.5; margin-top:5px; }
body.drink header { border-top:3px solid #fccf00; }
body.drink header p { font-size:12px; padding-bottom:0; margin:0; }
body.drink header h1 { padding-bottom:14px; }
body.drink header ul { margin:0 15px; }
body.drink header ul li { font-size:12px; color:#000; line-height:1.5; }
body.drink header ul.anchor-link { margin:15px 15px 5px; height:100%; display:block; overflow:hidden; }
body.drink header h2 { margin:0; }
body.drink header h2 a { font-size:15px; }
body.drink header h2.en { background-image:none; margin:5px 15px 0; }
body.drink header h2.en span { background-image:url(../img/menu/pdf.png); background-position:right 0px; background-repeat:no-repeat; background-size:13px 15px; padding-right:10px; }
body.drink header ul.anchor-link li.last { width:100%; background:none; }
body.drink header ul.anchor-link li { display:block; width:100%; height:auto; float:none; padding:0; margin:0; background:none; }
body.drink header ul.anchor-link li a { display:block; border-radius:5px; width:100%; height:auto; float:none; line-height:21px; font-weight:bold; margin:0 0 5px 0; padding:12px 10px 10px; text-align:center; background:url(../img/menu/arrow-down2.png) 15px 14px no-repeat #eee; color:#000; font-size:15px; background-size:16px 17px; }
body.drink header ul.anchor-link li a:hover { opacity:.7; }
body.drink .shop-h2 h2 { margin:-10px 15px 0; line-height:1.4; padding-bottom:13px; }
body.drink .shop-h3 .unit-section { border-left:15px solid #fccf00; padding:0 10px 0 10px; }
body.drink .drink-img { max-width:90%; margin:15px; }
body.drink .drink-img img { height:auto; }
body.drink .drink-img ul { max-width:100%; margin:20px 0 0; padding-right:30px; }
body.drink .drink-img ul li { font-size:12px; padding-left:0; }
body.drink .img-bottom { max-width:100%; }
body.drink .drink-img .img-bottom ul { max-width:100%; margin:20px 0 10px; padding-right:0 !important; }
body.drink .drink-img .img-bottom p { background-position:0 7px; background-size:14px 14px; font-size:12px; float:right; max-width:100%; padding:0 0 0 23px; margin-top:0px; }
body.drink .menu-block { padding:15px; }
body.drink .menu-block .col-md-11 { height:100%; margin-bottom:15px; }
.menu-block h2 a { font-size:15px; }
body.drink .drink-img .img-bottom1 ul { padding-right:0px !important; }
body.drink-all .img-bottom2 p { margin-top:5px !important; }
body.drink .menu-bottom .menu-block { padding:0px 15px 0; margin:0; }
body.drink .menu-bottom { max-width:100%; margin-top:0; }
body.drink #stand-h3 { margin-bottom:-10px; }
body.drink .navbar ul { margin-bottom:0; }
body.drink .collapse.in { margin-bottom:-14px; }
.error-404 h1 { font-size:23px; margin:0 0 10px; line-height:1.3; padding-top:20px !important }
body.error-404 header { border-top:3px solid #fccf00; margin-top:-20px; }
body.error-404 .collapse.in { }
.error404 { padding:0 15px; }
.error404 .contact-table { margin-top:20px; }
.error404 .contact-table p { font-size:12px; margin-top:0; text-align:left; }
.error404 img { height:auto; max-width:80%; }
.error404 .contact-table .btn { margin:15px auto; }
.error404 .contact-table .btn i { top:15px; left:10px; }
body.ranking header h1 span { display:block; padding-left:0; margin:10px 0 0; }
body.drink-menu header h1 span { display:inline; padding-left:15px; margin:0; letter-spacing:-.35px; }
body.recruit header h1 span, body.sitemap header h1 span { padding-left:10px; display:inline; margin:0; font-size:14px; }
body.meal header h1 span, body.menu header h1 span { padding-left:15px; display:inline; margin:0; }
.site-block { padding:0 15px; margin-top:0; }
body.sitemap header { margin-bottom:-5px; }
.site-block h2 { font-size:19px; padding-bottom:0px; margin-bottom:10px; }
.site-block ul li { margin-bottom:10px; }
.site-block ul li a { font-size:14px; }
body.sitemap p.go-top { background-image:url(../img/menu/arrow-right.png); background-position:0 7px; background-repeat:no-repeat; background-size:15px 15px; font-size:12px; text-align:right; display:inline-block; float:right; max-width:860px; margin:35px 15px 0; padding:0 0 0 20px; position:relative; z-index:2; clear:both; overflow:hidden; }
body.sitemap p.go-top a { font-weight:normal; }
.shop-list-area .col-md-11 { width:100%; }
.shop-list-area .box-left { margin-right:0; }
.shop-list-area .col-md-11 h3 { padding:0 0 7px; }
.shop-list-area .col-md-11 .inbox1 h3 { font-size:17px; }
.shop-list-area .inbox { padding:10px 13px; border-radius:10px; margin-right:-15px; margin-left:-15px; }
.shop-list-area .col-md-11 table th { font-size:11px; padding:0 0 5px; font-weight:bold; }
.shop-list-area .col-md-11 table td { font-size:11px; padding:0 0 5px; }
.shop-list-area .inbox2 p, .shop-list-area .inbox3 p { font-size:11px !important; }
.line-select { margin:0; padding-bottom:50px; }
.goback { margin:0; padding:0 15px; }
.goback .btn { font-size:14px; padding-left:20px; }
.goback .btn i { left:15px; }
body.privacy .shop-h2 { margin:-11px auto 0; }
.search-area-1 .top-banner-area { margin:0 15px; }
.search-area-1 .shop-area-list .unit-body p.title { margin:15px 0 0 -15px; }
.search-area-1 .shop-list-area .inbox3 { margin-top:13px; }
.shop-list-area .inbox3 { min-height:85px; }
body.ranking header { margin:0 auto; }
.search-area-1 .unit-body { padding:0 15px !important; }
body.top, body.contact { background-image:none; }
.ranking-table table { margin-top:9px; }
body.whatsnew { background-image:none; }
.recruit-wrap .contact-table .btn { background-position:11px 15px; }
.line .contact-table .btn { font-size:14px; }
body.line .shop-h2 h2 { padding-bottom:10px !important; }
.line-container p { margin-top:0px !important; }
.line-container img { display:block; padding-bottom:10px !important; }
.line3 { padding-top:30px !important; }
.line h1 { line-height:28.6px !important; }
header h1 { letter-spacing:1px !important; }
.line header p { margin-top:15px; }
.area-top header { border-top:3px solid #fccf00; }
.area-top header h1 { line-height:1.3; }
.area-top header h1 span,  .area-page header h1 span { letter-spacing:0px; }
.area-top .navbar ul { margin-bottom:0; padding-bottom:0; }
.area-top header h1,  .area-page header h1 { font-size:22px !important; }
.area-top header h1 span,  .area-page header h1 span { margin-top:5px !important; display:block; padding-left:0; line-height:1.3 !important; }
.area-header p { margin-top:0; }
body.area-page .appbar { padding:20px !important; }
body.menu .navbar ul { margin:0; padding:0; }
body.menu header p { margin-top:20px; }
body.drink header p { margin-top:15px; }
body.drink p.notice { margin-top:-15px; }
body.ranking header { border-top:3px solid #fccf00 !important; }
body.ranking .navbar ul { margin:0; padding:0; }
.handle1 { margin-top:25px !important; }
body.faq header p { margin-top:15px !important; }
body.character .shop-h2 h2 { padding-bottom:12px !important; line-height:1.3; }
body.character header p.lead { margin-top:20px !important; }
.sing { margin:0 !important; padding:0 15px; }
.sing-content { margin-right:0; }
.youtube-wrap { margin-left:0; padding:0 15px; }
.youtube-wrap p { margin-right:0; }
.youtube-i { margin-right:0 !important; }
.youtube-wrap .ytext { padding-right:0; }
.attention .go-top a { font-weight:normal !important; }
.attention header h1 span { letter-spacing:0; }
.service .go-top_s a { font-weight:normal !important; }
.area_service { margin:0 0 0 0 !important; padding-bottom:5px !important; }
body.contact header { border-top:3px solid #fccf00 !important; }
body.contact .navbar ul { margin-bottom:0; padding-bottom:0; }
body.contact header h1 { margin-top:10px !important; padding:0 15px !important; font-size:22px; }
body.contact header h1 span { letter-spacing:0 !important; }
.contact-header p { padding-left:0; font-size:12px; }
.contact .conform .unit-submit li.back button { background-color:#fcd003 !important; }
.contact .contact-table .btn { background:url("/common/img/common/btn-arrow/btn-arrow.png") no-repeat scroll 20px 16px / 20px 20px #023894; }
body.ranking-top header p { margin-top:20px !important; margin-bottom:-5px !important; }
.whatsnew header { margin-top:0 !important; }
.whatsnew .navbar ul { margin:0 !important; padding:0 !important; }
.whatsnew header h1 { margin-top:5px !important; font-size:22px !important; }
.whatsnew header h1 span { letter-spacing:0 !important; }
body.shop-detail header h1 { font-size:22px !important; }
body.shop-detail .shop-icons .pull-right a { font-size:12px !important; }
body.shop-detail .shop-icons .pull-right a i.fa { width:20px; height:20px; }
body.shop-detail .shop-icons .fa:before { font-size:12px !important; }
body.shop header h1 span { letter-spacing:0; }
body.privacy header h1 { margin-top:5px; }
body.line .line3 .unit-inner { margin-left:0; margin-right:0; border-radius:10px; }
a.btn-link { width:100%; margin:0; }
body.new-info ul#tab li:last-of-type { float:right; }
body.new-info .content_wrap { margin-right:0; }
body.new-info #tab li:last-of-type { padding:4px 10px 6px; }
}
 @media (max-width:700px) {
.shop-carousel { padding:15px 15px 134px; }
}
 @media (max-width:600px) {
.shop-carousel { padding:15px 15px 104px; }
.content_wrap { margin-right:14px; }
body.campaign h1 span, body.campaign-coupon h1 span, body.service h1 span { font-size:14px !important; padding:0 0 0 13px; }
body.campaign h1, body.campaign-coupon h1, body.service h1 { line-height:20px !important; margin-top:20px !important; }
.line .contact-table .btn { background-position:11px; padding-left:35px; }
a.btn-link { font-size:86%; }
}
 @media (max-width:321px) {
.navbar ul li a { padding:10px 0 7px 30px; }
.navbar ul li { font-size:11px; }
.carousel-indicators { bottom:5px; }
shop-carousel .carousel-indicators { top:105.5%; }
.shop-carousel { padding:15px 15px 60px; }
.shop-carousel .carousel-indicators li { width:17.3%; margin:0 0 0 10px; }
.shop-topics h2 { font-size:24px; }
.shop-topics .charge-lists ul { padding-right:0; margin:10px 15px; }
.shop-icons .unit-body ul li img { width:33px; height:33px; }
.topic-table table td span a { padding:13px 15px 13px 35px; font-size:13px; background:url(../img/common/btn-arrow/btn-arrow.png) 12px 14px no-repeat #023894; background-size:15px 15px; }
.topic-table table td span a i { padding:3px 5px 3px 9px; top:12px; display:none; }
.shop-topics .charge img { max-width:88%; }
.topic-table table th { min-width:82px; max-width:82px; }
.topic-table table td { width:210px; max-width:200px; word-break:break-all; }
br.tel-br { display:inline-block; }
.price-table table td img { max-width:40px; }
.price-table table th { max-width:20%; }
.price-table table td { width:40%; }
.unit-submit button i { padding:1px 5px 1px 7px; }
#myModal .modal-header h3 { font-size:20px; }
#myModal .modal-body .col-md-12 img { margin-right:10px; }
#myModal .modal-header h3 img { max-width:549px; }
#myModal .modal-body .col-md-12 p br { display:none; }
#myModal .modal-body .col-md-12 h4 { font-size:14px; margin-bottom:1px; }
#myModal .modal-body .col-md-12 { min-height:78px; }
.contact-table table tr.tel .col-md-4 { min-width:70px; }
.contact-table table tr.tel .col-md-1 { min-width:16px; }
.contact-table table th span.ma-left { margin-left:0; }
.error { padding:10px 9px; }
.line3 .decide { text-align:center; display:block !Important; width:100%; margin:0 auto; }
.line-select select.search { width:290px; }
.menu-block ul { width:104%; }
.menu-block ul.menu-ul { display:block; position:relative; top:-15px; }
body.drink p.notice { margin:-10px auto 5px; font-size:12px; }
body.meal .shop-h2 h2 { font-size:18px; }
.error p { letter-spacing:-.5px; }
body.drink header h2 a { font-size:13px; word-break:break-all; letter-spacing:-.4px; }
.whatsnew #tab li.select { }
.new-shop #tab li { }
.new-shop #tab li.select { }
.content_wrap { margin-right:2.5px; }
body.campaign h1 span, body.campaign-coupon h1 span, body.service h1 span { font-size:14px !important; padding:0 0 0 13px; }
body.campaign h1, body.campaign-coupon h1, body.service h1 { line-height:20px !important; margin-top:20px !important; }
body.contact article .unit-container .contact-h2 { width:89%; }
.campaign-desc h2#coupon { font-weight:bold; background-image:url(../img/shop/shop_h2_bar.png); background-position:left bottom; background-repeat:no-repeat; font-size:28px; padding:0 0 15px; margin:-20px 0 0; }
.unit-submit button { padding:20px 20px 20px 30px !important; background:url("../img/common/btn-arrow/btn-arrow.png") no-repeat scroll 10px 19px / 20px auto #023894 !important; }
body.campaign h1 span, body.campaign-coupon h1 span, body.service h1 span { display:block; padding-left:0; margin-top:10px; }
body.shop-detail header h1 { margin-top:5px !important; font-size:22px !important; }
body.shop-detail header h1 span { font-size:14px !important; letter-spacing:0 !important; }
body.shop-detail .shop-h2 h2 { font-size:19px !important; margin-bottom:-5px !important; }
body.shop-detail .shop-h3 h3 { font-size:18px !important; }
.carousel-indicators li, .carousel-indicators .active { width:16px; height:16px; }
}
 @media only screen and (orientation :portrait) { /*縦向きの際に適用*/
footer { max-width:100%; }
footer ul > li > a { width:100%; }
}

/*/////////////////

style for ie9

 ///////////////*/
.ie9 .unit-submit ul, .ie8 .unit-submit ul { float:none; left:40px; position:relative; }
.ie9 .unit-submit ul li, .ie8 .unit-submit ul li { float:none; left:0; display:inline-block; }
.ie9 .unit-submit button { width:400px; }
.ie8 .unit-submit button { width:350px; }
.ie9 .ranking-table table { margin-top:-80px; }
.ie9 body.shop .header-ie89 ul.anchor-link li { width:155px !important; }
.ie9 body.shop .header-ie89 ul.anchor-link li.last { width:145px !important; }

/*/////////////////

style for ie8

 ///////////////*/
.ie8 .bread, .ie8 h1 { width:940px; margin:10px auto 0 auto; }
.ie8 .btn-vanilla { display:none; }
.ie8 .fixed-head { display:none !important; }
.ie8 .footer-wrap { position:relative; }
.ie8 .sns-btn { position:relative; top:0; }
.ie8 .sns-btn ul li { display:inline; }
.ie8 .footer-wrap #go-top { display:none !important; }
.ie8 .footer-wrap .unit-inner { background-color:#ffffff; }
.ie8 .footer-wrap .col-xs-12 { width:25%; }
.ie8 .footer-wrap .unit-inner { background-color:none; }
.ie8 .footer-wrap .col-xs-12 .badge-piece { display:none; }
.ie8 .footer-top ul li { display:inline; }
.ie8 .unit-submit button { min-width:400px; display:inline-block; }
