@charset "UTF-8";

/*------------------------------------------ contents */

#christmas_jewelry_2025 .contents,
#christmas_jewelry_2025 .contents a {
	color: #fff;
}
#christmas_jewelry_2025 .contents .style_buttons input {
	display: none;
}
#christmas_jewelry_2025 .contents .style_buttons input + label {
	display: block;
	cursor: pointer;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

#christmas_jewelry_2025 .contents {
	background: #000;
}
#christmas_jewelry_2025 .contents::after {
	display: block;
	clear: both;
	content: "";
}
#christmas_jewelry_2025 #mv {
	position: relative;
	padding-top: 168.4%;
	background: url(../../../img/lp/christmas_jewelry_2025/mv.jpg) no-repeat center top/contain;
}
#christmas_jewelry_2025 #mv img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 134.8% auto 0;
	width: 80.2%;
}
#christmas_jewelry_2025 .contents #limited_item01 {
	position: relative;
	padding-top: 581.8%;
	background: url(../../../img/lp/christmas_jewelry_2025/bg_01.jpg) no-repeat center 100%/100%;
}
#christmas_jewelry_2025.teaser .contents #limited_item01 {
	padding-top: 605.7%;
	background: url(../../../img/lp/christmas_jewelry_2025/bg_01_teaser.jpg) no-repeat center 100%/100%;
}
#christmas_jewelry_2025 .contents #limited_item_01_ttl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}
#christmas_jewelry_2025 .contents #limited_item_01_subttl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 20.2% auto 0;
	width: 64.5%
}
#christmas_jewelry_2025 .contents #limited_item_01_txt01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 36.1% auto 0;
	width: 78.1%;
}
#christmas_jewelry_2025 .contents #limited_item_01_item01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 67.7% auto 0;
	width: 95.2%;
}
#christmas_jewelry_2025 .contents #limited_item_01_price {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 172.8% auto 0;
	width: 80.9%;
}
#christmas_jewelry_2025 .contents #limited_item_01_price {
	
}
#christmas_jewelry_2025 .contents #limited_item_01_teaser {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 198.8% auto 0;
	width: 81.6%;
}
#christmas_jewelry_2025 .contents #limited_item_01_item02 {
	position: absolute;
	top: 0;
	left: 9%;
	margin: 198.5% 0 0;
	width: 52.5%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_01_item02 {
	margin: 219.3% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_01_txt02 {
	position: absolute;
	top: 0;
	left: 63.4%;
	margin: 226.5% 0 0;
	width: 30.9%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_01_txt02 {
	margin: 247.3% 0 0;
}
#christmas_jewelry_2025 .contents .arrange_style_block {
	position: absolute;
    top: 0;
    width: 100%;
    margin: 267.3% auto 0;
    padding-top: 291%;
}
#christmas_jewelry_2025.teaser .contents .arrange_style_block {
	margin: 288.9% auto 0;
}
#christmas_jewelry_2025 .contents .arrange_style_block::before {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 91.2%;
    margin: 0 auto;
    padding-top: 291%;
    background: rgba(39, 39, 41, 0.8);
    content: "";
}
#christmas_jewelry_2025 .contents #arrange_ttl {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 8.1% auto 0;
    width: 61.7%;
}
#christmas_jewelry_2025 .contents #arrange_txt01 {
	position: absolute;
	top: 0;
	left: 11.7%;
	right: 0;
	margin: 34.5% 0 0;
	width: 77.7%;
}
#christmas_jewelry_2025 .contents #arrange_txt02 {
	position: absolute;
	top: 0;
	left: 11.7%;
	right: 0;
	margin: 62.1% 0 0;
	width: 76.1%;
}
#christmas_jewelry_2025 .contents #arrange_style_item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 76.5% auto 0;
}
#christmas_jewelry_2025 .contents #arrange_style {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 154.1% auto 0;
	width: 83.2%;
}
#christmas_jewelry_2025 .contents #style_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 162.1% auto 0;
	width: 82.6%; 
}
#christmas_jewelry_2025 .contents .style_buttons {
	position: absolute;
	top: 0;
	left: 7.2%;
	margin: 248% 0 0;
	width: 84.2%;
	display: flex;
	justify-content: space-between;
}
#christmas_jewelry_2025 .contents .style_buttons #style_01 + label {
	width: 33.3%;
}
#christmas_jewelry_2025 .contents .style_buttons #style_02 + label {
	width: 32.2%;
}
#christmas_jewelry_2025 .contents .style_buttons #style_03 + label {
	width: 31.9%;
}
#christmas_jewelry_2025 .contents #arrange_text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 272.9% auto 0;
	width: 82.6%;
	font-size: min(3.2vw, 24px);
}
#christmas_jewelry_2025 .contents #limited_item02 {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 415.1%;
	background: url(../../../img/lp/christmas_jewelry_2025/bg_02.jpg) no-repeat left -436%/100%;
}
#christmas_jewelry_2025.teaser .contents #limited_item02 {
	padding-top: 431.1%;
	background: url(../../../img/lp/christmas_jewelry_2025/bg_02.jpg) no-repeat center 100%/contain;
}
#christmas_jewelry_2025 .contents #limited_item_02_ttl {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
}
#christmas_jewelry_2025 .contents #limited_item_02_subttl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 19.8% auto 0;
	width: 62.1%;
}
#christmas_jewelry_2025 .contents #limited_item_02_txt01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 37.7% auto 0;
	width: 82.9%;
}
#christmas_jewelry_2025 .contents #limited_item_02_item01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 62.9% auto 0;
	width: 95.2%;
}
#christmas_jewelry_2025 .contents #limited_item_02_price {
	position: absolute;
	top: 0;
	left: 9.4%;
	margin: 170.9% 0 0;
	width: 70.1%;
}
#christmas_jewelry_2025 .contents #limited_item_02_teaser {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 195.4% auto 0;
	width: 81.6%;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_ttl {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 203.6% auto 0;
	width: 90.8%;
}
#christmas_jewelry_2025.teaser .contents #limited_item02 #detail_ttl {
	margin: 222.5% auto 0;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 223.3% auto 0;
	width: 67.7%;
	font-size: min(2.66vw, 20px);
}
#christmas_jewelry_2025.teaser .contents #limited_item02 #detail_01 {
	margin: 240.9% auto 0;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_01 img,
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 img {
	display: block;
	margin-bottom: 0.5em;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 309.2% auto 0;
	width: 67.7%;
	font-size: min(2.66vw, 20px);
}
#christmas_jewelry_2025.teaser .contents #limited_item02 #detail_02 {
	margin: 327% auto 0;
}
#christmas_jewelry_2025 .pane_topic_path {
	float: left;
	margin: -14% 5% 0;
	width: 90%;
}

