@charset "UTF-8";

/*------------------------------------------ contents */

#summer_jewelry_2026 {
	/* iOS Safari用：テキストの自動調整を無効化 */
	-webkit-text-size-adjust: 100%;
	
	/* Android / Chrome用（一部環境） */
	text-size-adjust: 100%;
}
#summer_jewelry_2026 #main_desc {
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-style: normal;
}
#summer_jewelry_2026 .desc,
#summer_jewelry_2026 .announcement {
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#summer_jewelry_2026 .detail_desc,
#summer_jewelry_2026 .detail_desc_01,
#summer_jewelry_2026 .detail_desc_02,
#summer_jewelry_2026 .arrange {
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#summer_jewelry_2026 .desc,
#summer_jewelry_2026 .detail_desc {
	color: #fff;
}
#summer_jewelry_2026 .announcement {
	color: #e7d291;
	background: #252525;
	border-radius: 5px;
}
#summer_jewelry_2026 section.pane_topic_path .wrap {
	border-top: 1px solid #000;
}
#summer_jewelry_2026 .p-close {
	letter-spacing: -0.5em;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

#summer_jewelry_2026 #main_area {
	background-image:url("../../../img/lp/summer_jewelry_2026/bg_teaser.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: calc(8903 / 750 * 100%);
}

