@charset "Shift_JIS";
/* CSS Document : OMEGA SPEEDMASTER DARK SIDE OF THE MOON 特集 */
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&family=Cormorant+Garamond:wght@500;600&display=swap");
/* ===============================================================================
Reset
=============================================================================== */
#om_dsm,
#om_dsm div,
#om_dsm span,
#om_dsm applet,
#om_dsm object,
#om_dsm iframe,
#om_dsm h1,
#om_dsm h2,
#om_dsm h3,
#om_dsm h4,
#om_dsm h5,
#om_dsm h6,
#om_dsm p,
#om_dsm blockquote,
#om_dsm pre,
#om_dsm a,
#om_dsm abbr,
#om_dsm acronym,
#om_dsm address,
#om_dsm big,
#om_dsm cite,
#om_dsm code,
#om_dsm del,
#om_dsm dfn,
#om_dsm em,
#om_dsm img,
#om_dsm ins,
#om_dsm kbd,
#om_dsm q,
#om_dsm s,
#om_dsm samp,
#om_dsm small,
#om_dsm strike,
#om_dsm strong,
#om_dsm sub,
#om_dsm sup,
#om_dsm tt,
#om_dsm var,
#om_dsm b,
#om_dsm u,
#om_dsm i,
#om_dsm center,
#om_dsm dl,
#om_dsm dt,
#om_dsm dd,
#om_dsm ol,
#om_dsm ul,
#om_dsm li,
#om_dsm fieldset,
#om_dsm form,
#om_dsm label,
#om_dsm legend,
#om_dsm table,
#om_dsm caption,
#om_dsm tbody,
#om_dsm tfoot,
#om_dsm thead,
#om_dsm tr,
#om_dsm th,
#om_dsm td,
#om_dsm article,
#om_dsm aside,
#om_dsm canvas,
#om_dsm details,
#om_dsm embed,
#om_dsm figure,
#om_dsm figcaption,
#om_dsm footer,
#om_dsm header,
#om_dsm hgroup,
#om_dsm menu,
#om_dsm nav,
#om_dsm output,
#om_dsm ruby,
#om_dsm section,
#om_dsm summary,
#om_dsm time,
#om_dsm mark,
#om_dsm audio,
#om_dsm video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
#om_dsm article,
#om_dsm aside,
#om_dsm details,
#om_dsm figcaption,
#om_dsm figure,
#om_dsm footer,
#om_dsm header,
#om_dsm hgroup,
#om_dsm menu,
#om_dsm nav,
#om_dsm section {
  display: block;
}

#om_dsm ol,
#om_dsm ul {
  list-style: none;
}

#om_dsm blockquote,
#om_dsm q {
  quotes: none;
}

#om_dsm blockquote:before,
#om_dsm blockquote:after,
#om_dsm q:before,
#om_dsm q:after {
  content: "";
  content: none;
}

#om_dsm table {
  border-collapse: collapse;
  border-spacing: 0;
}

#om_dsm button {
  border: none;
}

#om_dsm #header {
  margin-bottom: 0;
}
/* ===============================================================================
Body Setting
=============================================================================== */
#om_dsm {
	font-family: "Zen Old Mincho","serif","Yu Gothic", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic";
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 1.5;
	color: #000;
	word-break: normal;
	overflow-wrap: anywhere;
	line-break: strict;
}
@media screen and (max-width: 767px) {
	#om_dsm a,
#om_dsm abbr,
#om_dsm acronym,
#om_dsm address,
#om_dsm applet,
#om_dsm article,
#om_dsm aside,
#om_dsm audio,
#om_dsm b,
#om_dsm big,
#om_dsm blockquote,
#om_dsm,
#om_dsm canvas,
#om_dsm caption,
#om_dsm center,
#om_dsm cite,
#om_dsm code,
#om_dsm dd,
#om_dsm del,
#om_dsm details,
#om_dsm dfn,
#om_dsm dialog,
#om_dsm div,
#om_dsm dl,
#om_dsm dt,
#om_dsm em,
#om_dsm embed,
#om_dsm fieldset,
#om_dsm figcaption,
#om_dsm figure,
#om_dsm footer,
#om_dsm form,
#om_dsm h1,
#om_dsm h2,
#om_dsm h3,
#om_dsm h4,
#om_dsm h5,
#om_dsm h6,
#om_dsm header,
#om_dsm hgroup,
#om_dsm i,
#om_dsm iframe,
#om_dsm img,
#om_dsm ins,
#om_dsm kbd,
#om_dsm label,
#om_dsm legend,
#om_dsm li,
#om_dsm main,
#om_dsm mark,
#om_dsm menu,
#om_dsm nav,
#om_dsm object,
#om_dsm ol,
#om_dsm output,
#om_dsm p,
#om_dsm pre,
#om_dsm q,
#om_dsm ruby,
#om_dsm s,
#om_dsm samp,
#om_dsm section,
#om_dsm small,
#om_dsm span,
#om_dsm strike,
#om_dsm strong,
#om_dsm sub,
#om_dsm summary,
#om_dsm sup,
#om_dsm table,
#om_dsm tbody,
#om_dsm td,
#om_dsm textarea,
#om_dsm tfoot,
#om_dsm th,
#om_dsm thead,
#om_dsm time,
#om_dsm tr,
#om_dsm tt,
#om_dsm u,
#om_dsm ul,
#om_dsm var,
#om_dsm video {
	text-align: unset;
	}
}

