@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
body { min-width: auto;}

/*基本設定 =====*/
@keyframes shake-s { 
	0%    { transform: translate( 2px, 0px);}
	2.5%  { transform: translate(-2px, 0px);}
	5%    { transform: translate( 2px, 0px);}
	7.5%  { transform: translate(-2px, 0px);}
	10%   { transform: translate( 2px, 0px);}
	12.5% { transform: translate(-2px, 0px);}
	15%   { transform: translate( 0px, 0px);}
}

#xmas2024 { font-family: "Noto Sans JP", sans-serif;}
#xmas2024 img { width: 100%; height: auto; display: block;}
#xmas2024 ._bold  { font-weight: bold;}
#xmas2024 ._black { font-weight: 900;}
#xmas2024 ._shake { animation: shake-s 4s infinite ease-in-out;}

@media (max-width: 1200px) { 
	#xmas2024 .forPC { display: none !important;}
}
@media (min-width: 1201px) { 
	#xmas2024 .forSP { display: none !important;}
}

#xmas2024 .xmasBtn { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 900; position: relative; color: #165c6b; transition: 0.3s ease-in-out; white-space: nowrap; text-decoration: none;}
#xmas2024 .xmasBtn:hover  { opacity: 0.6;}
#xmas2024 .xmasBtn::before,
#xmas2024 .xmasBtn::after { width: 100%; height: 100%; content: ""; background: #ffcd00; border-radius: calc(5 * (100vw / 414)); display: block; position: absolute; right: 0; bottom: 0; z-index: 2;}
#xmas2024 .xmasBtn::after { right: -3px; bottom: -3px; z-index: 1;}
#xmas2024 .xmasBtn__txt   { position: relative; z-index: 3; text-decoration: none;}
#xmas2024 .xmasBtn.-buy   { display: block; background: none; border-radius: 0;}
#xmas2024 .xmasBtn.-buy::before,
#xmas2024 .xmasBtn.-buy::after    { display: none;}
#xmas2024 .xmasBtn.-price         { font-size: calc(13 * (100vw / 414)); font-weight: 900;}
#xmas2024 .xmasBtn.-price::after  { background: #005360; right: -5px; bottom: -5px;}
#xmas2024 .xmasBtn.-qaBox         { color: #fff; font-size: calc(10 * (100vw / 414)); font-weight: 900;}
#xmas2024 .xmasBtn.-qaBox::before { background: #2c7572;}
#xmas2024 .xmasBtn.-qaBox::after  { background: #0c413f; right: calc(-3 * (100vw / 414)); bottom: calc(-3 * (100vw / 414));}

@media (min-width: 1201px) {
	#xmas2024 .xmasBtn::before,
	#xmas2024 .xmasBtn::after { border-radius: 20px;}
	#xmas2024 .xmasBtn.-price { font-size: calc(46 / 16 * 1rem);}
	#xmas2024 .xmasBtn.-qaBox { font-size: calc(33.6 / 16 * 1rem);}
	#xmas2024 .xmasBtn.-qaBox::after { right: -5px; bottom: -5px;}
}
@media (max-width: 1200px) { 
	#xmas2024 .xmasBtn::before.-qaBox::before,
	#xmas2024 .xmasBtn::after.-qaBox::before { border-radius: calc(5 * (100vw / 414));}
}

