@charset "utf-8";
/* ■■■■■■■■■■共通■■■■■■■■■■ */
/* ■■■■■■■■■■よくある質問■■■■■■■■■■ */
.s-faq dd:not(:last-child){
	border-bottom: 1px solid var(--GRAY01);
}
.s-faq dt,
.s-faq dd{
	position: relative;
}
.s-faq:last-child dd{
	padding-bottom: 0;
}
.s-faq dt::before,
.s-faq dd::before{
	font-family: var(--FF_EN);
	position: absolute;
}
.s-faq dt::before{
	content: 'Q';
  color: var(--THEME_COLOR_1);
}
.s-faq dd::before{
	content: 'A';
  color: var(--THEME_COLOR_1);
}
@media screen and (min-width: 768px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.s-faq dt{
		font-size: 18px;
		padding: 0 60px 20px 60px;
	}
	.s-faq dd{
		padding: 10px 60px 50px;
	}
	.s-faq dt::before,
	.s-faq dd::before{
		font-size: 30px;
	}
	.s-faq dt::before{
		left: 20px;
		top: -12px;
	}
	.s-faq dd::before{
		left: 20px;
		top: -2px;
	}
}
@media screen and (max-width: 767px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.s-faq dt{
		font-size: 14px;
		padding: 0 10px 15px 35px;
	}
	.s-faq dd{
		padding: 8px 10px 30px 35px;
	}
	.s-faq dt::before,
	.s-faq dd::before{
		font-size: 25px;
	}
	.s-faq dt::before{
		left: 5px;
		top: -10px;
	}
	.s-faq dd::before{
    left: 6px;
    top: -2px;
	}
	.s-faq dd .g-txt{
		line-height: 1.7;
	}
}
/* アコーディオン 矢印 */
.s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
}
.s-faq--acc dt span::before{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	color: var(--BDCOLOR_GRAY_1);
	content: '\f107';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}