#om_dsm a {
	color: inherit;
	text-decoration: none;
	outline: none;
}
#om_dsm img {
	vertical-align: top;
	max-width: 100%;
	width: 100%;
}
@media screen and (min-width: 561px) {
	#om_dsm .spOnly {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	#om_dsm .pcOnly {
		display: none !important;
	}
}
#om_dsm .fadeIn {
	transform: translate3d(0, 50px, 0);
	transition: 1s;
	opacity: 0;
}
#om_dsm .fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
/* ===============================================================================
Color Theme（漆黒 × 月光ゴールド）
=============================================================================== */
#om_dsm .contentsArea {
	margin: 0 auto;
	line-break: strict;
	background-color: #0b0e13;
	color: #f2efe8;
}
#om_dsm .contentsArea .inner {
	max-width: 1000px;
	margin: 3em auto 5rem;
	padding: 0 20px;
}
#om_dsm .contentsArea .inner.mv {
	max-width: none;
	margin: 0 auto;
	padding: 0;
}
#om_dsm .eyebrow {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 13px;
	letter-spacing: 0.34em;
	color: #c8a06a;
	margin-bottom: 0.75rem;
}
#om_dsm p {
	color: #c3c8d0;
	line-height: 2;
}
#om_dsm h1,
#om_dsm h2,
#om_dsm h3 {
	color: #f2efe8;
	font-weight: 500;
}
/* ===============================================================================
Intro
=============================================================================== */
#om_dsm #intro {
	text-align: center;
}
#om_dsm #intro h1 {
	font-size: clamp(24px, 4vw, 2.75rem);
	line-height: 1.5;
}
#om_dsm #intro p {
	margin-top: 2em;
}
#om_dsm #intro .latin {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: clamp(14px, 2vw, 19px);
	letter-spacing: 0.3em;
	color: #b8bdc7;
	margin-top: 1em;
}
/* ===============================================================================
Product
=============================================================================== */
#om_dsm .product {
	text-align: center;
}
#om_dsm .product img {
	max-width: calc(100% / 3);
}
#om_dsm .product h3 {
	font-size: clamp(20px, 3vw, 1.75rem);
	margin-top: 1em;
}
#om_dsm .product p.ref {
	font-size: 14px;
	letter-spacing: 0.08em;
	color: #9aa0ab;
	margin-top: 0.25em;
}
#om_dsm .product p.price {
	color: #e0bd85;
	margin-top: 0.25em;
}
#om_dsm .product p.price span {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 180%;
	font-variant-numeric: tabular-nums;
}
#om_dsm .product a.btn {
	background-image: linear-gradient(0deg, #b48c56, #d4b07c);
	color: #0b0e13;
	display: block;
	padding: 1em;
	max-width: calc(100% / 3);
	margin: 1em auto 0;
	letter-spacing: 0.1em;
	transition: all 0.3s ease;
}
#om_dsm .product a.btn:hover {
	opacity: 0.8;
}
#om_dsm a.btn.line {
	background: transparent;
	border: 1px solid rgba(200,160,106,0.55);
	color: #e0bd85;
	display: inline-block;
	padding: 1em 2.5em;
	letter-spacing: 0.14em;
	transition: all 0.3s ease;
}
#om_dsm a.btn.line:hover {
	background: rgba(200,160,106,0.12);
}
/* ===============================================================================
2 Column
=============================================================================== */
#om_dsm .inner .col2 {
	display: flex;
	gap: 2.5em;
	align-items: center;
	justify-content: space-between;
}
#om_dsm .inner .col2.rev {
	flex-direction: row-reverse;
}
#om_dsm .inner .col2 .col2_img {
	flex: 1;
}
#om_dsm .inner .col2 .col2_img img {
	width: 100%;
	height: auto;
	display: block;
}
#om_dsm .inner .col2 .col2_text {
	flex: 2;
}
#om_dsm .inner .col2 .col2_text.wide {
	flex: 1.2;
}
#om_dsm .inner .col2 .col2_text p + p {
	margin-top: 1em;
}
#om_dsm .inner .col2 .col2_text p.quote {
	border-left: 2px solid rgba(200,160,106,0.5);
	padding-left: 1em;
	font-size: 14px;
	color: #9aa0ab;
	margin-top: 1.5em;
}
#om_dsm .inner .col2 .col2_text p.quote em {
	font-style: normal;
	color: #e0bd85;
}
#om_dsm .caption {
	font-size: 12px;
	letter-spacing: 0.06em;
	color: #9aa0ab;
	text-align: center;
	margin-top: 0.75em;
}
#om_dsm .bg_gray {
	background-color: #10141b;
	border-top: 1px solid rgba(200,160,106,0.16);
	border-bottom: 1px solid rgba(200,160,106,0.16);
	padding: 5rem 0;
}
#om_dsm .bg_gray .inner {
	margin: 0 auto;
}
#om_dsm .inner h2 {
	font-size: clamp(20px, 4vw, 2rem);
	line-height: 1.5;
	margin-bottom: 0.75rem;
}
#om_dsm .inner h2.center {
	text-align: center;
}
#om_dsm .inner .center {
	text-align: center;
}
#om_dsm .inner .lead {
	max-width: 760px;
	margin: 0 auto;
}
/* ===============================================================================
3 Column（選ばれる理由／着用イメージ）
=============================================================================== */
#om_dsm .inner .col3 {
	display: flex;
	gap: 1.75em;
	margin-top: 3em;
}
#om_dsm .inner .col3 > div {
	flex: 1;
}
#om_dsm .inner .col3 .card {
	border: 1px solid rgba(255,255,255,0.09);
	background: rgba(11,14,19,0.5);
	padding: 2em 1.5em;
}
#om_dsm .inner .col3 .card .label {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 15px;
	letter-spacing: 0.2em;
	color: #c8a06a;
}
#om_dsm .inner .col3 .card h3 {
	font-size: 18px;
	line-height: 1.6;
	margin: 0.75em 0;
}
#om_dsm .inner .col3 .card p {
	font-size: 14px;
	line-height: 2;
}
#om_dsm .inner .col3 .photo img {
	display: block;
}
/* ===============================================================================
Spec
=============================================================================== */
#om_dsm dl.spec {
	display: flex;
	flex-wrap: wrap;
}
#om_dsm dl.spec > div {
	width: calc(50% - 1em);
	margin-right: 1em;
	padding: 1em 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#om_dsm dl.spec dt {
	font-size: 12px;
	letter-spacing: 0.12em;
	color: #9aa0ab;
}
#om_dsm dl.spec dd {
	font-size: 16px;
	margin-top: 0.25em;
	font-variant-numeric: tabular-nums;
}
#om_dsm p.note {
	font-size: 13px;
	color: #9aa0ab;
	margin-top: 1.5em;
}
/* ===============================================================================
Model Head（各モデルの見出し）
=============================================================================== */
#om_dsm .model_tag {
	display: inline-block;
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 12px;
	letter-spacing: 0.3em;
	color: #c8a06a;
	border: 1px solid rgba(200,160,106,0.45);
	padding: 0.3em 1em;
	margin-bottom: 1em;
}
#om_dsm .product .model_tag {
	display: table;
	margin: 0 auto 1.5em;
}
/* ===============================================================================
Model（コレクション紹介の各モデル）
=============================================================================== */
#om_dsm .inner .col2.model {
	align-items: center;
}
#om_dsm .inner .col2.model .col2_img {
	flex: 1.1;
}
#om_dsm .inner .col2.model .col2_text {
	flex: 1.4;
}
#om_dsm .model p.ref {
	font-size: 13px;
	letter-spacing: 0.08em;
	color: #9aa0ab;
	margin: -0.25em 0 1em;
}
#om_dsm .model p.price {
	color: #e0bd85;
	margin-top: 1.5em;
}
#om_dsm .model p.price span {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 180%;
	font-variant-numeric: tabular-nums;
}
#om_dsm .model p.price small {
	font-size: 12px;
	color: #9aa0ab;
	margin-left: 0.5em;
}
#om_dsm .model a.btn {
	background-image: linear-gradient(0deg, #b48c56, #d4b07c);
	color: #0b0e13;
	display: inline-block;
	padding: 0.9em 2.5em;
	margin-top: 1em;
	letter-spacing: 0.1em;
	transition: all 0.3s ease;
}
#om_dsm .model a.btn:hover {
	opacity: 0.8;
}
#om_dsm .inner .col2 .col2_text ul.feat {
	margin-top: 1em;
	font-size: 13px;
	color: #9aa0ab;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 1.5em;
}
#om_dsm .inner .col2 .col2_text ul.feat li::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #c8a06a;
	vertical-align: middle;
	margin-right: 0.6em;
}
/* ===============================================================================
Closing
=============================================================================== */
#om_dsm .closing {
	text-align: center;
	padding: 1rem 0 2rem;
}
#om_dsm .closing ul.lineup {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em 1.25em;
	margin: 3em auto 0;
	max-width: 960px;
	text-align: center;
}
#om_dsm .closing ul.lineup li {
	width: calc((100% - 1.25em * 4) / 5);
}
#om_dsm .closing ul.lineup a {
	display: block;
	transition: opacity 0.3s ease;
}
#om_dsm .closing ul.lineup a:hover {
	opacity: 0.75;
}
#om_dsm .closing ul.lineup img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid rgba(255,255,255,0.09);
}
#om_dsm .closing ul.lineup span {
	display: block;
}
#om_dsm .closing ul.lineup .name {
	font-size: 14px;
	line-height: 1.5;
	min-height: 3em;
	color: #f2efe8;
	margin-top: 0.75em;
}
#om_dsm .closing ul.lineup .ref {
	font-size: 11px;
	letter-spacing: 0.04em;
	color: #9aa0ab;
	margin-top: 0.25em;
}
#om_dsm .closing ul.lineup .price {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 17px;
	color: #e0bd85;
	margin-top: 0.25em;
	font-variant-numeric: tabular-nums;
}
#om_dsm .closing ul.lineup .price small {
	font-family: "Zen Old Mincho", serif;
	font-size: 10px;
	color: #9aa0ab;
	margin-left: 0.3em;
}
#om_dsm .closing p.fine {
	font-size: 11px;
	line-height: 1.9;
	color: #6d7480;
	max-width: 720px;
	margin: 2.5em auto 0;
}