#xmas2024.xmasMain { position: relative;}
#xmas2024 .xmasMain__bgBox   { background: #4082AB url(../../../../../wwwroot/img/usr/freepage/xmas/2023/snow.png) center top repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto;}
#xmas2024 .xmasMain__navBox  { padding: 0; position: relative; z-index: 2;}
/* #xmas2024 .xmasMain__navItem { position: relative; z-index: 2;}
#xmas2024 .xmasMain__navItem:nth-of-type(2) { margin-top: calc(28 * (100vw / 414));}
#xmas2024 .xmasMain__navItem:nth-of-type(3) { margin-top: calc(34 * (100vw / 414));} */
#xmas2024 .xmasMain__navTtlBox          { text-align: center; font-weight: 900; font-size: calc(16 * (100vw / 414)); color: #FFF; line-height: 1; letter-spacing: 0.025em;}
#xmas2024 .xmasMain__navMainTtl         { display: inline-block; position: relative;}
#xmas2024 .xmasMain__navMainTtl.-ttl01  { width: calc(166 * (100vw / 414)); top: calc(3 * (100vw / 414));}
#xmas2024 .xmasMain__navMainTtl.-ttl02  { width: calc(164 * (100vw / 414)); margin-top: calc(11 * (100vw / 414));}
#xmas2024 .xmasMain__navMainTtl.-ttl03  { width: calc(210 * (100vw / 414)); margin-top: calc(12 * (100vw / 414));}
#xmas2024 .xmasMain__linkBox            { margin-top: calc(26 * (100vw / 414));}
#xmas2024 .xmasMain__linkBox.-linkBox02 { margin-top: calc(13 * (100vw / 414));}
#xmas2024 .xmasMain__linkBox.-linkBox03 { margin-top: calc(6 * (100vw / 414));}
#xmas2024 .xmasMain__linkBtnTxt         { display: none; position: absolute; left: calc(20 * (100vw / 414)); transform: translateY(100%); font-size: calc(13 * (100vw / 414)); color: #fff;}
#xmas2024 .xmasMain__linkBtnTxt.-men    { bottom: 0;}
#xmas2024 .xmasMain__linkBtnTxt.-women  { bottom: 0;}
#xmas2024 .xmasMain__linkBtn            { display: block; position: relative;}
#xmas2024 .xmasMain__linkBtn.-men       { width: calc(260 * (100vw / 414));}
#xmas2024 .xmasMain__linkBtn.-women     { width: calc(260 * (100vw / 414));}
#xmas2024 .xmasMain__linkBtn.-price     { width: calc(202 * (100vw / 414));}
#xmas2024 .xmasMain__linkBtn.-simulator { width: calc(282 * (100vw / 414));}
#xmas2024 .xmasMain__wrap  {position: relative; z-index: 4; background-image: url(/img/usr/freepage/xmas/2023/bg_line.png); background-position: center top; background-repeat: repeat-x; -webkit-background-size: auto 40px; background-size: auto 40px;}
#xmas2024 .xmasMain__inner { width: 100%; position: relative; overflow: hidden; transition: 0.3s ease-in-out;}

@media (min-width: 1201px) { 
	#xmas2024.xmasMain { overflow: hidden; min-width: 1400px;}
	#xmas2024 .xmasMain__bgBox::before { top: 480px;}
	/* #xmas2024 .xmasMain__navBox { padding-top: 10px;} */
	/* #xmas2024 .xmasMain__navItem:nth-of-type(2) { margin-top: 84px;}
	#xmas2024 .xmasMain__navItem:nth-of-type(3) { margin-top: 106px;} */
	#xmas2024 .xmasMain__navTtlBox          { font-size: calc(41.6 / 13 * 1rem);}
	#xmas2024 .xmasMain__navMainTtl.-ttl01  { width: calc((724/1920) * 100%); top: 17px;}
	#xmas2024 .xmasMain__navMainTtl.-ttl02  { width: calc((679/1920) * 100%); margin-top: 30px;}
	#xmas2024 .xmasMain__navMainTtl.-ttl03  { width: calc((664/1920) * 100%); margin-top: 28px;}
	#xmas2024 .xmasMain__linkBox            { margin-top: 50px;}
	#xmas2024 .xmasMain__linkBox.-linkBox02 { margin-top: 13px;}
	#xmas2024 .xmasMain__linkBox.-linkBox03 { margin-top: 14px;}
	#xmas2024 .xmasMain__linkBtn.-men       { width: 588px;}
	#xmas2024 .xmasMain__linkBtn.-women     { width: 588px;}
	#xmas2024 .xmasMain__linkBtn.-price     { width: 535px;}
	#xmas2024 .xmasMain__linkBtn.-simulator { width: 695px;}
	#xmas2024 .xmasMain__wrap  {-webkit-background-size: auto 52px; background-size: auto 52px;}
	#xmas2024 .xmasMain__inner { width: 1920px; top: 0; left: 50%; transform: translateX(-50%);}
}
@media (max-width: 1200px) {
	/* #xmas2024 .xmasMain__navItem            { padding-bottom: calc(27 * (100vw / 414)); margin-bottom: 60px;} */
	#xmas2024 .xmasMain__linkBtnTxt         { width: 100%; text-align: center; left: 0; display: inline-block;}
	#xmas2024 .xmasMain__linkBtn.-men       { margin: 0 auto;}
	#xmas2024 .xmasMain__linkBtn.-women     { margin: calc(27 * (100vw / 414)) auto 0;}
	#xmas2024 .xmasMain__linkBtn.-price     { margin: 0 auto;}
	#xmas2024 .xmasMain__linkBtn.-simulator { margin: 0 auto;}
	#xmas2024 .xmasMain__inner              { margin: 0 auto;}
}

