@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
*/

.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;}
body{overflow-x: hidden;}

/* グローバルナビゲーション */
.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{background:url(images/miya_hederbg.png) no-repeat top center;padding: 1rem 0;}
.header-container.fixed-header{max-width:100%;background: rgba(255, 255, 255, 0);box-shadow: none;}
.header-container-in.hlt-top-menu{width: 100%;max-width: 90%;margin: 0 auto;border-radius: 10px;background:#fff;box-shadow:1px 1px 4px #ddd;padding: 0 1rem 0 0;}


/* 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;}
.date-tags{display:none;}

/* display関連 */
.pc_none{display: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_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;}

/* 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;width: 100%;max-width: 19%;}
.ft_bx04 a{color:#707277;text-decoration:none;}
.ft_bx05{width: 100%;max-width: 81%;}
.ft_bx05 img{margin: 0 1rem 0 0;}
.ft_bx05 a{display:block;width:100%;max-width:32%;margin: 0 1rem 0 0;}

/* コンテンツボトム */
#c_bottom01{background:#c30d23;padding:0;}
#c_bottom02{background:url(images/ft_bg_01.png) no-repeat top left;background-size:cover;margin:0;padding: 2rem 0;}

.content-bottom{margin: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;}

.app_01{width:100%;max-width:38%;margin: 0 0 -12px;}
.app_02{width:100%;max-width:25%;}
.app_03{width:100%;max-width:200px;text-align:center;}
.app_03 a{display:block;}

/* ハンバーガーナビゲーション */
#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: 330px;margin:0;display:flex;justify-content:flex-end;text-align:right;}
.take_bnr a{display:block;width:100%;margin: 0 0.5rem 0 0;}
.icon_01{max-width:145px;}
.icon_02{max-width:54px;}
.header-container-in.hlt-top-menu .navi{width:60%;display: flex;justify-content: flex-end;background-color:rgba(255,255,255,0);}
.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: 90%;margin: 0 auto;}

/* 固定ページヘッダー */
.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;}

/* パンくず */
.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;}

/* ご利用ガイド */
.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;}


/* TOP */
#sec_01{background:url(images/miya_sec01bg.png) no-repeat top right;padding: 4.2rem 0;background-size:cover;}
#sec_02{background:url(images/miya_sec02bg.jpg) no-repeat bottom center;background-size:cover;padding:3rem 0;text-align:center;}
#sec_03{background:url(images/miya_sec03bg.jpg) no-repeat top left;background-size:cover;padding: 3rem 0;}
#sec_04{background: url(images/miya_sec04bg.jpg) repeat top left;padding: 5rem 0 8rem;position: relative;z-index: 5;}
#sec_04: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;}

#susi_fbg02{background:url(images/front_sbg02.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;}

.miya_front01{width:100%;max-width:320px;}
.miya_front02{width: 100%;max-width: 600px;height:285px;text-orientation:upright;}
.miya_front03{width:100%;max-width:1100px;margin:0 auto;}
.miya_front04{margin:0 0 -11px}
.miya_front05{}
.miya_front06{}
.miya_front07{width:100%;max-width:1000px;margin:0 auto 6rem;}
.miya_front08{text-align:center;}
.miya_front08 span{display:block;font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:36px;}
.miya_front09{}
.miya_front09 a{width:100%;max-width:30%;display:block;margin:0 1rem 0 0;}

.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_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_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;}

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:155px;}
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:63%;}
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;}
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;}

