@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 汎用 */
html{scroll-behavior: smooth;}
.outline{width:100%;max-width:1100px;}

/* 打消し用 */
.main{padding-left:0;padding-right:0;padding:0;}
.content{margin-top:0;}
.entry-content{margin-top:0;margin-bottom:0;}
.body .article{margin-bottom:0;}
.footer{margin-top:0;height:17vh;border-right:5px solid #000;border-left:5px solid #000;border-bottom:5px solid #000;color:#fff;}
.entry-content>*, .body .widget,.article p{margin-bottom:0;}
.header-container-in.hlt-top-menu .logo-header img,.header-container-in.hlt-top-menu .logo-header{max-height:90px;}
.header-container-in.hlt-top-menu .logo-header{margin:0 0 10px;}
.archive .breadcrumb,.archive-title{display:none;}
.admin-pv{display:none;}

/* グローバルナビゲーション */
.hd_h1{width: 100%;background-image: linear-gradient(90deg, rgba(154, 135, 37, 1), rgba(181, 153, 22, 1) 11%, rgba(207, 188, 77, 1) 25%, rgba(233, 219, 112, 1) 46%, rgba(237, 226, 157, 1) 56%, rgba(229, 214, 106, 1) 64%, rgba(209, 194, 96, 1) 72%, rgba(200, 168, 0, 1) 82%, rgba(136, 124, 43, 1));height: 2.5vh;}
.hd_h1 h1{font-size:12px;width:100%;max-width:1100px;margin:0 auto;}
.header-container{width: 100%;max-width: 1100px;margin: 0 auto;}
.header-container.fixed-header{max-width:100%;}


/* flex関連 */
.fx{display:flex;}
.fx_ard{display:flex;justify-content:space-around;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_end{display:flex;justify-content:flex-end;}
.fx_stt{display:flex;justify-content:flex-start;}
.fx_ctr{display:flex;justify-content:center;}
.fx_wrp{flex-wrap:wrap;}
.fx_rwrp{flex-wrap:wrap-reverse;}
.fx_rvs{flex-direction:row-reverse;}
.actr{align-items:center;}
.astr{align-items:flex-start;}
.aend{align-items:flex-end;}
.abas{align-items:baseline;}

/* border関連 */
.bdr_bk{border-right:5px solid #000;border-left:5px solid #000;border-top:5px solid #000;}

/* 統一用 */
.outline{width:100%;max-width:1100px;margin:0 auto;}
.inline{width:100%;max-width:1000px;margin:0 auto;}
.container{background:#fff;}
body.single .content,body.archive .content{width:100%;max-width:1100px;margin:0 auto;}
body.category-4 .sidebar,.post-date{display:none;}
body.category-4 .main{width:100%;}
body.parent-pageid-14 .content{width:100%;max-width:1100px;margin:0 auto;}

/* display関連 */
.pc_none{display:none;}
.sp_none{}
.d_b{display:block;}
.d_ib{display:inline-block;}

/* margin 単位rem */
.m_at{margin:0 auto;}
.m_top1{margin-top:1rem;}
.m_top2{margin-top:2rem;}
.m_top3{margin-top:3rem;}
.m_top4{margin-top:4rem;}
.m_top5{margin-top:5rem;}
.m_top6{margin-top:6rem;}
.m_top7{margin-top:7rem;}
.m_top8{margin-top:8rem;}
.m_top9{margin-top:9rem;}
.m_top10{margin-top:10rem;}
.m_top11{margin-top:11rem;}
.m_top11{margin-top:12rem;}

.m_btm0{margin-bottom:0;}
.m_btm1{margin-bottom:1rem;}
.m_btm2{margin-bottom:2rem;}
.m_btm3{margin-bottom:3rem;}
.m_btm4{margin-bottom:4rem;}
.m_btm5{margin-bottom:5rem;}
.m_btm6{margin-bottom:6rem;}
.m_btm7{margin-bottom:7rem;}
.m_btm8{margin-bottom:8rem;}
.m_btm9{margin-bottom:9rem;}
.m_btm10{margin-bottom:10rem}
.m_btm11{margin-bottom:11rem;}
.m_btm12{margin-bottom:12rem;}

.m_left1{margin-left:1rem;}
.m_left2{margin-left:2rem;}
.m_left3{margin-left:3rem;}
.m_left4{margin-left:4rem;}
.m_left5{margin-left:5rem;}
.m_left6{margin-left:6rem;}

.m_right1{margin-right:1rem;}
.m_right2{margin-right:2rem;}
.m_right3{margin-right:3rem;}
.m_right4{margin-right:4rem;}
.m_right5{margin-right:5rem;}
.m_right6{margin-right:6rem;}

/* margin 単位% */
.m_1{margin:1rem;}
.m_2{margin:2rem;}
.m_3{margin:3rem;}
.m_4{margin:4rem;}
.m_5{margin:5rem;}
.m_6{margin:6rem;}

.m_top5p{margin-top:5%;}
.m_top10p{margin-top:10%;}
.m_top15p{margin-top:15%;}

.m_btm5p{margin-bottom:5%;}
.m_btm10p{margin-bottom:10%;}
.m_btm15p{margin-bottom:15%;}

.m_left5p{margin-left: 5%;}
.m_left10p{margin-left: 10%;}
.m_left15p{margin-left: 15%;}
.m_left20p{margin-left: 20%;}

/* padding 単位rem */

.p_1{padding:1rem;}
.p_2{padding:2rem;}
.p_3{padding:3rem;}
.p_4{padding:4rem;}
.p_5{padding:5rem;}
.p_6{padding:6rem;}

.p_top1{padding-top:1rem;}
.p_top2{padding-top:2rem;}
.p_top3{padding-top:3rem;}
.p_top4{padding-top:4rem;}
.p_top5{padding-top:5rem;}
.p_top6{padding-top:6rem;}

.p_btm1{padding-bottom:1rem;}
.p_btm2{padding-bottom:2rem;}
.p_btm3{padding-bottom:3rem;}
.p_btm4{padding-bottom:4rem;}
.p_btm5{padding-bottom:5rem;}
.p_btm6{padding-bottom:6rem;}

.p_left1{padding-left:1rem;}
.p_left2{padding-left:2rem;}
.p_left3{padding-left:3rem;}
.p_left4{padding-left:4rem;}
.p_left5{padding-left:5rem;}
.p_left6{padding-left:6rem;}

.p_right5{padding-right:1rem;}
.p_right10{padding-right:2rem;}
.p_right20{padding-right:3rem;}
.p_right30{padding-right:4rem;}
.p_right40{padding-right:5rem;}
.p_right50{padding-right:6rem;}

/* padding 単位% */
.p_top10p{padding-top:10%;}
.p_top15p{padding-top:15%;}
.p_top20p{padding-top:20%;}

.p_btm10p{padding-bottom:10%;}
.p_btm15p{padding-bottom:15%;}
.p_btm20p{padding-bottom:20%;}

/* width指定 */

.w_at{width:auto;}
.w_10p{width:10%;}
.w_20p{width:20%;}
.w_22p{width:22%;}
.w_24p{width:24%;}
.w_25p{width:25%;}
.w_26p{width:26%;}
.w_28p{width:28%;}
.w_30p{width:30%;}
.w_31p{width:31%;}
.w_32p{width:32%;}
.w_33p{width:33%;}
.w_34p{width:34%;}
.w_35p{width:35%;}
.w_36p{width:36%;}
.w_38p{width:38%;}
.w_40p{width:40%;}
.w_42p{width:42%;}
.w_45p{width:45%;}
.w_46p{width:46%;}
.w_47p{width:47%;}
.w_48p{width:48%;}
.w_49p{width:49%;}
.w_50p{width:50%;}
.w_52p{width:52%;}
.w_54p{width:54%;}
.w_55p{width:55%;}
.w_57p{width:57%;}
.w_58p{width:58%;}
.w_60p{width:60%;}
.w_62p{width:62%;}
.w_65p{width:65%;}
.w_68p{width:68%;}
.w_70p{width:70%;}
.w_75p{width:75%;}
.w_77p{width:77%;}
.w_80p{width:80%;}
.w_82p{width:82%;}
.w_83p{width:83%;}
.w_85p{width:85%;}
.w_88p{width:88%;}
.w_90p{width:90%;}
.w_92p{width:92%;}
.w_93p{width:93%;}
.w_94p{width:94%;}
.w_95p{width:95%;}
.w_100p{width:100%;}

.w_2px{max-width:200px;}
.w_21px{max-width:210px;}
.w_3px{max-width:300px;}
.w_4px{max-width:400px;}
.w_5px{max-width:500px;}
.w_9px{max-width:900px;}

.mw_95{max-width:95%;}
.mw_90{max-width:90%;}
.mw_80{max-width:80%;}
.mw_70{max-width:70%;}


/* 文字サイズ */
.fs_10{font-size: 10px;}
.fs_11{font-size: 11px;}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_15{font-size: 15px;}
.fs_16{font-size: 16px;}
.fs_17{font-size: 17px;}
.fs_18{font-size: 18px;}
.fs_19{font-size: 19px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_23{font-size: 23px;}
.fs_24{font-size: 24px;}
.fs_25{font-size: 25px;}
.fs_26{font-size: 26px;}
.fs_27{font-size: 27px;}
.fs_28{font-size: 28px;}
.fs_29{font-size: 29px;}
.fs_30{font-size: 30px;}
.fs_32{font-size: 32px;}
.fs_34{font-size: 34px;}
.fs_35{font-size: 35px;}
.fs_36{font-size: 36px;}
.fs_40{font-size: 40px;}
.fs_42{font-size: 42px;}
.fs_43{font-size: 43px;}
.fs_44{font-size: 44px;}
.fs_45{font-size: 45px;}
.fs_47{font-size: 47px;}
.fs_48{font-size: 48px;}
.fs_49{font-size: 49px;}
.fs_50{font-size: 50px;}
.fs_52{font-size: 52px;}
.fs_53{font-size: 53px;}
.fs_55{font-size: 55px;}
.fs_56{font-size: 56px;}
.fs_58{font-size: 58px;}
.fs_60{font-size: 60px;}
.fs_66{font-size: 66px;}
.fs_68{font-size: 68px;}
.fs_77{font-size: 77px;}
.fs_80{font-size: 80px;}
.fs_87{font-size: 87px;}
.fs_133{font-size:133px;}
.fs_219{font-size:219px;}
.fs_241{font-size:241px;}

/* font関連 */
.engei{font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;}
.zen_bold{font-family: zen-old-mincho, sans-serif;font-weight: 700;font-style: normal;}
.tate{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}

.f_bld{font-weight: bold;}
.f_w4{font-weight:400;}
.f_w5{font-weight:500;}
.f_w7{font-weight:700;}
.f_w9{font-weight:900;}

.ctr{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}
.tate{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}

.va_tb{vertical-align:text-bottom;}
.va_md{vertical-align:middle;}
.va_btm{vertical-align:bottom;}
.ov_hd{overflow:hidden;}

/* カラー関連 */
.c_bk{color:#000;}
.c_wh{color: #fff;}

.c_red{color: #ce3000;}
.c_rd{color: #e22213;}

.c_or{color:#ff6b06;}
.c_or02{color:#ff9538;}

.c_bl{color:#174E9E;}
.c_bl02{color:#182e79;}
.c_bledw{color:#00529c;}
.c_nv{color:#0B2C3E;}

.c_ye{color:#f7c400;}
.c_ye02{color:#e5b500;}

.c_pk{color:#ed7a94;}
.c_pnk{color:#c64379;}
.c_ppl{color:#4d008a;}
.c_gld{color:#c4982c;}

.c_gry{color:#B2B2B2;}
.c_gry02{color:#9c9c9c;}

.c_grn{color:#80c158;}
.c_grn02{color:#01e6ba;}

.c_brw{color:#59493C;}

.c_gra{display: inline-block;
  background: linear-gradient(90deg, #b30000, #920008 50%, #420000)!important;
  background: -webkit-linear-gradient(0deg, #b30000, #920008 50%, #420000)!important;-webkit-background-clip: text!important;-webkit-text-fill-color: transparent;}

/* 背景色 */
.bg_c_bl{background:#f3fbff;}
.bg_c_bl02{background:#0682e2;}
.bg_c_gray{background:#f2f2f2;}
.bg_c_red{background:#e70012;}

#sec_03{background:url(images/miya_sec03bg.jpg) no-repeat top left;background-size:cover;padding: 3rem 0;}

/* footer */
.footer{background:url(images/ft_bg.png) no-repeat top left;background-size:cover;padding: 2rem 0 0;}
.footer-left{width:45%;padding:0;}
.footer-right{width:45%;padding: 10px 0px;}
.footer-center,.footer-bottom{display:none;}
.footer-widgets{justify-content: space-around;width: 100%;max-width: 75%;}

.ft_bx02{font-size:15px;color:#B3B3B3;line-height:2;margin: 0 0 0 1rem;}
.ft_bx03{text-align: right;}
.ft_bx03 ul{display:flex;justify-content:flex-end;list-style-type:none;padding-left: 0;}
.ft_bx03 ul li{position:relative;padding:0 0 0 2.5rem;}
.ft_bx03 ul li:before{content:"‣";position:absolute;top:50%;left:1.5rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.ft_bx03 ul li a{color:#fff;text-decoration:none;}
.ft_bx04{text-align:right;}
.ft_bx04 a{color:#707277;text-decoration:none;}
.ft_bx05{}
.ft_bx05 img{margin: 0 1rem 0 0;}

/* コンテンツボトム */
.content-bottom{background:url(images/ft_bg_01.png) no-repeat top left;background-size:cover;margin:0;padding: 2rem 0;}
.widget-page-content-bottom{background:url(images/ft_bg_02.png) no-repeat top center;background-size:cover;position:relative;overflow:hidden;padding:8rem 0 5rem;}

.tak_08{padding-bottom: 8rem;margin-bottom: -4rem;}

/* 固定ページヘッダー */
.phead{background:url(images/hd_default.jpg) no-repeat top left;padding:17rem 0 0;background-size:cover;}
.c_daikei{clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);background:#182E79;text-align:right;width:100%;max-width:40vw;padding:2rem 7rem 5rem 0;}
h2.title{font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:52px;color:#fff;position:relative;}
h2.title:before{content:"";position:absolute;background:#fff;width:70%;;height:1px;top:50%;left:0;z-index:1;}
h2.title span{background:#182E79;position: relative;z-index: 2;padding:0 2rem;}

.ph_contact{background:url(images/hd_contact.jpg) no-repeat top left;background-size:cover;}
.ph_takeout{background:url(images/hd_takeout.jpg) no-repeat top left;background-size:cover;}
.ph_aboutus{background:url(images/hd_aboutus.jpg) no-repeat top left;background-size:cover;position:relative;z-index:5;}
.ph_shopguide{background:url(images/hd_shopguide.jpg) no-repeat top left;background-size:cover;}
.ph_locations{background:url(images/hd_locations.jpg) no-repeat top left;background-size:cover;}
.ph_menu{background:url(images/hd_takeout.jpg) no-repeat top left;background-size:cover;}

/* パンくず */
.breadcrumb.pbp-main-before,.breadcrumb.sbp-main-before{width: 100%;max-width: 1100px;margin: -5rem auto 2rem;color: #fff;position: relative;background: rgba(0, 0, 0, 0);}
.breadcrumb a{color:#fff;}

/* TOP */
.front_01{width:100vw;max-width:64vw;height:80vh;background:url(images/front_bg01.png) no-repeat top left;background-size:cover;text-align:center;padding: 3vh 0 0;}
.front_01 img.{}
.front_02{height:80vh;width:100vw;max-width:36vw;}
.front_02 a.link_01{width:100%;height:100%;background:url(images/front_bg02.png) no-repeat top left;background-size:cover;display:block;}
.front_02 a.link_01 img{padding: 5vh 0 0 1vw;height: 69%;}
.front_02 .link_02{width:100%;height:50%;background:url(images/front_bg03.png) no-repeat top left;background-size:cover;display:block;position: relative;}
.front_02 .link_02 img{position:absolute;top:1vh;right:1vw;height: 93%;}
.front_03{width: 100%;max-width: 85%;margin: 2rem auto 0;}

/* TOPへ戻るボタン */
.go-to-top {right: 30px;bottom: 30px;}
.go-to-top-button {width: 159px;height: 145px;}

/* 会社概要 */
.com_01{position:relative;text-align:center;font-size:30px;font-weight:700;padding: 8rem 0 0;margin: 8rem 0 4rem;}
.com_01:before{position:absolute;content:"";background:url(images/com_01.svg) no-repeat top left;background-size:100% auto;top:0;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width:790px;height:280px;}

.com_02{margin:0 auto;background:url(images/com_bg01.png) no-repeat bottom left;background-size:100% auto; padding:0 0 5rem;}
.com_03{background:#182e79;padding:5rem;}
.com_04{width:100%;max-width:50%;}
.com_05{width:100%;max-width:45%;background:url(images/com_07.svg) no-repeat top left;background-size:100% auto;padding: 12rem 0 0 3rem;}
.com_05 span{display: block;line-height:2.5;width: 100%;max-width: 70%;}
.com_06{text-align:right;}
.com_07{width:100vw;max-width:80vw;margin:0 auto 2rem;}
.com_07 img{width:100%;max-width:600px;}
.com_08{}
.com_09{width:100%;max-width:390px;}
.com_10{width:100%;max-width:280px;margin:3rem auto;}

/* お問い合わせ  */
.cnt_bx01{position:relative;border:1px solid #e70012;padding: 1.5rem 2rem;width: 100%;max-width: 95%;margin: 0 auto;}
.cnt_bx01 span{display:block;position:absolute;top:-39px;left:-1px;background:#e70012;color:#fff;font-weight:700;border-radius: 10px 10px 0 0px;padding: 5px 10px 5px 10px;}
.cnt_bx02{width: 100%;max-width: 430px;}
.cnt_bx03{width: 100%;max-width: 276px;text-align: center;background:#182e79;color:#fff;margin: 0 auto;padding: 1rem 0;}
.cnt_bx03 a{color:#fff;text-decoration:none;}
.cnt_bx04{margin:3rem auto 6rem;}
.cnt_bx05{text-align:center;font-size:30px;font-weight:700;margin:10rem 0 0;border-bottom:1px solid #182e79;padding: 0 0 2rem;}

.cnt_bx06{}
.cnt_bx07{font-size: 24px;font-weight: bold;margin: 5rem 0 1rem;}
.cnt_bx08{width: 100%;height: 300px;overflow: auto;border: 1px solid #e0e0e0;padding: 2rem;}

.tbl_ctr{}
.tbl_ctt{margin:3rem auto;width:100%;width:100%;max-width:700px;}
.tbl_ctt th,.tbl_ctt td{display:block;background-color: #fff;border: none;}
.tbl_ctt th{text-align:left;}

input[type=submit]{background-color:#182e79;color:#fff;font-size:20px;width:100%;max-width:255px;margin:2rem auto 3rem;padding:10px 0;text-align:center;border-radius:50px;}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit{background-color:#f9fafb;}

.article .cnt_bx08 h3{border-top:1px solid #182e79;border-bottom:1px solid #182e79;border-left:none;border-right:none;margin-bottom: 1rem;margin-top: 1.5rem;}

/* お持ち帰りメニュー */
.line_01{text-align:center;font-size:36px;font-weight:bold;color:#182e79;margin:10rem 0 0;border-bottom:1px solid #182e79;padding: 0 0 2rem;}
.tak_01{}
.tak_01 a{color:#000;}
.tak_01 a i{color:#182e79;}
.tak_02{width:100%;max-width:90%;margin:0 auto 5rem;}
.tak_03{color:#182e79;font-weight:bold;font-size:36px;text-align:center;line-height:1.2;}
.tak_03 span{display:block;font-size:20px;}
.tak_04{color:#fff;background:#e70012;font-size:32px;font-weight:bold;}
.tak_05{margin:1rem auto 2rem;}
.tak_06{position:relative;margin:0 0 2rem;}
.tak_06:before{position:absolute;content:"";width:100%;height:3rem;top:50%;left:0;background:#182e79;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.tak_07{width: 100%;max-width: 30%;background: #fff;text-align: center;padding: 2rem 0;border-radius: 40px;position: relative;}

a.link_03{display: block;width: 100%;max-width: 26%;text-align: center;background: #182e79;color: #fff;text-decoration: none;padding: 0.7rem 0;font-size: 32px;font-weight: bold;}
.reserv{margin:1rem auto;padding: 0 0 0 1rem;}
ul.reserv li{list-style:none;position:relative;padding:0 0 0 1.5rem;}
ul.reserv li:before{position:absolute;content:"●";top:50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);color:#e70012;}

a.Web_01 {display: flex;align-items: center;max-width: 500px;margin: 6rem auto 0;padding: 1.3rem 2rem;;background: #e70012;text-decoration: none;transition: 0.3s;}
a.Web_01:hover {background-color: #333;}
a.Web_01 .b__text {display: block;flex-grow: 1;color: #fff;font-weight: bold;text-align: center;position: relative;padding-right: 15px;font-size: 23px;}
a.Web_01 .b__text::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;transform: rotate(45deg);border-top: 3px solid #fff;border-right: 3px solid #fff;box-sizing: border-box;width: 14px;height: 14px;transition: 0.3s;}

a.Web_02 {display: flex;align-items: center;max-width: 500px;margin:0 auto 6rem;padding: 1.3rem 2rem;border: 2px solid #014897;background: #fff;text-decoration: none;transition: 0.3s;}
a.Web_02:hover {background-color: #e9f3fd;}
a.Web_02 .b__text {display: block;flex-grow: 1;color: #004386;font-weight: bold;text-align: center;position: relative;padding-right: 15px;font-size: 23px;}
a.Web_02 .b__text::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto;transform: rotate(45deg);border-top: 3px solid #014897;border-right: 3px solid #014897;box-sizing: border-box;width: 14px;height: 14px;transition: 0.3s;}

@media (max-width: 1200px) {
  a.Web_01 .b__text {font-size: 18px;padding-right: 20px;}
  a.btn_ao_b .b__text::after {width: 12px;height: 12px;}
　a.Web_02 .b__text {font-size: 18px;padding-right: 20px;}
  a.btn_ao_b .b__text::after {width: 12px;height: 12px;}
}
@media (max-width: 736px) {
　a.Web_01 .b__text {font-size: 14px;padding-right: 20px;}
  a.Web_01 .b__text::after {width: 10px;height: 10px;}
  a.Web_02 .b__text {font-size: 15px;padding-right: 20px;}
  a.Web_02 .b__text::after {width: 10px;height: 10px;}
  a.Web_01 {margin: 3rem auto 0;}
  a.Web_02 {margin: 0 auto 3rem;}	
}

/* ご利用ガイド */
.line_02{font-size:25px;font-weight:bold;color:#182e79;margin:10rem 0 2rem;border-bottom:1px solid #182e79;padding: 0 0 1rem;}
.line_03{color:#182e79;background:#f3fafb;padding:5px 0 5px 1rem;font-size:18px;font-weight:bold;}
.line_04{font-size:25px;font-weight:bold;color:#182e79;margin:0 0 2rem;border-bottom:1px solid #182e79;padding: 0 0 1rem;}

/* 店舗一覧 */
#loc_01{margin:10rem 0 -5rem;}
.loc_bg01{background:url(images/loc_bg01.png) repeat top left;padding:3rem 0 10rem;}

.loc_02{width:100%;max-width:270px;margin:0 auto 3rem;}
.loc_03{width:100%;max-width:90%;margin:0 auto 3rem;background:#fff;}
.loc_04{width:100%;max-width:420px;}
.loc_04 img{margin: 0 0 -7px;}
.loc_05{width:100%;max-width:49%;margin: 0 0 0 3rem;}
.loc_06{}
.loc_06 span{display:block;border-bottom: 1px solid;margin: 0 0 1rem;font-size: 30px;font-weight: bold;color: #182e79;}
.loc_07{font-size: 16px;background: #182e79;text-align: center;width: 100%;max-width: 145px;margin: 0 0 0 auto;}
.loc_07 a{color:#fff;display:block;padding:5px 0;text-decoration:none;}
.loc_08{font-size: 16px;color: #333;font-weight: 500;}

/* どさん子 */
#dsa_bg01{background:url(images/dsa_bg01.png) no-repeat top left;background-size:cover;padding:3rem 0;}
#dsa_bg02{background:url(images/dsa_bg02.jpg) no-repeat top left;background-size:cover;padding:5rem 0 3rem;}
#dsa_bg03{background:url(images/dsa_bg03-1.png) no-repeat top left;background-size:cover;padding:5rem 0 3rem;}

.dsa_01{margin: 0 0 -8px;}
.dsa_02{width:100%;max-width:700px;margin:0 auto;text-align:center;}
.dsa_02 a{background:#fff;color:#333;text-decoration:none;display: block;width: 100%;max-width: 175px;line-height: 1.2;padding: 8px 0;}
.dsa_02 a span{font-family: "Noto Sans JP", sans-serif;display:block;}
.dsa_03{width:100%;max-width:820px;margin:3rem auto 1rem;}
.dsa_03 span{font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:36px;}
.dsa_04{width: 100%;max-width: 820px;margin:1rem auto 4rem;}
.dsa_04 a{text-decoration:none;color:#333;font-weight:600;}
.dsa_05{font-size:36px;}
.dsa_05 span{display:block;color:#e70012;font-size:16px;font-family: "Noto Sans JP", sans-serif;}
.dsa_06{}
.dsa_06 a{width:100%;max-width:30%;margin:0 0 2rem 2rem;display:block;}
.dsa_06 a img{width:100%;}
.dsa_07{width:100%;max-width:1500px;margin:0 auto;}
.dsa_08{width:100%;max-width:410px;margin:0 7rem 0 0;}
.dsa_09{box-decoration-break: clone;-webkit-box-decoration-break: clone;background:#612e00;padding: .4em 1rem;line-height: 2.8;display:inline;color: #fff;font-size:24px;}
.dsa_09 span{color:#f4bd00;}
.dsa_10{margin:1rem 0 0;}

.dsa_12{width:100%;max-width:410px;margin:0 0 0 7rem;}
.dsa_13{box-decoration-break: clone;-webkit-box-decoration-break: clone;padding: .1em 1rem;line-height: 2;display:inline;background:#fff;font-size:32px;}
.dsa_14{margin:0 0 0 -1rem;}
.dsa_15{width:100%;max-width:80%;margin:0 auto;font-size:30px;font-weight:bold;}
.dsa_16{width: 100%;max-width: 330px;}
.dsa_17{width:100%;max-width:380px;height: 250px;}
.dsa_17 iframe{height:100%;}

.dsa_19{width: 100%;max-width: 80%;margin: 0 auto 2rem;border-top: 1px solid #c00;border-bottom: 1px solid #c00;padding: 1rem 0;}
.dsa_20{margin:0 auto 3rem;}
.dsa_21{width:100%;max-width:54%;height:auto;}
.dsa_22{width:100%;max-width:44%;height:auto;}


ul.news_list{width: 100%;max-width: 820px;margin: 0 auto;list-style-type: none;padding-left:0;}
ul.news_list li:first-child{border-bottom:1px solid #ccc;padding:0 0 1rem;;}
ul.news_list li{border-bottom:1px solid #ccc;padding: 1rem 0;}
ul.news_list li span{display: inline-block;}
ul.news_list li span.news_date{width: 100%;max-width: 110px;}
ul.news_list li span.dosanko{width: 100%;max-width: 85px;background: #770009;text-align: center;color: #fff;padding: 0;margin: 0 1rem 0 0;}
ul.news_list li span.misodouraku{width: 100%;max-width: 85px;background: #845503;text-align: center;color: #fff;padding: 0;margin: 0 1rem 0 0;}
ul.news_list li span.news_title{width: 100%;max-width:73%;}
ul.news_list li span.news_title a{display:inline-block;width: 100%;max-width: 100%;text-decoration: none;color:#333;position:relative;}
ul.news_list li span.news_title a:before{position:absolute;content:url(images/arr_01.svg);top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right: 0;width: 20px;}

/* みそ道楽 */
#mso_bg01{background: url(images/mso_bg01.jpg) repeat top left;padding:5rem 0 3rem;}

.mso_02{width:100%;max-width:610px;margin:0;background:url(images/mso_03.png) no-repeat top left;background-size:contain;padding:2rem;}
.mso_03{width: 100%;max-width: 1400px;margin: 0 auto;}
.mso_04{margin: 0 0 0 -4rem;}
.mso_05{margin: 1rem 0 0;width:100%;max-width:90%;}
.mso_06{margin: 0 -3rem 0 0;position:relative;}
.mso_07{width:100%;max-width:610px;margin:0;background:url(images/mso_03.png) no-repeat top left;background-size:contain;padding: 3rem 2rem 3rem 5rem;}

/* すし道楽のこだわり */
#ab_01{background:url(images/ab_bg01.jpg) no-repeat top left;margin-top:-3em;padding:12rem 0 5rem;position:relative;}
#ab_01:before{position:absolute;content:"";background:url(images/ab_bg02.svg) no-repeat top left;background-size:cover;width:790px;height:271px;bottom: 12rem;left: 18rem;background-size: 100% auto;}
#ab_bg02{background:url(images/ab_bg03.jpg) no-repeat top left;background-size:cover;padding: 12rem 0 9rem;}
#ab_bg03{background:url(images/ab_bg04.jpg) no-repeat top left;background-size:cover;padding: 12rem 0 9rem;}
#ab_bg04{background:url(images/ab_bg05.jpg) no-repeat top left;background-size:cover;padding: 12rem 0 9rem;}
#ab_bg05{background:url(images/ab_bg06.jpg) no-repeat top left;background-size:cover;padding: 12rem 0 9rem;margin:0 0 -5rem;}

.ab_01{width:100%;max-width:500px;margin: 0 8rem 0 0;position:relative;}
.ab_02{}
.ab_03{margin: 0 8rem 0 0;position: relative;}
.ab_04{height:660px;}
.ab_05{position:relative;}
.ab_06{position:absolute;top:-6rem;left:6rem;width:100%;max-width:90px;}
.ab_07{width: 100%;max-width: 615px;background: #fff;box-shadow: 1rem 1rem 2px #927e3c;box-sizing: border-box;padding: 3rem;align-self: flex-end;margin: 0 0 0 -5rem;position: relative;}
.ab_07 span{display:block;border-bottom:1px solid #927e3c;padding:0 0 1rem;margin:0 0 1rem;font-size: 40px;font-family: zen-old-mincho, sans-serif;font-weight: 700;font-style: normal;line-height:1.5;}
.ab_08{width: 100%;max-width: 615px;background: #fff;box-shadow: 1rem 1rem 2px #927e3c;box-sizing: border-box;padding: 3rem;align-self: flex-end;margin: 0 -8rem 0 0;position: relative;z-index:2}
.ab_08 span{display:block;border-bottom:1px solid #927e3c;padding:0 0 2rem;margin:0 0 1rem;font-size: 40px;font-family: zen-old-mincho, sans-serif;font-weight: 700;font-style: normal;line-height:1.5;}
.ab_09{position:absolute;top:-6rem;right:6rem;width:100%;max-width:90px;}

.ab_11{background: rgba(15, 54, 103, .95);width: 100%;max-width: 620px;margin: 0 auto;position: relative;padding:7rem 3rem 3rem;color:#fff;text-align:center;}
.ab_11 a{color: #fff;display: block;width: 100%;max-width: 370px;padding: 1rem 0;text-decoration: none;position: relative;}
.ab_11 a:before{content:url(images/arr_02.svg);position:absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right:1rem;width:7px;}
.ab_12{position:absolute;top:-7rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ab_13{}

.ab_11 a.link_04{margin:2rem auto 0;background:#000;border: 1px solid #fff;}
.ab_11 a.link_05{margin:0 auto;background:#e70012;border:1px solid #fff;}

/* すし道楽 */
#susi_fbg01{background:url(images/front_sbg01.png) no-repeat bottom left;background-size:cover;padding:3rem 0;}
#susi_fbg02{background:url(images/front_sbg02.png) no-repeat bottom left;background-size:cover;padding:5rem 0 6rem;}
#susi_fbg03{background:url(images/front_sbg04.png) no-repeat bottom left;background-size:cover;padding:5rem 0 6rem;}
#susi_fbg04{background:url(images/front_sbg05.png) no-repeat fixed;background-size:cover;height: 1025px;}
#susi_fbg05{background:url(images/front_sbg06.png) no-repeat top left;background-size:cover;position: relative;z-index: 5;margin: -6rem 0 0;padding: 8rem 0;position:relative;}
#susi_fbg05:after{position:absolute;content:"";background:url(images/front_sbg07.png) no-repeat bottom left;background-size:cover;width:100%;height:40px;bottom:0;left:0;}

.article ul.slider{padding:3rem 0;margin-bottom:0;background:#182e79;}
.slick-slide img{width:100%;}
body.page-id-16{overflow-x:hidden;}
.article ul.slider li.slider-item{margin:0 1rem;}

.susi_f01{width:100%;max-width:700px;margin:1rem auto;}
.susi_f01 a{display:block;color:#333;text-decoration:none;}
.susi_f01 a span{display:block;font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:16px;}

.susi_f03{width:100%;max-width:1500px;margin:0 auto;position:relative;background:url(images/front_sbg03.png) no-repeat top left;background-size:cover;padding: 5rem 3rem 5rem 0;border-radius: 15px;}
.susi_f04{position:absolute;top:50%;left:-6.5rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.susi_f05{position:relative;filter: drop-shadow(2px 4px 10px #848484);}
.susi_f05:before{position:absolute;content:"";background:url(images/front_s09.png) no-repeat top left;background-size:100% auto;width:129px;height:200px;bottom:-7rem;right:2rem;filter:none;}
.susi_f06{position:relative;}
.susi_f06:before{position:absolute;content:"";background:url(images/front_s11.png) no-repeat bottom left;background-size: 100% auto;width:467px;height:127px;bottom: 9rem;left: -9rem;z-index: 3;}
.susi_f07{color:#fff;position:relative;}
.susi_f07:before{position:absolute;content:"";background:#fff;width:30%;height:1px;left:-15rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.susi_f08{position:relative;background: #fff;padding: 36px 0;width:100%;max-width: 730px;margin:0 auto;}
.susi_f08_inner{background: #fff;padding:1rem 40px 3rem;margin: 0 -20px;position: relative;display: flex;justify-content: space-around;align-items: center;}
.susi_f08:before, .susi_f08:after,.susi_f08_inner:before, .susi_f08_inner:after {content:'';position: absolute;width: 80px;height: 80px;background: transparent;border: 20px solid #ffffff;border-radius: 50%;box-sizing: border-box;}

.susi_f08:before{top: -40px;left: -60px;clip: rect(40px, auto, auto, 40px); /* CSS 2.1 way - deprecated */-webkit-clip-path: rectangle(50%, 50%, 100%, 100%, 0, 0); /* CSS 3 */}
.susi_f08:after{top: -40px;right: -60px;clip: rect(40px, 40px, auto, auto);-webkit-clip-path: rectangle(0, 50%, 50%, 100%, 0, 0);}
.susi_f08_inner:before {bottom: -74px;left: -40px;clip: rect(auto, auto, 40px, 40px);-webkit-clip-path: rectangle(50%, 0, 100%, 50%, 0, 0);}
.susi_f08_inner:after {bottom: -74px;right: -40px;clip: rect(auto, 40px, 40px, auto);-webkit-clip-path: rectangle(0, 0, 50%, 50%, 0, 0);}
.susi_f09{width:100%;max-width: 430px;margin: 0 0 0 3rem;}
.susi_f10{margin: 0 5rem 0 10rem;}
.susi_f11{line-height: 1.4;}
.susi_f_link01{border: 1px solid #333;padding: 1rem;color: #333;text-decoration: none;margin: 0;display: block;width: 100%;max-width: 230px;text-align:center;margin: 2rem 0 0;}
.susi_f12{background:url(images/front_s12.png) no-repeat top center;background-size:cover;padding: 5rem 0 17rem;}
.susi_f12 img{width:100%;max-width:260px;margin:0 auto;display:block;}
.susi_f13{color:#fff;text-align:center;}
.susi_f13 span{display:block;font-size:36px;font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;margin: 0 0 1rem;}
.susi_f14{color: #fff;text-align: center;margin: 3rem 0 2rem;}
.susi_f14 i{color:#0f3667;}
.susi_f14 span{display:block;}
.susi_f15{}
.susi_f15 img{filter: drop-shadow(3px 3px 2px #5e380f);}
.susi_f16{width:100%;max-width:870px;margin:0 auto;}
.susi_f17{position:relative;}

.susi_f18{width: 100%;max-width: 820px;margin: 6rem auto 3rem;font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:36px;position:relative;}
.susi_f18:before{position:absolute;content:"";background:#000;width:60%;height:1px;left:-34rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

ul.news_list li span.news{width: 100%;max-width: 85px;background: #33b0c4;text-align: center;color: #fff;padding: 0;margin: 0 1rem 0 0;}

/* 新着情報 */

.cat-link{background-color:#33b0c4;margin-top:40px;}
.category-news-post{margin:3rem!important;padding-top:3rem;}
.category-misodouraku-post{margin:3rem!important;padding-top:3rem;}
.category-dosanko-post{margin:3rem!important;padding-top:3rem;}


/* ハンバーガーナビゲーション */
#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	display:none;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:#182E79;
    /*動き*/
	transition: all 0.3s;
	left: 0;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
	opacity: 1;
	z-index:999;
	display:block;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.hm_nav{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: flex;justify-content: center;
    align-items: flex-start;width:100%;}

/*ナビゲーション*/
#g-nav ul.nav_01 {
    display: none;
    position: relative;
    z-index: 999;
}

#g-nav ul.nav_02 {
    display: none;
    position: relative;
    z-index: 999;
}

#g-nav.panelactive ul {
    display: block;
}

/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: left; 
}

#g-nav li a{
	color: #fff;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#g-nav li a:hover{background-color:#042941}

/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:relative;
    z-index: 9999;/*ボタンを最前面に*/
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #fff;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
	background-color:#fff;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
	background-color:#fff;
}

.take_bnr{width:100%;max-width: 145px;margin: 0 1rem 0 0;}
.header-container-in.hlt-top-menu .navi{width:60%;display: flex;justify-content: flex-end;}
.header-container-in.hlt-top-menu .navi .wrap{max-width: 100px;margin: 0;}
.openbtn{display:block;background:#182E79;text-align: center;}
.fixed-header .header-container-in.hlt-top-menu{width: 100%;max-width: 1100px;margin: 0 auto;}


/* 全店メニュー */
#all_menu01{padding:3rem 0 0;margin:80px 0;}
#all_menu02{padding:3rem 0 0;margin:80px 0;}

/* タブ切り替え */
.tabs {margin-top: 50px;margin: 0 auto;padding: 2rem 0 0;border-top: 1px solid #ddd;}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/6 - 40px);
	margin:0 0 0 5px;
	height: 50px;
	border: 2px solid #0f3667;
	background-color: #fff;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	color: #0f3667;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	border-radius:50px;
	
}
.tab_item:hover {opacity: 0.75;}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 10px 0;
	clear: both;
	overflow: hidden;
	margin: 5rem 0 0;
	border-top: 1px solid #ddd;
}


/*選択されているタブのコンテンツのみを表示*/
/*塩沢本店メニュー*/
#sio_season:checked ~ #sio_season_content,
#shio_sushi:checked ~ #shio_sushi_content,
#shio_ippin:checked ~ #shio_ippin_content,
#shio_dessert:checked ~ #shio_dessert_content,
#shio_drink:checked ~ #shio_drink_content,
#shio_men:checked ~ #shio_men_content,
#shio_lunch:checked ~ #shio_lunch_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
/*浦佐店メニュー*/
#urasa_season:checked ~ #urasa_season_content,
#urasa_sushi:checked ~ #urasa_sushi_content,
#urasa_ippin:checked ~ #urasa_ippin_content,
#urasa_kids:checked ~ #urasa_kids_content,
#urasa_drink:checked ~ #urasa_drink_content,
#urasa_lunch:checked ~ #urasa_lunch_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
/*六日町店メニュー*/
#mui_season:checked ~ #mui_season_content,
#mui_sushi:checked ~ #mui_sushi_content,
#mui_ippin:checked ~ #mui_ippin_content,
#mui_dessert:checked ~ #mui_dessert_content,
#mui_drink:checked ~ #mui_drink_content,
#mui_kids:checked ~ #mui_kids_content,
#mui_lunch:checked ~ #mui_lunch_content {
  display: block;
}


/*選択されているタブのコンテンツのみを表示*/
/*十日町店メニュー*/
#tooka_season:checked ~ #tooka_season_content,
#tooka_sushi:checked ~ #tooka_sushi_content,
#tooka_ippin:checked ~ #tooka_ippin_content,
#tooka_dessert:checked ~ #tooka_dessert_content,
#tooka_drink:checked ~ #tooka_drink_content,
#tooka_kids:checked ~ #tooka_kids_content,
#tooka_lunch:checked ~ #tooka_lunch_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
/*小千谷店メニュー*/
#ojiya_season:checked ~ #ojiya_season_content,
#ojiya_sushi:checked ~ #ojiya_sushi_content,
#ojiya_ippin:checked ~ #ojiya_ippin_content,
#ojiya_dessert:checked ~ #ojiya_dessert_content,
#ojiya_drink:checked ~ #ojiya_drink_content,
#ojiya_lunch:checked ~ #ojiya_lunch_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
/*宮内店メニュー*/
#miya_season:checked ~ #miya_season_content,
#miya_sushi:checked ~ #miya_sushi_content,
#miya_ippin:checked ~ #miya_ippin_content,
#miya_kids:checked ~ #miya_kids_content,
#miya_drink:checked ~ #miya_drink_content,
#miya_lunch:checked ~ #miya_lunch_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #0f3667;
  color: #fff;
}

.menu_front01{text-align:left;}
.menu_front01{display:block;font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:36px;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1800px以下*/
@media screen and (max-width: 1800px){
	#ab_01:before{bottom: 15rem;left: 12rem;}
}

/*1700px以下*/
@media screen and (max-width: 1700px){
	#ab_01:before{bottom: 16rem;left: 5rem;}
}

/*1600px以下*/
@media screen and (max-width: 1600px){
	.front_02 a.link_01{background: url(images/front_bg02.png) no-repeat top left;background-size: cover;}
	.footer-widgets{max-width: 95%;}
	.dsa_11{width:100%;max-width:48%;}
	.com_11{width:100%;max-width:23%;}
	.ab_03{width:100%;max-width:45%;}
	.ab_01{margin: 0 4rem 0 0;}
	#ab_01:before{width: 650px;height: 225px;}
	.ab_05{width:100%;max-width:48%;}
	.ab_04{height: 545px;}
	.phead{padding:11rem 0 0;}
	.c_daikei{max-width: 50vw;}
	.dsa_07,.susi_f03{max-width:1300px;}
	.susi_f04{width: 100%;max-width: 54%;left: -2.5rem;}
	.susi_f10{margin: 0 5rem 0 0rem;width: 100%;max-width: 45%;position: relative;}
	.susi_f06:before{width: 430px;height: 120px;bottom: 4rem;left: 0rem;}
	.susi_f07:before{width: 4%;left: -2rem;}
	.header-container-in.hlt-top-menu .logo-header,.header-container-in.hlt-top-menu .logo-header img{max-height:60px;}
	.susi_f09{max-width: 375px;}
	#susi_fbg05{background: url(images/front_sbg06.png) no-repeat top center;background-size: cover;padding: 6rem 0;}
	.susi_f15{max-width: 80px;}
	.susi_f14{margin:2rem 0;}
	.go-to-top-button {width: 116px;height: 106px;}
}
/* 1300px以下 */
@media screen and (max-width: 1300px){
	.susi_f15{width: 100%;max-width: 70px;}
	.ft_bx03 ul li:before{left:0;}
	.ft_bx03 ul li{padding:0 1rem;}
	.ft_bx01{width:100%;max-width:250px;}
	.front_02 a.link_02 img{width: 100%;max-width: 300px;height: auto;top: 3vh;}
	.front_02 a.link_01 img{height:58%;}
	.front_03{margin:7rem auto 0;}
	.footer-left{width:48%;}
	.mso_06,.mso_04{width:100%;max-width:48%;}
	.com_01:before{top: 3rem;width: 660px;height: 245px;}
	.com_05 span{max-width: 334px;}
	.c_daikei{max-width: 60vw;}
	h2.title{font-size: 42px;}
	.dsa_07,.susi_f03{max-width:1100px;}
	.susi_f12{padding: 5rem 0 12rem;}
	.susi_f06:before{width: 386px;height: 107px;bottom: 0rem;}
	.susi_f09{max-width:320px;}
	.footer-right{width: 48%;}
}


/*1024px以下*/
@media screen and (max-width: 1024px){
	.header-container,.hd_h1 h1,.outline,.fixed-header .header-container-in.hlt-top-menu,.dsa_07,.mso_03,.susi_f03,.breadcrumb.pbp-main-before{max-width:900px;}
	.ab_01{width: 100%;max-width: 40%;margin: 0 1rem 0 0;}
	.ab_03{margin: 0 2rem 0 0;max-width: 50%;}
	#ab_01:before{width: 445px;height: 158px;}
	.fs_32,.ab_07 span,.ab_08 span{font-size:28px;}
	.ab_07{max-width: 485px;margin: 0 0 0 -3rem;}
	.ab_04{height:400px;}
	#ab_bg02{padding: 10rem 0 5rem;}
	.ab_08{max-width: 490px;margin: 0 -4rem 0 0;}
	.ab_09,.ab_06{max-width:70px;}
	.ab_06{left: 3rem;}
	.ab_09{right:3rem;}
	.front_01,.front_02{height: 71vh;}
	.footer{height: 26vh;}
	.front_02 a.link_02 img{max-width: 205px;}
	.footer-left,.footer-right{width:100%;}
	.footer-widgets{flex-wrap:wrap;}
	.ft_bx03 ul{justify-content:center;}
	.footer-left .widget_text .fx_stt{justify-content:center;}
	.front_01 img{margin: 3rem auto 0;}
	.front_03{margin: 4rem auto 0;}
	.dsa_06 a{max-width: 29%;}
	.dsa_08{margin: 0 2rem 0 0;}
	.dsa_09{font-size:20px;}
	.dsa_12{margin: 0 0 0 2rem;}
	.dsa_23 img{width:100%;max-width:28%;}
	.mso_02{max-width: 545px;}
	.mso_07{padding: 3rem 1rem 3rem 4rem;max-width: 540px;}
	.mso_06, .mso_04{max-width:45%;}
	.page_botoom_01 a{width:100%;max-width:45%;}
	.com_07{max-width:32vw;}
	.com_08{width: 100%;max-width: 48%;align-self: center;}
	.com_10{max-width:185px;}
	.susi_f04{width:100%;max-width:48%;left: -3.5rem;}
	.susi_f05{width:100%;max-width:49%;}
	.susi_f10{margin: 0 3rem 0 2rem;width: 100%;max-width: 48%;}
	#susi_fbg03 .fx_end{justify-content:center;}
	.susi_f09{max-width:70%;}
	.susi_f04{left: -1.5rem;}
	.susi_f06{margin: 0 auto 3rem;}
	.susi_f06:before{width: 355px;bottom: -1rem;}
	.susi_f10{max-width: 70%;}
	#susi_fbg04{background: url(images/front_sbg05.png) no-repeat fixed;background-size: cover;height: 800px;}
	.susi_f18:before{width: 8%;left: -5rem;}
	.tab_item{font-size:16px;width: calc(100% / 6 - 18px);}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.header-container-in.hlt-top-menu{flex-direction:row;}
	main.main{padding:0;}
	body .mobile-header-menu-buttons{display:none;}
	body:where(.mblt-header-mobile-buttons, .mblt-header-and-footer-mobile-buttons){margin-top:0;}
	.header-container, .hd_h1 h1, .outline, .fixed-header .header-container-in.hlt-top-menu, .dsa_07, .mso_03, .susi_f03,.breadcrumb.pbp-main-before{max-width: 94%;}
	.dsa_08,.dsa_12,.mso_02{max-width:100%;}
	.front_04{flex-wrap:wrap;}
	.front_01{max-width:100vw;height:52vh;}
	.front_02{display: flex;justify-content: center;max-width: 100vw;height: 80vh;}
	.front_01 img{margin:0 auto;}
	.front_03{margin: 2rem auto 0;}
	.front_02 a.link_01{height:100%;}
	.front_02 a.link_01 img{height: auto;width: 65%;padding: 2vh 0 0 1vw;}
	.footer{height:20vh;}
	.footer-mobile .widget_text .fx_stt{justify-content:center;}
	.dsa_06 a{margin: 0 0 1rem 1rem;}
	.dsa_07 .fx_end,.dsa_07 .fx_stt{justify-content:space-around;}
	.dsa_11{max-width:60vw;}
	.dsa_08{margin: -4rem 0 0;}
	.dsa_23 img{max-width:33%;}
	.mso_04{max-width:90%;margin:0 0 20px;}
	.mso_02{background: url(images/mso_03.png) no-repeat top left;background-size: 100% auto;}
	.mso_06{max-width:95%;margin: 4rem auto 1rem;}
	.widget-page-content-bottom{padding: 10rem 0 3rem;}
	.mso_03 .fx_end,.mso_03 .fx_stt{justify-content:center;}
	.mso_05{max-width:100%;}
	.mso_07{padding:3rem 2rem;}
	.mso_02{max-width:73%;}
	.dsa_19{flex-wrap:wrap;}
	.dsa_18{max-width:100%;}
	.dsa_17{max-width: 100%;margin: 1rem 0 0;}
	.phead{padding: 6rem 0 0;}
	.c_daikei{padding: 2rem 11rem 4rem 0;}
	.com_01:before{width: 70vw;}
	.com_05{max-width:100%;background: url(images/com_07.svg) no-repeat top center;background-size: 85% auto;padding: 12rem 0 0 0;}
	.com_05 span{max-width:92%;}
	.com_04{max-width: 75%;margin: 3rem auto 0;}
	.com_03{padding: 2rem 5rem;}
	.c_daikei{max-width: 80vw;padding: 2rem 7rem 4rem 0;}
	#ab_01{padding: 8rem 0 5rem;}
	#ab_01 .fx_end{justify-content:center;}
	.ab_01{width: 100%;max-width: 94%;margin: 0 auto;}
	.ab_03{margin: 2rem auto;max-width: 75%;}
	#ab_01:before{bottom: inherit;left: 11rem;top: 17rem;}
	.ab_04{height:auto;}
	.ab_05{max-width:85%;}
	.ab_07{max-width: 85%;margin: 0;}
	.ab_08{max-width: 85%;margin:0 auto;}
	#ab_bg03{padding: 10rem 0 9rem;}
	.susi_f08,.susi_f16,.susi_f18,ul.news_list,.dsa_04{max-width:80%;}
	.susi_f02{width:100%;max-width:92%;margin:0 auto;}
	.susi_f04{left: 0.5rem;}
	.susi_f05:before{width: 70px;height: 113px;bottom: -5rem;}
	.susi_f07{width: 100%;max-width: 80%;margin: 0 auto 20px;}
	.susi_f06:before{left: 3rem;}
	.susi_f12{padding: 5rem 0 9rem;}
	#susi_fbg04{height: 700px;}
	.susi_f18:before{left: -4rem;}
	.susi_f01{width:100%;max-width:95%;margin:20px auto;text-align: center;}
	#g-nav.panelactive ul.nav_03{width:100%;max-width:33%;}
	#g-nav.panelactive ul{padding-left:10px;}
	.go-to-top {right: 36px;bottom: 30px;}
	.go-to-top-button {width: 80px;height: 45px;}
	.breadcrumb.sbp-main-before {width: 100%;max-width: 1100px;margin: -3rem auto 2rem;}
	.title{font-size:36px;}
	.tab_item{width: calc(100% / 6 - -35px);margin: 0 0 10px 5px;}
	
}

/*630px以下*/
@media screen and (max-width: 630px){
	.susi_f15{max-width:50px;margin: 0 10px;}
	.front_01{height:auto;padding: 1rem 0 2rem;}
	.front_03{max-width: 70vw;justify-content:center;}
	.front_02{flex-wrap:wrap;height:auto;}
	.footer{height:auto;}
	.front_02 a.link_01{height:390px;padding:1rem 0;}
	.front_02 a.link_02{text-align:right;}
	.front_02 a.link_02 img{position:relative;}
	.front_04{height:auto;}
	.ft_bx02 {font-size: 14px;color: #B3B3B3;line-height: 2;margin: .5rem 0 0 1rem;}
	.ft_bx03{text-align:left;}
	.ft_bx03 ul{flex-wrap: wrap;margin: 40px 0;font-size: 14px;}
	.dsa_02 a{max-width:32%;font-size:13px;}
	.dsa_03 span{font-size:26px;}
	.header-container-in.hlt-top-menu .logo-header img, .header-container-in.hlt-top-menu .logo-header{max-height:60px;}
	.dsa_11{max-width:80vw;}
	.dsa_08{margin: 0 auto 3rem;}
	.dsa_09{font-size:18px;}
	#dsa_bg02{padding:3rem 0;}
	.dsa_13{font-size:22px;}
	#dsa_bg03 .ctr{text-align:left;}
	.dsa_23 img{max-width:100%;}
	.widget-page-content-bottom{padding: 5rem 0 3rem;}
	.ft_bx05{flex-wrap: wrap;justify-content: center;}
	.ft_bx05 img{margin:0;padding-bottom:20px;}
	.ft_bx04{text-align:center;}
	.page_botoom_01{flex-wrap:wrap;}
	.page_botoom_01 a{max-width:85vw;}
	.c_daikei{padding: 1rem 3rem 3rem 0;max-width: 85vw;}
	.phead{padding: 7rem 0 0;}
	.breadcrumb.pbp-main-before{margin: -3rem auto 2rem;}
	h2.title{font-size:24px;}
	.com_01{padding: 5rem 0 0;margin: 0 auto 4rem;font-size: 20px;width: 100%;max-width: 320px;}
	.com_01:before{top:1rem;}
	.com_03{padding: 2rem 0;}
	.com_05{padding: 9rem 0 0 0;}
	.com_07{max-width: 55vw;}
	.com_08{max-width: 85%;}
	.com_10{max-width:155px;}
	.line_01{margin: 3rem 0 0;padding: 0 0 10px;font-size: 28px;}
	a.link_03{max-width:100%;font-size: 25px;}
	.tak_03{font-size:28px;}
	.p_top5{padding-top: 2rem;}
	.tak_04{font-size:24px;}
	.tak_07{max-width: 85%;padding:10px 0;margin: 0 auto 1rem;}
	.tak_06{flex-wrap: wrap;justify-content: center;}
	.tak_06:before{width:50px;height:98%;left:50%;top:1px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
	.tak_08{padding-bottom: 5rem;}
	#ab_01:before{width: 100%;left: 0rem;top: 15rem;}
	.ab_02{padding:0 30px;line-height: 2;letter-spacing: 1.5px;}
	.ab_11{max-width: 90%;padding: 5rem 2rem 2rem;}
	.ab_12{top: -4rem;}
	.ab_07,.ab_08{box-shadow: 8px 8px 2px #927e3c;}
	.ab_07_sp{text-align:justify;}
	.ab_08_sp{text-align:justify;}
	.ab_13 {line-height: 2.2;}
	#ab_01{padding:5rem 0 0;}
	.ab_09, .ab_06{left: 1rem;max-width: 50px;top: -5rem;}
	.ab_07 span,.ab_08 span{font-size:24px;}
	#ab_bg04,#ab_bg03,#ab_bg05{padding: 10rem 0 6rem;}
	.loc_03{flex-wrap:wrap;padding: 0 0 1rem;}
	.loc_05{max-width: 90%;margin: 0 0 0 1rem;}
	#loc_01{margin: 3rem 0 -5rem;}
	.cnt_bx05{font-size: 26px;padding: 0 0 1rem;margin: 4rem 0 0;}
	.cnt_bx01{flex-wrap:wrap;}
	.cnt_bx02{margin-bottom:20px;}
	.article ul.slider{padding: 2rem 0;}
	.susi_f01{justify-content: center;flex-wrap:wrap;}
	.susi_f01 a{width:30%;}
	.susi_f01 a span {font-size: 14px;}
	.susi_f08_inner{padding: 1rem 25px 3rem;flex-wrap: wrap;}
	.susi_f09{max-width:100%;margin:30px auto;}
	.susi_f04{position:relative;top:9rem;max-width:100%;left: inherit;margin: 0 auto;bottom: -9rem;}
	.susi_f03{flex-wrap:wrap-reverse;justify-content:center;}
	.susi_f05{max-width: 90%;margin: 0 auto;}
	.susi_f03{padding:3rem 0;margin: 0 auto;text-align:center;}
	.susi_f12 img{max-width: 180px;}
	.susi_f13sp{padding:0 30px;text-align:justify;}
	.susi_f18{margin:3rem auto;}
	.susi_f18:before{left: -2rem;}
	.susi_f18{font-size: 30px;}
	.dsa_06 a{margin: 0 0 1rem 10px;}
	.mso_02{max-width:90%;padding: 2rem 1rem;}
	.mso_07{padding: 3rem 1rem;}
	#g-nav.panelactive #g-nav-list{flex-wrap:wrap;}
	#g-nav.panelactive ul{width:100%;max-width:100%;}
	#g-nav.panelactive ul.nav_03{width:100%;max-width:100%;}
	.hm_nav{flex-wrap:wrap;}
	ul.news_list li span.news_title{max-width: 95%;}
	#dsa_bg02{background: url(images/dsa_bg_sp.jpg) no-repeat top left;background-size: cover;}
	#dsa_bg03 {background: url(images/dsa_bg03-1_sp.jpg) no-repeat top left;background-size: cover;padding: 5rem 0 3rem;}
	.mso_02{background: url(images/mso_03_sp01.png) no-repeat top left;background-size: 100% auto;}
	.mso_07{background: url(images/mso_03_sp02.png) no-repeat top left;background-size: 100% auto;}
	#susi_fbg04{background: url(images/front_sbg05_sp.png) no-repeat fixed;background-size: cover;}
	.susi_f06:before{width: 280px;}
	.phead{background: url(images/com_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_aboutus{background: url(images/ab_hd_sp.jpg) no-repeat top left;background-size: cover;}
	#ab_bg02{background: url(images/ab_bg03_sp.jpg) no-repeat top left;background-size: cover;}
	#ab_bg03{background: url(images/ab_bg04_sp.jpg) no-repeat top left;background-size: cover;}
	#ab_bg04{background: url(images/ab_bg05_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_takeout{background: url(images/takeout_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_locations{background: url(images/loc_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_shopguide{background: url(images/guid_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_contact{background: url(images/contact_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.ph_menu{background: url(images/takeout_hd_sp.jpg) no-repeat top left;background-size: cover;}
	.tabs{padding:1rem 0;}
	.tab_item{width: calc(100% / 6 - -112px);}
	#all_menu01{padding:1rem 0 0;margin:80px 0 30px;}
	#all_menu02{padding:6rem 0 0;margin:150px 0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* youtube追加 20250930 */
.outline .video-container{
	margin-inline:auto;
}