#xmas2024 .xmasSecBox { position: relative; z-index: 2;}
#xmas2024 .xmasSecBox__mv  { padding: 0; margin: 0; background-color: #003169;}
#xmas2024 .xmasSecBox__mv::after { display: none !important;}
#xmas2024 .xmasSecBox__ttl { margin: 0 auto 0; position: relative; background: none;}
#xmas2024 .xmasSecBox__ttl.-recommend    { width: calc(345 * (100vw / 414));}
#xmas2024 .xmasSecBox__ttl.-men          { width: calc(246 * (100vw / 414)); margin-top: calc(5 * (100vw / 414));}
#xmas2024 .xmasSecBox__ttl.-men > img    { position: relative;}
#xmas2024 .xmasSecBox__ttl.-women        { width: calc(352 * (100vw / 414)); margin-top: calc(20 * (100vw / 414));}
#xmas2024 .xmasSecBox__ttl.-women > img  { position: relative;}
#xmas2024 .xmasSecBox__ttl.-price        { width: calc(375 * (100vw / 414));}
#xmas2024 .xmasSecBox__ttl.-simulator    { width: calc(365 * (100vw / 414));}
#xmas2024 .xmasSecBox__subTtl            { display: block; text-align: center; line-height: 1; font-size: calc(12 * (100vw / 414)); margin-top: 0; color: #fff; background: #4082AB;}
#xmas2024 .xmasSecBox__subTtl.-price,
#xmas2024 .xmasSecBox__subTtl.-simulator { margin-top: 0; font-size: calc(12 * (100vw / 414)); font-weight: 900; color: #fff;}
#xmas2024 .xmasSecBox__lead              { margin-top: calc(10 * (100vw / 414)); font-size: calc(14 * (100vw / 414)); font-weight: 900; text-align: center; color: #fff;}
#xmas2024 .xmasSecBox__lead.-priceBox    { margin-top: 0;}
#xmas2024 .xmasSecBox__txt               { margin-top: 20px; font-size: calc(12 * (100vw / 414)); text-align: center; line-height: 1.75; color: #fff;}
#xmas2024 .xmasSecBox__txt:not(.-priceBox):not(.-intro) { background: url(/img/usr/freepage/xmas/2023/text_bg.png) center center repeat-y;}
#xmas2024 .xmasSecBox__txt.-large        { font-size: calc(14 * (100vw / 414));}
#xmas2024 .xmasSecBox__txt.-intro        { margin-top: 70px; color: #fff; font-weight: 700; background-image: url(/img/usr/freepage/xmas/2023/bg_line.png); background-position: center bottom; background-repeat: repeat-x; -webkit-background-size: auto 40px; background-size: auto 40px;}
#xmas2024 .xmasSecBox__txt.-balloon      { display: block; padding: calc(5 * (100vw / 414)) calc(10 * (100vw / 414)); border: calc(2 * (100vw / 414)) solid #b68b3f; border-radius: calc(14 * (100vw / 414)); margin: 0; background: #fff !important; text-align: justify; position: relative; color: #231815;}
#xmas2024 .xmasSecBox__txt.-balloon::before { content: ""; display: block; background: url("/img/usr/freepage/xmas/2023/icon_balloon.png") no-repeat; background-size: contain; width: calc(30 * (100vw / 414)); height: calc(18 * (100vw / 414)); position: absolute; bottom: calc(15 * (100vw / 414)); left: calc(5 * (100vw / 414)); transform: translateX(-100%);}
#xmas2024 .xmasSecBox__txt.-balloon:nth-of-type(n+2) { margin-top: calc(4 * (100vw / 414));}
#xmas2024 .xmasSecBox__txt.-balloon:nth-of-type(n+2)::before { bottom: auto; top: calc(15 * (100vw / 414)); left: calc(5 * (100vw / 414));}
#xmas2024 .xmasSecBox__txt.-priceBox     { margin-top: 0; color: #fff;}
#xmas2024 .xmasSecBox__txt + .xmasSecBox__txt { margin-top: 5px;}

