@charset "utf-8";

#footer_pagetop { display: none !important;}

/*-----------------------------------------
 2025年 秋さきどりキャンペーン
-----------------------------------------*/
#autumn2025 { position: relative;}
#autumn2025 h1,
#autumn2025 h2,
#autumn2025 h3 { margin: 0 auto; padding: 0; border: 0;}
#autumn2025 img { width: 100%; vertical-align: top;}
#autumn2025 figure  { text-align: center;}

#autumn2025 .autumn2025_inner {
	display: flex;
	justify-content: space-between;
  background-image: url("/img/usr/freepage/2025/2509_autumncampaign/bg_frame.png"), url(/img/usr/freepage/2025/2509_autumncampaign/bg.png);
  background-attachment: fixed;
  -webkit-background-size: 100% calc(100% - 160px), auto;
  background-size: 100% calc(100% - 160px), auto;
  background-position: center 160px, center;
	background-repeat: no-repeat, repeat;
}
[data-browse-mode="P"]:has(#header.fixed) #autumn2025 .autumn2025_inner {
  -webkit-background-size: 100% calc(100% - 100px), auto; background-size: 100% calc(100% - 100px), auto; background-position: center 100px, center;
}
[data-browse-mode="S"] #autumn2025 .autumn2025_inner {
  -webkit-background-size: 100% 100%, auto; background-size: 100% 100%, auto; background-position: center top, center;
}
[data-browse-mode="S"]:has(#header.fixed) #autumn2025 .autumn2025_inner {
  -webkit-background-size: 100% calc(100% - 50px), auto; background-size: 100% calc(100% - 50px), auto; background-position: center 50px, center;
}
#autumn2025 .autumn2025_inner .left_frame,
#autumn2025 .autumn2025_inner .right_frame {
	width: 32vw;
	max-height: 100vh;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 2;
}
#autumn2025 .autumn2025_inner .left_frame  { left: 0;}
#autumn2025 .autumn2025_inner .main_frame  { width: 36vw; max-width: 750px; padding: 0 0 1px; margin: 0 auto; position: relative; z-index: 2;}
#autumn2025 .autumn2025_inner .right_frame { right: 0; padding-bottom: 160px;}
[data-browse-mode="P"]:has(#header.fixed) #autumn2025 .autumn2025_inner .left_frame { padding-top: 100px;}
[data-browse-mode="P"]:has(#header.fixed) #autumn2025 .autumn2025_inner .right_frame { padding-bottom: 0;}

#autumn2025 .autumn2025_inner .left_frame .image img { width: 85%;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li { border-bottom: #f2922b 2px dotted;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li + li { margin: 15px 0 0;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li a {
  height: 50px;
  padding: 0 15px 0 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
	letter-spacing: 0.15em;
  color: #5c331f;
  display: flex;
  align-items: center;
	transition: 0.3s;
}
#autumn2025 .autumn2025_inner .right_frame .navi-list li a:hover { opacity: 0.6;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li a::before {
  content: '';
  width: 46px;
  height: 46px;
  margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
  display: block;
	position: relative;
}
#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav01 a::before { background-image: url("/img/usr/freepage/2025/2509_autumncampaign/nav_ico01.png"); bottom: -10px;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav02 a::before { background-image: url("/img/usr/freepage/2025/2509_autumncampaign/nav_ico02.png");}
#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav03 a::before { background-image: url("/img/usr/freepage/2025/2509_autumncampaign/nav_ico03.png"); bottom: -10px;}
#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav04 a::before { background-image: url("/img/usr/freepage/2025/2509_autumncampaign/nav_ico04.png");}
#autumn2025 .autumn2025_inner .right_frame .about-matome { width: 40%; max-width: 250px; position: absolute; bottom: 15px; right: 15px;}

/* メインビジュアル */
#autumn2025 #sec_main { position: relative;}
#autumn2025 #sec_main::after {
	content: '';
	width: 120%;
	height: 100%;
	display: block;
	background-image: url("/img/usr/freepage/2025/2509_autumncampaign/main_pop.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	left: -10%;
	top: 0;
}

/* プレゼント */
#autumn2025 #sec_present .set-frame { padding: 0 5% 40px; background: #eae3a9;}
#autumn2025 #sec_present .set-frame h3 { margin: 0 0 7px; font-size: 18px; font-weight: 700; color: #5c331f;}
#autumn2025 #sec_present .set-frame h3 br { display: none;}
#autumn2025 #sec_present .set-frame .set-list li { padding: 0 0 0 1em; font-size: 18px; font-weight: 400; text-indent: -1em; color: #5c331f;}
#autumn2025 #sec_present .into-frame { padding: 0 0 40px; background: #f1ecc1;}
#autumn2025 #sec_present .into-frame .list { padding: 0 5%;}
#autumn2025 #sec_present .into-frame .list li { padding: 0 0 0 1em; font-size: 18px; font-weight: 400; text-indent: -1em; color: #5c331f; list-style: disc inside;}