.dsa_04{width: 100%;max-width: 820px;margin:1rem auto 4rem;}
.dsa_04 a{text-decoration:none;color:#333;font-weight:600;}

.dsa_16{margin:0 0 2rem;}
.dsa_16 a{color:#fff;text-decoration:none;font-size:40px;font-weight:bold;}
.dsa_17{width:100%;max-width:45%;}
.dsa_17 iframe{height:450px;}
.dsa_18{color:#fff;width: 100%;max-width: 45%;}

/* ネットショップ部分 */
.article ul{list-style-type:none;}
ul.fua_menu_list{width:100%;max-width:1100px;margin:12rem auto 8rem;}


/* カルーセルスライダー */
.slider1 {display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:388px;overflow: hidden;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:490px;list-style: none;}
.slider1 ul:first-child {animation: slide1 150s -75s linear infinite;}
.slider1 ul:last-child {animation: slide2 150s linear infinite;}
@keyframes slide1 {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}

@keyframes slide2 {
  0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}

/* タブ切り替え */
.tabs {margin-top: 50px;margin: 0 auto;padding: 3rem 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;
}


/*選択されているタブのコンテンツのみを表示*/
#season:checked ~ #season_content,
#sushi:checked ~ #sushi_content,
#sakana:checked ~ #sakana_content,
#kids:checked ~ #kids_content,
#drink:checked ~ #drink_content,
#lunch:checked ~ #lunch_content,
#takeout:checked ~ #takeout_content{
  display: block;
}

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

.go-to-top-button{width:107px;height:107px;}


/* 20251006追加　TOP上部塩沢店リニューアルのお知らせ文言 */
.rene_news{margin:2rem 0 6rem;color:red;font-weight:bold;text-align:center;}

/* カテゴリー一覧 */
.nsa_product_select{width: 100%;max-width: 1100px;margin: 8rem auto 3rem;display: flex;justify-content: flex-end;align-items: flex-end;}
.nsa_product_list{width: 100%;max-width: 1100px;margin: 0 auto;}
.nsa_product_select input[type=submit]{width: 100%;max-width: 200px;padding: 0;height: 47px;border-radius: 10px;}
.nsa_product_detail{width:100%;max-width:1100px;margin:8rem auto 3rem;}

/* お知らせ*/
.cat-link{background-color:#33b0c4;margin-top:40px;}
.category-news-post{margin:3rem!important;padding-top:3rem;}

/* 商品ページ */
.nsa_product_detail{margin: 8rem auto 3rem;}

/* お問い合わせ */
.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;}
.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;}

.menu-content .menu-drawer {padding: 30px 1em 30px!important;}
.menu-close-button {display: block;cursor: pointer;text-align: right;font-size: 2em;margin: 20px;}

/*1600px以下*/
@media screen and (max-width: 1600px){
	.susi_f03{max-width: 1300px;}
	.susi_f04{width: 100%;max-width: 54%;left: -2.5rem;}
	.slider1 li{width:420px;}
	.footer-widgets{max-width: 93%;}
}

/*1500px以下*/
@media screen and (max-width: 1500px){
	.susi_f03{max-width:1200px;}
}

/*1300px以下*/
@media screen and (max-width: 1300px){
	.footer-right{width: 48%;}
	.susi_f03{max-width:1100px;}
	.susi_f06{width: 100%;max-width: 900px;margin: 3rem auto 0;}
	.c_daikei{max-width: 66vw;}

/*1025px以下*/
@media screen and (max-width: 1025px){
	.ft_bx05{max-width:79%;}
	.ft_bx05 a{max-width: 28%;}
	.outline,.miya_front07,.miya_front03,.susi_f03,.breadcrumb.pbp-main-before, .breadcrumb.sbp-main-before,.nsa_product_detail{max-width:900px;}
	.ft_bx04{max-width:20%;}
	.miya_front06{width: 100%;max-width: 90%;margin: 3rem auto 0;}
	.susi_f05{width: 100%;max-width: 50%;}
	.susi_f04{max-width: 51%;left: -0.5rem;}
	.susi_f12{padding: 5rem 0 12rem;}
	.susi_f12 img,.miya_front01{max-width:200px;}
	.tab_item{font-size:16px;width: calc(100% / 6 - 18px);}
	.fg-default .fg-item{max-width:30%;}
	#susi_fbg04{height:820px;}
	.page_botoom_01{width:100%;max-width:900px;margin:0 auto;}
	.footer-widgets{flex-wrap:wrap;}
	.footer-left,.footer-right{width:100%;}
	.footer{height:auto;}
	.ft_bx03{text-align:center;}
	.ft_bx03 ul{justify-content:center;}
	.footer-left .fx_stt{justify-content:center;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	main.main{padding:0;}
	.header-container-in.hlt-top-menu{flex-direction:row;}
	.outline, .miya_front07, .miya_front03, .susi_f03,.page_botoom_01,.breadcrumb.pbp-main-before,.breadcrumb.sbp-main-before,.nsa_product_detail{max-width:93%;}
	.tab_item{width: calc(100% / 6 - -35px);margin: 0 0 10px 5px;}
	.susi_f05:before{width: 79px;height: 127px;bottom: -4rem;right: 1rem;}
	.sp_none{display:none;}
	.pc_none{display:block;}
	#susi_fbg04{background: url(images/front_sbg05_sp.png) no-repeat fixed;background-size: cover;height: 730px;}
	.susi_f12{padding: 4rem 0 10rem;}
	.susi_f17{width: 100%;max-width: 93%;margin: 0 auto;}
	.ft_bx05,.ft_bx04{max-width:100%;}
	.ft_bx04{text-align:center;font-size:14px;margin-top:20px;}
	.widget-page-content-bottom{padding: 6rem 0;}
	.slider1 li{width:330px;}
	.slider1{height:280px;}
	.app_03{max-width: 130px;}
	.header-container{display:none;}
	.mobile-menu-buttons .navi-menu-button:last-child{background:#182e79;color:#fff;margin: 0 0 3px;}
	.navi-menu-content{background:#182e79;color:#fff;}
	.menu-drawer a{color:#fff;}
	.miya_front03{align-items:center;}
	.fa-star{display:none;}
	.mobile-menu-buttons .navi-menu-button img{width:100%;}
	.mobile-menu-buttons .logo-menu-button{align-items:center;justify-content:flex-start;width:100%;max-width: 44%;}
	.mobile-menu-buttons .logo-menu-button img{width:100%;max-width:160px;}
	.mobile-menu-buttons .navi-menu-button:nth-child(2){width:100%;max-width:200px;margin: 0;justify-content: flex-end;}
	.hd_h1{margin: 68px 0 0;}
	.mobile-header-menu-buttons{padding:0 5px;}
	.dsa_16 a{font-size:35px;}
	.go-to-top-button{width:80px;height:80px;}}
	.miya_front01 {max-width: 200px; margin-bottom: 40px;}
	.phead {background: url(images/hd_default.jpg) no-repeat top left;padding: 8rem 0 0;background-size: cover;}
	h2.title{font-family: ta-engeifude, sans-serif;font-weight: 400;font-style: normal;font-size:36px;color:#fff;position:relative;}
	.c_daikei {clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);background: #182E79;text-align: right;width: 100%;max-width: 82vw;padding: 2rem 4rem 5rem 0;}
	.phead {background: url(images/hd_default.jpg) no-repeat top left;padding: 5rem 0 0;background-size: cover;}
	.navi-menu-content{overflow:hidden;}
	.c_daikei{max-width:62vw;padding: 1rem 4rem 4rem 0;}
}

/*630px以下*/
@media screen and (max-width: 630px){
	.ft_bx02 {font-size: 14px;}
	.ft_bx03 ul,.miya_front03,.page_botoom_01,.ft_bx05{flex-wrap:wrap;}
	.ft_bx03 ul{font-size:14px;margin:2rem 0;}
	#footer-in .fx_stt{justify-content: space-around;}
	.miya_front03{justify-content:center;}
	.miya_front02{max-width:300px;}
	.mobile-menu-buttons .navi-menu-button:nth-child(2){max-width:98px;}
	.mobile-menu-buttons .logo-menu-button{max-width:35%;}
	.mobile-menu-buttons .menu-button{width:40px;}
	.mobile-menu-buttons .navi-menu-button:last-child{height:40px;margin:4px 0 3px;}
	.hd_h1{margin: 51px 0 0;}
	.miya_front08 img{width:100%;max-width:100px;}
	.tabs{padding:1rem 0;}
	.tab_item{width: calc(100% / 6 - -112px);}
	.susi_f03{padding: 3rem 0;margin: 0 auto;text-align: center;flex-wrap: wrap-reverse;justify-content: center;}
	.susi_f04{position: relative;top: 9rem;max-width: 100%;left: inherit;margin: 0 auto;bottom: -9rem;}
	.susi_f05{max-width: 90%;margin: 0 auto;}
	.miya_front07{flex-wrap:wrap;margin: 0 auto 3rem;}
	.miya_front08 span{margin-bottom:30px;}
	.dsa_18{max-width:100%;}
	.dsa_18_sp{width:80%;}
	.dsa_17{max-width:100%;}
	.slider1 li{width:150px;}
	.slider1{height: 124px;}
	ul.news_list li span.news_title,.app_03{max-width: 100%;}
	.page_botoom_01 a{max-width: 85vw;}
	#c_bottom01 .fx_ard{flex-wrap:wrap;padding-bottom: 3rem;}
	.app_01{max-width:85%;margin:0;}
	.app_02{max-width:75%;margin:2rem 0;}
	.ft_bx05 a{max-width: 80%;text-align: center;}
	.ft_bx05{justify-content:center;}
	.go-to-top-button{width:60px;height:60px;}
	.c_daikei{padding: 1rem 3rem 3rem 0;max-width: 85vw;}
	h2.title {font-size: 24px;}
	.breadcrumb.pbp-main-before, .breadcrumb.sbp-main-before{margin: -3rem auto 2rem;}
	.phead{background: url(images/com_hd_sp.jpg) no-repeat top left;background-size: cover;}
}