@charset "utf-8";

/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1900px) {	
	/*TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper{}
	#headerimgs {height: 850px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:850px !important;}
	body.front_page .slider-pro .sp-slide,
	body.front_page .slider-pro .sp-image-container{height: inherit !important;align-items: center;display: flex;justify-content: center;}
	body.front_page .slider-pro .sp-image-container a{display: contents;}
	body.front_page .slider-pro .sp-image-container img {max-width: unset;height: 850px !important;margin-left:0 !important;}
.index-bigimg-bg-bottom{height:103px;}
}



@media screen and (max-width: 1700px) {	
	/*TOPページ上部の背景big画像-------------*/
	#headerimgs {height: 750px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:750px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 750px !important;}
.index-bigimg-bg-bottom{height:98px;}
}




@media screen and (max-width: 1500px) {	
	/*TOPページ上部の背景big画像-------------*/
	#headerimgs {height: 650px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:650px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 650px !important;}
.index-bigimg-bg-bottom{height:92px;}

	/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
	/*---商品一覧をブラウザの高さいっぱいでscrollsnap-----------*/
	.osusume-name {font-size: 195%;}
	.osusume-description {font-size: 115%;}
	.osusume-description1 {font-size: 95%;}
	.osechi-shouhin-dl.scroll-section dd {width: 70%;}
}




@media screen and (max-width: 1400px) {
	/*/////////////　和らく店舗の紹介　////////////////*/
	.waraku-shop3 {width: 65%;}
	.waraku-shop4 {width: 41%;}
	.acco-wrapp2 {max-width: 50%;}
	.acco-wrapp3 {max-width: 50%;margin: 35px 5.5% 0 0;}
	dl.waraku-dl dt {left: 38%;}

	/*/////////////　よくあるご質問　////////////////*/
	.section.faq{background-size:1400px , auto;}
}




@media screen and (max-width: 1300px) {	
	/*TOPページ上部の背景big画像-------------*/
	#headerimgs {height: 550px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:550px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 550px !important;width: auto !important;}
	.index-bigimg-bg-bottom{height:85px;}

	/*/////////////　和らく店舗の紹介　////////////////*/
	.section.warakushop{padding:100px 0 50px 0;}
	.wakaku-box dl dd {margin-left: 3%;}
	.wakaku-box dl dt .com {line-height: 2.4;margin: 30px 4em 0 0;}
	dl.waraku-dl dt {left: 48%;}
}




@media screen and (max-width: 1200px) {
	/*/////////////　和らく店舗の紹介　////////////////*/
	.wakaku-box dl dt .title {font-size: 183%;line-height: 1.5;margin-right: 1.5em;}
	.wakaku-box dl dt .com {line-height: 2.2;margin: 30px 3em 0 0;}
	.wakaku-box dl dt .back-cont {bottom: -10px;width: 370px;height: 180px;}
	.wakaku-box dl dt .back-cont p {padding: 20px 0 0 125px;font-size: 85%;}
	.wakaku-box dl dd {margin-left: 4%;}
	.wakaku-box dl dd .shop-name {font-size: 215%;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 280px;}
	dl.waraku-dl {margin: -80px auto 0 auto;}
	dl.waraku-dl dt {left: 44%;}
	.waraku-shop2 {padding: 0 5%;}

	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	.section.oishisa {padding: 105px 0 140px 0;background-position: center top -70px;background-size: cover;}
	dl.oishisa-dl {margin-top: -74px;}
	dl.oishisa-dl.no1 dt {width: 730px;}
	dl.oishisa-dl dd {width: 64%;top: 190px;right: 3%;padding: 30px 3%;min-height: 200px;}
	.oishisa-waku {font-size: 90%;}
	.oishisa-waku .com {margin: 27px 0 0 30px;font-size: 110%;}
	dl.oishisa-dl.no2 {margin-top: -190px;}
	dl.oishisa-dl.no2 dt {width: 680px;height: 568px;}
	dl.oishisa-dl.no2 dd {left: 3%;top: 138px;}
	dl.oishisa-dl.no3 dt {width: 710px;height: 760px;}
	dl.oishisa-dl.no3 dd {top: 203px;}
	dl.oishisa-dl.no4 dt {width: 704px;height: 627px;}
	dl.oishisa-dl.no4 dd {left: 3%;top: 125px;}

	/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
	/*---商品一覧をブラウザの高さいっぱいでscrollsnap-----------*/
	.osusume-name {font-size: 165%;}
	.osusume-description {font-size: 105%;}
	.osusume-description1 {font-size: 90%;}
	.osechi-shouhin-dl.scroll-section dd {width: 85%;}	
	
	/*/////////////　お客様の声　////////////////*/
	.section.voice {background-size: 260px;}
	.section.voice h2 {padding: 47px 0 37px 0;font-size: 190%;background-size: 45px;}
	.voice-box {font-size: 90%;}
	.voice-box dl dt {width: 34%;}
	.voice-box dl dd {width: 65%;}

	/*/////////////　よくあるご質問　////////////////*/
	.section.faq {padding: 80px 20px 80px 20px;background-size: 1400px , 600px;}
	.section.faq h2{font-size:190%;}
	.faq-box {font-size: 95%;}
}