@media screen and (max-width: 767px) {
	#om_dsm .inner {
		max-width: 429px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	#om_dsm .inner .col2,
#om_dsm .inner .col2.rev,
#om_dsm .inner .col2.model {
		flex-direction: column;
		align-items: stretch;
	}
	#om_dsm .inner .col2 .col2_img,
#om_dsm .inner .col2 .col2_text,
#om_dsm .inner .col2.model .col2_img,
#om_dsm .inner .col2.model .col2_text {
		flex: none;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	#om_dsm .inner .col3 {
		flex-direction: column;
	}
	#om_dsm .product img {
		max-width: 100%;
	}
	#om_dsm .product a.btn {
		max-width: 50%;
	}
	#om_dsm dl.spec > div {
		width: 100%;
		margin-right: 0;
	}
	#om_dsm .bg_gray {
		padding: 3rem 0;
	}
	/* センタリングしている文章はモバイルでは左寄せ */
	#om_dsm #intro,
#om_dsm .inner .center,
#om_dsm .inner h2.center,
#om_dsm .inner .lead,
#om_dsm .caption,
#om_dsm .closing {
		text-align: left;
	}
	#om_dsm #intro h1 {
		font-size: clamp(22px, 6vw, 26px);
	}
	#om_dsm .inner .lead {
		margin-left: 0;
	}
	#om_dsm .closing ul.lineup {
		gap: 1.5em 1em;
	}
	#om_dsm .closing ul.lineup li {
		width: calc((100% - 1em) / 2);
	}
}

