@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

html { scroll-behavior: smooth; }
img { vertical-align: bottom; }

:root {
	--logo_pink: #f0555a;
	--logo_green: #00b4aa;
	--logo_accent: #e60064;
}



::selection { background: var(--logo_accent); color: #fff; }



body {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	line-height: 1;
	background-color: #000;
}
body#en { font-family: "Crimson Pro", serif; }
body#en .txtGochic { font-family: sans-serif; }

img.auto { width: 100%; height: auto; }

@keyframes objApr {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

a { transition: .3s; }

/* Google Fonts */
/*
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 900

.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

.txtB { font-weight: 700; }

/* SP用記述*/
.br4pc { display: none; }
.forPC { display: none; }

/* ロゴ */
.logo_ttl_h {
	display: flex;
	gap: 0 3%;
	align-items: flex-start;
}
.logo_ttl_h .lycoris {
	width: 50%;
	padding-top: 2%;
}
.logo_ttl_h .cross {
	width: 6%;
	padding-top: 3%;
}
.logo_ttl_h .kentex {
	width: 38%;
}

/* 言語切替ボタン */
p.langbtn {
	position: fixed;
	z-index: 500;
	right: 10px;
	top: 12px;
	/* mix-blend-mode: screen; */
}
p.langbtn a {
	display: block;
	border: solid 1px var(--logo_green);
	color: var(--logo_green);
	background-color: rgba(0, 0, 0, .3);
	backdrop-filter: blur(10px);
	text-decoration: none;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 14px;
	padding: 5px 21px 5px 12px;
	position: relative;
}
p.langbtn a::after { 
	content: "";
	display: block;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translate(0, -50%);
	width: 9px;
	height: 9px;
	border-right: solid 2px var(--logo_green);
	border-bottom: solid 2px var(--logo_green);
	border-radius: 2px;
	transform: translate(0, -50%) rotate(-45deg);
}
#en p.langbtn a {
	font-family: sans-serif;
	font-size: 13px;
	padding: 6px 21px 4px 12px;
}

/* タイトル・メイン画像 */
.logo_kv {
	min-height: 100dvh;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: url(../images/cont_bg.jpg) center center / cover no-repeat;
}
.logo_kv .logo_ttl_h {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 94vw;
}
.logo_kv .pic_lt,
.logo_kv .watch_red,
.logo_kv .watch_blue,
.logo_kv .pic_rb {
	position: absolute;
}
.logo_kv .pic_lt {
	left: 0;
	top: 0;
	width: 80vw;
	max-width: 480px;
}
.logo_kv .watch_red {
	right: 1vw;
	top: 8.7dvh;
	width: 43vw;
	max-width: 258px;
}
.logo_kv .watch_blue {
	left: 4.5vw;
	bottom: 4.5dvh;
	width: 46vw;
	max-width: 276px;
}
.logo_kv .pic_rb {
	right: 0;
	bottom: 0;
	width: 80vw;
	max-width: 480px;
}
.logo_kv .watch_note p.copy {
	margin-top: 5px;
	font-size: 10px;
}



/* コンテンツ部 */
main {
	padding-top: 100dvh;
	position: relative;
}
.wrapper { padding: 0 4vw; }

.txt_white_shadow {
	color: #000;
	text-shadow: 0px 1px 6px #fff, 1px 0px 6px #fff, 0px -1px 6px #fff, -1px 0px 6px #fff, 1px 1px 6px #fff, 1px -1px 6px #fff, -1px 1px 6px #fff, -1px -1px 6px #fff;
}
.txt_pink_shadow {
	text-shadow: 0px 1px 9px var(--logo_pink), 1px 0px 9px var(--logo_pink), 0px -1px 9px var(--logo_pink), -1px 0px 9px var(--logo_pink), 1px 1px 9px var(--logo_pink), 1px -1px 9px var(--logo_pink), -1px 1px 9px var(--logo_pink), -1px -1px 9px var(--logo_pink);
}
.txt_green_shadow {
	text-shadow: 0px 1px 9px var(--logo_green), 1px 0px 9px var(--logo_green), 0px -1px 9px var(--logo_green), -1px 0px 9px var(--logo_green), 1px 1px 9px var(--logo_green), 1px -1px 9px var(--logo_green), -1px 1px 9px var(--logo_green), -1px -1px 9px var(--logo_green);
}
.spec_bg {
	padding: 20px 18px 16px;
	backdrop-filter: blur(20px);
	background-color: rgba(0, 0, 0, .5);
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 6px;
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, .2) inset;
	color: #fff;
}
.spec_bg .spec_ttl {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 1.35;
	letter-spacing: .08em;
	padding-left: .08em;
	text-align: center;
}
.spec_bg .spec_cap {
	margin-top: 15px;
	line-height: 1.6;
}
/* marker */
.spec_bg .spec_cap span.txtLB {
	font-size: 132%;
	font-weight: 700;
	line-height: 1.5;
	padding: 0 3px;
	display: inline-block;
	background-repeat: repeat-x;
	background-size: 200% 100%;
	background-position: 0 .9em;
	transition: all 1.6s ease;
	background-image: linear-gradient(to left, var(--logo_pink) 50%, transparent 50%);
}
.spec_bg .spec_cap span.marker { background-position-x: -100%; }