@media screen and (max-width: 1100px) {
	/*----トップローディング ---------------------*/
	.loading-animation{padding-top:90px;background-size: 170px,32px;}

	h2 {font-size: 180%;background-position:center bottom 23px;background-size: 198px;}
				
	/*========= header =========*/
	#header {height: 60px;border-bottom: 1px solid #ccc;}
	/* 縮小時のheader*/
	#header.smaller {top:0;}
	#header.smaller .ec-headerRole {top: 19px;}
	
	.ec-headerNaviRole {top: 0;}
	.ec-headerRole {top: 19px;}
	.ec-headerNaviRole .ec-headerNaviRole__left {max-width: 246px;width: 100%;}
 #header .header_logo_area .header_logo a {width: 160px;height: 45px;}
	.ec-headerNaviRole .ec-headerNaviRole__right {position: relative;top: 17px;}
	.ec-cartNaviWrap {top: 1px;}
	.ec-cartNavi{margin-right: 78px;}

	
	#wrapper {margin-top: 60px;}


	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:fixed;z-index:700;top:7px;right:15px;background:transparent;width:54px;height:46px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;/*background-color: #c6c5c5;*/}

	#menubtn.off a {background-color:transparent;outline:none !important;}
	#menubtn.on a {background-color:transparent;outline:none !important;}
	
	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 10px;z-index:200;width:42px;height:26px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color: #000;display: inline-block;transition: all .4s;box-sizing: border-box;}

	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;background-color: #555f;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(12px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-12px) rotate(317deg) scale(1.15);}


	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:37;overflow-y: scroll;height:100%;right: 0;top: 0;background-color: rgba(0,0,0,0.85);}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;color: #fff;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding: 90px 10px 6px 10px;list-style:none none outside;background-image:none;text-align: center;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 400;}
	#navi_sp ul#yoko-menu-sp > li {margin:22px 0;}
	#navi_sp ul#yoko-menu-sp > li > a {font-size:95%;color: #fff;text-decoration: none;line-height:1.2;padding: 7px 15px;/*display: table;margin: 0 auto;*/}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	#navi_sp .ec-headerNav .ec-headerNav__item {display: table;margin: 0 auto 11px auto;}
	#navi_sp .ec-headerNav .ec-headerNav__itemLink {display: inherit;color: #fff;font-size: 86%;}
	#navi_sp .ec-headerNav .ec-headerNav__itemIcon {margin-right: 0;margin-left: 0;font-size: 16px;position: relative;top: 1px;}
	
	/*アイコン白*/
	#navi_sp .fa-user::before {color: #fff;}
	#navi_sp .fa-lock::before {color: #fff;}			

	/*メルマガ購読解除ボタン*/
	#navi_sp ul#yoko-menu-sp .mailmag-btn {margin: 0 0 27px 0;}
	#navi_sp ul#yoko-menu-sp .mailmag-btn a {height: 48px;font-size: 76%;line-height: 1.2;}
	
	/*submenu------------------------------*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:20px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;opacity: 0.5;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid rgba(240,240,240,0.5);border-bottom: 1px solid rgba(240,240,240,0.5);margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width:60%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	/*個人情報取り扱いpdf
	#navi_sp ul#yoko-menu-sp li.spbox00.btn-pdf{display: table;margin: 0 auto 15px auto;font-size: 90%;background-position: 0 0;}*/

	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/


	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 0 0 25px 0;}
	#navi_sp p#menuclose a{font-size:86%;color:#FFF;padding: 10px 0 8px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 10px center;cursor: pointer;width: 230px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}