/* ===============================================================================
Story（2026-10 ストーリー改修で追加）
=============================================================================== */
#om_dsm .story {
	max-width: 760px;
	text-align: center;
}
#om_dsm .story .chapter {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 13px;
	letter-spacing: 0.34em;
	color: #c8a06a;
	margin-bottom: 1.25rem;
}
#om_dsm .story h2 {
	font-size: clamp(22px, 4vw, 2.25rem);
	margin-bottom: 1.5rem;
}
#om_dsm .story p + p {
	margin-top: 1.25em;
}
#om_dsm .story p.bridge {
	margin-top: 2.5em;
	padding-top: 2em;
	border-top: 1px solid rgba(200,160,106,0.25);
	color: #f2efe8;
	font-size: clamp(15px, 2vw, 18px);
}
#om_dsm .story_divider {
	width: 1px;
	height: 80px;
	margin: 0 auto;
	background: linear-gradient(to bottom, rgba(200,160,106,0), rgba(200,160,106,0.6));
}
#om_dsm .manifesto {
	text-align: center;
	padding: 7rem 0;
}
#om_dsm .manifesto h2 {
	font-size: clamp(24px, 4.5vw, 2.6rem) !important;
	margin-bottom: 2rem !important;
}
#om_dsm .manifesto p.lead {
	color: #d9dde3;
}
#om_dsm .manifesto p.lead + p.lead {
	margin-top: 1.25em;
}
#om_dsm .model p.hook,
#om_dsm .product p.hook {
	color: #e0bd85;
	font-size: 15px;
	margin-bottom: 0.75em;
}
#om_dsm .closing h2 {
	font-size: clamp(24px, 4.5vw, 2.4rem) !important;
}
@media screen and (max-width: 767px) {
	#om_dsm #intro,
#om_dsm .story,
#om_dsm .inner .center {
		text-align: center;
	}
}
/* その世界を、腕もとに。＋THE WORDS */
#om_dsm .words {
	margin-top: 6rem !important;
}
#om_dsm .words .words_head {
	margin-bottom: 4rem;
}
#om_dsm .words .words_head h2 {
	font-size: clamp(24px, 4.5vw, 2.4rem);
	margin-bottom: 1.5rem;
}
#om_dsm .words .col2_text h3 {
	font-size: clamp(19px, 2.6vw, 1.6rem);
	line-height: 1.6;
	margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
	#om_dsm .inner h2.center,