.s-faq--acc dt.active span::before{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 3px;
	}
	.s-faq--acc dt span{
		width: 30px;
		right: 10px;
		top: 0px;
	}
	.s-faq--acc dt span::before{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt:not(:first-child){
		margin-top: 3px;
	}
	.s-faq--acc dt span{
		width: 20px;
		right: 5px;
		top: 5px;
	}
	.s-faq--acc dt span::before{
		font-size: 15px;
	}
}
/* ■■■■■■■■■■お買い物ガイド■■■■■■■■■■ */
.s-guideContents{
	display: grid;
	gap: var(--GENERALSEC);
}
.s-guideColumn__heading{
	font-weight: 700;
	background-color: var(--GRAY01);
}
.s-guideColumn__ttl{
	font-weight: 600;
}
.s-guideCredit{
	display: flex;
	align-items: center;
	gap: var(--GAP_10);
	margin: var(--GAP_20) 0;
}
.s-guideCredit li{
	flex: 1;
}
.s-guidePaymentLogo{
	margin: var(--GAP_30) 0 var(--GAP_20);
}
.s-guideTable{
	width: 100%;
	border-collapse: collapse;
}
.s-guideTable--bank{
	max-width: 300px;
}
.s-guideTable th,
.s-guideTable td{
	border: 2px solid var(--WHITE);
}
.s-guideTable th{
	font-weight: normal;
}
.s-guideTable thead th{
	background-color: var(--GRAY03);
	color: var(--WHITE);
}
.s-guideTable tbody th,
.s-guideTable tbody td{
	background-color: var(--GRAY01);
	text-align: center;
}
.s-guideColumn__subttl,
.s-guideColumn__cardttl{
	font-weight: 500;
}
.s-guideColumn__subttl::before,
.s-guideColumn__cardttl::before{
	content: '【';
}
.s-guideColumn__subttl::after,
.s-guideColumn__cardttl::after{
	content: '】';
}
.s-guideContainer strong{
	color: red;
}
.s-guideContainer mark{
	background: linear-gradient(transparent 70%, #fff799 30%);
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: 250px 1fr;
		align-items: flex-start;
		gap: var(--GAP_80);
	}
	.s-guideNav{
		position: sticky;
		top: 20px;
		left: 0;
	}
	.s-guideNav__item li a{
		display: block;
		padding: 5px 0;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_20);
		padding: 10px 15px;
		margin-bottom: var(--MG_30);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_16);
		margin: var(--MG_50) 0 var(--MG_5);
	}
	.s-guideCredit{
		max-width: 400px;
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 200px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 150px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 150px;
	}
	.s-guideTable{
		/* margin-top: var(--MG_10); */
	}
	.s-guideTable thead th{
		padding: 7px 0;
		font-size: var(--FZ_14);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 7px 20px;
		font-size: var(--FZ_12);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_40);
	}
}
@media screen and (max-width: 767px){
	.s-guideNav{
		--GUIDE_NAV_SP_BOX: 300px;
		--GUIDE_NAV_SP_BOX_TRIGGER: 40px;
		position: fixed;
		right: calc(0px - var(--GUIDE_NAV_SP_BOX) + var(--GUIDE_NAV_SP_BOX_TRIGGER));
		top: 150px;
		display: flex;
		width: var(--GUIDE_NAV_SP_BOX);
		transition: .5s;
		z-index: 99;
		opacity: 0;
	}
	body.scroll .s-guideNav{
		opacity: 0;
		animation: var(--ANIME_FADEIN);
	}
	body.scroll.returnTop .s-guideNav{
		opacity: 1;
		animation: var(--ANIME_FADEOUT);
	}
	.s-guideNav.active{
		right: 0;
	}
	.s-guideNav__spTrigger{
		width: var(--GUIDE_NAV_SP_BOX_TRIGGER);
		height: 200px;
		background-color: var(--GRAY01);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 0 0 5px;
		border: 1px solid var(--GRAY03);
		border-right: none;
	}
	.s-guideNav__spTrigger::after{
		content: '目次';
		writing-mode: vertical-rl;
	}
	.s-guideNav.active .s-guideNav__spTrigger::after{
		content: '閉じる';
	}
	.s-guideNav__item{
		flex: 1;
		background-color: var(--WHITE);
		border: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li:not(:last-child){
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li a{
		display: block;
		padding: 8px 15px;
		font-size: 13px;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_16_CONST);
		padding: 5px 10px;
		margin-bottom: var(--MG_15);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_15_CONST);
		margin: var(--MG_20) 0 var(--MG_5);
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 150px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 120px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable thead th{
		padding: 5px 0;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 5px 15px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_10);
	}
}
/* 追加 */
.s-guideColumn__step {
	counter-reset: original-counter;
}
.s-guideColumn__step__ttl::before {
	content: 'STEP' counter(original-counter)'.';
	counter-increment: original-counter;
	font-weight: bold;
}
.s-guideColumn__step {
	display: grid;
	gap: 20px;
}
.s-guideColumn__step>li {
	display: grid;
	gap: 25px;
}
.s-guideColumn__check {
	margin-top: 50px;
	counter-reset: original-counter;
}
.s-guideColumn__check__ttl::before {
	content: 'Check Point' counter(original-counter)'.';
	counter-increment: original-counter;
	font-weight: bold;
}
.s-guideColumn__check {
	display: grid;
	gap: 50px;
}
.s-guideColumn__check>li {
	display: grid;
	gap:10px;
}
.s-guideColumn__check  li > p{
  order: 2;
}
.s-guideColumn__check .s-guideColumn__check__body{
  order: 1;
}
@media screen and (min-width: 768px) {
	.s-guideColumn__check>li {
		grid-template-columns: clamp(250px, 35vw, 400px) 1fr;
	}
}
.s-guidePaymentLogo--docomo {
	width: 120px;
	margin: 0;
}
.s-guidePaymentLogo--sb {
	width: 300px;
	margin: 10px 0;
}
.s-guidePaymentLogo--au {
	width: 200px;
	margin: 10px 0;
}
/* ■■■■■■■■■■ダブルデイ公式ライン■■■■■■■■■■ */
/* s-lineIntro */
.s-lineIntro__ttl{
	font-weight: 600;
}
.s-lineIntro__txt{
	line-height: 1.7;
}
@media screen and (min-width: 768px){
	.s-lineIntro{
		display: grid;
		align-items: center;
		grid-template-columns: clamp( 200px, 30vw, 386px) 1fr;
		gap: var(--GAP_20);
	}
	.s-lineIntro__ttl{
		font-size: var(--FZ_18);
		margin-bottom: var(--GAP_20);
	}
	.s-lineIntro__txt{
		font-size: var(--FZ_14);
	}
}
@media screen and (max-width: 767px){
	.s-lineIntro__ttl{
		font-size: var(--FZ_18);
		margin: 10px 0 5px;
	}
	.s-lineIntro__txt{
		font-size: var(--FZ_14);
	}
}
/* s-lineGuide */
@media screen and (min-width: 768px){
	.s-lineGuide{
		max-width: 850px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* s-lineRegister */
.s-lineRegister__heading{
	font-family: var(--FF_SERIF);
	font-weight: 500;
	border-bottom: 1px solid var(--BDCOLOR_GRAY_3);
}
.s-lineRegister__txt{
	line-height: 1.7;
}
.s-lineRegister__note li{
	color: var(--TXT_COLOR_BASE);
}
@media screen and (min-width: 768px){
	.s-lineRegister__heading{
		padding-bottom: 5px;
		font-size: var(--FZ_24);
		margin-bottom: var(--GAP_50);
	}
	.s-lineRegister{
		display: grid;
		align-items: center;
		grid-template-columns: clamp( 200px, 30vw, 386px) 1fr;
		gap: var(--GAP_20);
	}
	.s-lineRegister__txt{
		font-size: var(--FZ_14);
	}
	.s-lineRegister__note{
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px){
	.s-lineRegister__heading{
		font-size: var(--FZ_18);
		padding-bottom: 5px;
		margin-bottom: var(--GAP_20);
	}
	.s-lineRegister__txt{
		margin-top: 10px;
		font-size: var(--FZ_14);
	}
	.s-lineRegister__note{
		margin-top: 20px;
	}
}
/* s-lineBnr */
@media screen and (min-width: 768px){
	.s-lineBnr{
		max-width: 780px;
		margin: 0 auto;
	}
}
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */

/* ご利用ガイド追加 20240905 */
.s-guideContents-testnew .s-guide__bg--gray{
	background-color: rgb( 238, 240, 240, .5);
	padding: 20px;
}
.s-guideContents-testnew .s-guideColumn__ttl{
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
.s-guide__border-gray{
	border:  4px solid #eef0f0;
	padding: 20px;
	margin-block-start: 20px;
}
.s-guide__borderPadding-gray{
	border:  4px solid #eef0f0;
	padding: 20px;
	/* margin-block-start: 20px; */
}
.s-guide__borderPadding-gray--mgt10{
  margin-top: 10px;
}
.font-small{
	font-size: 12px;
}
.s-guideContents-testnew .s-guideCredit{
	max-width: 350px;
}
.s-guideContents-testnew .g-txt__list > li::before{
	width: 5px;
	top: 15px;
}
.s-guideContents-testnew .g-txt__list > li {
	padding-left: 10px;
}
.g-txt__time li span{
	display: inline-block;
	width: 65px;
	margin-left: 10px;
}
.g-txt__time li{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.s-guideContents-testnew .g-txt__time{
	display: flex;
	gap: 20px;
	padding: 20px 0 0;
}
.s-guideContents-testnew .g-txt__time li{
	display: flex;
	flex-direction: column-reverse;
}
/* .s-guideContents-testnew .g-txt > *+.g-txt__list{
	margin: 0;
} */
@media screen and (max-width: 767px){
	.s-guideContents-testnew .g-txt__time{
		gap: 10px;
	}
	.g-txt__time li span{
		width: 40px;
	}
	.s-guideContents-testnew .s-guide__bg--gray{
		padding: 20px;
	}
  .s-guideContents-testnew .s-guideColumn__ttl{
    margin-bottom: 15px;
  }
}
.guidenew {
	padding: 80px 0;
}
.s-guideContents-testnew .s-guidePaymentLogo--rakutenPay{
	margin: 20px 0;
}
.s-guideContents-testnew .g-txt__note li{
	color: var(--TXT_COLOR_BASE);
}




/* ■■■■■■■■■■■■■■■■ 20224クリスマスLP ■■■■■■■■■■■■■■■■ */
.xmasLP{
  color: #fff;
  margin-bottom: 50px;
}
.xmas-bg{
  background-color: #940413;
  padding: 50px 0;
}
.xmas-bg2{
  background-color: #AA0122;
  padding: 80px 0;
}
.xmas-bg3{
  background-color: #BA0D2F;
  padding: 80px 0;
}
.xmas-inner{
  max-width: 1200px;
  margin: 0 auto;
  width: 95%;
}
@media screen and (min-width: 768px){
  .xmas-pc-inner{
    max-width: 1200px;
    margin: 0 auto;
    width: 95%;
  }
}

@media screen and (max-width: 767px){
  .xmas-bg2,.xmas-bg3{
    padding: 50px 0;
  }
  .xmas-bg3{
    padding: 50px 0;
  }
  .xmas-sp-inner{
    margin: 0 auto;
    width: 95%;
    max-width: 500px;
  }
  .xmas-inner{
    max-width: 500px;
  }
}


/* 雪 */
.xmas-snow{
position: fixed;
top: 0;
z-index: 100;
width: 100vw;
height: 100vh;
transform: translate3d(0, 0, 0);
pointer-events: none;
will-change: auto;
}


/* 何をお探しですか？ */
.xmasSerch__ttl{
  width: 70%;
  max-width: 800px;
  margin: 0 auto;
}
.xmasSerch__txt{
  margin: 0 auto;
}
.xmaSerch-wrap{
  position: relative;
}
.xmaSarch-box{
  z-index: 1;
}
.xmasSerch-boxcontents{
  z-index: 2;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  width: 90%;
}
.xmasSerch__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 20px;
}
.xmasSerch__list li:nth-child(4),.xmasSerch__list li:nth-child(5){
  margin-top: -50px;
}
.snsFrame{
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.snsFrame__contents{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 19px;
}
.snsFrame__iconlist{
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
  padding: 10px 0 0;
}

@media screen and (min-width: 768px){
  .xmaSerch-wrap{
    margin-top: -70px;
  }
  .xmasSerch__list li{
    width: 31%;
  }
  .snsFrame{
    width: 70%;
    max-width: 540px;
  }
  .xmasSerch__txt{
    width: 30%;
    max-width: 320px;
  }
  .snsFrame__iconlist li{
    width: 6%;
    max-width: 60px;
  }
}
@media screen and (max-width: 767px){
  .xmasSerch-boxcontents{
    width: 100%;
    top: 50%;
  }
  .xmasSerch__ttl{
    width: 95%;
  }
  .xmaSerch-wrap{
    margin-top: -40px;
  }
  .xmasSerch__txt{
    margin-bottom: 20px;
  }
  .xmasSerch__list{
    display: block;
    margin-bottom: 50px;
  }
  .xmasSerch__listitemparts{
    position: absolute;
  }
  .xmasSerch__list li{
    width: 44%;
    max-width: 180px;
  }
  .xmasSerch__list li a{
    position: relative;
    display: block;
  }
  .xmasSerch__list li:nth-child(1) .xmasSerch__listitemparts{
    left: 0;
    top: 9%;
    width: 100px;
  }
  .xmasSerch__list li:nth-child(2) .xmasSerch__listitemparts{
    right: 0;
    top: 15%;
    width: 90px;
  }
  .xmasSerch__list li:nth-child(3) .xmasSerch__listitemparts{
    left: -5px;
    top: 40%;
    width: 110px;
  }
  .xmasSerch__list li:nth-child(4) .xmasSerch__listitemparts{
    right: 0;
    bottom: 31%;
    width: 70px;
  }
  .xmasSerch__list li:nth-child(5) .xmasSerch__listitemparts{
    left: 35%;
    bottom: 16%;
    width: 110px;
  }
  .xmasSerch__list li:nth-child(1){
    margin: 0 0 auto 80px;
  }
  .xmasSerch__list li:nth-child(2){
    margin: -40px 10px 0 auto;
  }
  .xmasSerch__list li:nth-child(3){
    margin: -95px auto 0 45px;
  }
  .xmasSerch__list li:nth-child(4){
    margin: -45px 40px 0 auto;
  }
  .xmasSerch__list li:nth-child(5){
    margin: -85px auto 0 10px;
  }
  /* .xmasSerch__list li:nth-child(even){
    margin: 0 0 0 auto;
  }
  .xmasSerch__list li:nth-child(odd){
    margin: 0 auto 0 0;
  }
  .xmasSerch__list li:nth-child(2){
    margin-top: -120px;
    width: 45%;
  }
  .xmasSerch__list li:nth-child(3){
    margin-top: -40px;
    width: 55%;
  }
  .xmasSerch__list li:nth-child(4){
    margin-top: -60px;
  }
  .xmasSerch__list li:nth-child(5){
    margin-top: -140px;
  } */
  .snsFrame{
    width: 70%;
    max-width: 280px;
  }
  .snsFrame__contents{
    font-size: 14px;
  }
  .xmasSerch__txt{
    width: 70%;
    max-width: 400px;
  }
  .snsFrame__iconlist li {
    width: 11%;
    max-width: 60px;
  }
}

@media screen and (max-width: 490px){
  /* .xmasSerch__list li:nth-child(2){
    margin-top: -130px;
  }
  .xmasSerch__list li:nth-child(3){
    margin-top: -100px;
  }
  .xmasSerch__list li:nth-child(4){
    margin-top: -110px;
  }
  .xmasSerch__list li:nth-child(5){
    margin-top: -140px;
  } */
}


/* クリスマスツリー */
.xmasTree-main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto 30px;
}
.xmasTree-txtarea__txt {
  padding: 30px 0 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
.xmasTree-type{
  background-color:#930015 ;
  padding: 40px 30px;
}
.xmasTree-typelist{
  display: flex;
  gap: 10px;
  text-align: center;
}
.xmasTree-typelist li{
  width: 33%;
  align-items: center;
  display: flex;
  justify-content: center;
}

.xmasTree-typelist__txt{
  flex-direction: column;
  display: flex;
}
.xmasTree-typelist__txt2{
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 25px;
  padding-top: 5px;
}
.xmasTree-typelist li:nth-child(1) .xmasTree-typelist__txt2,
.xmasTree-typelist li:nth-child(2) .xmasTree-typelist__txt2{
  margin-bottom: 40px;
  padding-top: 15px;
}
@media screen and (min-width: 768px){
  .xmasTree-img{
    width: 35%;
  }
  .xmasTree-txtarea{
    width: 60%;
  }
  .xmasTree-typelist__txt{
    width: 40%;
  }
  .xmasTree-typelist__img{
    width: 55%;
  }
}
@media screen and (max-width: 767px){
  .xmasTree-main{
    width: 100%;
    justify-content: center;
  }
  .xmasTree-img{
    width: 35%;
  }
  .xmasTree-txtarea{
    width: 60%;
  }
  .xmasTree-txtarea__txt {
    font-size: 15px;
  }
  .xmasTree-type{
    padding: 20px 10px;
  }
  .xmasTree-typelist__ttlimg{
    width: 60%;
    margin: 0 auto;
  }
  .xmasTree-typelist__txt{
    display: contents;
  }
  .xmasTree-typelist li{
    flex-direction: column;
  }
  .xmasTree-typelist__txt2{
    margin-bottom: 0;
    flex-grow: 1;
    order: 3;
    font-size: 14px;
    padding: 0 0 5px;
  }
  .xmasTree-typelist li:nth-child(1) .xmasTree-typelist__txt2{
    margin-bottom: 0;
    padding-top: 5px;
  }
  .xmasTree-typelist li:nth-child(2) .xmasTree-typelist__txt2{
    padding-top: 0;
    margin-bottom: 0;
  }
  .xmasTree-typelist__img{
    order: 2;
  }
  .xmasTree-typelist__btn{
    order: 4;
    width: 70%;
    margin: 0 auto;
  }
}


/*  */
.xmasType-contents{
  padding: 100px 0;
}
.xmasType-ttl{
  display: flex;
  gap: clamp( 20px, 5vw, 100px);
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
.xmasType-ttl h2{
  display: flex;
  align-items: center;
}
.xmasType-ttl__img{
  width: 40%;
}
.xmasType-ttl__txt{
font-weight: bold;
width: 60%;
}
.xmasBtn{
  width: 90%;
  max-width: 330px;
  margin: 0 auto;
}
.xmasBtn--hover a{
  display: block;
  color: #fff;
  padding: 15px 0;
  border: 1px solid #fff;
  position: relative;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
}
.xmasBtn--hover a::before{
  background: url(/asset2024/images/ec/xmas/arrow-button.svg)center / contain no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  transition: all 1s;
}

@media screen and (min-width: 768px){
  .xmasType-contents1{
    margin-bottom: 100px;
  }
  .xmasBtn--hover a:hover{
    background-color: #fff;
    opacity: 1;
    color: #AA0122;
  }
  .xmasBtn--hover a:hover::before{
    background: url(/asset2024/images/ec/xmas/arrow-button-r.svg)center / contain no-repeat;
  }
  .xmasType-ttl__txt{
    padding-left: 10px;
    margin-top: 15px;
    font-size: 22px;
  }
  .xmasType-lineup{
    padding: 30px 0 80px;
  }
  .xmasType-txt{
    font-size: 17px;
  }
}
@media screen and (max-width: 767px){
  .xmasType-contents1{
    margin-bottom: 40px;
  }
  .xmasType-contents{
    padding: 20px 0;
  }
  .xmasType-ttlArea{
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: 0 auto;
  }
  .xmasType-ttl{
    display: contents;
  }
  .xmasType-ttl-border{
    order: 3;
  }
  .xmasType-txt{
    order: 4;
    width: 95%;
    margin: 0 auto 20px;
  }
  .xmasType-ttl__img{
    width: 80px;
  }
  .xmasType-ttl__txt {
    padding-left: 15px;
    margin-top: 15px;
    font-size: 17px;
  }
  .xmasBtn{
    width: 80%;
    max-width: 250px;
    margin: 0 auto;
  }
  .xmasBtn--hover a::before{
    width: 15px;
    height: 15px;
    right: 10px;
  }


  /* スクロール */
  .xmasType-lineup{
    background-color: #F2EFE1;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
  }
  .xmasType-lineup__ttl-scroll{
    width: 80px;
    position: absolute;
    right: 10px;
    top: 30px;
  }
  .xmasType-lineup__scroll{
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .xmasType-lineup__scrollimg{
    width: fit-content;
  }
  .xmasType-lineup__scrollimg img{
    width: 180vw;
    max-width: 960px;
  }
  .xmasType-lineup__ttl{
    width: 30%;
    max-width: 160px;
    margin: 0 auto 10px;
  }
}

.xmasType-contentsOther{
  margin-bottom: 60px;
}
.xmasType-contentsOther,
.xmasType-contentsother__flex{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.xmasType-contentsother__flex{
  padding: 30px 0;
}
.xmasType-contentsother__txtparts{
  width: 90px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.xmasType-contents2 h2,.xmasType-contents3 h2{
  display: flex;
  align-items: center;
}
.xmasType-contents2 .xmasType-ttl__img,
.xmasType-contents3 .xmasType-ttl__img{
  width: 110px;
}
.xmasBtn--s{
  width: 90%;
  max-width: 380px;
}
@media screen and (min-width: 768px){
  .xmasType-contents2,.xmasType-contents3{
    width: 45%;
  }
  .xmasType-contentsother__flex{
    align-items: flex-start;
  }
  .xmasType-contentsother__flex > p{
    width: 60%;
  }
  .xmasType-contentsother__flex > div{
    width: 35%;
  }
}
@media screen and (max-width: 767px){
  .xmasType-contentsOther{
    display: block;
  }
  .xmasType-contentsother__flex{
    position: relative;
    display: block;
  }
  .xmasType-contents2 .xmasType-contentsother__flex > p{
    width: 80%;
    margin-right: auto;
  }
  .xmasType-contentsother__txtarea{
    display: contents;
}
.xmasType-contents2 .xmasType-contentsother__txtparts1 {
    position: absolute;
    right: 6%;
    top: 25%;
    width: 40px;
  }
  .xmasType-contents2 .xmasType-contentother__sptxt{
    padding: 20px 30px;
    width: 60%;
    margin-left: auto;
    position: relative;
    z-index: 4;
    margin-top: -30px;
    background-color: rgba(47,12,12,.3);
  }
  .xmasType-contents2{
    margin-bottom: 50px;
  }
  .xmasType-contents3 .xmasType-contentsother__flex > p{
    width: 80%;
    margin-left: auto;
  }
  .xmasType-contentsother__txtparts1 {
    position: absolute;
    right: 6%;
    top: 25%;
    width: 40px;
  }
  .xmasType-contentsother__txtparts2{
    position: absolute;
    left: 30%;
    bottom: 10%;
    width: 60px;
    z-index: 5;
  }
  .xmasType-contents2 .xmasType-contentother__sptxt{
    padding: 20px 30px;
    width: 60%;
    margin-left: auto;
    position: relative;
    z-index: 4;
    margin-top: -30px;
    background-color: rgba(47,12,12,.3);
  }
  .xmasType-contents3 .xmasType-contentsother__txtparts3 {
    position: absolute;
   left: 6%;
    top: 25%;
    width: 40px;
  }
  .xmasType-contents3 .xmasType-contentsother__txtparts4 {
    position: absolute;
   right: 35%;
    bottom: 0;
    width: 45px;
  }
  .xmasType-contents3 .xmasType-contentother__sptxt{
    padding: 20px 30px;
    width: 60%;
    margin-right: auto;
    position: relative;
    z-index: 4;
    margin-top: -30px;
    background-color: rgba(47,12,12,.3);
  }
  .xmasBtn--s{
    width: 75%;
    max-width: 320px;
  }
}


.xmasBtn--beige{
  max-width: 450px;
}
.xmasBtn--beige a{
  background-color: #AF8939;
  border-radius: 2px;
  padding: 5px;
  display: block;
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 700;
}
.xmasBtn--beige a::before{
  background: url(/asset2024/images/ec/xmas/arrow-button.svg)center / contain no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.xmasBtn--beige a span{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: block;
width: 100%;
}
@media screen and (min-width: 768px){
  .xmasBtn--beige a:hover{
    opacity: .7;
  }
}
@media screen and (max-width: 767px){
  .xmasBtn--beige{
    width: 90%;
  }
  .xmasBtn--beige a::before{
    right: 13px;
    width: 17px;
    height: 17px;
  }
}
/* オーナメント */
.xmasOmt-list{
  display: flex;
  justify-content: space-between;
  padding: 20px 0 140px;
}
.xmasOmt-list li{
  width: 24%;
}
.xmasOmt-list li:nth-child(even){
  transform: translateY(20%);
}
.xmasOmt-list li a{
  letter-spacing: 0;
}
.xmasOmt-list__img{
  margin-bottom: 20px;
}
.xmasBtn--ss.xmasBtn--hover a::before{
  width: 15px;
  height: 15px;
  right: 5px;
}
@media screen and (max-width: 767px){
  .xmasOmt-list li a{
  font-size: 12px;
}
  .xmasOmt-list{
    flex-wrap: wrap;
    gap: 20px 10px;
    padding: 20px 0 80px;
  }
  .xmasOmt-list li{
    width: 48%;
  }
  .xmasOmt-list__img{
    margin-bottom: 10px;
  }
  .xmasBtn--ss{
    width: 100%;
  }
  .xmasOmt .xmasTree-txtarea__txt{
    width: 65%;
    margin: 0 auto 0 15px;
    padding: 5px 0 0;
  }
  .xmasOmt .xmasTree-main{
    justify-content: flex-end;
    gap: 10px;
    margin: 0 auto;
  }
  .xmasOmt .xmasTree-img{
    width: 35%;
  }
  .xmasOmt .xmasTree-txtarea{
    width: 55%;
  }
}

/* セット販売アイテム */
.xmasSet--list{
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.xmasSet-left__ttl{
  text-align: center;
  font-size: 17px;
  color: #E5B200;
  width: 80%;
margin: 0 auto;
font-weight: bold;
}
.xmasSet-left__price{
text-align: right;
width: 80%;
margin: 0 auto;
color: #E5B200;
font-size: 17px;
font-weight: bold;
}
.xmasSet-left__price span{
  font-size: 14px;
  padding-left: 5px;
}
@media screen and (min-width: 768px){
  .xmasSet--left,.xmasSet--right{
    width: 45%;
  }
}
@media screen and (max-width: 767px){
  .xmasSet--list{
    display: block;
  }
  .xmasSet .xmasTree-txtarea__txt{
    width: 80%;
    margin: 0 0 50px auto;
    padding: 10px 0 0;
  }
  .xmasSet .xmasTree-main{
    justify-content: flex-start;
    gap: 10px;
    margin: 0 auto;
  }
  .xmasSet .xmasTree-img{
    width: 35%;
  }
  .xmasSet .xmasTree-txtarea{
    width: 55%;
  }
  .xmasSet--left{
    margin-bottom: 30px;
  }
  .xmasSet--list{
    margin-bottom: 40px;
  }
  .xmasSet-left__ttl,.xmasSet-left__price{
    font-size: 14px;
  }
  .xmasSet-left__price span{
    font-size: 10px;
  }
}

/* 小さなクリスマスオブジェ */
.xmasObj-list{
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}
.xmasObj-list__img{
  margin-bottom: 10px;
}
.xmasObj-list li span{
  font-size: 10px;
  line-height: 1.4;
  display: block;
}
@media screen and (min-width: 768px){
  .xmasObj-list li:nth-child(2){
    margin-top: 100px;
  }
  .xmasObj-list li:nth-child(4){
    margin-top: 80px;
  }
  .xmasObj-list li:nth-child(5){
    margin-top: 110px;
  }
}
@media screen and (max-width: 1150px){
  .xmasObj-list{
    flex-wrap: wrap;
    justify-content: center;
  }
  .xmasObj-list li:nth-child(2),
  .xmasObj-list li:nth-child(3),
  .xmasObj-list li:nth-child(4),
  .xmasObj-list li:nth-child(5){
    width: 20%;
  }
  .xmasObj-list li:nth-child(1),
  .xmasObj-list li:nth-child(6){
    width: 30%;
  }
}
@media screen and (max-width: 767px){
  .small-ttl{
    width: 90%;
    margin: 0 auto 0 0;
  }
  .xmasObj-list{
    flex-wrap: wrap;
    gap: 60px 0;
    margin-bottom: 120px;
    justify-content: space-between;
  }
  .xmasSmall .xmasTree-txtarea{
    width:70%;
  }
  .xmasSmall .xmasTree-img{
    width: 30%;
  }
  .xmasObj-list li:nth-child(2),
  .xmasObj-list li:nth-child(3),
  .xmasObj-list li:nth-child(4),
  .xmasObj-list li:nth-child(5){
    width: 45%;
  }
  .xmasObj-list li:nth-child(1),
  .xmasObj-list li:nth-child(6){
    width: 52%;
  }
  .xmasObj-list li:nth-child(odd){
    transform: translateY(80px);
  }
  .xmasObj-list li:nth-child(1) .xmasBtn--ss,
  .xmasObj-list li:nth-child(6) .xmasBtn--ss{
    width: 90%;
  }
  .xmasObj-list li:nth-child(5){
    transform: translateY(120px);
  }
  .xmasBtn--hover a{
    padding: 10px 0;
  }
}

/* アンティーク クリスマス */
.xmasAnt-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 80%;
  margin: 0 auto 80px;
}
.xmasAnt-list__text{
  font-size: 16px;
  font-weight: bold;
  counter-reset: listnum; /* カウンターをリセット */
}
.xmasAnt-list__text a{
  color: #fff;
}
.xmasAnt-list__text li:not(:last-child){
  margin-bottom: 20px;
}
.xmasAnt-list__text li::before{
	counter-increment: listnum;
	content: counter(listnum);
  background-color: #fff;
  color: #AA0122;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-left: 1px;
  text-align: center;
  margin-right: 15px;
}
.xmasBtn--txt a{
  position: relative;
}
.xmasBtn--txt a::before{
  background: url(/asset2024/images/ec/xmas/arrow-button.svg) center / contain no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
  transition: all 1s;
}
@media screen and (min-width: 768px){
  .xmasAnt-list__img{
    width: 54%;
  }
  .xmasAnt-list__text{
    width: 45%;
  }
}
@media screen and (max-width: 767px){
  .xmasAnt .xmasTree-main{
    display: block;
  }
  .xmasAnt .xmasTree-img{
    width: 100%;
    margin-bottom: 30px;
  }
  .xmasAnt .xmasTree-txtarea{
    width: 90%;
    margin: 0 auto;
  }
  .xmas-spttl{
    width: 70%;
    margin: 0 auto;
    max-width: 350px;
  }
  .xmasAnt-list{
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }
  .xmasAnt-list__img{
    margin-bottom: 30px;
  }
  .xmasAnt-list__text{
    font-size: 13px;
  }
  .xmasAnt-list__text li::before{
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  .xmasBtn--txt a::before{
    right: -30px;
  }
}
/* コーディネートアイディア */
.xmasTree-txtarea--center{
  margin: 0 auto;
}
.xmasCdn-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  margin-bottom: 80px;
  padding-top: 30px;
}
.xmasCdn-list li a{
  position: relative;
  display: block;
}
.xmasCdn-list li a::after{
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(/asset2024/images/ec/xmas/arrow-coordinate.svg)center / contain no-repeat;
  z-index: 3;
}
.xmasCdn-list li p {
  font-weight: bold;
  margin-bottom: 5px;
}
.xmasCdn-list li p span{
  font-size: 1.4em;
  line-height: 1;
  padding-left: 5px;
}
.cdn-btnArea{
  text-align: center;
  margin-bottom: 60px;
}
.cdn-subcmt{
  margin-bottom: 10px;
}
.cdn-btn{
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}
.cdn-btn a{
  display: block;
  text-align: center;
  border: 1px solid #fff;
  padding: 10px 0;
  background-color: #A00020;
  color: #fff;
  position: relative;
}
.cdn-btn a span{
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  display: block;
  width: 14px;
}
@media screen and (max-width: 767px){
  .xmasCdn .xmasTree-main{
    flex-direction: column;
  }
  .xmasCdn .xmasTree-img{
    order: 1;
    width: 100%;
    margin-bottom: 30px;
  }
  .xmasCdn .xmasTree-txtarea{
    order: 2;
    width: 100%;
  }
  .xmasCdn-list{
    grid-template-columns: repeat(1,1fr);
    gap: 20px 10px;
    width: 90%;
    margin: 0 auto 40px;
  }
  .cdn-btn a span{
    width: 12px;
  }
}

/* インスタぐらむギャラリー */
.xmasInsta .xmasTree-txtarea--center{
  margin-bottom: 60px;
}
@media screen and (min-width: 768px){
  .xmasInsta .xmas-spttl{
    width: 80%;
    max-width: 550px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px){
  .xmasInsta .xmasTree-txtarea--center{
    width: 100%;
  }
}