/*全ページ共通のページ下部の上部へ戻る */
#pagetop a {width:50px;height:50px;}


	/*TOPページ上部の背景big画像-------------*/
	#headerimgs {height: 500px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:500px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 500px !important;}
	.index-bigimg-bg-bottom{height:72px;}
	

	/*/////////////　和らく店舗の紹介　////////////////*/
	.wakaku-box dl dt .title {font-size: 170%;}
	.wakaku-box dl dt .com {margin: 15px 2.5em 0 0;font-size: 100%;}
	.wakaku-box dl dd .shop-name {font-size: 180%;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 250px;}
	dl.waraku-dl dt {left: 31%;}
	.acco-midashi {font-size: 130%;width: 100%;max-width: 80%;}
	.acco-com1 {font-size: 100%;max-width: 80%;}
	.acco-midashi2 {font-size: 130%;margin-bottom: 5px;}

	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	dl.oishisa-dl.no1 dt {width: 630px;}
	dl.oishisa-dl dd {width: 66%;top: 170px;padding: 27px 3%;}
	.oishisa-waku .no-img {width: 50px;}
	.oishisa-waku .midashi {font-size: 135%;padding: 8px 0 0 68px;}
	dl.oishisa-dl.no2 {margin-top: -220px;}
	dl.oishisa-dl.no2 dt {width: 580px;height: 518px;}
	dl.oishisa-dl.no2 dd {top: 120px;}
	dl.oishisa-dl.no3 {margin-top: -200px;}
	dl.oishisa-dl.no3 dt {width: 630px;height: 690px;}
	dl.oishisa-dl.no3 dd {top: 160px;}
	dl.oishisa-dl.no4 dt {width: 624px;height: 563px;}
	dl.oishisa-dl.no4 dd {top: 119px;}

}







@media screen and (max-width: 1000px) {	
	/*TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper{background-size:auto 450px;}
	#headerimgs {height: 472px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:472px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 472px !important;}
	.index-bigimg-bg-bottom{height:66px;}

	/*/////////////　和らく店舗の紹介　////////////////*/
	.section.warakushop {padding: 75px 0 50px 0;}
	.wakaku-box dl dt .title {font-size: 153%;}
	.wakaku-box dl dt .com {font-size: 96%;line-height: 2.1;}
	.wakaku-box dl dt .back-cont {bottom: 10px;width: 330px;height: 158px;}
	.wakaku-box dl dd .shop-name {font-size: 160%;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 220px;}
	dl.waraku-dl {margin: -100px auto 0 auto;}
	dl.waraku-dl dt {left: 23%;}
	.waraku-shop4 {width: 37%;top: 220px;}
	.acco-wrapp2 {max-width: 56%;margin: 35px 3% 0 0;}
	.acco-wrapp3 {max-width: 56%;margin: 35px 3% 0 0;}
	ul.acco-ul li {margin: 0 1% 15px 1%;width: 30%;}
	.movie-wrap-out {width: 95%;}

	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
 .section.oishisa {background-position: center top 0;}
	dl.oishisa-dl.no1 dt {width: 500px;height: 420px;}
	dl.oishisa-dl dd {width: 73%;top: 110px;padding: 27px 3%;right: 1%;}
	dl.oishisa-dl.no2 {margin-top: -73px;}
	dl.oishisa-dl.no2 dt {width: 480px;height: 440px;}
	dl.oishisa-dl.no2 dd {top: 94px;}
	dl.oishisa-dl.no3 {margin-top: -147px;}
	dl.oishisa-dl.no3 dt {width: 530px;height: 550px;}
	dl.oishisa-dl.no3 dd {top: 130px;}
	dl.oishisa-dl.no4 {margin-top: -200px;}
	dl.oishisa-dl.no4 dt {width: 524px;height: 464px;}
	dl.oishisa-dl.no4 dd {top: 80px;}

	/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
	/*---商品一覧をブラウザの高さいっぱいでscrollsnap-----------*/
	.scroll-section {display: table;}
	.osechi-shouhin-dl.scroll-section dt {padding: 80px 15% 20px 15%;} 
	.osechi-shouhin-dl.scroll-section dd {width: 100%;margin: 0 auto;max-width: 690px;padding: 0 20px;}
	.osusume-description {margin: 12px 0 7px 0;}
	.osusume-description1 {margin: 10px 5px 12px 3px;}
	.osusume-price {font-size: 278%;margin: 0 auto;background-size: 50px;padding-left: 54px;}
	.osusume-comment {font-size: 82%;margin: 7px auto;}
	.osechi-shouhin-dl.scroll-section dd .naka-kuwashii {margin: 14px auto 0 auto;display: table;}

	/* ================ お知らせ  ===================*/
	.index-news-waku dl > dt {margin-left: 3%;}
	.index-news-waku dl > dd {width: calc(100% - 190px);}
	
}