@media (min-width: 1201px) { 
	#xmas2024 .xmasSecBox__ttl.-recommend { width: 999px;}
	#xmas2024 .xmasSecBox__ttl.-men       { width: 1016px; margin-top: 69px;}
	#xmas2024 .xmasSecBox__ttl.-men > img { margin-bottom: 30px;}
	#xmas2024 .xmasSecBox__ttl.-women     { width: 1016px; margin-top: 97px;}
	#xmas2024 .xmasSecBox__ttl.-women > img { margin-bottom: 30px;}
	#xmas2024 .xmasSecBox__ttl.-price     { width: 1241px;}
	#xmas2024 .xmasSecBox__ttl.-simulator { width: 1708px; padding: 0; margin: 0 auto;}
	#xmas2024 .xmasSecBox__subTtl         { margin-top: -5px; font-size: calc(25.6 / 13 * 1rem);}
	#xmas2024 .xmasSecBox__subTtl.-price,
	#xmas2024 .xmasSecBox__subTtl.-simulator { font-size: calc(38.4 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__subTtl.-price  { margin-top: 10px;}
	#xmas2024 .xmasSecBox__lead           { margin-top: 18px; font-size: calc(38.4 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__txt            { margin-top: 40px; padding-bottom: 10px; font-size: calc(25.6 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__txt.-intro     { margin-bottom: 70px; -webkit-background-size: 100% 52px; background-size: 100% 52px;}
	#xmas2024 .xmasSecBox__txt.-large     { font-size: calc(28.8 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__txt.-balloon   { padding: 15px 28px; border: 5px solid #b68b3f; border-radius: 40px;}
	#xmas2024 .xmasSecBox__txt.-balloon::before { width: 86px; height: 53px; left: 12px;}
	#xmas2024 .xmasSecBox__txt.-balloon:nth-of-type(n+2) { margin-top: 10px;}
	#xmas2024 .xmasSecBox__txt.-priceBox  { margin-top: 15px;}
}
@media (max-width: 1200px) {
	#xmas2024 .xmasSecBox__ttl { padding: 0; margin-bottom: 40px;}
	#xmas2024 .xmasSecBox__ttl.-men + .xmasSecBox__img.-mv,
	#xmas2024 .xmasSecBox__ttl.-women + .xmasSecBox__img.-mv { margin-top: calc(11 * (100vw / 414));}
	#xmas2024 .xmasSecBox__ttl.-men > img,
	#xmas2024 .xmasSecBox__ttl.-women > img  { max-width: 70%; margin: 0 auto 30px;}
	#xmas2024 .xmasSecBox__lead.-recommend { margin-top: calc(5 * (100vw / 414)); background: #4082AB;}
	#xmas2024 .xmasSecBox__txt.-balloon { line-height: 1.5; font-size: calc(10 * (100vw / 414));}
}

#xmas2024 .xmasSecBox__img.-tag01   { width: 100%;}
#xmas2024 .xmasSecBox__img.-tag02   { width: calc(208 * (100vw / 414));}
#xmas2024 .xmasSecBox__img.-mv      { width: calc(320 * (100vw / 414)); margin: calc(60 * (100vw / 414)) auto 0;}
#xmas2024 .xmasSecBox__img.-item    { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: calc(146 * (100vw / 414)); height: calc(146 * (100vw / 414)); z-index: 1;}
#xmas2024 .xmasSecBox__img.-item > img { width: auto; height: 100%; margin: 0 auto;}
#xmas2024 .xmasSecBox__xmasBtn.-buy { width: calc(114 * (100vw / 414)); height: calc(47 * (100vw / 414)); margin: calc(14 * (100vw / 414)) auto 0; max-width: 210px;}
#xmas2024 .xmasSecBox__xmasBtn.-priceBox { width: calc(140 * (100vw / 414)); height: calc(30 * (100vw / 414));}
#xmas2024 .xmasSecBox__xmasBtn.-priceBox:nth-of-type(n + 3) { margin-top: calc(10 * (100vw / 414));}
#xmas2024 .xmasSecBox__detailBox    { display: flex; justify-content: center; flex-wrap: wrap; color: #fff;}
#xmas2024 .xmasSecBox__detailTtl    { width: calc(80 * (100vw / 414)); margin: 0 auto;}
#xmas2024 .xmasSecBox__detailTxt    { font-size: calc(10 * (100vw / 414)); font}
#xmas2024 .xmasSecBox__detailTxt > ._bold  { font-size: calc(12 * (100vw / 414));}
#xmas2024 .xmasSecBox__detailTxt > ._black { font-size: calc(12 * (100vw / 414));}
#xmas2024 .xmasSecBox__detailNote   { font-size: calc(10 * (100vw / 414));}
#xmas2024 .xmasSecBox__recoBox      { width: calc(330 * (100vw / 414)); padding: calc(4 * (100vw / 414)) calc(0 * (100vw / 414)) calc(16 * (100vw / 414)) calc(14 * (100vw / 414)); border-radius: calc(14 * (100vw / 414)); margin: calc(24 * (100vw / 414)) auto 0; background: #fff; position: relative;}
#xmas2024 .xmasSecBox__recoTtl      { display: flex; position: relative; align-items: center; padding-right: calc(40 * (100vw / 414));}
#xmas2024 .xmasSecBox__recoTtlTxt   { margin-right: calc(13 * (100vw / 414)); font-size: calc(12 * (100vw / 414)); font-weight: 900;}
#xmas2024 .xmasSecBox__recoTtlPrice { position: relative; font-size: calc(10 * (100vw / 414));}
#xmas2024 .xmasSecBox__recoTtlPrice::before { content: ""; display: block; width: 100%; height: 1px; background: #231815; left: 0; right: 0; bottom: calc(-2 * (100vw / 414)); margin: 0 auto 0; position: absolute;}
#xmas2024 .xmasSecBox__recoDesc     { margin-top: calc(4 * (100vw / 414)); position: relative;}
#xmas2024 .xmasSecBox__balloonBox   { width: calc(178 * (100vw / 414)); min-height: calc(146 * (100vw / 414)); position: relative; z-index: 2; margin: 0 0 0 auto; right: calc(-16 * (100vw / 414));}
#xmas2024 .xmasSecBox__priceBox     { width: calc(355 * (100vw / 414)); padding: calc(7 * (100vw / 414)) calc(30 * (100vw / 414)) calc(16 * (100vw / 414)); border-radius: calc(15 * (100vw / 414)); margin: calc(13 * (100vw / 414)) auto 0; background: #2c7572; position: relative; left: 0;}
#xmas2024 .xmasSecBox__priceBox::before { content: ""; display: block; border-radius: 40px; background: #1f5b59; width: 100%; height: 100%; position: absolute; right: -12px; bottom: -12px; z-index: -1;}