.watch_note {
	color: #fff;
	width: 100%;
	padding: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
	font-size: 11px;
	text-align: right;
}
.watch_note p {
	line-height: 1.35;
	text-align: left;
	text-indent: -1.35em;
	margin-left: 1.35em;
}
#en .watch_note p {
	text-indent: -.6em;
	margin-left: .6em;
}

/* About Watch */
.about_sec .bg {
	position: sticky;
	top: 0;
	height: 100dvh;
	background: url(../images/cont_bg.jpg) center center / cover no-repeat;
}
.about_sec .wrapper {
	margin: -100dvh auto 0;
	max-width: 640px;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 100dvh;
	position: relative;
	display: flex;
	align-items: center;
}
.about_sec .watch_pics {
	display: flex;
	align-items: center;
	gap: 0 6%;
}
.about_sec .watch_pics .watch_red { width: 45%; }
.about_sec .watch_pics .watch_blue { width: 49%; }
.about_sec .watch_note {
	position: static;
	background: none;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}
#en .about_sec .watch_note p {
	display: inline-block;
	text-align: left;
}


.about_sec .spec_bg { margin-top: 24px; }
.about_sec .spec_bg .spec_ttl {
	letter-spacing: 0;
	padding-left: 0;
	font-weight: 300;
	font-size: 32px;
}
.about_sec .spec_bg .spec_cap { margin-top: 20px; }


/* モデル紹介 */
.watch_sec .bg {
	position: sticky;
	top: 0;
	height: 100dvh;
	background: url(../images/cont_bg.jpg) center center / cover no-repeat;
	overflow: hidden;
}
.watch_sec .bg::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55%;
	z-index: 10;
}
.watch_sec .bg .flower {
	position: absolute;
	bottom: 0;
	width: 80vw;
	z-index: 20;
}
.watch_sec .cont_wrap {
	margin-top: -100dvh;
	padding: 24px 0;
	position: relative;
	min-height: 100dvh;
	display: flex;
	align-items: center;
}
.watch_sec .wrapper {
	position: relative;
	z-index: 50;
	width: 100%;
}
.watch_sec .model_ttl {
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	font-size: 36px;
	color: #fff;
	letter-spacing: .05em;
	padding-left: .05em;
	text-align: center;
	text-shadow: 2px 2px 3px #000;
}
#en .watch_sec .model_ttl { line-height: 1.2; }
.watch_sec .pic_slider_wrap {
	margin-top: 20px;
	width: 80vw;
	position: relative;
	max-width: 480px;
}
.watch_sec .pic_slider_wrap .watch_note { border-radius: 0 0 6px 6px; }
.watch_sec .pic_slider li {
	border-radius: 6px;
	overflow: hidden;
}
.watch_sec .txt_slider {
	margin-top: 15px;
	max-width: 480px;
}
.watch_sec .chara_pic {
	position: absolute;
	z-index: 100;
}
/* iPad対応 */
@media only screen and (min-width:500px) {
	.watch_sec .chara_pic { z-index: 30; }
}