@media screen and (max-width: 940px) {
	/*///////////////// 全ページ共通のフッター ////////////////////*/
	.ec-footerRole {margin-top: 33px;}
	#footer-menu {display: none;}
	.footer_logo_area_wrap {display: table;margin: 0 auto 10px auto;}
}





@media screen and (max-width: 900px) {
	h2 {font-size: 160%;background-size: 170px;padding: 60px 0 27px 0;background-position: center bottom 15px;}

	/*/////////////　和らく店舗の紹介　////////////////*/
	.waraku-wrapp {width: 90%;}
	.wakaku-box dl dt .com span {display: none;}
	.wakaku-box dl dt .back-cont {display: none;}
	.wakaku-box dl dt .title {float: none;writing-mode: unset;display: block;text-align: center;font-size: 137%;letter-spacing: 0.1em;line-height: 1.6;margin-right: 0;}
	.wakaku-box dl dt .com {float: none;writing-mode: unset;display: block;margin: 18px 0 0 0;}
	.wakaku-box dl dt .com br{display:none;}
	.wakaku-box dl dt {float: right;width: 60%;}
	.wakaku-box dl dd .shop-name {font-size: 140%;}
	dl.waraku-dl {margin: -53px 0 0 auto;width: 60%;}
	dl.waraku-dl dt {left: 62%;}
	dl.waraku-dl dd {padding-top: 50px;margin: 0 0 0 calc(50% - 65vw);width: 95vw;}

	.acco-midashi {font-size: 115%;max-width: 85%;}	
	.acco-com1 {max-width: 85%;margin: 15px auto 30px auto;}
	.acco-com2 {max-width: 504px;padding: 10px 3% 19px 0;left: 3%;}
	.waraku-shop3 {width: 65%;margin-top: 50px;}
	.waraku-shop4 {width: 32%;top: 180px;}
	.acco-wrapp2 {max-width: 63%;margin: 35px 1% 0 0;}
	.acco-wrapp3 {max-width: 95%;margin: 25px 1% 0 0;}
	.acco-com4 {max-width: 92%;margin: 20px auto 0 auto;}
	
	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	.section.oishisa {padding: 80px 0 88px 0;}
	dl.oishisa-dl {margin-top: -68px;}
	dl.oishisa-dl.no1 dt {width: 400px;height: 320px;}
	dl.oishisa-dl dd {width: 78%;top: 90px;padding: 24px 3%;right: 0;}
	.oishisa-waku .no-img {width: 45px;}
	.oishisa-waku .midashi {font-size: 129%;padding: 5px 0 0 55px;}
	.oishisa-waku .com {margin: 20px 0 0 15px;font-size: 105%;}	
	dl.oishisa-dl.no2 {margin-top: -10px;}
	dl.oishisa-dl.no2 dt {width: 380px;height: 330px;}
	dl.oishisa-dl.no2 dd {top: 68px;left: 0;}
	dl.oishisa-dl.no3 {margin-top: -42px;}
	dl.oishisa-dl.no3 dt {width: 430px;height: 450px;}
	dl.oishisa-dl.no3 dd {top: 68px;}
	dl.oishisa-dl.no4 dt {width: 360px;height: 379px;}
	h2.kodawari {padding: 20px 0 27px 0;}
	picture.kodawari-img {margin: 25px auto 0 auto;}
	
	/*/////////////　よくあるご質問　////////////////*/
	.section.faq h2 {font-size: 160%;}
	.faq-box dl dt {padding: 18px 55px 20px 74px;background-size: 40px , 18px;}
	.faq-box dl dt.open{ background-size: 40px , 18px;}
	.faq-box dl dt:hover {padding-left: 79px;}
}