@media (min-width: 1201px) { 
	#xmas2024 .xmasSecBox__detailDesc      { width: auto;}
	#xmas2024 .xmasSecBox__img.-tag01      { margin-right: 0;}
	/* #xmas2024 .xmasSecBox__img.-tag01 img  { position: relative; top: -50px; left: -40px;} */
	#xmas2024 .xmasSecBox__img.-mv         { width: calc((982/1920) * 100%); margin: 60px auto 0;}
	#xmas2024 .xmasSecBox__img.-item       { width: 450px; height: 450px;}
	#xmas2024 .xmasSecBox__img.-item > img { max-height: 450px;}
	#xmas2024 .xmasSecBox__xmasBtn.-buy    { width: 210px; height: 87px; margin-top: 10px;}
	#xmas2024 .xmasSecBox__xmasBtn.-priceBox { width: 480px; height: 100px;}
	#xmas2024 .xmasSecBox__xmasBtn.-priceBox:nth-of-type(n + 3) { margin-top: 34px;}
	#xmas2024 .xmasSecBox__detailBox       { width: 1254px; margin: 0 auto; line-height: 1.7;}
	#xmas2024 .xmasSecBox__detailTtl       { width: 100%; text-align: center;}
	#xmas2024 .xmasSecBox__detailTtl img   { max-width: 380px; margin: 0 auto;}
	#xmas2024 .xmasSecBox__detailTxt       { padding: 40px 0 0 0; margin-bottom: 40px; font-size: calc(28.8 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__detailTxt > ._bold  { font-size: calc(32 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__detailTxt > ._black { font-size: calc(35.2 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__detailNote      { position: relative; bottom: auto; right: auto; font-size: calc(20.8 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__recoBox         { width: 1018px; padding: 20px 0 60px 40px; border-radius: 54px; margin-top: 80px; left: 12px;}
	#xmas2024 .xmasSecBox__recoTtl         { padding-right: 40px;}
	#xmas2024 .xmasSecBox__recoTtlTxt      { margin-right: 30px; font-size: calc(32 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__recoTtlPrice    { font-size: calc(25.6 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__recoTtlPrice::before { bottom: -10px;}
	#xmas2024 .xmasSecBox__recoDesc        { margin-top: 30px;}
	#xmas2024 .xmasSecBox__balloonBox      { width: 548px; min-height: 460px; right: -43px;}
	#xmas2024 .xmasSecBox__priceBox        { width: 1220px; padding: 36px 30px 50px; border-radius: 40px; margin-top: 30px;}
}
@media (max-width: 1200px) { 
	#xmas2024 .xmasSecBox__detailBox        { display: block;}
	#xmas2024 .xmasSecBox__img.-tag01       { width: 90%; margin: 0 auto 20px;}
	#xmas2024 .xmasSecBox__detailDesc       { width: 90%; margin: 0 auto 20px; text-align: center;}
	#xmas2024 .xmasSecBox__img.-mv          { width: 100%; margin: calc(60 * (100vw / 414)) auto 0;}
	#xmas2024 .xmasSecBox__priceBox::before { display: none;}
	#xmas2024 .xmasSecBox__detailTtl        { width: 36%; margin: calc(14 * (100vw / 414)) auto 0;}
}