#om_dsm .inner p.center,
#om_dsm .inner .eyebrow.center {
		text-align: center !important;
	}
}
/* コレクション：導入と原点モデルを同一背景に */
#om_dsm .bg_gray .inner.models_first {
	margin-top: 5rem;
}
/* SHOP｜宝石広場のご案内 */
#om_dsm .shop {
	padding: 6rem 0;
}
#om_dsm .shop h2 {
	margin-bottom: 1.5rem;
}
#om_dsm .shop .shop_visual {
	margin: 3rem 0 0;
}
#om_dsm .shop .shop_visual img {
	display: block;
	width: 100%;
	height: auto;
}
#om_dsm .shop ul.shop_points {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5em;
	margin-top: 3rem;
}
#om_dsm .shop ul.shop_points li {
	border: 1px solid rgba(255,255,255,0.09);
	background: rgba(11,14,19,0.5);
	padding: 1.75em 1.5em;
}
#om_dsm .shop ul.shop_points .label {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 14px;
	letter-spacing: 0.2em;
	color: #c8a06a;
}
#om_dsm .shop ul.shop_points h3 {
	font-size: 18px;
	line-height: 1.6;
	margin: 0.5em 0;
}
#om_dsm .shop ul.shop_points li p {
	font-size: 14px;
}
#om_dsm .shop .shop_store {
	margin-top: 4rem;
}
#om_dsm .shop .shop_store h3 {
	font-size: clamp(19px, 2.6vw, 1.5rem);
	margin-bottom: 1rem;
}
#om_dsm .shop .shop_store dl.spec > div {
	width: 100%;
	margin-right: 0;
	display: flex;
	gap: 1em;
	padding: 0.75em 0;
}
#om_dsm .shop .shop_store dl.spec dt {
	flex: 0 0 5.5em;
	padding-top: 0.2em;
}
#om_dsm .shop .shop_store dl.spec dd {
	color: #d9dde3;
	font-size: 14px;
}
#om_dsm .shop .shop_store a.btn.line {
	margin-top: 1.5rem;
}
#om_dsm .shop .shop_store a.map_link {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	margin-top: 0.5em;
	font-size: 13px;
	letter-spacing: 0.06em;
	color: #e0bd85;
	border-bottom: 1px solid rgba(200,160,106,0.5);
	transition: opacity 0.3s ease;
}
#om_dsm .shop .shop_store a.map_link:hover {
	opacity: 0.75;
}
@media screen and (max-width: 767px) {
	#om_dsm .shop ul.shop_points {
		grid-template-columns: 1fr;
	}
}
#om_dsm .shop .shop_visual img {
	aspect-ratio: auto;
	background: #0b0e13;
}
#om_dsm .shop .shop_store {
	max-width: 640px;
	margin: 4rem auto 0;
}
#om_dsm .shop .shop_store h3 {
	text-align: center;
}
/* YouTubeショート枠（TOPから2番目のビジュアル） */
#om_dsm .short_section {
	padding: 1rem 20px 5rem;
	text-align: center;
}
#om_dsm .short_frame {
	position: relative;
	width: 340px;
	max-width: 80%;
	aspect-ratio: 9 / 16;
	margin: 0 auto;
	background: #000;
	border: 1px solid rgba(200,160,106,0.35);
	overflow: hidden;
}
#om_dsm .short_frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#om_dsm .short_placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.9em;
	background: repeating-linear-gradient(135deg, #0b0e13 0 14px, #10141b 14px 28px);
	text-align: center;
}
#om_dsm .short_placeholder .play {
	width: 64px;
	height: 44px;
	border-radius: 12px;
	background: rgba(200,160,106,0.9);
	position: relative;
}
#om_dsm .short_placeholder .play::after {
	content: "";
	position: absolute;
	left: 26px;
	top: 13px;
	border-left: 16px solid #0b0e13;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
}
#om_dsm .short_placeholder .ttl {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	letter-spacing: 0.2em;
	color: #e0bd85;
	font-size: 15px;
}
#om_dsm .short_placeholder .txt {
	font-size: 13px;
	color: #9aa0ab;
	line-height: 1.8;
}
/* ラインナップ：各商品の「詳しく見る」ボタン */
#om_dsm .closing ul.lineup li {
	display: flex;
}
#om_dsm .closing ul.lineup a {
	display: flex;
	flex-direction: column;
	width: 100%;
}
#om_dsm .closing ul.lineup span.more {
	margin-top: auto;
	padding: 0.7em 0.5em;
	border: 1px solid rgba(200,160,106,0.55);
	color: #e0bd85;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-align: center;
	transition: background 0.3s ease;
}
#om_dsm .closing ul.lineup .price {
	margin-bottom: 0.9em;
}
#om_dsm .closing ul.lineup a:hover span.more {
	background: rgba(200,160,106,0.12);
}
@media screen and (max-width: 767px) {
	#om_dsm .closing,
#om_dsm .closing h2,
#om_dsm .closing p.lead,
#om_dsm .closing .eyebrow {
		text-align: center !important;
	}
}
/* ON THE WRIST｜着用イメージ（2カウンターの後・商品一覧の前） */
#om_dsm .wear {
	margin-top: 6rem;
}
#om_dsm .wear .wear_head {
	margin-bottom: 3rem;
}
#om_dsm .wear .wear_head h2 {
	font-size: clamp(24px, 4.5vw, 2.4rem);
	margin-bottom: 1.5rem;
}
/* 大小2サイズをジグザグに組むコラージュ */
#om_dsm .wear .wear_collage {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}
#om_dsm .wear .wear_band {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.5em;
}
#om_dsm .wear .wear_band.rev {
	flex-direction: row-reverse;
	margin-top: -1.5rem;
}
#om_dsm .wear .wear_item.large {
	width: 64%;
}
#om_dsm .wear .wear_item.small {
	width: 29%;
	margin-top: 5rem;
}
#om_dsm .wear .wear_item img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 1px solid rgba(255,255,255,0.09);
}
#om_dsm .wear .wear_item.large img {
	aspect-ratio: 3 / 2;
}
#om_dsm .wear .wear_item.small img {
	aspect-ratio: 4 / 5;
}
@media screen and (max-width: 767px) {
	#om_dsm .wear {
		margin-top: 3rem;
	}
	#om_dsm .wear .wear_collage {
		gap: 1.25rem;
	}
	#om_dsm .wear .wear_band,
#om_dsm .wear .wear_band.rev {
		flex-direction: column;
		gap: 1.25rem;
		margin-top: 0;
	}
	#om_dsm .wear .wear_item.large {
		width: 100%;
	}
	#om_dsm .wear .wear_item.small {
		width: 62%;
		margin-top: 0;
		align-self: flex-end;
	}
	#om_dsm .wear .wear_band.rev .wear_item.small {
		align-self: flex-start;
	}
	#om_dsm .wear .wear_head h2,
#om_dsm .wear .wear_head p.lead,
#om_dsm .wear .wear_head .eyebrow {
		text-align: center !important;
	}
}

