@charset "utf-8";
/* CSS Document */

#contents .inner { max-width:1040px; }
.inner_s { max-width:80%; margin:0 auto; }

/*共通--------------------------------*/
#main { width: 74%; }
#side { width: 22%; }

#pagettl { padding: 80px 10px 40px; font-size: 2.5em; text-align:center; letter-spacing: 5px; background:url(../img/pagettl.jpg) no-repeat 50% 50% / cover #d20b0f; /*text-shadow: 2px 1px 0 rgba(255, 255, 255, 0.6),-2px 1px 0 rgba(255, 255, 255, 0.6),2px -1px 0 rgba(255, 255, 255, 0.6),-2px -1px 0 rgba(255, 255, 255, 0.6);*/ }


/*.conTtl{ margin-top:1.5em; font-size:1.2em; border-bottom:1px solid #bbb; }*/
.con_ttl { margin:3em 0 .5em; padding: 12px 20px 6px; font-size:1.2em; background: #e4e4e4; border-top-right-radius: 10px;border-top-left-radius: 10px; }
.con_ttl:first-child { margin-top:0; }

.con_ttl2 { position:relative; padding-left: 1em; font-size:1.5em; }
.con_ttl2:before { position:absolute; top:50%; left:0; content:""; width:5px; height:70%; background:#000; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#pan{ margin: 0px auto 40px; padding-top: 10px; }
#pan li{ float:left; margin-left:7px; font-size:12px; }
#pan li a{ color:#d20b0f; text-decoration:underline; }
#pan li:after{ content:">"; padding-left:7px; }
#pan li:last-child:after{ content:""; }

.tbl { width:100%; }
.tbl caption { font-size:1.2em; text-align:left; }
.tbl th,.tbl td { padding:7px 1em; border-bottom: 1px solid #bbb; font-weight:normal; }
.tbl th { /*color: #d20b0f;*/ border-right: 1px solid #d20b0f; }

.box { margin:2em 0; padding: 20px 20px 10px; /*border: 2px solid #e60012;*/ background: #eee; }

.junbi { padding: 50px 30px; text-align: center; font-size: 1.2em; border: 1px solid #d20010; }


/*news--------------------------------*/
.news_list li a { display:block; padding:1em; border-bottom:1px solid #ccc; }
.news_list li a:hover { background:#f5f5f5; }
.news_list li p { margin:0; }
.news_list li .date { float:left; }
.news_list li .title { padding-left:8em;}

#news.detail .date { margin:0; border-bottom:1px dotted #e4e4e4; }
#news.detail .con_ttl { margin-bottom:0; }
#news.detail .txt_box { padding:1em 2em; border:1px solid #e4e4e4; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#news.detail .btn { margin-top:50px; }


/*guide--------------------------------*/
.link_btn a { padding: 13px 0 12px 35px; }

.warning { max-width:930px; }
.warning li { padding:2em 0; border-bottom:1px solid #ccc; }
.warning li:first-child { padding-top:10px; }
.warning li:last-child { border:none; }
.warning .tag { float:left; margin-bottom:1em; padding:2px 13px; color:#d20b0f; border:1px solid #d20b0f;  }
.warning .date { padding-top:3px; text-align:right; }
.warning .txt { clear:both; }

#guide .txt { margin:1em 0; }
.press .btn { margin-top:80px; }
.privacy .btn_area { max-width: 600px; margin:80px auto 0; }

.sitepolicy .ttl,
.snspolicy .ttl,
.link .ttl{ margin-top:1.5em; font-size:1.2em; border-bottom:1px solid #bbb; }

.composition .img_area { margin:1em 0; }
.composition .ttl { margin-top: 50px; padding-bottom: 10px; border-bottom:1px solid #bbb; }
.composition .tbl1 { width:40%; }
.composition .tbl th,.composition .tbl td { border: 1px solid #bbb; }
.composition .tbl th { background:#eee; }
.composition .tbl .value { width:50%; text-align:right; }
.composition .tbl .allergen { width:20%; }
.composition .tbl .check { width:5%; }

.composition figure { width:55%; }

.snspolicy .sns_link { margin-top: 1em; }

.link .link_area li p { margin:0!important; }
.link .link_area li .link_ttl { font-size:1.2em; }
.link .link_area li a { position:relative; display: block; padding:30px 60px 30px 0; border-bottom:1px solid #ddd; }
.link .link_area li a:hover { color: #d20b0f; }
.link .link_area li a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #bbb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.goldplate .lead { font-size:1.2em; color: #d20b0f; }
.goldplate .btn { margin:2em 0; }
/*.goldplate .btn a { border: none; background: #ddd; }*/


/*サイトマップ*/
.sitemap_list > li { margin-bottom: 40px; }
.sitemap_list > li span { display:block; margin-bottom: 7px; padding:5px 15px; background:#e4e4e4; }
.sitemap_list > li > ul { padding-left:20px; }
.sitemap_list > li > ul > li { position:relative; width:30%; margin-top:10px; }
.sitemap_list > li > ul > li a { padding-left:15px; font-size:0.9em; }
.sitemap_list > li > ul > li:before {
	position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #d20010;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sitemap_list > li > ul:after{ content:""; display: block; width:30%; }


/*FC--------------------------------*/
#fc .lead { color: #d20b0f; font-size:25px; }
#fc ol { padding-left:20px; }
#fc .receipt { margin-top: 50px; padding-top:20px; border-top:1px solid #ccc; }
#fc .receipt p { float:right; }

/*about--------------------------------*/
#about.about #contents { padding-bottom:0; }
#about .bg_black { background:url(../img/about/soup.jpg) no-repeat 100% 50% #000; }
#about.about #pan { color:#fff; }
#about #kodawari { padding: 30px 0 40px; color:#fff; }
#about #kodawari .con_ttl2:before { background:#fff; }
#about #kodawari .txt_area { margin:50px 0; }

#about #story { padding-top: 80px; }
#about #story .flex { margin:50px 0; }
#about #story .main_lead_area { position: relative; margin: 40px 0 70px; text-align: right; }
#about #story .main_lead { position: absolute; left: 0; bottom: 0; margin: 0; font-size: 3.5em; line-height: 1.7; }
#about #story .main_lead span { background:#fff; }
#about #story .lead { font-size:1.6em; }
#about #story .txt_area { width:57%; }
#about #story figure { width:38%; }
#about #ajigasane { padding: 25px 0; color: #fff; background: url(../img/about/img_ajigasane.png) no-repeat #d20b0f 100% 100% / 42%; }
#about #ajigasane .lead { font-size:2em; }
#about #ajigasane .txt { margin: 10px 20px 0 0; float:left; font-size:1.2em; }
#about #ajigasane .btn { margin-top:30px; padding-left:30%; }
#about #ajigasane .btn a { color: #fff; border: 1px solid #fff; }
.btn a:after { border-color: transparent transparent transparent #d20b0f; }
#about #ajigasane .btn a:before { background: #000; }

#about .ajigasane { margin-bottom: 50px; background:url(../img/about/img_ajigasane2.jpg) no-repeat 100% 50% / 55%; }
#about .ajigasane .sub_lead { margin: 0; font-size:2em; }
#about .ajigasane .lead { margin: 0; font-size:3.3em; font-weight:bold; line-height:1.5; }
#about .ajigasane .txt { font-size:1.1em; }
#about .ajigasane .aji_mark span { display: inline-block; margin:0 0.3em; background: #e60012; border-radius: 5px; }

#about .yakumi { border:1px solid #271e1c; }
#about .yakumi .ttl_area { padding:20px 40px 1px; color:#fff; background:url(../img/about/yakumi.png) no-repeat 96% 50% / auto 100% #271e1c; }
#about .yakumi .ttl_area .txt { font-size:1.6em; }
#about .yakumi .yakumi_list { padding:0 40px 30px; }
#about .yakumi .yakumi_list li { width:25%; text-align:center; }
#about .yakumi .yakumi_list li h4 { font-size: 1.4em; line-height: 1.2; }
#about .yakumi .yakumi_list li p { margin:0; }
#about .yakumi .yakumi_list li .kana { min-height:21px; font-size:0.8em; }
#about .yakumi .yakumi_list li .txt { line-height: 1.4; }



/*shop--------------------------------*/
/*#shop #contents { background:#f5f5f5; }*/
.jmap #main { width:728px; }
.jmap #side { width:23%; }
.jmap .txt_area,
#shop .txt_area { margin-bottom:50px; text-align:center; }
.jmap .map_area { text-align:center; border:1px solid #ccc; }
.jmap .map_area .ttl,
.jmap .search_area .ttl { padding: 5px 0; font-size:1.1em; text-align:center; background:#e4e4e4; }

/*店舗検索・採用情報用 日本地図*/
.map_area .map { position:relative; width:726px; height:641px; padding:30px 10px; background:url(../img/shop/bg_map.png) no-repeat 50% 50%; }
.map_area .map li { position:absolute; }
.map_area .map li#hokkaido  { top: 30px; right: 19px; }
.map_area .map li#aomori    { top: 189px; right: 20px; }
.map_area .map li#iwate     { top: 229px; right: 20px; }
.map_area .map li#miyagi    { top: 280px; right: 20px; }
.map_area .map li#akita     { top: 229px; right: 102px; }
.map_area .map li#yamagata  { top: 280px; right: 102px; }
.map_area .map li#fukushima { top: 333px; right: 20px; }
.map_area .map li#ibaraki   { top: 383px; right: 20px; }
.map_area .map li#tochigi   { top: 383px; right: 71px; }
.map_area .map li#gunma     { top: 383px; right: 127px; }
.map_area .map li#saitama   { top: 439px; right: 71px; }
.map_area .map li#chiba     { top: 458px; right: 20px; }
.map_area .map li#tokyo     { top: 489px; right: 71px; }
.map_area .map li#kanagawa  { top: 529px; right: 84px; }
.map_area .map li#nigata    { top: 333px; right: 150px; }
.map_area .map li#toyama    { top: 333px; right: 218px; }
.map_area .map li#ishikawa  { top: 301px; right: 270px; }
.map_area .map li#fukui     { top: 383px; right: 270px; }
.map_area .map li#yamanashi { top: 489px; right: 130px; }
.map_area .map li#nagano    { top: 383px; right: 183px; }
.map_area .map li#gifu      { top: 383px; right: 226px; }
.map_area .map li#shizuoka  { top: 529px; right: 152px; }
.map_area .map li#aichi     { top: 529px; right: 214px; }
.map_area .map li#mie       { top: 488px; right: 270px; }
.map_area .map li#shiga     { top: 439px; right: 270px; }
.map_area .map li#kyoto     { top: 407px; left: 353px; }
.map_area .map li#osaka     { top: 488px; left: 353px; }
.map_area .map li#hyogo     { top: 407px; left: 313px; }
.map_area .map li#nara      { top: 488px; left: 389px; }
.map_area .map li#wakayama  { top: 581px; left: 353px; }
.map_area .map li#tottori   { top: 407px; left: 272px; }
.map_area .map li#shimane   { top: 407px; left: 231px; }
.map_area .map li#okayama   { top: 460px; left: 272px; }
.map_area .map li#hiroshima { top: 460px; left: 231px; }
.map_area .map li#yamaguchi { top: 407px; left: 189px; }
.map_area .map li#tokushima { top: 572px; left: 265px; }
.map_area .map li#kagawa    { top: 531px; left: 265px; }
.map_area .map li#ehime     { top: 531px; left: 189px; }
.map_area .map li#kochi     { top: 572px; left: 189px; }
.map_area .map li#nagasaki  { top: 407px; left: 19px; }
.map_area .map li#saga      { top: 407px; left: 51px; }
.map_area .map li#fukuoka   { top: 407px; left: 84px; }
.map_area .map li#kumamoto  { top: 452px; left: 84px; }
.map_area .map li#ohita     { top:452px; left:130px; }
.map_area .map li#miyazaki  { top: 507px; left: 130px; }
.map_area .map li#kagoshima { top: 557px; left: 84px; }
.map_area .map li#okinawa   { top: 225px; left: 108px; }
.map_area .map li#hawai     { top: 117px; left: 294px; }

.jmap .gps a { display:block; padding:17px 20px 9px; text-align:center; color:#fff; font-size:1.1em; line-height:1.4; border-radius:5px; background:#e7a618; }
.jmap .search_area { margin-top:20px; border:1px solid #ccc; }
.jmap .search { padding:0 15px 20px; }
.jmap .search .btn { width:100%; }
.jmap .attention { border:4px double #e60012; background-color: #fff; }
.jmap .attention .ttl { padding-left: 30px; color:#e60012; background:url(../img/icon_attention.png) no-repeat 0 0; }

.jmap .search_area_pref { display:none; }
.search_pref select { width:96%; margin:1em 0; background: #fff; }

/*一覧*/
.tbl_shop { width: 100%; margin: 2em 0 7em; border: 1px solid #ccc; }
.tbl_shop th { text-align:center; background:#eee; }
.tbl_shop th,
.tbl_shop td { padding: 10px 15px; border: 1px solid #ccc; }
.tbl_shop td.address,
.tbl_shop td.ajikasane { border-left:none; border-right:none; }
.tbl_shop td.ajikasane { padding: 12px 15px 4px; }
.tbl_shop td.parking { text-align:center; }

.tbl_shop td.ajikasane span,
.shop_detail .ajikasane span { display:inline-grid; background:#e60012; border-radius:5px; }
.tbl_shop td.ajikasane.no span,
.shop_detail .ajikasane.no span { background:#a2a2a2; }

.tbl_shop .btn { padding-bottom:13px; text-align:center; }
.tbl_shop .btn span { display: block; width: 100%; padding: 2px 15px; color: #fff; background: #e60012; border:1px solid #e60012; border-radius: 5px; font-size: 0.9em; }
.tbl_shop tr:hover .btn span { background:#fff; color:#e60012; }
.tbl_shop tr:nth-child(odd) td { background: #f5f5f5; }
.tbl_shop tr:hover td { background: #ddd; cursor:pointer; }

/*詳細*/
#shop.shop_detail .tbl { margin: 2em auto;　}
#shop.shop_detail .ttl_area { position:relative; }
#shop.shop_detail .ttl_area .ajikasane { position:absolute; top:10px; right:15px; }
#shop.shop_detail .map { display:block; }
#shop.shop_detail .map a { display: inline-block; padding: 2px 18px; color: #fff; background: #e60012; border-radius: 5px; border:1px solid #e60012; }
#shop.shop_detail .map a:hover { background:#fff; color:#e60012; }

#map_canvas { width:100%; height:600px; background:#eee; }


/*store--------------------------------*/
#store .white-popup { position: relative; width: 100%; max-width: 840px; height: 472px; left: 50%; margin: 0 0 0 -420px; }
#store .youtube { width: 100%; max-width: 840px; height: 472px; margin: 50px auto 0; }

/*#store { background:url(../img/store/bg.jpg); }*/
#store .banner_area { margin:50px 0; }
#store #con_nav { margin:50px 0; }
#store .con_nav li { width:49.5%; margin-bottom: 10px; font-size: 20px; line-height: 1.4; }
#store .con_nav li span { font-size:0.8em; }
#store .con_nav li a { position:relative; display:block; padding: 7px 5px 7px 105px; color:#fff; }
#store .con_nav li.six a { background:url(../img/store/nav_six.png) no-repeat 0 0 #a49177; }
#store .con_nav li.four a { background:url(../img/store/nav_four.png) no-repeat 0 0 #a49177; }
#store .con_nav li.topping a { background:url(../img/store/nav_topping.png) no-repeat 0 0 #a49177; }
#store .con_nav li.goods a { background:url(../img/store/nav_goods.png) no-repeat 0 0 #a49177; }
#store .con_nav li.topping a { padding: 23px 5px 19px 105px; }
#store .con_nav li a:after {
    position: absolute;
    top: 85%;
    right: 5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#store .con_nav li.goods a:after {
    top: 50%;
    right: 5px;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #fff;
}

#store .guide_nav li { width:33%; }
#store .guide_nav li a { position:relative; display:block; padding:5px 10px; margin:10px 0; text-align:center; color:#a49177; border:1px solid #a49177; }
#store .guide_nav li a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #a49177;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#store #btn_cart,
.store_guide #btn_cart { display:block; }
#store #btn_cart a,
.store_guide #btn_cart a { background:#222!important; }


#store .set { margin-bottom:80px; }
#store .set .set_ttl { margin: 50px 0 40px; text-align:center; border-bottom:1px solid #000; }
#store .set .set_ttl h3 { position:relative; display:inline-block; font-size:50px; }
#store .set .set_ttl h3 span { color:#fd0328; }
#store .set .set_ttl h3:before { position:absolute; top:10px; left:-90px; content:url(../img/store/stamp.png); } 
#store .set .slider_area { max-width:700px; margin:30px auto 50px; }
#store .set .slick-slide { font-size: 1.1em; }
#store .set .slider-nav { margin-top:20px; }
#store .set .slider-nav img { cursor:pointer; }

#store .set .set_type { padding-top:20px; border-top: 1px solid #d2d2d2; }
#store .set .set_type li { padding: 0 0 20px 0; margin-bottom:20px; border-bottom:1px solid #d2d2d2; }
#store .set .set_type figure { float: left; width: 7%; margin-right: 2%; }
/*#store .set .set_type li.kotteri { background:url(../img/store/icon_k.png) no-repeat 0 0; }
#store .set .set_type li.assari { background:url(../img/store/icon_a.png) no-repeat 0 0; }
#store .set .set_type li.mix { background:url(../img/store/icon_mix.png) no-repeat 0 0; }*/
#store .set .set_type li .type_ttl,
.col3 .ttl { font-size:1.6em; }
#store .set .set_type li .type_ttl .num,
.col3 .ttl .num { font-size:14px; color:#555; }
#store .set .set_type li .type_ttl span { font-size:1.4em; color:#fd0328; }
#store .set .set_type li .detail { color: #555; }
#store .set .set_type li .detail dt { float:left; }
#store .set .set_type li .detail dd { padding-left:4em; }
#store .price { font-size:1.2em; text-align:right; }
#store .price span { font-size:1.5em; color:#fd0328; }
#store .set .set_type li .items,
#store .number { margin: 10px 0; font-size: 1.2em; text-align:right; }
#store .set .set_type li .items p,
#store .number p { display:inline-block; }
#store .set .set_type li .btn { margin-left:0.4em; }
#store .option { float: left; margin: 10px 0; padding-left: 90px; }
#store .slick-dots li button:before { font-size: 30px!important; }

.col3 > li { width:30%; margin:30px 0; }
.col3 .single-slider { padding-bottom:20px; }
.col3 .ttl.small { font-size:1.2em; }
.col3 .detail { margin: 0; }
.col3 .detail span { font-size:0.8em; }
.col3 .detail:before { content:"●"; } 
.col3 .notes { color:#fd0328; }
.col3 .box { margin: 0 0 1em; padding: 10px 10px 7px; border:1px solid #222; background-color: #fff; }
.col3 input[type="submit"], 
.col3 input[type="button"] { padding: 15px 25px; }
.col3 .slick-arrow { display:none!important; }

.store_guide #main a { color:#d20b0f; text-decoration:underline; }
.store_guide .ttl,
.store_guide #main > dl > dt { margin: 1.5em 0 .5em; font-size: 1.2em; border-bottom: 1px solid #bbb; }
.howto .ttl:first-child { margin-top:0; }
.store_guide .bank { display: inline-block; margin-top:.5em; padding:10px 20px; border: 2px solid #bbb; }
.law > dl > dd > dl { margin-top:1em; }
.law > dl > dd > dl > dt { float: left; background: #e4e4e4; width: 10em; text-align: center; }
.law > dl > dd > dl > dd { padding-left:11em; margin-bottom:1.5em; }

.qa .btn_down dt { padding-left: 27px; color: #d20b0f; background:url(../img/icon_q.png) no-repeat 0 43%; }

#store .relation li { margin-bottom:30px; }
#store .relation.col2 li { width:49%; }


/*store gold 金のどんぶり*/
#store.gold { background: #1B0030; }
#store.gold #contents { color: #fff; }
#store.gold .notice { margin: 0; padding: .5em; font-size: 1.1em; font-weight: bold; text-align: center; background: #FFFAB7; }
#store.gold .mv { padding-top: 78px; }
#store.gold .explan_area li { width: 80%; min-height: 310px; padding: 30px 20px; margin-bottom: 30px;
-webkit-box-shadow: 0 0 17px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 0 17px 0 rgba(255, 255, 255, 0.1); background: #000; }
#store.gold .explan_area li .lead { padding-left: 1em; margin-left: 1.5em; border-left: 1px solid #fff; order: 3; color: #fff100; font-size: 1.5em; font-weight: bold; }
#store.gold .explan_area li .txt { order: 2; }
#store.gold .explan_area li figure { width: 50%; order: 1; 
  display: flex; align-items: center; justify-content: center;
  display: -webkit-flex; align-items: -webkit-center; justify-content: -webkit-center; }
  
#store.gold .detail { width: 50%; color: #fff; }
#store.gold .detail .lead { margin: 10px 0; font-size: 3em; font-weight: bold; line-height: 1.3; }
#store.gold .detail .name { font-size: 5em; color: #fff100;
border-top: 2px solid #fff100; border-bottom: 2px solid #fff100; }
#store.gold .detail .tokuten { margin: 0; color: #fff100; font-size: 3em; }
#store.gold .detail .tokuten span { color: #fff; font-size: .6em; }
#store.gold .detail .price,
#store.gold .detail .period { text-align: right; }
#store.gold .image { width: 42%; }
#store.gold .microwave img { width: 30%; }

#store.gold .remarks { margin-top: 50px; padding: 20px 40px; background: rgba(255, 255, 255, 0.1); }
#store.gold .remarks dl { width: 48%; margin-bottom: 20px; }
#store.gold .remarks dl:last-child  { width: 100%; }

#store.gold .limited { font-size: 2.6em; margin: 80px 0; padding: 20px 0; color: #231815; font-weight: bold;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1c22f+0,fbf8cb+25,bd8f31+59,e8d187+80,fbf8cb+100 */
background: #f1c22f; /* Old browsers */
background: -moz-linear-gradient(left,  #f1c22f 0%, #fbf8cb 25%, #bd8f31 59%, #e8d187 80%, #fbf8cb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f1c22f 0%,#fbf8cb 25%,#bd8f31 59%,#e8d187 80%,#fbf8cb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f1c22f 0%,#fbf8cb 25%,#bd8f31 59%,#e8d187 80%,#fbf8cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c22f', endColorstr='#fbf8cb',GradientType=1 ); /* IE6-9 */ }

#store.gold .detail_area { margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#store.gold .detail_area .number { margin: 40px 0 10px; }

#store.gold .detail_area .slick-slider { margin-bottom: 80px; }
#store.gold .detail_area .slick-arrow { display: none!important; }
#store.gold .detail_area .slick-dots li.slick-active button:before { color: #fff; }
#store.gold .detail_area .slick-dots li button:before { color: #fff; top: 12px; }

#store.gold .attention .ttl { margin-top: 1em; }
#store.gold .attention p { margin: 0; }
#store.gold .attention .disc li { margin-bottom: 0; }

#store.gold .junbi { text-align: center; padding: 10px; }
#store.gold .stock { text-align: center; padding: 10px; color: #1B0030; font-weight: bold; border: 10px solid #321a45; font-size: 1.2em; background: #FFF100; }


/*recuit--------------------------------*/
.recruit_top #contents .inner { max-width:1200px; }
.recruit_top #contents { background:url(../img/recruit/bg_recruit.png) no-repeat 0 0 / contain; }
.recruit_top #pan { padding-top: 10px; }

.recruit_form .con_ttl2 { margin-top: 40px; font-size: 1.2em; border-bottom: 1px solid #bbb; }
.recruit_form th { text-align: left; }
.recruit_form .tbl li { float: left; width: 30%; list-style: none; }
.recruit_form .tbl .col2 li { width: 50%; }
.recruit_form .submit_area { margin: 20px 0; }

#recruit.check .ttl_area { padding:20px 40px 1px; color:#fff; background:url(../img/recruit/bg_check.png) no-repeat 100% 100% #d70c1f; }
#recruit.check .ttl_area .lead { margin:0; font-size:1.2em; }
/*#recruit.check .ttl_area .txt { font-size:1.2em; }*/
#recruit.check .con { padding:20px 40px 30px; border:1px solid #d70c1f; border-top:none; }
#recruit.check .number span { padding: 4px 15px; font-size: 1.5em; color:#fff; background:#d70c1f; }
#recruit.check .question { font-size: 1.2em; }
#recruit.check .candidacy li { width:48%; }
#recruit.check .candidacy li a { display:block; padding:10px; font-size: 1.2em; text-align:center; color:#fff; background:#d70c1f; }
#recruit.check .candidacy li a:hover { background:#222; }

#recruit.check_a .ttl_area { text-align:center; background:#d70c1f; }
#recruit.check_a .anser { font-size: 2.2em; margin: 0; }
#recruit.check_a .con { margin-bottom:40px; }
#recruit.check_a .chart { width:30%; text-align: center; }
#recruit.check_a .comment { width:65%; }
#recruit.check_a .balloon { padding:10px 30px; border-radius:10px; background:#e2e2e2; }
#recruit.check_a .balloon .ttl { font-size: 1.1em; font-weight:bold; }


/*中途採用*/
.career .interview { position:relative; z-index:2; margin-bottom:50px; }
.career .interview figure,
.career .interview .txt_area { width:47%; }
.career .interview .txt_area { padding-top:50px; }
.career .message { margin-bottom:70px; }
.career .message .ttl { margin:-100px 0 50px; }
.career .message .txt { text-align:center; }
.career .career_movie { position:relative; padding-top:50px; }
.career .career_movie .inner { max-width: 800px!important; }
.career .career_movie:before { position:absolute; top:0; left:0; right:0; content:""; width:100%; height:465px; background:#ffc000; }
.career .career_movie .ttl { text-align:center; font-size: 3em; font-weight: bold; text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px; }

/*company--------------------------------*/
#company .company_date  { max-width:800px; }
#company .tbl { margin:2em auto; }
#company .tbl th { width: 30%; }
#company .tbl th,
#company .tbl td,
#contact .tbl th,
#contact .tbl td { padding: 7px 2em; }

/*contact--------------------------------*/
#contact .tbl th { width:30%; }
#contact .tbl td span { font-size:0.9em; color:#d20b0f; }
#contact input[type="submit"],
#contact input[type="button"] { min-width: 200px; padding: 12px 20px; font-size: 1em; }
#contact #confirm_notice h3 { color: #d20b0f; border-bottom: 1px solid #d20b0f; margin-bottom: 1em; }

/*お買い物・お問合わせ用店舗検索--------------------------------*/
.shop_list .tbl_shop th.region { text-align:left; background: #d20b0f; color: #fff; }
.shop_list .tbl_shop tr:nth-child(odd) td { background: #fff; }
.shop_list .tbl_shop tr:hover td { background: #fff; }
.shop_list .tbl_shop th.prefecture { text-align:left; background: #eee; }
.shop_list .tbl_shop td p { margin:0; }
.shop_list .tbl_shop td p.name { font-weight:bold; }
.shop_list .tbl_shop { margin: 2em 0; }


/*動画--------------------------------*/
.movie_area { width:100%; max-width:800px; margin:0 auto; }
.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin:0 auto 20px;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*1005px 以下 */
@media screen and (max-width: 1005px) {
/*shop--------------------------------*/
.jmap #main { margin:0 auto 30px; }
.jmap #side { width:100%; max-width:740px; margin:0 auto; }	
#store .option { padding-left: 0; }
    
}




/*899px 以下 */
@media screen and (max-width: 899px) {
.inner_s { max-width:100%; }

/*about--------------------------------*/
#about .bg_black { background: url(../img/about/soup.jpg) no-repeat 173% 50% #000; }
#about #story .main_lead { padding: 1em 0; font-size: 2.5em; }
#about #story .flex { margin: 10px 0; }
#about #story .lead { font-size: 1.2em; }
#about #ajigasane { padding: 5px 0 20px; background: url(../img/about/img_ajigasane.png) no-repeat #d20b0f 100% 100% / 61%; }
#about #ajigasane .txt { float: none; font-size: 1em; }
#about #ajigasane .btn { padding-left:0; }

#about .ajigasane .lead { font-size: 2.8em; }
#about .yakumi .ttl_area { padding: 20px 20px 1px; }
#about .yakumi .ttl_area .lead { width:68%; }
#about .yakumi .ttl_area .txt { font-size: 1.4em; }
#about .yakumi .yakumi_list { padding: 0 20px 30px; }
#about .yakumi .yakumi_list li .txt { font-size: 0.9em; }


/*store--------------------------------*/
#store .white-popup { left: 0; margin: 0; }
#store .con_nav li { width:49.3%; margin: 5px 0; }

#store .set .set_type li .type_ttl,
#store .set .set_type li .price { width:100%; }
#store .set .set_type li .type_ttl span { font-size: 1em; }
#store .price { font-size: 1em; text-align:right; }
#store .price span { font-size: 1.5em; }
.col3 > li { margin: 30px 0 0; }
.col3 .ttl.small { font-size:1.2em; }
.col3 .notes { font-size: 0.9em; }
.col3 .box { padding: 5px 4px 2px; font-size: .8em; }

.store_side li { width:100%; }

/*store gold 金のどんぶり*/
#store.gold .mv { padding-top: 62px; }
#store.gold .notice { text-align: left; font-size: 1em; }
#store.gold .explan_area li { width: 100%; }
#store.gold .limited { margin: 30px 0; }
#store.gold .detail { width: 60%; }
#store.gold .image { width: 38%; }
#store.gold .detail .name { font-size: 4em; }
#store.gold .detail .tokuten { font-size: 2.5em; }
#store.gold .detail .price img,
#store.gold .detail .period img { width: 100%; }
#store.gold .remarks dl,
#store.gold .remarks dl:last-child { margin-bottom: 20px; }

/*recruit--------------------------------*/
#recruit.check .ttl_area { padding: 20px 20px 1px; background-size:67%; }
#recruit.check .ttl_area .ttl { width:39%; }
#recruit.check .con { padding: 20px 20px 30px; }

.career .interview { margin-bottom: 0; }
.career .interview figure { width:30%; }
.career .interview .txt_area { width:68%; }
.career .interview .txt_area { padding-top: 0; }
.career .message .ttl { margin: 0px 0 30px; }

/*guide--------------------------------*/
#guide #main,
#guide #side { width: 100%; }
    
#contact .tbl th,
#contact .tbl td { display:block; width:100%; padding: 7px 5px; }
#contact .tbl th { border-right: none; background: #e4e4e4; border-bottom: 1px solid #d20b0f; }
#contact .tbl td { border:none; }

}

/*767px 以下 */
@media screen and (max-width: 767px) {
.jmap #main { display:none;  }
.jmap .search_area_pref { display:block; }


}



/*679px 以下 */
@media screen and (max-width: 679px) {

}




/*599px 以下 */
@media screen and (max-width: 599px) {
.con_ttl,
.con_ttl2 { font-size: 1.1em; }

#pagettl { padding: 30px 10px; font-size: 1.5em; }
#pan { margin: 0; }
#pan li { display: none; }
.box { padding: 10px; }

.tbl th,
.tbl td { display:block; width:100%; padding: 7px 5px; }
.tbl th { border-right: none; background: #e4e4e4; border-bottom: 1px solid #d20b0f; }
.tbl td { border:none; }

.link .link_area li a { padding: 10px 60px 10px 0; }

/*news--------------------------------*/
.news_list li a { padding: 0.5em; }
.news_list li .date { float: none; }
.news_list li .title { padding-left: 0; }

#news.detail .txt_box { padding: 10px; }

/*guide--------------------------------*/
#guide #side { margin-top: 50px; }
.composition .tbl { font-size:0.8em; }
.composition figure { width: 100%; margin-bottom: 10px; }
.composition .tbl1 { width: 100%; }
.composition .tbl th, 
.composition .tbl td { display: table-cell; width: auto; }
.press .txt,
.privacy .txt { text-align: left; }
.privacy .btn_area li { width:100%; margin-bottom:1em; }
.privacy .btn_area li  a { padding: 10px 10px; }

.sitemap_list > li > ul > li { width: 100%; }

/*FC--------------------------------*/
#fc .lead { font-size: 18px; }

/*about--------------------------------*/
#about .bg_black { background: url(../img/about/soup.jpg) no-repeat 0 13% #000; }
#about #kodawari .lead,
#about #kodawari .txt_area { width:64%; }
#about #kodawari .txt_area { margin: 30px 0; }
#about #story { padding-top: 40px; }
#about #story .main_lead { font-size: 1.2em; }
#about #story .txt_area ,
#about #story figure { width: 100%; }
#about #ajigasane { padding: 5px 0 280px; background: url(../img/about/img_ajigasane.png) no-repeat #d20b0f 100% 100% / 100%; }
#about #ajigasane .lead { font-size: 1.5em; }

#about .yakumi .ttl_area { padding: 20px 10px 1px; background: #271e1c; }
#about #story .main_lead_area { margin: 0; }
#about .yakumi .ttl_area .lead { width: 100%; }
#about .yakumi .ttl_area .txt { font-size: 1em; }
#about .ajigasane .sub_lead { font-size: 1em; }
#about .ajigasane .lead { font-size: 1.8em; }
#about .ajigasane .name { width:60%; }
#about .ajigasane .txt { font-size: 1em; }
#about .yakumi .yakumi_list { padding: 0 10px 30px; }
#about .yakumi .yakumi_list li { width: 47% }
#about .yakumi .yakumi_list li .txt { text-align: left; }
#about .yakumi .yakumi_list li .kana { font-size: 0.7em; }


/*store--------------------------------*/
#store .white-popup,
#store .youtube { height: 250px;}
#store .banner_area { margin: 20px 0; }
#store #con_nav { margin: 20px 0 50px; }
#store .con_nav li { width: 100%;  margin: 2px 0; font-size: 18px; }
#store .con_nav li a,
#store .con_nav li.topping a,
#store .con_nav li.goods a { padding: 7px 5px 7px 75px; }
#store .con_nav li.six a,
#store .con_nav li.four a { background-size: 70px; }
#store .con_nav li.topping a { background-size: 70px; background-position:0 50%; }
#store .con_nav li.goods a { background-size: 55px; }
#store .con_nav li a:after { top: 50%; }
#store .guide_nav li { width: 100%; }
#store .guide_nav li a { margin:2px 0; }

#store .set .slider_area { margin: 10px auto 30px; }
#store .set .slider-nav { display:none; }

#store .set .set_type figure { width: 16%; }
#store .set .set_type li { padding: 0 0 20px 0px; background:none!important; }
#store .set .set_type li .price { font-size:1em; }
#store .number select[name="order"] { width: 20%; }

#store .set .slick-slide { font-size: 1em; }
.slick-arrow { top:45%; }
.slick-prev { left: -10px; }
.slick-next { right: -10px; }

#store .set .set_type li .type_ttl,
#store .set .set_type li .type_ttl span { font-size: 1.1em; }
#store .set .set_type li .detail { padding-left: 0; font-size: 0.9em; }
#store .set .set_type li .detail dt { float:none; }
#store .set .set_type li .detail dd { padding-left:0; }

.col3 > li { width: 100%; }
.col3 .slick-arrow { display:block!important; }

.howto .box { padding:0px 10px; }
.howto .warning li { padding: 2em 0 0; }
.howto .big { font-size:1em; }

.store_guide .ttl,
.store_guide #main > dl > dt { font-size: 1em; }
.law > dl > dd > dl > dt { float: none; width: 100%; padding: 5px 10px; margin-bottom: .5em; }
.law > dl > dd > dl > dd { padding-left: 0; }

.store_side { display:none; }

#store .relation li { margin-bottom: 10px; }

/*store gold 金のどんぶり*/
#store.gold .explan_area li { padding: 20px 10px; }
#store.gold .explan_area li .txt_vertical { 
  -ms-writing-mode: inherit;
  -webkit-writing-mode: inherit;
  writing-mode: inherit; }
#store.gold .explan_area li .lead { width: 100%; order: 1; margin-bottom: 10px; }
#store.gold .explan_area li .txt { width: 100%; order: 2; color: #fff; }
#store.gold .explan_area li figure { width: 100%; order: 3; }
#store.gold .detail { width: 100%; margin-top: 20px; order: 2; }
#store.gold .detail .lead { font-size: 1.5em; }
#store.gold .detail .name { font-size: 3em; }
#store.gold .detail .tokuten { font-size: 2em; }
#store.gold .detail_area { margin-bottom: 30px; padding-bottom: 30px; }
#store.gold .detail_area .slick-slider { margin-bottom: 30px; }
#store.gold .remarks { margin-top: 30px; padding: 20px 10px; }
#store.gold .remarks dl,
#store.gold .remarks dl:last-child { width: 100%; }
#store.gold .image { width: 100%; }
#store.gold .limited { font-size: 1.5em; }


/*shop--------------------------------*/
#shop .txt_area { text-align: left; }
.jmap .txt_area { margin-bottom: 20px; text-align:left; }
.tbl_shop { margin:0em 0 7em; }
.tbl_shop th { display:none; }
.tbl_shop td { display:block; width:100%; padding: 4px 10px; border: none; }
.tbl_shop td.name { padding-top:13px; font-size: 1.1em; border-top: 1px solid #ccc; }
.tbl_shop td.ajikasane { padding: 5px 15px 4px;text-align: right; }
.tbl_shop td.parking { text-align: left; }
.tbl_shop td.parking span.pc_none { display: inline-block; }
.tbl_shop .btn span { padding: 5px 15px; }
#shop.shop_detail .tbl { border: 1px solid #ccc; }
#map_canvas { height:300px; }

/*recruit--------------------------------*/
#recruit.check .ttl_area { padding: 18px 10px 1px; background-image: none; }
#recruit.check .ttl_area .lead { font-size: 1em; }
#recruit.check .con { padding: 20px 10px 30px; }
#recruit.check .candidacy li { width: 100%; margin-bottom: 1em; }
#recruit.check .candidacy li a { text-align: left; }
#recruit.check .question { text-align: left; }
#recruit.check_a .anser { font-size: 1.3em; }
#recruit.check_a .chart,
#recruit.check_a .comment{ width: 100%; }
#recruit.check_a .balloon { padding: 10px; }
    
.recruit_form .con_ttl2 { font-size: 1em; }
.recruit_form .tbl li,
.recruit_form .tbl .col2 li{ float: none; width: 100%; }

.career .interview figure,
.career .interview .txt_area { width:100%; }
.career .message .txt { text-align: left; }
.career .career_movie { padding-top: 20px; }
.career .career_movie .ttl { font-size: 2em; }
.career .career_movie:before { height: 200px; }


/*company--------------------------------*/
#company .tbl th { width: 100%; }
#company .tbl th,
#company .tbl td,
#contact .tbl th,
#contact .tbl td { padding: 7px 0; }
    
/*contact--------------------------------*/
#contact input.s { width:96%; }

}