#xmas2024 .xmasSecBox__priceBoxList       { margin: calc(13 * (100vw / 414)) auto 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#xmas2024 .xmasSecBox__qaBoxArea          { width: calc(330 * (100vw / 414)); margin: 0 auto;}
#xmas2024 .xmasSecBox__preferenceArea,
#xmas2024 .xmasSecBox__ansArea            { height: calc(130 * (100vw / 414)); margin: calc(14 * (100vw / 414)) auto 0; position: relative;}
#xmas2024 .xmasSecBox__ansArea            { height: calc(170 * (100vw / 414));}
#xmas2024 .xmasSecBox__qaBoxInner         { width: 100%; height: 100%; padding: calc(16 * (100vw / 414)) calc(10 * (100vw / 414)) calc(10 * (100vw / 414)); border-radius: calc(10 * (100vw / 414)); background: #fff;}
#xmas2024 .xmasSecBox__qaBoxInner::before { content: ""; display: block; border-radius: calc(10 * (100vw / 414)); background: #2e7774; width: 100%; height: 100%; position: absolute; right: calc(-5 * (100vw / 414)); bottom: calc(-5 * (100vw / 414)); z-index: -1;}
#xmas2024 .xmasSecBox__qaBox              { width: 100%; margin: 0 auto; position: absolute; left: 0; top: calc(15 * (100vw / 414)); opacity: 0; transition: 0.5s ease-in-out 0.3s; pointer-events: none;}
#xmas2024 .xmasSecBox__qaBox.-default     { height: calc(96 * (100vw / 414)); margin-top: 0; position: relative; top: auto; left: auto;}
#xmas2024 .xmasSecBox__qaBox.-sizeM       { height: calc(130 * (100vw / 414));}
#xmas2024 .xmasSecBox__qaBox.-default,
#xmas2024 .xmasSecBox__qaBox.is-active    { top: 0; transition: 0.5s ease-in-out 1s; opacity: 1; pointer-events: all;}
#xmas2024 .xmasSecBox__qaBoxTtl           { margin: 0 auto; text-align: center; font-size: calc(12 * (100vw / 414)); font-weight: 900;}
#xmas2024 .xmasSecBox__ansBtnTxt          { position: relative; z-index: 3;}
#xmas2024 .xmasSecBox__ansBtnlabel        { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; font-size: calc(10 * (100vw / 414)); font-weight: 900; position: relative; white-space: nowrap;}
#xmas2024 .xmasSecBox__ansBtnlabel::before,
#xmas2024 .xmasSecBox__ansBtnlabel::after { content: ""; display: block; border-radius: calc(5 * (100vw / 414)); background: #2c7572; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: 2; transition: 0.3s ease-in-out;}
#xmas2024 .xmasSecBox__ansBtnlabel::after { background: #0d4240; right: calc(-3 * (100vw / 414)); bottom: calc(-3 * (100vw / 414)); z-index: 1;}
#xmas2024 .xmasSecBox__ansBtn             { width: calc(150 * (100vw / 414)); height: calc(30 * (100vw / 414));}
#xmas2024 .xmasSecBox__ansBtn input[type="radio"] { display: none;}
#xmas2024 .xmasSecBox__ansBtn input[type="radio"]:checked + .xmasSecBox__ansBtnlabel::before { background: #00a788;}
#xmas2024 .xmasSecBox__ansBtn:nth-of-type(2n)  { margin-left: calc(10 * (100vw / 414));}
#xmas2024 .xmasSecBox__ansBtn:nth-of-type(n+3) { margin-top: calc(10 * (100vw / 414));}
#xmas2024 .xmasSecBox__qaBtnWrap          { margin-top: calc(16 * (100vw / 414)); display: flex; justify-content: center; flex-wrap: wrap;}
#xmas2024 .xmasSecBox__inner              { position: relative;}
#xmas2024 .xmasSecBox__inner.-intro       { padding-bottom: 0; position: relative; z-index: 2;}
#xmas2024 .xmasSecBox__inner.-simulator   { padding-bottom: calc(20 * (100vw / 414));}
#xmas2024 .xmasSecBox.-intro              { position: relative; z-index: 2;}
#xmas2024 .xmasSecBox.-price              { margin-top: calc(45 * (100vw / 414)); padding-top: calc(40 * (100vw / 414)); background-image: url(/img/usr/freepage/xmas/2023/bg_line.png); background-position: center top; background-repeat: repeat-x; -webkit-background-size: auto 40px; background-size: auto 40px; position: relative; z-index: 2;}
#xmas2024 .xmasSecBox.-recommend          { margin-top: calc(32 * (100vw / 414)); padding-top: calc(40 * (100vw / 414)); background-image: url(/img/usr/freepage/xmas/2023/bg_line.png); background-position: center top; background-repeat: repeat-x; -webkit-background-size: auto 40px; background-size: auto 40px;}
#xmas2024 .xmasSecBox.-simulator          { margin-top: calc(40 * (100vw / 414)); padding-top: calc(40 * (100vw / 414)); background-image: url(/img/usr/freepage/xmas/2023/bg_line.png); background-position: center top; background-repeat: repeat-x; -webkit-background-size: auto 40px; background-size: auto 40px;}