@media screen and (max-width: 850px) {	
	/*TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper{background-size:auto 395px;}
	#headerimgs {height: 401px;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:401px !important;}
	body.front_page .slider-pro .sp-image-container img {height: 401px !important;}
	.index-bigimg-bg-bottom{height:53px;}
}




@media screen and (max-width: 800px) {
	/*/////////////　和らく店舗の紹介　////////////////*/
	.acco-midashi br{display:none;}
	.wakaku-box dl dt {float: none;width: 95%;margin: 0 auto;}
	.wakaku-box dl dt .title br:nth-child(1){display:none;}
	.wakaku-box dl dd {float: none;margin: 15px auto 0 auto;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 430px;display: table;margin: 0 auto;}
	.wakaku-box dl dd .shop-name {margin: 0 auto 10px auto;}
	dl.waraku-dl {margin: 25px auto 0 auto;width: 100%;display: table;}
	dl.waraku-dl dt {display: table;margin: 0 auto;padding: 12px 0.5em 0 0;left: 0;}
	dl.waraku-dl dd {margin: 0 calc(50% - 47.5vw);width: 95vw;}
	.acco-com2 {max-width: 80%;padding: 0;left: 0;position: relative;}
	.waraku-shop3 {margin-top: 10px;}
	.waraku-shop4 {top: 220px;}
 .acco-wrapp2 {margin: 20px 1% 0 0;}
	
	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	dl.oishisa-dl dd {width: 74%;background-color: rgba(255,255,255,0.6);}
	dl.oishisa-dl.no2 {margin-top: 20px;}
	dl.oishisa-dl.no3 {margin-top: -10px;}
	dl.oishisa-dl.no4 {margin-top: -120px;}
	dl.oishisa-dl.no4 dd {top: 33px;left: 0;}

	/*/////////////　お客様の声　////////////////*/
	.section.voice {background-size: 190px;padding: 65px 0 65px 0;}
	.section.voice h2 {padding: 41px 0 29px 0;font-size: 170%;background-size: 40px;}
	.voice-box {padding: 5px 3% 10px 3%;}
 .voice-box dl dt {width: 100%;float: none;}
	.voice-box dl dd {width: 100%;padding: 0 0 0 75px;margin-top: -12px;}
	
	/*/////////////　おせちのお届けについて（おせち注意事項）　////////////////*/
	.section.chuui {padding: 15px 0 30px 0;}
	.chuui-box {border: 4px solid #e9e9e9;padding: 20px 4% 30px 4%;}
	.chuui-box dl dt {font-size: 115%;padding: 6px 0 8px 0;}
	.chuui-box dl dd {font-size: 130%;letter-spacing: 0;}
	.chuui-box .cancel-cap span{display:block;}

	/* ================ お知らせ  ===================*/
	.section.news {padding: 70px 20px 70px 20px;}
	.index-news-waku dl > dt {float: none;margin-left: 0;width: 100%;}
	.index-news-waku dl > dt h2 {margin-left: 0;writing-mode: unset;}
	.index-news-arrow {position: relative;z-index: 5;margin: -20px 0 16px auto;display: table;}
	.index-news-arrow a {width: 100px;height: 32px;padding: 0px 0 0 13px;font-size: 72%;}
	.index-news-waku dl > dd {width: 100%;}
}




@media screen and (max-width: 750px) {
	/*TOPページ上部の背景big画像-------------*/
.headerimgs-wrapper {background-image: none;background-color:#fff;}
	#headerimgs {height: auto;}
	body.front_page .slider-pro .sp-mask,
	body.front_page .slider-pro .sp-mask.sp-grab{height:0 !important;padding-bottom: 160%;}
	body.front_page .slider-pro .sp-image-container img {height: auto !important;width: 100% !important;}
.index-bigimg-bg-bottom{display:none;}
}





@media screen and (max-width: 700px) {
	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	dl.oishisa-dl {margin-top: -40px;}
	dl.oishisa-dl.no1 dt {width: 350px;height: 266px;}
	dl.oishisa-dl dd {width: 95%;top: -52px;position: relative;z-index:5;margin: 0 0 0 auto;}
	dl.oishisa-dl.no2 {margin-top: -117px;}
	dl.oishisa-dl.no2 dt {width: 330px;height: 267px;}
	dl.oishisa-dl.no2 dd {top: -80px;margin: 0 auto 0 0;}
	dl.oishisa-dl.no3 {margin-top: -160px;}
	dl.oishisa-dl.no3 dt {width: 350px;height: 322px;}
	dl.oishisa-dl.no3 dd {top: -133px;}
	dl.oishisa-dl.no4 {margin-top: -135px;margin-bottom: -80px;}
	dl.oishisa-dl.no4 dt {width: 300px;height: 265px;}
	dl.oishisa-dl.no4 dd {top: -153px;margin: 0 auto 0 0;}
	.oishisa-waku .com {margin: 14px 0 0 15px;}
}






@media screen and (max-width: 650px) {
	/*/////////////　和らく店舗の紹介　////////////////*/
	.wakaku-box dl dt .title {font-size: 130%;line-height: 1.4;}
	.wakaku-box dl dt .com {margin: 10px 0 20px 0;}
	.waraku-wrapp {width: 100%;}
	.waraku-shop2 {padding: 0 2%;}
	.acco-midashi {max-width: 95%;}
	.acco-com1 {max-width: 95%;}
	.acco-wrapp3 {max-width: 100%;margin: 25px 0 0 0;}
	.acco-com4 {max-width: 100%;}

	/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
	.osechi-shouhin-dl.scroll-section dd .ec-productRole__priceRegular {margin: 0 auto;display: table;}

	/*/////////////　おせちのお届けについて（おせち注意事項）　////////////////*/
	.chuui-box {padding: 10px 4% 20px 4%;}
	.chuui-box dl dt {font-size: 104%;padding: 5px 0 7px 0;width: 127px;}
	.chuui-box dl dd {font-size: 117%;width: calc(100% - 134px);line-height: 1.3;padding-top: 1px;}

	/*///////////////// 全ページ共通のフッター ////////////////////*/
	.footer_logo_area .header_logo a {width: 200px;height: 58px;}
	.footer_logo_area .cap {font-size: 70%;}
	.footer_zip_area {display: table;text-align: center;margin: 0 auto;}
	.footer-tel a {padding-left: 28px;background-size: 21px;font-size: 165%;background-position: left top 12px;}
	.mailmag-btn {margin-top: 17px;}
	.mailmag-btn a {height: 48px;width: 170px;font-size: 77%;line-height: 1.2;}
	.copyright {font-size: 65%;padding: 25px 0 25px 0;}
}





@media screen and (max-width: 600px) {
	h2 {font-size: 150%;letter-spacing: 0.1em;}
		
	/*/////////////　和らく店舗の紹介　////////////////*/
	.wakaku-box dl dt {width: 100%;}
	.wakaku-box dl dt .com {margin: 13px 0 23px 0;line-height: 1.8;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 70%;}
	.acco-midashi {max-width: 100%;font-size: 100%;}
	.acco-com1 {max-width: 100%;margin: 10px auto 30px auto;font-size: 95%;}
	.acco-com2 {max-width: 90%;}
	.waraku-shop2 {padding: 0;}
	.waraku-shop3 {margin-top: 16px;width: 80%;}
	.acco-wrapp2 {margin: 42px 0 0 0;max-width: 100%;}
	ul.acco-ul li {width: 45%;}
	.acco-midashi2 {font-size: 115%;}
	.movie-wrap-out {margin: 25px auto 0 auto;}

	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
 dl.oishisa-dl.no1 dt {width: 300px;height: 228px;}
	dl.oishisa-dl dd {width: 100%;}
	.oishisa-waku .midashi {font-size: 114%;}
	.oishisa-waku .no-img {width: 38px;}
	dl.oishisa-dl.no2 dt {width: 280px;height: 229px;}
	dl.oishisa-dl.no3 dt {width: 300px;height: 282px;}
	dl.oishisa-dl.no4 {margin-top: -167px;}
	dl.oishisa-dl.no4 dt {width: 260px;height: 231px;}
	dl.oishisa-dl.no4 dd {top: -129px;}
	picture.kodawari-img {margin: 15px -5px 0 -5px;}

	/*/////////////　お客様の声　////////////////*/
 .section.voice {background-size: 135px;padding: 40px 0 45px 0;}
	.section.voice h2 {padding: 38px 0 23px 0;font-size: 150%;background-size: 36px;}
	.voice-box dl {padding: 17px 0;}
	.voice-box dl dt {padding-left: 66px;height: 56px;padding-top: 2px;}
	.voice-box dl dd {padding: 0 0 0 66px;margin-top: -7px;line-height: 1.5;}
	.voice-box-cap {margin: 3px auto 0 auto;font-size: 80%;}

	/*/////////////　よくあるご質問　////////////////*/
	.section.faq {padding: 35px 20px 60px 20px;background-size: 800px , 350px;}
	.faq-box {font-size: 90%;margin: 0 auto;}
 .faq-box dl dt {padding: 18px 42px 20px 55px;background-size: 37px , 16px;background-position: left 7px top 15px , right 10px center;}
	.faq-box dl dt.open {padding-left: 55px;background-size: 37px , 16px;background-position: left 7px top 15px , right 10px center;}
	.faq-box dl dt:hover { padding-left: 55px;}

	/* ================ お知らせ  ===================*/
	.newslist dl dt {float: none;}
	.newslist dl dd {padding: 6px 0 0 1em;}
	.newslist a dt .index-news-date {padding: 0 0 0 10px;}
	.newslist a:hover dt .index-news-date {padding-left: 10px;}
}





@media screen and (max-width: 480px) {
	/*----トップローディング ---------------------*/
	.loading-animation {padding-top: 82px;background-size: 140px,32px;}
	
	#wrapper {font-size: 90%;}
	.section {padding-left: 15px !important;padding-right: 15px !important;}
	.ec-role {font-size: 15px;padding-left: 15px;padding-right: 15px;}
	
	h2 {font-size: 140%;padding: 50px 0 27px 0;letter-spacing: 0.02em !important;background-size: 100px;}

	/*///////////////// 全ページ共通のヘッダー ////////////////////*/
	.ec-headerNaviRole {padding: 0 10px;}
	.header_logo_area .cap {display: none;}
	#menubtn {right: 10px;}
	.ec-headerNaviRole .ec-headerNaviRole__right {top: 18px;}
	.ec-cartNavi {margin-right: 74px;}
	.ec-headerNav .ec-headerNav__itemIcon {margin-right: -1px;}
	.ec-headerNav {margin-right: 1.1em;}

	/*/////////////　和らく店舗の紹介　////////////////*/
	.section.warakushop {padding: 50px 0 25px 0;}
	.wakaku-box dl dd .wakaku-shop1 {max-width: 80%;}
	.wakaku-box dl dt .title {font-size: 106%;}
	.wakaku-box dl dt .com {line-height: 1.6;}
	.acco-midashi {margin-top: 10px;line-height: 1.6;}
	.acco-com1 {line-height: 1.5;}
	.acco-com2 {line-height: 1.5;}
	.acco-wrapp2 {margin: 81px 0 0 0;}
	.acco-wrapp1 {font-size: 93%;}
	.acco-com3 {line-height: 1.5;}
	.acco-com4 {font-size: 94%;margin: 10px auto 0 auto;line-height: 1.5;}
	
	/*/////////////　美味しさに理由あり-こだわりの逸品　////////////////*/
	.section.oishisa {padding: 65px 0 55px 0; }
	.oishisa-waku .com {font-size: 95%;}
	picture.kodawari-img {margin: 9px -7px 0 -7px;}
	dl.oishisa-dl.no2 dt,
	dl.oishisa-dl.no4 dt {margin: 0 -15px 0 auto;}
	dl.oishisa-dl.no4 {margin-top: -138px;margin-bottom: -120px;}
	dl.oishisa-dl.no4 dd {top: -160px;}

	/*/////////////　商品一覧（おすすめ商品プラグインで表示させている）　////////////////*/
	/*---商品一覧をブラウザの高さいっぱいでscrollsnap   画面幅を確認。480px以下なら通常のスクロールにする-----------*/
	.osechi-shouhin-wrap {padding: 0 0 80px 0;}
	.scroll-section {height: auto;}
	.osechi-shouhin-dl.scroll-section dt {padding: 70px 10% 20px 10%;}
	.osusume-name {font-size: 145%;}
	.osusume-description {font-size: 94%;}
	.osusume-description1 {margin: 10px 0 12px 0;}
	.osusume-price {font-size: 250%;background-size: 42px;padding-left: 45px;}
	.osusume-price span.ec-price-tax {font-size: 11px;}
	.osechi-shouhin-dl.scroll-section dd .naka-kuwashii a {font-size: 97%;height: 46px;width: 250px;}
	
	/*/////////////　お客様の声　////////////////*/
	.section.voice {background-size: 110px;}
	.section.voice h2 {padding: 33px 0 19px 0;font-size: 140%;background-size: 33px;}
	.voice-box {font-size: 83%;}
	.voice-box dl dt {padding-left: 52px;height: unset;background-size: 38px !important;}
	.voice-box dl dd {padding: 0 0 0 53px;margin-top:0;}

	/*/////////////　おせちのお届けについて（おせち注意事項）　////////////////*/
	.chuui-box dl dt {display: block;margin: 0;font-size: 92%;padding: 4px 0 7px 0;}
	.chuui-box dl dd {font-size: 107%;width: 100%;line-height: 1.3;padding-top: 6px;padding-left: 0;}
	.chuui-box .otodoke-cap {font-size: 84%;}
	.chuui-box .shoumi-cap {font-size: 84%;}
	.chuui-box .cancel-cap {font-size: 84%;}
	ul.chuui-ul {font-size: 84%;}
	ul.chuui-ul li {line-height: 1.5;}

	/*/////////////　よくあるご質問　////////////////*/
	.faq-box {font-size: 85%;}
	.section.faq h2 {font-size: 140%;padding: 50px 0 10px 0;}
	.faq-box dl dt {padding: 17px 42px 20px 46px;background-size: 34px , 15px;background-position: left 5px top 15px , right 10px center;}
	.faq-box dl dt.open {padding: 17px 42px 20px 46px;background-size: 34px , 15px;background-position: left 5px top 15px , right 10px center;}
	.faq-box dl dt:hover {padding-left: 46px;}

	/* ================ お知らせ  ===================*/
 .index-news-arrow {display:none;}
	.index-news-waku dl > dd {float: none;margin-top: 21px;}
	.newslist dl a {padding: 15px 0 15px 0;font-size: 85%;}
	.newslist a dt .index-news-date {padding: 0 0 0 2px;}
	.newslist a:hover dt .index-news-date {padding-left: 2px;}
	.newslist dl dd {padding: 6px 0 0 0.8em;}

	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {width: 40px;height: 40px;bottom: 10px;}
		
	/*///////////////// 全ページ共通のフッター ////////////////////*/
	.footer_logo_area .header_logo a {width: 175px;height: 50px;}
	.footer_logo_area .cap {font-size: 65%;}
	.footer-zip {font-size: 82%;}
	.copyright {font-size: 57%;}
}





		


@media screen and (max-width: 380px) {
	h2 {font-size: 125%;padding: 40px 0 20px 0;letter-spacing: 0 !important;}

	/*///////////////// 全ページ共通のヘッダー ////////////////////*/
	.ec-headerNav .ec-headerNav__item {display: none;}
	.ec-headerNaviRole .ec-headerNaviRole__right {top: 21px;}
	
	/*/////////////　和らく店舗の紹介　////////////////*/
	.wakaku-box dl dd .wakaku-shop1 {max-width: 60%;}
	.wakaku-box dl dt .title{line-height:1.5;}
	.wakaku-box dl dt .title br:nth-child(1) {display: block;}
	.waraku-shop2 {overflow: hidden;}
	.waraku-shop2 img{max-width: 120%;}
	.acco-wrapp2 {margin: 69px 0 0 0;}
	
	/*/////////////　おせちのお届けについて（おせち注意事項）　////////////////*/
	.section.chuui h2 {padding: 30px 0 12px 0;}
	.chuui-box { padding: 5px 4% 15px 4%;}
	.chuui-box dl dt {font-size: 87%;padding: 4px 0 5px 0;}
	.chuui-box dl dd {font-size: 100%;}

	/*/////////////　よくあるご質問　////////////////*/
	.section.news {padding: 50px 20px 50px 20px;}
	.section.faq h2 {font-size: 130%;padding: 40px 0 10px 0;}
	.faq-box dl dt {padding: 15px 29px 18px 37px;background-size: 30px , 15px;background-position: left 0px top 15px , right 4px center;}
	.faq-box dl dt.open {padding: 15px 29px 18px 37px;background-size: 30px , 15px;background-position: left 0px top 15px , right 4px center;}
	.faq-box dl dt:hover {padding-left: 37px;}

	/*///////////////// 全ページ共通のフッター ////////////////////*/
	.footer_logo_area .header_logo a {width: 165px;height: 47px;}
	.footer_logo_area .cap {font-size: 60%;}
	.footer-zip span{display:block;}
	.mailmag-btn a {height: 41px;width: 150px;font-size: 66%;}
}