/* MV｜看板画像の上に重ねる英字 */
#om_dsm .contentsArea .inner.mv {
	position: relative;
}
#om_dsm .mv_copy {
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	color: #f2efe8;
	text-shadow: 0 2px 18px rgba(0,0,0,0.6);
	pointer-events: none;
}
#om_dsm .mv_copy p {
	color: #f2efe8;
	line-height: 1.1;
}
#om_dsm .mv_copy .mv_brand {
	font-size: clamp(13px, 1.4vw, 18px);
	letter-spacing: 0.34em;
	color: #e0bd85;
	margin-bottom: 0.9em;
}
#om_dsm .mv_copy .mv_title {
	font-size: clamp(30px, 4.6vw, 60px);
	font-weight: 600;
	letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
	#om_dsm .mv_copy {
		left: 20px;
		top: 7%;
		transform: none;
	}
	#om_dsm .mv_copy .mv_brand {
		font-size: 12px;
		letter-spacing: 0.28em;
	}
	#om_dsm .mv_copy .mv_title {
		font-size: clamp(26px, 8vw, 34px);
	}
}
/* 宝石広場版: 看板の時計が中央寄りのため、文字は小さめ・モバイルは左下に */
#om_dsm .mv_copy {
	left: 5%;
}
#om_dsm .mv_copy .mv_title {
	font-size: clamp(26px, 3.4vw, 44px);
}
@media screen and (max-width: 767px) {
	#om_dsm .mv_copy {
		top: auto;
		bottom: 6%;
	}
	#om_dsm .mv_copy .mv_title {
		font-size: clamp(20px, 6vw, 24px);
	}
}

/* MOVIE｜動画スペース（商品一覧とショップ案内の間） */
#om_dsm .movie_section {
	margin-top: 0;
	margin-bottom: 6rem;
	text-align: center;
}
#om_dsm .movie_section h2 {
	margin-bottom: 2rem;
}
#om_dsm .movie_frame {
	position: relative;
	width: 100%;
	max-width: 800px;
	aspect-ratio: 16 / 9;
	margin: 0 auto;
	background: #000;
	border: 1px solid rgba(200,160,106,0.35);
	overflow: hidden;
}
#om_dsm .movie_frame.vertical {
	width: 340px;
	max-width: 80%;
	aspect-ratio: 9 / 16;
}
#om_dsm .movie_frame iframe,
#om_dsm .movie_frame video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#om_dsm .movie_placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.9em;
	background: repeating-linear-gradient(135deg, #0b0e13 0 14px, #10141b 14px 28px);
	text-align: center;
}
#om_dsm .movie_placeholder .play {
	width: 64px;
	height: 44px;
	border-radius: 12px;
	background: rgba(200,160,106,0.9);
	position: relative;
}
#om_dsm .movie_placeholder .play::after {
	content: "";
	position: absolute;
	left: 26px;
	top: 13px;
	border-left: 16px solid #0b0e13;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
}
#om_dsm .movie_placeholder .ttl {
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	letter-spacing: 0.2em;
	color: #e0bd85;
	font-size: 15px;
}
#om_dsm .movie_placeholder .txt {
	font-size: 13px;
	color: #9aa0ab;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	#om_dsm .movie_section {
		margin-bottom: 3rem;
	}
}

/* 着用カット: モバイルはモザイク配置（横長 → 縦位置2枚を段違い → 横長） */
@media screen and (max-width: 767px) {
	#om_dsm .wear .wear_collage {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	#om_dsm .wear .wear_band,
#om_dsm .wear .wear_band.rev {
		display: contents;
	}
	#om_dsm .wear .wear_item,
#om_dsm .wear .wear_item.large,
#om_dsm .wear .wear_item.small {
		width: auto;
		margin: 0;
		align-self: auto;
	}
	#om_dsm .wear .wear_item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#om_dsm .wear .wear_band:first-child .wear_item.large {
		grid-column: 1 / span 2;
	}
	#om_dsm .wear .wear_band:first-child .wear_item.large img {
		aspect-ratio: 3 / 2;
	}
	#om_dsm .wear .wear_band:first-child .wear_item.small {
		grid-column: 1;
	}
	#om_dsm .wear .wear_band:first-child .wear_item.small img {
		aspect-ratio: 4 / 5;
	}
	#om_dsm .wear .wear_band.rev .wear_item.large {
		grid-column: 2;
		margin-top: 2rem;
	}
	#om_dsm .wear .wear_band.rev .wear_item.large img {
		aspect-ratio: 4 / 5;
	}
	#om_dsm .wear .wear_band.rev .wear_item.small {
		grid-column: 1 / span 2;
	}
	#om_dsm .wear .wear_band.rev .wear_item.small img {
		aspect-ratio: 16 / 10;
		object-position: center 45%;
	}
}