@media (min-width: 1201px) { 
	#xmas2024 .xmasSecBox__priceBoxList     { width: 1020px; margin-top: 44px;}
	#xmas2024 .xmasSecBox__qaBoxArea        { width: 1070px;}
	#xmas2024 .xmasSecBox__preferenceArea,
	#xmas2024 .xmasSecBox__ansArea          { height: 440px; margin: 50px auto 0;}
	#xmas2024 .xmasSecBox__ansArea          { height: 570px;}
	#xmas2024 .xmasSecBox__qaBoxInner       { padding: 44px 30px 50px; border-radius: 30px;}
	#xmas2024 .xmasSecBox__qaBoxInner::before { border-radius: 30px; right: -12px; bottom: -12px;}
	#xmas2024 .xmasSecBox__qaBox            { top: 30px;}
	#xmas2024 .xmasSecBox__qaBox.-default   { height: 330px; margin-top: 32px;}
	#xmas2024 .xmasSecBox__qaBox.-sizeM     { height: 440px;}
	#xmas2024 .xmasSecBox__qaBoxTtl         { font-size: calc(38.4 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__ansBtnlabel      { border-radius: 20px; font-size: calc(32 / 16 * 1rem);}
	#xmas2024 .xmasSecBox__ansBtnlabel::before,
	#xmas2024 .xmasSecBox__ansBtnlabel::after { border-radius: 20px;}
	#xmas2024 .xmasSecBox__ansBtnlabel::after { right: -5px; bottom: -5px;}
	#xmas2024 .xmasSecBox__ansBtn           { width: 480px; height: 100px;}
	#xmas2024 .xmasSecBox__ansBtn:nth-of-type(2n)  { margin-left: 50px;}
	#xmas2024 .xmasSecBox__ansBtn:nth-of-type(n+3) { margin-top: 36px;}
	#xmas2024 .xmasSecBox__qaBtnWrap        { margin-top: 50px;}
	/* #xmas2024 .xmasSecBox__inner.-intro     { padding-bottom: 50px;} */
	#xmas2024 .xmasSecBox__inner.-simulator { padding-bottom: 50px;}
	#xmas2024 .xmasSecBox.-price            { padding-top: 100px; padding-bottom: 200px; margin-top: 100px; -webkit-background-size: 100% 52px; background-size: 100% 52px;}
	#xmas2024 .xmasSecBox.-price::before    { width: 1920px;}
	#xmas2024 .xmasSecBox.-recommend        { padding-top: 100px; margin-top: 200px; -webkit-background-size: 100% 52px; background-size: 100% 52px;}
	#xmas2024 .xmasSecBox.-simulator        { padding-top: 100px; margin-top: 20px; -webkit-background-size: 100% 52px; background-size: 100% 52px;}
}
@media (max-width: 1200px) {
	#xmas2024 .xmasSecBox__qaBoxArea     { margin-top: calc(10 * (100vw / 414));}
	#xmas2024 .xmasSecBox__qaBoxTtl      { padding: 0;}
	#xmas2024 .xmasSecBox.-price::before { display: none;}
}



/* 2024追加 */