#summer_jewelry_2026 #main_ttl {
	width: calc(360 / 750 * 100%);
	position: absolute;
	margin: calc(125 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(43 / 750 * 100%);
}
#summer_jewelry_2026 #main_desc {
	position: absolute;
	margin: calc(1181 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(78 / 750 * 100%);
	text-align: center;
	font-size: 3vw;
}
#summer_jewelry_2026 #limited-item_01 .ttl {
	width: calc(455 / 750 * 100%);
	position: absolute;
	margin: calc(1541 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(185 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .num {
	width: calc(400 / 750 * 100%);
	position: absolute;
	margin: calc(1674 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(175 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .desc {
	position: absolute;
	margin: calc(1814 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(78 / 750 * 100%);
	text-align: center;
	font-size: 3vw;
}
#summer_jewelry_2026 #limited-item_01 .link {
	width: calc(578 / 750 * 100%);
	position: absolute;
	margin: calc(2866 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(85 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .announcement {
	width: calc(680 / 750 * 100%);
	position: absolute;
	margin: calc(3075 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(37 / 750 * 100%);
	padding: 0.25em 0;
	text-align: center;
	font-size: 4vw;
}
#summer_jewelry_2026 #limited-item_01 .detail_desc {
	position: absolute;
	margin: calc(3465 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(59 / 750 * 100%);
	font-size: 3vw;
}
#summer_jewelry_2026 #limited-item_01 .detail_desc .pc_space {
	display: none;
}
#summer_jewelry_2026 #limited-item_01 .style_desc {
	font-size: 2.6vw;
}
#summer_jewelry_2026 #limited-item_01 #style01_ttl {
	width: calc(209 / 750 * 100%);
	position: absolute;
	margin: calc(4013 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(433 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style01_desc {
	position: absolute;
	margin: calc(4152 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(451 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style02_ttl {
	width: calc(216 / 750 * 100%);
	position: absolute;
	margin: calc(4433 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(43 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style02_desc {
	position: absolute;
	margin: calc(4574 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(52 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style03_ttl {
	width: calc(213 / 750 * 100%);
	position: absolute;
	margin: calc(4874 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(440 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style03_desc {
	width: calc(259 / 750 * 100%);
	position: absolute;
	margin: calc(5019 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(451 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .ttl {
	width: calc(480 / 750 * 100%);
	position: absolute;
	margin: calc(5551 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(180 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .num {
	width: calc(402 / 750 * 100%);
	position: absolute;
	margin: calc(5699 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(173 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .desc {
	position: absolute;
	margin: calc(5830 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(71 / 750 * 100%);
	font-size: 3vw;
}
#summer_jewelry_2026 #limited-item_02 .link {
	width: calc(571 / 750 * 100%);
	position: absolute;
	margin: calc(6905 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(89 / 750 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .announcement {
	width: calc(680 / 750 * 100%);
	position: absolute;
	margin: calc(7102 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(37 / 750 * 100%);
	padding: 0.25em 0;
	text-align: center;
	font-size: 4vw;
}
#summer_jewelry_2026 #limited-item_02 .detail_desc_01 {
	position: absolute;
	margin: calc(7900 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(178 / 750 * 100%);
	font-size: 3vw;
	line-height: 1.4;
}
#summer_jewelry_2026 #limited-item_02 .detail_desc_02 {
	position: absolute;
	margin: calc(8359 / 750 * 100%) 0 0 0;
	top: 0;
	left: calc(437 / 750 * 100%);
	font-size: 3vw;
	line-height: 1.4;
}
#summer_jewelry_2026 .pane_topic_path {
	width: 100%;
	position: absolute;
	margin: calc(8776 / 750 * 100%) 0 0 0;
	top: 0;
	left: 0;
}


/* 736px以下用（SP用）の記述 end--------------------------------------- */
}



/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

#summer_jewelry_2026 {
	margin: 0 auto;
	max-width: 1400px;
	min-width: 1200px;
}
#summer_jewelry_2026 #main_area {
	background: url(../../../img/lp/summer_jewelry_2026/bg_teaser_pc.jpg) no-repeat top center / 100%;
	position: relative;
	padding-bottom: calc(3391 / 1400 * 100%);
}
#summer_jewelry_2026 a {
	transition: all .3s;
}
#summer_jewelry_2026 a:hover {
	opacity: .6;
}
#summer_jewelry_2026 #main_ttl {
	width: calc(305 / 1400 * 100%);
	position: absolute;
	margin: calc(101 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(139 / 1400 * 100%);
}
#summer_jewelry_2026 #main_desc {
	width: calc(388 / 1400 * 100%);
	position: absolute;
	margin: calc(645 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(868 / 1400 * 100%);
	font-size: clamp(13.714px, 1.14285vw, 16px);
	letter-spacing: -0.12em;
}
#summer_jewelry_2026 #limited-item_01 .ttl {
	width: calc(295 / 1400 * 100%);
	position: absolute;
	margin: calc(959 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(974 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .num {
	width: calc(257 / 1400 * 100%);
	position: absolute;
	margin: calc(1063 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(970 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .desc {
	position: absolute;
	margin: calc(1160 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(936 / 1400 * 100%);
	font-size: clamp(12px, 1vw, 14px);
	line-height: 1.8;
}
#summer_jewelry_2026 #limited-item_01 .link {
	width: calc(335 / 1400 * 100%);
	position: absolute;
	margin: calc(1294 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(936 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 .announcement {
	width: calc(318 / 1400 * 100%);
	position: absolute;
	margin: calc(1404 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(936 / 1400 * 100%);
	padding: 0.5em 0;
	font-size: clamp(12px, 1vw, 14px);
	text-align: center;
}
#summer_jewelry_2026 #limited-item_01 .detail_desc {
	width: calc(186 / 1400 * 100%);
	position: absolute;
	margin: calc(1589 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(324 / 1400 * 100%);
	text-align: right;
	font-size: clamp(10.285px, 0.8571vw, 12px);
	letter-spacing: -0.05em;
}
#summer_jewelry_2026 .style_desc {
	font-size: clamp(10.285px, 0.8571vw, 12px);
	letter-spacing: -0.03em;
	line-height: 1.3;
}
#summer_jewelry_2026 #limited-item_01 #style01_ttl {
	width: calc(84 / 1400 * 100%);
	position: absolute;
	margin: calc(1768 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(558 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style01_desc {
	width: calc(230 / 1400 * 100%);
	position: absolute;
	margin: calc(1851 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(567 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style02_ttl {
	width: calc(87 / 1400 * 100%);
	position: absolute;
	margin: calc(1844 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(825 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style02_desc {
	width: calc(260 / 1400 * 100%);
	position: absolute;
	margin: calc(1926 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(837 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style03_ttl {
	width: calc(87 / 1400 * 100%);
	position: absolute;
	margin: calc(1764 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(1097 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_01 #style03_desc {
	width: calc(250 / 1400 * 100%);
	position: absolute;
	margin: calc(1849 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(1107 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .ttl {
	width: calc(308 / 1400 * 100%);
	position: absolute;
	margin: calc(2194 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(178 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .num {
	width: calc(280 / 1400 * 100%);
	position: absolute;
	margin: calc(2293 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(163 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .desc {
	position: absolute;
	margin: calc(2389 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(132 / 1400 * 100%);
	font-size: clamp(12px, 1vw, 14px);
	line-height: 1.8;
}
#summer_jewelry_2026 #limited-item_02 .link {
	width: calc(345 / 1400 * 100%);
	position: absolute;
	margin: calc(2543 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(132 / 1400 * 100%);
}
#summer_jewelry_2026 #limited-item_02 .announcement {
	width: calc(318 / 1400 * 100%);
	position: absolute;
	margin: calc(2650 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(132 / 1400 * 100%);
	padding: 0.5em 0;
	font-size: clamp(12px, 1vw, 14px);
	text-align: center;
}

#summer_jewelry_2026 #limited-item_02 .detail_desc_01 {
	position: absolute;
	margin: calc(3026 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(428 / 1400 * 100%);
	font-size: clamp(11.143px, 0.92857vw, 13px);
	letter-spacing: -0.03em;
	line-height: 1.4;
	color: #fff;
}
#summer_jewelry_2026 #limited-item_02 .detail_desc_02 {
	width: calc(280 / 1400 * 100%);
	position: absolute;
	margin: calc(3185 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(843 / 1400 * 100%);
	font-size: clamp(11.143px, 0.92857vw, 13px);
	letter-spacing: -0.03em;
	line-height: 1.4;
}
#summer_jewelry_2026 .pane_topic_path {
	width: calc(1200 / 1400 * 100%);
	position: absolute;
	margin: calc(3310 / 1400 * 100%) 0 0 0;
	top: 0;
	left: calc(100 / 1400 * 100%);
}
#summer_jewelry_2026 .pane_topic_path .wrap {
	width: 100%;
}

/* 737px以上用（PC用）の記述 end--------------------------------------- */
}


/* 1399px以下用（PC用）のフォント可変値　記述------------------------------------------- */
@media screen and (min-width:1200px) and ( max-width:1399px) {

#summer_jewelry_2026 {
	font-size: ★★vw;
}


/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}


/* 1199px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

#summer_jewelry_2026 .txt_link {
	font-size: ★★px;
}


/* 1199px以下用（PC用）の記述 end--------------------------------------- */
}