/* ===============================================================================
冒頭2シーン｜背景写真＋パララックス（2026-10 ブラッシュアップ）
・#intro   ：星空3層＋月。スクロールで月が沈み、光が落ちる＝「裏側へ回り込む」演出
・.sc_surface：月面写真を低速パララックスで敷き、テキストは暗幕の上に
=============================================================================== */
#om_dsm .sc_intro,
#om_dsm .sc_surface {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
#om_dsm .sc_bg {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}
#om_dsm .sc_bg [data-speed] {
	will-change: transform;
}
/* --- Scene 1?ｼ壽弌遨ｺ縺ｨ譛? --- */
#om_dsm .sc_intro {
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 7rem 0;
	background-color: #0b0e13;
}
#om_dsm .sc_intro .sc_bg {
	background: radial-gradient(110% 80% at 80% 25%, #131b28 0%, #0b0e13 60%);
}
#om_dsm .sc_stars {
	position: absolute;
	left: 0;
	top: -20%;
}
#om_dsm .sc_moon {
	position: absolute;
	right: 3%;
	top: 4%;
	width: clamp(240px, 24vw, 380px);
	height: auto;
	mix-blend-mode: screen; /* 黒地を透過させ星空になじませる */
	opacity: 0.95;
	transition: filter 0.2s linear;
}
#om_dsm .sc_intro .sc_body {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 2px 20px rgba(11,14,19,0.9);
}
#om_dsm .sc_intro .sc_body h1 {
	font-size: clamp(26px, 4.4vw, 3rem);
	line-height: 1.5;
}
#om_dsm .sc_intro .sc_body p {
	margin-top: 2em;
}
#om_dsm .sc_intro .sc_body .latin {
	margin-top: 1em;
}
/* 段落ごとに時間差で現れる */
#om_dsm .sc_intro .fadeIn:nth-child(2) { transition-delay: 0.15s; }
#om_dsm .sc_intro .fadeIn:nth-child(3) { transition-delay: 0.3s; }
#om_dsm .sc_intro .fadeIn:nth-child(4) { transition-delay: 0.1s; }
#om_dsm .sc_intro .fadeIn:nth-child(5) { transition-delay: 0.2s; }
/* LOSS OF SIGNAL：交信途絶をさりげなく示すサイン */
#om_dsm .sc_intro .signal {
	display: inline-flex;
	align-items: center;
	gap: 0.8em;
	margin-top: 3.5em !important;
	font-family: "Cormorant Garamond", "Times New Roman", serif;
	font-size: 12px;
	letter-spacing: 0.4em;
	color: #8a909a;
	line-height: 1;
}
#om_dsm .sc_intro .signal span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c8a06a;
	animation: om_signal 2.4s ease-in-out infinite;
}
@keyframes om_signal{
	0%, 100%{ opacity: 1; }
	50%{ opacity: 0.15; }
}
/* --- Scene 2：月面 --- */
#om_dsm .sc_surface {
	padding: 10rem 0;
	background-color: #0b0e13;
}
#om_dsm .sc_surface .sc_bg {
	inset: -18% 0;
}
#om_dsm .sc_surface_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 40%;
	opacity: 0.6;
	filter: grayscale(0.3) contrast(1.05);
}
/* 上下は地色に溶かし、中央はテキストが読める暗さに */
#om_dsm .sc_surface::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(60% 55% at 50% 50%, rgba(11,14,19,0.7) 0%, rgba(11,14,19,0.15) 100%),
		linear-gradient(to bottom, #0b0e13 0%, rgba(11,14,19,0) 30%, rgba(11,14,19,0) 70%, #0b0e13 100%);
	z-index: -1;
	pointer-events: none;
}
#om_dsm .sc_surface .story {
	position: relative;
	margin: 0 auto;
	text-shadow: 0 2px 16px rgba(11,14,19,0.95);
}
#om_dsm .sc_surface .story p {
	color: #d4d8de;
}
@media screen and (max-width: 767px) {
	#om_dsm .sc_intro {
		min-height: 100svh;
		padding: 7rem 0 6rem;
		align-items: flex-end;
	}
	#om_dsm .sc_moon {
		width: 62vw;
		right: -8vw;
		top: 4%;
		opacity: 0.8;
	}
	#om_dsm .sc_surface {
		padding: 6rem 0;
	}
	#om_dsm .sc_surface_img {
		object-position: 35% 40%;
	}
}
/* 動きを減らす設定の端末：静止表示 */
@media (prefers-reduced-motion: reduce){
	#om_dsm .sc_bg [data-speed] { transform: none !important; }
	#om_dsm .sc_intro .signal span { animation: none; }
}

/* ===============================================================================
CLOSE UP｜ストーリー2の後の商品アップ（2026-10 追加・仮素材）
・動画版（index.html）／静止画版（index_still.html）共通
=============================================================================== */
#om_dsm .sc_closeup {
	position: relative;
	overflow: hidden;
	background: #05070a;
	aspect-ratio: 16 / 9;
	max-height: 92vh;
	width: 100%;
}
#om_dsm .sc_closeup .closeup_media,
#om_dsm .sc_closeup .closeup_media picture {
	position: absolute;
	inset: 0;
}
#om_dsm .sc_closeup .closeup_video,
#om_dsm .sc_closeup .closeup_img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.12);
	transform-origin: 62% 45%;
	will-change: transform;
}
/* テキストなし：上下だけを地色に溶かし、前後のシーンと地続きに見せる */
#om_dsm .sc_closeup::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(to bottom, #0b0e13 0%, rgba(11,14,19,0.6) 10%, rgba(11,14,19,0) 30%, rgba(11,14,19,0) 60%, rgba(11,14,19,0.6) 85%, #0b0e13 100%),
		radial-gradient(120% 90% at 50% 50%, rgba(11,14,19,0) 55%, rgba(11,14,19,0.55) 100%);
}
@media screen and (max-width: 767px) {
	#om_dsm .sc_closeup {
		aspect-ratio: 9 / 16;
		max-height: 88svh;
	}
}
@media (prefers-reduced-motion: reduce){
	#om_dsm .sc_closeup .closeup_video,
#om_dsm .sc_closeup .closeup_img { transform: none !important; }
}