@media (min-width: 1201px) { 
	#xmas2024 .xmasMain__wrap{
		background-image: url(../2024/back_txt.png);
		background-position: top;
		background-repeat: repeat;
		background-size: 100% auto;

	}
	/* #xmas2024 .xmasMain__contentBox{
		background-image: url(../2024/back_txt.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	} */
	#xmas2024 .-textBg{
		padding: 50px;
		/* background-image: url(../2024/back_txt.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; */
	}

	#xmas2024 .xmasSecBox_title.-Img{
		height: 140px;
		text-align: center;
		margin-bottom: 40px;
	}
	#xmas2024 .xmasSecBox_title.-subImg{
		height: 30px;
		text-align: center;
	}
	#xmas2024 .xmasSecBox_title img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
		display: block;
		margin: 0 auto;
	}

	#xmas2024 .xmasMain__linkBox.-linkBox01 ul{
		display: flex;
		justify-content: center;
		gap: 25px;
		margin: 50px 0;
	}

	#xmas2024 .xmasMain__linkBox.-linkBox01 ul li{
		width: 250px;
		height: 250px;
		background-color: #fff;
	}

	#xmas2024 .xmasSecBox_Btn{
		width: 180px;
		height: 60px;
	}
	#xmas2024 .xmasSecBox_Btn.-more{
		margin: 50px auto;
	}


	#xmas2024 .xmasMain__linkBox.-linkBox02 ul{
		display: flex;
		justify-content: center;
		gap: 25px;
		margin: 50px 0;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div{
		cursor: pointer;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div:hover{
		opacity: 0.8;
		cursor: pointer;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div.active{
		position: relative;
		pointer-events: none;
		cursor: default;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox02 ul li  div.active::after{
		position: absolute;
		content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
	}

	#xmas2024 .xmasMain__linkBox.-linkBox03 ul{
		width: 600px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 25px;
		margin: 50px auto;
	}

	#xmas2024 .xmasMain__linkBox.-linkBox04 ul{
		width: 800px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 25px;
		margin: 0 auto 25px;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox05 ul{
		width: 600px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 25px;
		margin: 0 auto 25px;
	}
	#xmas2024 .xmasMain__linkBox.-linkBox06 ul{
		width: 800px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 25px;
		margin: 0 auto 25px;
	}

	#xmas2024 .xmasSecBox__img.-tag01 img{
		width: 70%;
		margin: 30px auto;
	}

	#xmas2024 .xmasSecBox__img.-tag02{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	#xmas2024 .xmasSecBox__img.-tag02 img{
		width: 60%;
	}
	#xmas2024 .xmasSecBox__img.-tag02 p.xmasSecBox__detailTxt{
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
	}
	#xmas2024 .xmasSecBox__img.-tag02 p.xmasSecBox__detailTxt span{
		margin: 70px 0 0;
	}

}


	@media (max-width: 1200px) {

		#xmas2024 .xmasMain__bgBox   { background: #003169;}
		#xmas2024 .xmasMain__navTtlBox   { margin-top: 30px;}

		#xmas2024 .xmasMain__wrap{
			background-image: url(../2024/back_txt.png);
			background-position: top;
			background-repeat: repeat;
			background-size: 100% auto;
	
		}
		/* #xmas2024 .xmasMain__contentBox{
			background-image: url(../2024/back_txt.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		} */
		#xmas2024 .-textBg{
			/* padding: 30px 0; */
			/* background-image: url(../2024/back_txt.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover; */
		}
	
		#xmas2024 .xmasSecBox_title.-Img{
			height: 10vw;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 10px;
		}
		#xmas2024 .xmasSecBox_title.-subImg{
			height: 3vw;
			text-align: center;
		}
		#xmas2024 .xmasSecBox_title img{
			max-height: 100%;
			max-width: 100%;
			object-fit: contain;
			display: block;
		}
	
		#xmas2024 .xmasMain__navItem{
			margin-bottom: 50px;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox01 ul{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 25px;
			margin: 20px auto 20px;
		}
	
		#xmas2024 .xmasMain__linkBox.-linkBox01 ul li{
			width: 35vw;
			height: 35vw;
			background-color: #fff;
		}
	
		#xmas2024 .xmasSecBox_Btn{
			width: 30vw;
			height: 10vw;
		}
		#xmas2024 .xmasSecBox_Btn.-more{
			margin: 20px auto;
		}
	
	
		#xmas2024 .xmasMain__linkBox.-linkBox02 ul{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 25px;
			margin: 20px auto;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div{
			cursor: pointer;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div:hover{
			opacity: 0.8;
			cursor: pointer;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox02 ul li div.active{
			position: relative;
			pointer-events: none;
			cursor: default;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox02 ul li  div.active::after{
			position: absolute;
			content: '';
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,.3);
		}
	
		#xmas2024 .xmasMain__linkBox.-linkBox03 ul{
			width: 90%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin: 20px auto;
		}


	
		#xmas2024 .xmasMain__linkBox.-linkBox04 ul{
			width: 90%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin: 0 auto 25px;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox04 ul li{
		}
		#xmas2024 .xmasMain__linkBox.-linkBox05 ul{
			width: 90%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin: 0 auto 25px;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox06 ul{
			width: 90%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 20px;
			margin: 0 auto 25px;
		}

		#xmas2024 .xmasMain__linkBox.-linkBox03 ul li,
		#xmas2024 .xmasMain__linkBox.-linkBox05 ul li{
			width: 35vw;
		}
		#xmas2024 .xmasMain__linkBox.-linkBox06 ul li{
			width: 20vw;
		}

		
	#xmas2024 .xmasSecBox__img.-tag01 img{
		width: 70%;
		margin: 30px auto;
	}

	#xmas2024 .xmasSecBox__img.-tag02{
		display: block;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
	}
	#xmas2024 .xmasSecBox__img.-tag02 img{
		width: 100%;
	}
	#xmas2024 .xmasSecBox__img.-tag02 p.xmasSecBox__detailTxt{
		display: block;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		font-size: 18px;
	}
	#xmas2024 .xmasSecBox__img.-tag02 p.xmasSecBox__detailTxt span{
		margin: 70px 0 0;
	}

	}
	
	/* visumo部分 */
	.hacobune-layout-base-top-html,
	.hacobune-logo{
		display: none !important;
	}

	.visumo_title{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}

	@media (min-width: 720px) {
    .hacobune-grid-content .hacobune-grid-row {
			width: 80%;
		}
	}

	.gift_subTxt{
		margin: 20px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
	}

	@media (max-width: 1200px) {
		.visumo_title{
			font-size: 16px;
		}
		.gift_subTxt{
			font-size: 12px;
		}
	}