/* 736px以下用（SP用）の記述 end--------------------------------------- */
}



/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

#christmas_jewelry_2025 .contents {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	min-width: 1200px;
	padding: min(250.2%, 3504px) 9.5% 0;
	background: url(../../../img/lp/christmas_jewelry_2025/bg_pc.jpg) no-repeat center top/contain;
	box-sizing: border-box;
}
#christmas_jewelry_2025 .contents #mv img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 26.4% auto 0;
	width: 25.7%;
}
#christmas_jewelry_2025 .contents #limited_item_01_ttl {
	position: absolute;
	top: 0;
	left: 62.5%;
	margin: 49.28% 0 0;
	
	width: 24.8%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_01_ttl {
	margin: 49.2% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_01_subttl {
	position: absolute;
	top: 0;
	left: 64.8%;
	margin: 54.1% 0 0;
	width: 20.4%
}
#christmas_jewelry_2025.teaser .contents #limited_item_01_subttl {
	margin: 54.2% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_01_txt01 {
	position: absolute;
	top: 0;
	left: 62.5%;
	margin: 59.2% 0 0;
	width: 23.8%;
}
#christmas_jewelry_2025 .contents #limited_item_01_item01 {
	position: absolute;
	top: 0;
	left: 11.7%;
	margin: 40.8% 0 0;
	width: 48%;
}
#christmas_jewelry_2025 .contents #limited_item_01_price {
	position: absolute;
	top: 0;
	left: 62.5%;
	margin: 70.1% 0 0;
	width: 26.8%;
}
#christmas_jewelry_2025 .contents #limited_item_01_teaser {
	position: absolute;
	top: 0;
	left: 62.5%;
	margin: 78% 0 0;
	width: 26.3%;
}
#christmas_jewelry_2025 .contents #limited_item_01_txt02 {
	position: absolute;
	top: 0;
	left: 30.4%;
	margin: 81% 0 0;
	width: 14.3%;
}
#christmas_jewelry_2025 .contents .arrange_style_block {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 100.7% auto 0;
}
#christmas_jewelry_2025 .contents .arrange_inner {
	position: relative;
	width: 80.7%;
	height: 0;
	margin: 0 auto;
	padding-top: 38.8%;
	background: rgba(39, 39, 41, 0.8);
}
#christmas_jewelry_2025 .contents #arrange_ttl {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: -6.28% auto 0;
}
#christmas_jewelry_2025 .contents #arrange_txt01 {
	position: absolute;
	top: 0;
	left: 6.7%;
	right: 0;
	margin: 6.2% 0 0;
	width: 30%;
}
#christmas_jewelry_2025 .contents #arrange_txt02 {
	position: absolute;
	top: 0;
	left: 6.7%;
	right: 0;
	margin: 15.6% 0 0;
	width: 28.9%;
}
#christmas_jewelry_2025 .contents #arrange_style_item {
	position: absolute;
	top: 0;
	left: 0;
	width: 53.5%;
}
#christmas_jewelry_2025 .contents #arrange_style {
	position: absolute;
	top: 0;
	left: 46%;
	margin: 3.4% 0 0;
	width: 50.6%;
}
#christmas_jewelry_2025 .contents #style_image_block {
	
}
#christmas_jewelry_2025 .contents #style_image {
	position: absolute;
	top: 0;
	left: 59.9%;
	margin: 7% 0 0;
	width: 36.6%; 
}
#christmas_jewelry_2025 .contents .style_buttons {
	position: absolute;
	top: 0;
	left: 44.1%;
	margin: 9.2% 0 0;
	width: 20.3%;
}
#christmas_jewelry_2025 .contents .style_buttons #style_02 + label img {
	margin: 16% 0;
}
#christmas_jewelry_2025 .contents #line {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 146.1% auto 0;
}
#christmas_jewelry_2025 .contents #limited_item_02_ttl {
	position: absolute;
	top: 0;
	left: 13.5%;
	right: 0;
	margin: 162% 0 0;
	width: 24.8%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_02_ttl {
	margin: 161.5% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_02_subttl {
	position: absolute;
	top: 0;
	left: 16.2%;
	right: 0;
	margin: 166.8% 0 0;
	
	width: 20.5%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_02_subttl {
	margin: 166.5% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_02_txt01 {
	position: absolute;
	top: 0;
	left: 13.5%;
	margin: 171.7% 0 0;
	width: 26.1%;
}
#christmas_jewelry_2025.teaser .contents #limited_item_02_txt01 {
	margin: 171.4% 0 0;
}
#christmas_jewelry_2025 .contents #limited_item_02_item01 {
	position: absolute;
	top: 0;
	left: 44.5%;
	margin: 152.7% 0 0;
	width: 42.6%;
}
#christmas_jewelry_2025 .contents #limited_item_02_price {
	position: absolute;
	top: 0;
	left: 13.5%;
	margin: 181.7% 0 0;
	width: 21.6%;
}
#christmas_jewelry_2025 .contents #limited_item_02_teaser {
	position: absolute;
	top: 0;
	left: 13.5%;
	margin: 190% 0 0;
	width: 26.3%;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_ttl {
	position: absolute;
	top: 0;
	left: 51.8%;
	margin: 206.4% 0 0;
	width: 26.3%;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_01 {
	position: absolute;
	top: 0;
	left: 22.7%;
	margin: 204.1% 0 0;
	width: 24.5%;
	font-size: 12px;
	letter-spacing: -1px;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_01 img,
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 img {
	display: block;
	margin-bottom: 0.5em;
}
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 {
	position: absolute;
	top: 0;
	left: 53.2%;
	margin: 211.8% 0 0;
	width: 24.5%;
	font-size: 12px;
	letter-spacing: -1px;
}
#christmas_jewelry_2025 a {
	transition: all .3s;
}
#christmas_jewelry_2025 a:hover {
	opacity: .6;
}
#christmas_jewelry_2025 .pane_topic_path {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 244.7% auto 0;
}
#christmas_jewelry_2025 .pane_topic_path .wrap {
	width: 85.7%;
}


/* 737px以上用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {

#christmas_jewelry_2025 .contents #limited_item02 #detail_01,
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 {
	font-size: 0.85vw
}


/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

#christmas_jewelry_2025 .contents #limited_item02 #detail_01,
#christmas_jewelry_2025 .contents #limited_item02 #detail_02 {
	font-size: 11px;
}


/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}