/* 対象商品 */
#autumn2025 #sec_lineup .items li { position: relative;}
#autumn2025 #sec_lineup .items .link { width: 38.5%; position: absolute;}
#autumn2025 #sec_lineup .items .link a { transition: 0.3s;}
#autumn2025 #sec_lineup .items .link a:hover { opacity: 0.6;}
#autumn2025 #sec_lineup .items .item01 .link { bottom: 17.6%; right: 8%;}
#autumn2025 #sec_lineup .items .item02 .link { bottom: 15.4%; left: 33.4%;}
#autumn2025 #sec_lineup .items .item03 .link { bottom: 11.3%; right: 8%;}

/* お買い物例 */
#autumn2025 #sec_collabo .collabo-frame { padding: 0 10%; background: #f1b5a1;}
#autumn2025 #sec_collabo .collabo-frame .swiper-button-prev,
#autumn2025 #sec_collabo .collabo-frame .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f1b5a1;
  top: calc(50% - 25px);
}
#autumn2025 #sec_collabo .collabo-frame .swiper-button-prev::after,
#autumn2025 #sec_collabo .collabo-frame .swiper-button-next::after {
	content: '';
	width: 15px;
	height: 20px;
	border: none;
	font-size: 0;
	color: #FFF;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #FFF;
}
#autumn2025 #sec_collabo .collabo-frame .swiper-button-prev::after { transform: rotate(180deg);}
#autumn2025 #sec_collabo .collabo-frame .swiper-button-prev { left: calc(10% - 35px);}
#autumn2025 #sec_collabo .collabo-frame .swiper-button-next { right: calc(10% - 35px);}
#autumn2025 #sec_collabo .note { padding: 20px 5% 40px; background: #f1b5a1;}
#autumn2025 #sec_collabo .note li { padding: 0 0 0 1em; font-size: 14px; font-weight: 400; text-indent: -1em;}
#autumn2025 #sec_collabo .note li .small { font-size: 12px;}

/* まとめ割 */
#autumn2025 #sec_omatome { margin: 0 0 60px;}

@media screen and (max-width: 1750px) {
	#autumn2025 #sec_present .set-frame h3 br { display: block;}
}
@media screen and (max-width: 1000px) {
	#autumn2025 .autumn2025_inner .left_frame  { display: none !important;}
	#autumn2025 .autumn2025_inner .left_frame .image img { width: 100%;}
	#autumn2025 .autumn2025_inner .main_frame  { width: 100%; padding-bottom: 0;}
	#autumn2025 .autumn2025_inner .right_frame { width: 100%; padding: 0; display: block; position: fixed; left: 0; top: auto; bottom: 10px; z-index: 3;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list { max-width: 800px; padding: 0 15px; margin: 0 auto; display: flex; justify-content: space-between; column-gap: 5px;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li { width: calc((100% - 5px * 3)/4); border: none;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li + li { margin: 0;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li a { padding: 0; border: #FFF 2px solid; border-radius: 5px; font-size: 14px; word-break: keep-all; white-space: nowrap; letter-spacing: 0; color: #FFF; justify-content: center; background: #f2922b; position: relative;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li a::before { width: 24px; height: 24px; margin: 0; position: absolute;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav01 a::before { left:  -5px; top: -8px; bottom: auto;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav02 a::before { left:   3px; top: -3px; bottom: auto;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav03 a::before { left:   3px; top: -4px; bottom: auto;}
	#autumn2025 .autumn2025_inner .right_frame .navi-list li.nav04 a::before { right: -5px; top: -8px; bottom: auto;}
	#autumn2025 .autumn2025_inner .right_frame .about-matome { width: 32%; max-width: 200px; bottom: 60px; right: 15px;}
	#autumn2025 #sec_main::after { display: none !important;}
	#autumn2025 #sec_omatome { margin: 0;}
	#site_footer_top { position: relative; z-index: 4;}
	footer#site_footer { position: relative; z-index: 4;}
}
@media screen and (max-width: 750px) {
	#autumn2025 #sec_present .set-frame h3 { font-size: 16px;}
	#autumn2025 #sec_present .set-frame .set-list li { font-size: 14px;}
	#autumn2025 #sec_present .into-frame { padding: 0 0 30px;}
	#autumn2025 #sec_present .into-frame .list li { font-size: 14px;}
	#autumn2025 #sec_collabo .note li { font-size: 12px;}
	#autumn2025 #sec_collabo .note li .small { font-size: 10px;}
}