/* 鈴木千束モデル */
.watch_sec.chisato .bg::before {
	background-image: linear-gradient(90deg, #a53e48, #e83f42);
	transform-origin: right bottom;
	transform: skewY(-12deg);
}
.watch_sec.chisato .pic_slider_wrap .slick-prev,
.watch_sec.chisato .pic_slider_wrap .slick-next { background-color: var(--logo_green); }
.watch_sec.chisato .bg .flower { right: 0; }
.watch_sec.chisato .pic_slider_wrap { margin-left: auto; }
.watch_sec.chisato .pic_slider_wrap .watch_note { padding-left: 32px; }
#en .watch_sec.chisato .pic_slider_wrap .watch_note { padding-left: 48px; }
.watch_sec.chisato .txt_slider {
	margin-left: auto;
	width: 63vw;
}
.watch_sec.chisato .chara_pic {
	bottom: 24px;
	left: 5px;
	width: 36vw;
}

/* 井ノ上たきなモデル */
.watch_sec.takina .bg::before {
	background-image: linear-gradient(90deg, #2753a4, #172346);
	transform-origin: left bottom;
	transform: skewY(12deg);
}
.watch_sec.takina .pic_slider_wrap .slick-prev,
.watch_sec.takina .pic_slider_wrap .slick-next { background-color: var(--logo_pink); }
.watch_sec.takina .bg .flower { left: 0; }
.watch_sec.takina .pic_slider_wrap .watch_note { padding-right: 20px; }
#en .watch_sec.takina .pic_slider_wrap .watch_note { padding-right: 30px; }
.watch_sec.takina .txt_slider { width: 63vw; }
.watch_sec.takina .chara_pic {
	bottom: 10px;
	right: 3px;
	width: 38vw;
}

/* プレオーダー */
.preorder .bg {
	position: sticky;
	top: 0;
	height: 100vh;
	background: url(../images/spec_bg.png) center center / cover no-repeat, url(../images/cont_bg.jpg) center center / cover no-repeat;
}
.preorder .cont_wrap {
	margin-top: -100vh;
	padding: 36px 0;
	position: relative;
}
.preorder .sec_ttl {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 40px;
	letter-spacing: .1em;
	padding-left: .1em;
	text-align: center;
}
/* スペック表 */
.preorder .spec_table {
	margin-top: 20px;
	display: grid;
	grid-template-columns: 90px auto;
	row-gap: 1px;
}
.preorder .spec_table + .spec_table { margin-top: 1px; }
.preorder .spec_table .ttl,
.preorder .spec_table .spec {
	font-size: 13px;
	padding: 4px 8px 2px;
	line-height: 1.3;
}
.preorder .spec_table .ttl {
	background-color: #666;
	color: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}
.preorder .spec_table .spec {
	color: #000;
	background-color: #fff;
}
/* プレオーダー */
.preorder .watches_sec {
	margin: 48px auto 0;
	max-width: 540px;
}
.preorder .watches_list {
	margin-top: 20px;
	display: flex;
	gap: 0 24px;
}
.preorder .watches_list li { flex: 1; }
.preorder .watches_list li .pic { position: relative; }
.preorder .watches_list li .watch_info {
	margin-top: 6px;
	border-width: 3px;
	text-align: center;
	padding: 12px 8px 16px;
	border-radius: 8px;
}
.preorder .watches_list li .watch_info .watch_name {
	line-height: 1.35;
	font-weight: 700;
	border-bottom: dashed var(--logo_green) 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.preorder .watches_list li .watch_info .watch_name h2 {
	font-size: 12px;
	color: var(--logo_green);
}
.preorder .watches_list li .watch_info .watch_name h3 {
	margin-top: 5px;
	font-size: 15px;
}
.preorder .watches_list li .watch_info .price span {
	font-size: 135%;
	font-weight: 700;
	margin: 0 2px;
	color: var(--logo_pink);
}
.preorder .watches_list li .watch_info .limit { margin-top: 10px; }
.preorder .watches_list li .watch_info .limit span {
	font-size: 120%;
	font-weight: 700;
	margin: 0 2px;
	color: var(--logo_pink);
}

.preorder .watches_sec .watch_note {
	position: static;
	background: none;
	padding: 0;
	margin-top: 10px;
	text-align: center;
	text-shadow: 0px 1px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, -1px 0px 1px #000, 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}
.preorder .btn_area {
	margin: 24px auto 0;
	padding: 20px 15px;
	border-width: 3px;
	text-align: center;
	border-radius: 8px;
}
.preorder .btn_area.kentex_only { max-width: 300px; }
.preorder .btn_area .lead {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-size: 21px;
}
.preorder .btn_area .btns {
	margin-top: 16px;
	display: flex;
	column-gap: 10px;
}
.preorder .btn_area .btns li { flex: 1; }
.preorder .btn_area .btns li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.preorder .btn_area .btns li.kentex a {
	background-color: #002C5D;
	padding: 16px 20px;
}
.preorder .btn_area .btns li.animate a {
	background-color: #fff;
	padding: 10px;
}



/* フッタ */
footer.page_foot {
	position: relative;
	color: #fff;
	background-color: #000;
	text-align: center;
}
footer.page_foot ul.sns{
	padding: 16px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 30px;
}
footer.page_foot ul.sns li.instagram { width: 24px; }
footer.page_foot ul.sns li.x { width: 22px; }
footer.page_foot ul.sns li.youtube { width: 34px; }
footer.page_foot ul.sns li a { display: block; }
footer.page_foot .copy_area {
	border-top: 1px solid rgba(255, 255, 255, .6);
	padding: 10px 5px;
}
footer.page_foot .copy {
	font-size: 12px;
	line-height: 1.6;
}





@media only screen and (min-width:960px) {
	/* PC用記述 */
	a[href^="tel:"] { pointer-events: none; }
	a.fade:hover { opacity: .6; }
	
	.br4sp { display: none; }
	.br4pc { display: inline; }
	.forSP { display: none; }
	.forPC { display: block; }

	.wrapper {
		padding: 0 20px;
		max-width: 1200px;
		margin: 0 auto;
	}

	/* 言語切替ボタン */
	p.langbtn {
		right: 20px;
		top: 20px;
	}
	p.langbtn a {
		font-size: 17px;
		padding: 5px 28px 5px 16px;
	}
	p.langbtn a::after { 
		right: 11px;
		width: 10px;
		height: 10px;
	}
	p.langbtn a:hover { background-color: rgba(255, 255, 255, .2); }
	#en p.langbtn a {
		font-size: 16px;
		padding: 6px 28px 4px 16px;
	}

	/* タイトル・メイン画像 */
	.logo_kv .logo_ttl_h {
		max-width: 800px;
	}
	.logo_kv .watch_red {
		right: 30px;
		top: 20px;
		width: 240px;
		max-width: initial;
	}
	.logo_kv .watch_blue {
		left: 30px;
		bottom: 40px;
		width: 253px;
		max-width: initial;
	}
	.logo_kv .pic_lt { max-width: initial; }
	.logo_kv .pic_rb { max-width: initial; }
	.logo_kv .watch_note {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 5px 12px;
	}
	.logo_kv .watch_note p.copy { margin-top: 0; }


	/* About Watch */
	.about_sec .wrapper { max-width: 1200px; }
	.about_sec .wrapper .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 60px;
	}
	.about_sec .wrapper .watch_pics_area {
		order: 1;
		flex: 1;
	}
	.about_sec .spec_bg {
		margin-top: 0;
		width: 500px;
	}

	/* モデル紹介 */
	.watch_sec .bg .flower { width: 360px; }
	.watch_sec .model_ttl {
		font-size: 48px;
		text-align: left;
		padding: 0 0 40px 40px;
	}
	.watch_sec .watch_cont_wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 40px;
	}
	.watch_sec .pic_slider_wrap {
		margin-top: 0;
		width: 480px;
	}
	.watch_sec .txt_slider {
		margin-top: 0;
		max-width: initial;
	}

	/* 鈴木千束モデル */
	.watch_sec.chisato .pic_slider_wrap { margin-left: 0; }
	.watch_sec.chisato .txt_slider {
		margin-left: 0;
		width: 33.3%;
	}
	.watch_sec.chisato .chara_pic {
		bottom: auto;
		left: 56%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 230px;
	}

	/* 井ノ上たきなモデル */
	.watch_sec.takina .pic_slider_wrap { order: 1; }
	.watch_sec.takina .txt_slider { width: 33.3%; }
	.watch_sec.takina .chara_pic {
		bottom: auto;
		right: auto;
		left: 48%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 243px;
	}

	/* プレオーダー */
	.preorder .cont_wrap { padding: 48px 0 40px; }
	.preorder .sec_ttl { font-size: 60px; }

	/* スペック表 */
	.preorder .spec_table {
		margin-top: 36px;
		width: 100%;
		grid-template-columns: 1fr 5fr;
	}
	.preorder .spec_table + .spec_table { grid-template-columns: 1fr 2fr 1fr 2fr; }
	.preorder .spec_table .ttl {
		justify-content: center;
		text-align: center;
	}
	.preorder .spec_table .ttl,
	.preorder .spec_table .spec {
		font-size: 15px;
		padding: 8px 20px;
	}

	/* プレオーダー */
	.preorder .watches_sec {
		margin-top: 60px;
		max-width: 640px;
	}
	.preorder .watches_list {
		margin-top: 48px;
		gap: 0 60px;
	}
	.preorder .watches_list li a { display: block; }
	.preorder .watches_list li a .pic { transition: .3s; }
	.preorder .watches_list li a:hover .pic { transform: scale(1.08); }
	.preorder .watches_list li .watch_info {
		margin-top: 10px;
		padding: 24px 8px 20px;
		font-size: 16px;
		transition: .3s;
	}
	.preorder .watches_list li a:hover .watch_info { transform: scale(1.08); }
	.preorder .watches_list li .watch_info .price span { font-size: 160%; }
	.preorder .watches_list li .watch_info .limit span { font-size: 135%; }

	.preorder .btn_area {
		margin: 24px auto 0;
		padding: 27px 30px 24px;
		max-width: 640px;
	}
	.preorder .btn_area.kentex_only { max-width: 360px; }
	.preorder .btn_area .lead { font-size: 24px; }

	.preorder .btn_area .btns {
		margin-top: 24px;
		column-gap: 20px;
	}
	.preorder .btn_area .btns li.kentex a { padding: 24px 36px; }
	.preorder .btn_area .btns li.animate a { padding: 20px; }



	/* フッタ */
	footer.page_foot ul.sns{
		padding: 20px;
		justify-content: flex-end;
		column-gap: 48px;
	}
	footer.page_foot ul.sns li.instagram { width: 30px; }
	footer.page_foot ul.sns li.x { width: 26px; }
	footer.page_foot ul.sns li.youtube { width: 40px; }
	footer.page_foot .copy_area {
		padding: 90px 20px 10px;
		display: flex;
		justify-content: flex-end;
		column-gap: 12px;
	}





}