@charset "utf-8";


/*************************************************
	index専用
*************************************************/

/*----トップローディング ---------------------*/
.loading {width: 100vw;height: 100vh;transition: all 1s;background-color: #FFF;position: fixed;top: 0;left: 0;z-index: 9999;opacity: 1;visibility: visible;}
.loading-animation{position: absolute;font-size:11px;color: #666;text-align: center;width: 100%;padding-top:105px;height:60px;display: block;top:42%;
									background:url(../img/loading.png) no-repeat center top,url(../js/loading.svg) no-repeat center bottom 5px;background-size: 220px,32px;opacity: 1;visibility: visible;transition: 0.8s;}
.loading-animation.is-noactive {opacity: 0;visibility: hidden;top:36%;}
.loading.is-active {opacity:0; visibility: hidden;display: none;}


/*----トップローディング ---------------------
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background: #fff;}
#load-text {position: absolute;font-size:11px;color: #666;text-align: center;width: 100%;top:40%;padding-top:110px;height:60px;display: block;
						background:url(../img/loading.png) no-repeat center top,url(../js/loading.svg) no-repeat center bottom 5px;}
*/


/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper-bg{position: relative;background-color: #000;}
.headerimgs-wrapper{background:url(../img/index_bigimg_bg_202609.jpg) no-repeat center top;background-size:contain;max-width:1900px;margin:0 auto;}
#headerimgs{}

.index-bigimg-bg-bottom{position:absolute;z-index: 5;bottom:0;background:url(../img/index_bigimg_bg_bottom_202608.png) no-repeat center top;max-width:2900px;margin:0 auto;height:108px;background-size:cover;width: 100%;text-indent:-8989px;display:block;overflow:hidden;}




/*/////////////　和らく店舗の紹介　////////////////*/
.section.warakushop{background-color:#f4f4f4;padding:150px 0 50px 0;}

.waraku-wrapp{max-width: 1400px;width: 100%;margin: 0 auto;}
.wakaku-box{max-width: 1248px;margin:0 auto;}

.wakaku-box dl{position: relative;}
.wakaku-box dl dt{float: right;}
.wakaku-box dl dt .title{float: right;position: relative;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: upright;font-feature-settings: normal;display: inline-block;vertical-align: top;
																									font-family:'Noto Serif JP', serif;font-weight: 400;font-size: 203%;letter-spacing: 0.05em;line-height: 1.7;margin-right:1em;}
.wakaku-box dl dt .back-cont{position: absolute;bottom: -30px;right: 0;background:url(../img/waraku_back_bg.png) no-repeat 0 0 / contain;width:405px;height:198px;}
.wakaku-box dl dt .back-cont p{line-height: 1.7;text-align: center;padding: 20px 0 0 150px;font-family:YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;}



.wakaku-box dl dt .com{float: right;position: relative;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: upright;font-feature-settings: normal;display: inline-block;vertical-align: top;
																									font-family:'Noto Serif JP', serif;font-weight: 400;font-size: 108%;line-height: 2.6;margin:30px 3.3em 0 0;letter-spacing: 0;}
.wakaku-box dl dt .com span{display:block;}
.wakaku-box dl dt .com br{}
							
.wakaku-box dl dd{float: left;}
.wakaku-box dl dd .shop-name{display: table;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 300;font-size: 245%;line-height: 1.3;margin: 0 auto 20px auto;}
.wakaku-box dl dd .shop-name small{display: table;font-size: 43%;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;padding-left: 0.2em;letter-spacing: 0.2em;}
.wakaku-box dl dd .wakaku-shop1{max-width: 315px;}
				
dl.waraku-dl{position:relative;max-width:1400px;width:100%;margin:-25px auto 0 auto;}
dl.waraku-dl dt{position: relative;z-index: 2;cursor: pointer;display: table-cell;width:200px;height: 40px;vertical-align: middle;transition: 0.8s;line-height:1;font-size:102%;color: #fff;text-decoration: none;padding-top: 1px;text-align: center;
						background:#000 url(../img/arrow_white29-37.png) no-repeat;background-size: 10px;background-position: right 15px center;border-radius: 5px;left: 132px;padding-right: 1em;font-weight: 600;}
dl.waraku-dl dt:hover{background-color: rgba(0,0,0, 0.6);padding-right: 0.5em;}
dl.waraku-dl dt.open{background-color: rgba(0,0,0, 0.3);padding-right: 0.5em;}
dl.waraku-dl dd{display:none;padding-top:100px;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;}

dl.waraku-dl dd #dd-close.close.naka-kuwashii{display:none !important;margin: 20px auto 0 auto;display: table;}
dl.waraku-dl dd #dd-close.close.naka-kuwashii a{font-size: 100%;border-radius: 9px;width: 300px;height: 50px;background-size: 10px;}

/*--- dd開いた中身 ----*/
.waraku-shop2{text-align: center;}
.acco-midashi{display: table;margin: 0 auto;color: #122150;font-size: 154%;font-weight: 600;}
.acco-com1{display: table;margin: 15px auto 50px auto;max-width: 829px;font-weight: 600;font-size: 105%;}

.acco-wrapp1{position: relative;}
.acco-com2{position: absolute;background-color: #f4f4f4;max-width: 565px;padding: 14px 5% 15px 0;left: 5%;}
.waraku-shop3{float: right;}

.acco-wrapp2{float: right;max-width: 700px;margin: 35px 5.5% 0 0;}
.acco-midashi2{font-weight: 600;font-size: 160%;color: #122050;line-height: 1.4;margin-bottom: 10px;}
.acco-com3{}
.waraku-shop4{position: absolute;top: 262px;}

.acco-wrapp3{float: right;max-width: 700px;margin: 60px 5.5% 0 0;}
.acco-midashi2.second{}

ul.acco-ul{text-align: center;margin-top: 30px;}
ul.acco-ul li{display: inline-block;margin: 0 0.5% 15px 0.5%;width: 32%;}
					
.acco-com4{display: table;max-width: 800px;margin: 20px 0 0 10%;}






/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
.section.oishisa{background:url(../img/gold_bg.jpg) no-repeat center top;padding:220px 0 140px 0;}
@media screen and (max-width: 1000px) {	
.section.oishisa{background:url(../img/gold_bg1000.jpg) no-repeat center top;padding:170px 0 80px 0;}
}

h2{text-align:center;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;font-size:210%;line-height:1.3;letter-spacing: 0.2em;padding: 90px 0 37px 0;background: url(../img/border_black285-3.png) no-repeat center bottom 20px;background-size: 260px;position: relative;z-index: 5;}

dl.oishisa-dl{position: relative;margin-top: -140px;}
dl.oishisa-dl.no1 dt{background: url(../img/oishisa_img1.png) no-repeat 0 0 / contain;width: 828px;height:627px;display: table;margin-left: -20px;}
dl.oishisa-dl dd{position: absolute;width: 61%;background-color: rgba(255,255,255,0.5);top: 230px;right: 6%;padding: 40px 3%;min-height: 300px;}

.oishisa-waku{}
.oishisa-waku .no-img{float: left;}
.oishisa-waku .midashi{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 600;font-size: 155%;line-height: 1.3;padding: 8px 0 0 92px;}
.oishisa-waku .midashi big{font-size: 142%;padding-left: 0.1em;display: inline-block;}
.oishisa-waku .com{display: table;margin: 27px 0 0 65px;font-size: 102%;}

dl.oishisa-dl.no2{margin-top: -150px;}
dl.oishisa-dl.no2 dt{background: url(../img/oishisa_img2.png) no-repeat right 0 / contain;width: 753px;height:608px;display: table;margin: 0 -20px 0 auto;}
dl.oishisa-dl.no2 dd{left:6%;right:auto;top: 190px;}

dl.oishisa-dl.no3{margin-top: -244px;}
dl.oishisa-dl.no3 dt{background: url(../img/oishisa_img3.png) no-repeat 0 0 / contain;width: 869px;height:809px;display: table;margin-left: -20px;}
dl.oishisa-dl.no3 dd{top: 270px;}

dl.oishisa-dl.no4{margin-top: -322px;}
dl.oishisa-dl.no4 dt{background: url(../img/oishisa_img4.png) no-repeat right 0 / contain;width: 819px;height: 721px;display: table;margin: 0 -20px 0 auto;}
dl.oishisa-dl.no4 dd{left:6%;right:auto;top: 219px;}

/*--- こだわりの逸品 -----*/
h2.kodawari{padding: 20px 0 37px 0;}
picture.kodawari-img{margin: 50px auto 0 auto;display: table;}





/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
/*---商品一覧をブラウザの高さいっぱいでscrollsnap-----------*/
.osechi-shouhin-wrap{}
.scroll-section {width: 100%;height: 100dvh;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.osechi-shouhin-dl.scroll-section dt{padding: 109px 30px 109px 5%;}
.osechi-shouhin-dl.scroll-section dd{padding: 0 5% 0 0;width: 47%;}

.osusume-name{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 600;display: table;font-size: 225%;line-height: 1.2;}
.osusume-description{border-top: 1px solid #9f2427;border-bottom: 1px solid #9f2427;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 600;color: #9f2427;font-size: 137%;line-height: 1.3;padding: 0.3em 0 0.4em 0.3em;letter-spacing: 0.05em;margin: 20px 0 7px 0;}
.osusume-description br{display:none;}
.osusume-description1{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 600;margin: 10px 3% 30px 10px;font-size: 102%;}
.osusume-img{}
.osechi-shouhin-dl.scroll-section dd .ec-productRole__priceRegular {margin: 0 0 -17px 0;}
.osusume-price{color: #cc2619;text-align: center;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;font-size: 324%;letter-spacing: 0;line-height: 1.2;margin: 15px 0 0 0;display: table;background: url(../img/souryoumuryou_img.png) no-repeat;background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 64px;background-position: left top 3px;padding-left: 59px;}	
.osusume-price span.ec-price-tax{font-size: 14px;margin-left: -0.5em;}
.osusume-comment{display: table;font-size: 90%;line-height: 1.6;margin: 12px 0 0 6px;}
.osechi-shouhin-dl.scroll-section dd .naka-kuwashii-outer{}
.osechi-shouhin-dl.scroll-section dd .naka-kuwashii{}
.osechi-shouhin-dl.scroll-section dd .naka-kuwashii a{font-size: 100%;height: 52px;background: url(../img/arrow_white29-37.png) no-repeat , url(../img/naka_kuwashii_bg.png) no-repeat;background-size: 10px , 150px;background-position: right 2em center , left 1em center;background-color: #000;width: 300px;}



/*/////////////　お客様の声　////////////////*/
.section.voice{background:url(../img/voice_left_bg.png) no-repeat left top , url(../img/voice_right_bg.png) no-repeat right top , url(../img/voice_bg.jpg) repeat center top;padding: 90px 0 110px 0;}
.section.voice h2{background: url(../img/wa-ra-ku_mark.png) no-repeat center top / 53px;padding: 55px 0 37px 0;font-size: 220%;}

.voice-box{max-width:1180px;border:2px solid #dfc677;padding:25px 3% 30px 3%;margin:0 auto;background-color:rgba(255,255,255,0.8);}
.voice-box dl{border-bottom:1px dashed #aaa;padding:20px 0;}
.voice-box dl dt{float:left;width:30%;padding-left: 74px;height: 66px;padding-top: 5px;}
.voice-box dl.man dt{background:url(../img/voice_man.png) no-repeat left center / contain;}
.voice-box dl.woman dt{background:url(../img/voice_woman.png) no-repeat left center / contain;}
.voice-box dl dt .title{line-height:1.3;letter-spacing: 0;font-weight: bold;color: #333;}
.voice-box dl dt .star{color: #cc2619;font-size:130%;line-height:1.3;}
.voice-box dl dd{float:right;width:68%;line-height: 1.6;}
.voice-box-cap{max-width: 1180px;width: 100%;margin: 5px auto 0 auto;text-align: right;font-size: 90%;letter-spacing: 0;}



/*/////////////　おせちのお届けについて（おせち注意事項）　////////////////*/
.section.chuui{padding: 15px 0 70px 0;}
.section.chuui h2{background: none;letter-spacing: 0.05em;}

.chuui-box{border:5px solid #e9e9e9;background-color:#fff;padding:40px 5% 30px 5%;max-width: 1000px;margin: 0 auto;}
.chuui-box dl{margin:23px 0;line-height:1.4;}
.chuui-box dl dt{display: inline-block;width:25%;background-color:#000;color:#fff;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;font-size:125%;letter-spacing: 0;text-align: center;line-height: 1;padding: 7px 0 8px 0;}
.chuui-box dl dd{display: inline-block;width:74%;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;font-size: 146%;padding-left: 0.5em;vertical-align: top;}

.chuui-box dl.shimekiri dt{}
.chuui-box dl.shimekiri dd{}

.chuui-box dl.otodoke dt{background-color:#c02020;}
.chuui-box dl.otodoke dd{color:#c02020;}
.chuui-box .otodoke-cap{color:#c02020; padding: 10px 0 0 0;font-size: 95%;}

.chuui-box dl.coolta dt{background: url(../img/coolta.png) no-repeat;background-size: contain;text-indent: -8989px;overflow: hidden;}
.chuui-box dl.coolta dd{color:#055e9e;letter-spacing: 0;}

.chuui-box dl.shoumi dt{background-color:#4c6600;}
.chuui-box dl.shoumi dd{color:#4c6600;}
.chuui-box .shoumi-cap{padding: 10px 0 0 0;font-size: 95%;}

.chuui-box dl.cancel dt{background-color:#d96d00;}
.chuui-box dl.cancel dd{color:#b25900;}
.chuui-box .cancel-cap{padding: 10px 0 0 0;font-size: 95%;}

ul.chuui-ul{list-style:disc;margin: 0 0 0 1em;font-size: 93%;}
ul.chuui-ul li{}




/*/////////////　よくあるご質問　////////////////*/
.section.faq{background:url(../img/beige_bg.png) no-repeat center top , url(../img/faq_bg.png) no-repeat right bottom;background-size:100% 177px , auto;background-color:#f7f3e8;padding: 130px 20px 110px 20px;}
.section.faq h2{background: none;letter-spacing: 0.05em;}

.faq-box{max-width: 1100px;margin:15px auto 0 auto;}

.faq-box dl dt{line-height: 1.3;background: url(../img/faq_img.png) no-repeat left 19px top 15px / 47px , url(../img/faq_plus.png) no-repeat right 20px center / 22px;
						min-height: 32px;width:100%;font-size: 105%;padding:18px 55px 20px 88px;cursor: pointer;transition: 0.5s;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;border-bottom: 1px solid #dad1b5;}
.faq-box dl dt:hover{background-color: rgba(255,255, 255, 0.6);color: #666;padding-left: 93px;}
.faq-box dl dt.open{background: url(../img/faq_img.png) no-repeat left 19px top 15px / 47px , url(../img/faq_minus.png) no-repeat right 20px center / 22px;
																										background-color:transparent;color: #999;padding-left: 93px;}
.faq-box dl > dd{display: none;background-color: rgba(255,255,255,0.8);margin: 0 0 26px 0;}
.faq-box dl > dd .ans{padding: 17px 2.5% 18px 5%;}






/* ================ お知らせ  ===================*/
.section.news{padding: 130px 20px 110px 20px;}

.index-news-waku{max-width:1100px;margin:0 auto;}
.index-news-waku dl > dt{float:left;}

.index-news-waku dl > dd{float:right;width:calc(100% - 230px);margin-top:10px;}

.index-news-waku dl > dt h2{margin-left: 38px;padding: 0px 0 0 0;font-weight: 600;letter-spacing: 0.15em;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;/*! display: flex; *//*! justify-content: center; *//*! align-items: center; */background: none;}

/*
.index-iframe-box{height: 290px;overflow: auto;
			scrollbar-base-color: #ffffff;
			scrollbar-face-color: #dfdfdf;
			scrollbar-highlight-color: #ffffff;
			scrollbar-shadow-color: #ffffff;
			scrollbar-3dlight-color: #ffffff;
			scrollbar-arrow-color: #999999;
			scrollbar-track-color: #ffffff;
			scrollbar-darkshadow-color: #ffffff;}
*/

.index-news-arrow{margin-top: 60px;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;}
.index-news-arrow a{width: 120px;height:42px;background:#000 url(../img/arrow_white29-37.png) no-repeat right 0.8em center;background-size:contain;color:#fff;text-decoration:none;padding:0px 0 0 16px;transition: 0.5s;display: table-cell;font-size: 85%;vertical-align: middle;background-size: 7px;border-radius: 7px;}
.index-news-arrow a:hover{opacity:0.6;}

.newslist{border-top: 1px solid #ccc;padding-bottom: 2px;}
.newslist dl{font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;border-bottom: 1px solid #ccc;}
.newslist dl dt{float: left;line-height: 1;}
.newslist dl dd{padding: 0 10px 0 135px;}

.newslist a dt .index-news-date{display: inline-block;font-size: 95%;letter-spacing: 0;padding: 0 0 0 15px;transition: 0.5s;}
.newslist a dt .index-news-date img{margin: 0 0 6px 6px;}

.newslist dl a{text-decoration: none;padding:20px 0 20px 0;display: block;transition: 0.5s;color: #000;}
.newslist dl a[href$=".pdf"]::before{display:none;}

.newslist a dd .index-news-midashi1{line-height: 1.3;transition: 0.5s;}
.newslist a dd .index-news-midashi1 img{margin: 0 0 5px 10px;}

/*hover*/
.newslist dl a:hover{background-color: rgba(200, 200, 200, 0.1);color: #666;}
.newslist a:hover dt .index-news-date{padding-left: 20px;color: #969290;color: #666;}

/*記事なし*/
.no-news{font-size:105%;text-align: center;padding: 15px 0;}