/* ===============================================================================
画像×テキストエリア｜写真の四辺を背景になじませる（2026-10 追加）
・商品写真の黒地と、ページ地色の差でできていた「四角い枠」を消す
・対象：STORY 3（ケースバック）とコレクション以降の .col2 画像すべて
=============================================================================== */
#om_dsm .inner .col2 .col2_img {
	position: relative;
}
#om_dsm .inner .col2 .col2_img img {
	-webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 58%, rgba(0,0,0,0.6) 78%, transparent 100%);
	        mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 58%, rgba(0,0,0,0.6) 78%, transparent 100%);
}
/* 写真の奥にうっすら光を置き、時計が闇から浮かぶように */
#om_dsm .inner .col2 .col2_img::before {
	content: "";
	position: absolute;
	inset: 6%;
	background: radial-gradient(closest-side, rgba(200,160,106,0.10), rgba(200,160,106,0) 100%);
	z-index: -1;
	pointer-events: none;
}
#om_dsm .inner .col2 .col2_img .caption {
	position: relative;
	margin-top: -1.5em;
}
/* STORY 3：ケースバックは大きく、テキスト側へ少し食い込ませて一体感を出す */
#om_dsm .words .col2 {
	gap: 0;
}
#om_dsm .words .col2 .col2_img {
	flex: 1.25;
	margin: -4% -3% -4% -6%;
}
#om_dsm .words .col2 .col2_text {
	flex: 1.4;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	#om_dsm .words .col2 {
		gap: 1.5em;
	}
	#om_dsm .words .col2 .col2_img {
		margin: 0 -20px;
	}
	#om_dsm .inner .col2 .col2_img .caption {
		text-align: center !important;
	}
	#om_dsm .inner .col2 .col2_img .caption {
		margin-top: -2em;
	}
}

/* CLOSE UP｜PCは正方形（1:1）にトリミングして中央配置（2026-10 修正）
   左右・上下は地色へフェード */
@media screen and (min-width: 768px) {
	#om_dsm .sc_closeup {
		--cu-h: min(78vh, 720px); /* 正方形の一辺 */
		aspect-ratio: auto;
		max-height: none;
		height: var(--cu-h);
		background: #0b0e13;
	}
	#om_dsm .sc_closeup .closeup_media {
		left: 50%;
		right: auto;
		width: var(--cu-h);
		transform: translateX(-50%);
		overflow: hidden;
	}
	#om_dsm .sc_closeup::after {
		background:
			linear-gradient(to bottom, #0b0e13 0%, rgba(11,14,19,0.6) 8%, rgba(11,14,19,0) 24%, rgba(11,14,19,0) 70%, rgba(11,14,19,0.6) 88%, #0b0e13 100%);
	}
}
/* PC：動画の左右を地色へフェード（動画の上に別要素で重ねる＝ブラウザ差が出にくい） */
#om_dsm .sc_closeup .cu_fade { display: none; }
@media screen and (min-width: 768px) {
	#om_dsm .sc_closeup .cu_fade {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		width: calc(var(--cu-h) * 0.26);
		z-index: 2;
		pointer-events: none;
	}
	#om_dsm .sc_closeup .cu_fade.l {
		left: calc(50% - var(--cu-h) / 2 - 1px);
		background: linear-gradient(to right, #0b0e13 0%, rgba(11,14,19,0.85) 22%, rgba(11,14,19,0.4) 58%, rgba(11,14,19,0) 100%);
	}
	#om_dsm .sc_closeup .cu_fade.r {
		right: calc(50% - var(--cu-h) / 2 - 1px);
		background: linear-gradient(to left, #0b0e13 0%, rgba(11,14,19,0.85) 22%, rgba(11,14,19,0.4) 58%, rgba(11,14,19,0) 100%);
	}
	#om_dsm .sc_closeup::after { z-index: 3; }
}

/* ===============================================================================
MODEL VISUAL｜各商品紹介の前に置くイメージ画像（2026-10 追加・仮素材）
・ダイヤルの寄りを横長で見せ、四辺は地色へ溶かす。テキストは置かない
=============================================================================== */
#om_dsm .model_visual {
	position: relative;
	margin: 0 auto 3.5rem;
	aspect-ratio: 2 / 1;
	overflow: hidden;
}
#om_dsm .model_visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.06);
	transition: transform 2.4s cubic-bezier(.2,.7,.2,1);
	/* 四辺それぞれを直線でフェード（楕円にせず、写真の形を保つ） */
	-webkit-mask-image:
		linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%),
		linear-gradient(to bottom, transparent 0%, #000 18%, #000 80%, transparent 100%);
	-webkit-mask-composite: source-in;
	        mask-image:
		linear-gradient(to right, transparent 0%, #000 16%, #000 84%, transparent 100%),
		linear-gradient(to bottom, transparent 0%, #000 18%, #000 80%, transparent 100%);
	        mask-composite: intersect;
}
/* 親の fadeIn が発火したら、ゆっくり引いていく */
#om_dsm .fadeIn.animated .model_visual img {
	transform: scale(1);
}
@media screen and (max-width: 767px) {
	#om_dsm .model_visual {
		aspect-ratio: 4 / 3;
		margin: 0 -20px 2rem;
	}
}
@media (prefers-reduced-motion: reduce){
	#om_dsm .model_visual img { transform: none; transition: none; }
}