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



/* input関連 */
input.btn[type="submit"],
a.parts_btn {
	background: black;
	border-radius: 0;
	width: auto;
	padding: 6px 10px;
	font-size: 106.6%;
	font-weight: 700;
	min-width: 210px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .5);
}
input.btn.dealer[type="submit"] {
	font-size: 120%;
	padding: 12px 10px 10px;
}
input.btn.incart[type="submit"] {
	background: black url(../images/icon_cart.svg) 9% 50% / 27px auto no-repeat;
	font-size: 120%;
	padding: 13px 10px 9px 48px;
}
input.btn.incart.parts[type="submit"] { padding: 23px 10px 5px 48px; }

a.parts_btn {
	display: inline-block;
	box-sizing: border-box;
	color: white;
	font-weight: 500;
	padding: 10px 10px;
}
a.parts_btn.dealer_btn {
	font-size: 120%;
	padding: 15px 10px;
	font-weight: 700;
}

/* SP用記述*/
.custom_tit_area {
	padding: 12px 0;
	text-align: center;
}
.custom_tit_area .custom_tit .logo {
	display: inline-block;
	width: 144px;
}
.custom_tit_area .custom_tit .txt {
	font-size: 93.3%;
	font-weight: 700;
	margin-top: 10px;
}



/* タイプ選択ページ */
.custom_tit_area.types { padding: 30px 0 0; }
.custom_tit_area.types .custom_tit .logo { width: 210px; }
.custom_tit_area.types .custom_tit .txt { margin-top: 12px; }

.custom_types_lead {
	text-align: center;
	margin-top: 30px;
}
ul.costom_types_btns {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
ul.costom_types_btns li { width: 48%; }
ul.costom_types_btns li a { display: block; }
ul.costom_types_btns li a .thumb {
	height: 286px;
	background-color: #f1f1f1;
	background-position: center center;
	background-size: auto 85.8%;
	background-repeat: no-repeat;
}
ul.costom_types_btns li a .thumb.three { background-image: url(../images/skelton_three.svg); }
ul.costom_types_btns li a .thumb.chrono { background-image: url(../images/skelton_chrono.svg); }
ul.costom_types_btns li a .tit {
	background-color: black;
	color: white;
	text-align: center;
	padding: 8px;
}



/* カスタムページ  */

.custom_area {
	background-color: #F1F1F1;
	position: relative;
	height: 138vw;
	max-height: 93vh;
	overflow: hidden;
}
.custom_area .view_btns {
	position: absolute;
	left: 0;
	top: 4px;
	z-index: 200;
}
.custom_area .view_btns > li {
	margin-top: 4px;
	width: 48px;
	height: 48px;
	text-align: center;
	box-sizing: border-box;
	background-color: #BBBBBB;
	padding-top: 19px;
	transition: all .5s ease;
}
.custom_area .view_btns > li.crnt {
	color: white;
	background-color: black;
}
.custom_area .pw_info {
	position: absolute;
	top: 10px;
	right: 8px;
}
.custom_area .pw_info .p_info,
.custom_area .pw_info .w_info {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.custom_area .pw_info .p_info { margin-bottom: 5px; }
.custom_area .pw_info .p_info .p_tit { padding: 0 .4em .15em 0; }
.custom_area .pw_info .w_info .w_tit { padding: 0 .4em .05em 0; }
.custom_area .pw_info .p_info .price { font-size: 150%; }
.custom_area .pw_info .w_info .weight { font-size: 128.5%; }
.custom_area .pw_info .w_info .weight span.unit {
	font-size: 80%;
	margin-left: .15em;
}
.custom_area .pic_wrap {
	width: 100%;
	position: absolute;
	top: 8vw;
	left: 0;
	opacity: 0;
	transition: all .5s ease;
}
.custom_area .pic_wrap.crnt { opacity: 1; }

.custom_area .pic_area {
	width: 72vw;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
}
.custom_area .pic_area > p {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.custom_area .pic_area > p.pic_base { position: static; }

.custom_area .pic_area > p.pic_bezelscrew6pcs,
.custom_area .pic_area > p.pic_bezelscrew4pcs,
.custom_area .pic_area > p.pic_bezelring { display: none; }
.custom_area .pic_area > p.pic_bezelscrew6pcs.show,
.custom_area .pic_area > p.pic_bezelscrew4pcs.show,
.custom_area .pic_area > p.pic_bezelring.show { display: block; }

.custom_area .parts_cate_btns_area {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
}
.custom_area .parts_cate_btns {
	display: flex;
	justify-content: center;
	margin: 0 3px;
}
.custom_area .parts_cate_btns > li {
	width: 16vw;
	min-width: 50px;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	background-color: #BBBBBB;
	padding-top: 20px;
	transition: all .5s ease;
	margin-right: 3px;
	font-size: 106.6%;
}
.custom_area .parts_cate_btns > li.rows { padding-top: 12px; }
.custom_area .parts_cate_btns > li:last-child { margin-right: 0; }

.custom_area .selector_area {
	position: absolute;
	z-index: 500;
	left: 0;
	bottom: -156px;
	width: 100%;
	transition: all .3s ease;
}
.custom_area .selector_area.open { bottom: 0; }
.custom_area .selector_area .close_btn {
	position: absolute;
	right: 6px;
	top: -32px;
	width: 32px;
	height: 32px;
	background: black url(../images/icon_arrow_close.svg) 50% 50% / 16px auto no-repeat;
}

/* タブボタン */
.custom_area .selector_area ul.selector_tabs {
	position: absolute;
	left: 0;
	top: -32px;
	display: flex;
}
.custom_area .selector_area ul.selector_tabs li {
	margin-left: 8px;
	width: 50px;
	height: 32px;
	background-color: black;
	color: white;
	text-align: center;
	box-sizing: border-box;
	padding-top: 12px;
	display: none;
	line-height: .9;
}
.custom_area .selector_area ul.selector_tabs li.rows { padding-top: 5px; }
.custom_area .selector_area ul.selector_tabs li.show { display: block; }
.custom_area .selector_area ul.selector_tabs li.show.act { background-color: #BBB; color: black; }

/* セレクタパネル */
.custom_area .selector_area .selector_panel {
	background-color: black;
	height: 124px;
	box-sizing: border-box;
	padding: 10px 0 8px;
}

/* パーツセレクタ */
.selector_panel .parts_wrap { display: none; }
.selector_panel .parts_wrap.show { display: block; }

.selector_panel ul.parts_selector {
	display: flex;
	justify-content: center;
}
.selector_panel ul.parts_selector li { margin-right: 7px; }
.selector_panel ul.parts_selector li:last-child { margin-right: 0; }
.selector_panel ul.parts_selector li .tit{
	color: white;
	text-align: center;
	font-size: 115%;
	line-height: .84;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.selector_panel .parts_wrap ul.parts_selector li .tit.adjust { padding-top: .4em; }
.selector_panel ul.parts_selector li .tit span { font-size: 80%; }
.selector_panel ul.parts_selector li .thumb{
	width: 70px;
	height: 70px;
	background-color: white;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border: solid 1px #333;
}
/* OFF時 */
.selector_panel ul.parts_selector li.off .tit { color: #555; }
.selector_panel ul.parts_selector li.off .thumb {
	background-color: #555;
	position: relative;
}
.selector_panel ul.parts_selector li.off .thumb::after,
.selector_panel ul.parts_selector li.off .thumb::before {
	content: "";
	width: 140%;
	height: 1px;
	background-color: #777;
	position: absolute;
	left: 50%;
	top: 50%;
}
.selector_panel ul.parts_selector li.off .thumb::after { transform: translate(-50%, -50%) rotate(45deg); }
.selector_panel ul.parts_selector li.off .thumb::before { transform: translate(-50%, -50%) rotate(-45deg); }

/* BEZEL */
.selector_panel .parts_wrap.bezel ul.parts_selector li .tit { min-height: 1.7em; }
.selector_panel .parts_wrap.bezel ul.parts_selector li { display: none; }
.selector_panel .parts_wrap.bezel ul.parts_selector li.show { display: block; }

.selector_panel .parts_wrap.bezel ul.parts_selector li:first-child .thumb { background-image: url(../images/chrono/parts_bezel_body.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(2) .thumb { background-image: url(../images/chrono/parts_bezel_ring.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(3) .thumb { background-image: url(../images/chrono/parts_bezel_screw_6pcs.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(4) .thumb { background-image: url(../images/chrono/parts_bezel_screw_4pcs.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(5) .thumb { background-image: url(../images/chrono/parts_bezel_screw_hidden.png); }
/* CROWN GUARD */
.selector_panel .parts_wrap.crownguard ul.parts_selector li .tit { min-height: 2.48em; }
.selector_panel .parts_wrap.crownguard ul.parts_selector li .tit.adjust { padding-top: .5em; }
.selector_panel .parts_wrap.crownguard ul.parts_selector li .thumb { height: 58px; }

.selector_panel .parts_wrap.crownguard ul.parts_selector li:first-child .thumb { background-image: url(../images/chrono/parts_crown_guard_top.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(2) .thumb { background-image: url(../images/chrono/parts_top_screw.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(3) .thumb { background-image: url(../images/chrono/parts_crown_guard_back.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(4) .thumb { background-image: url(../images/chrono/parts_back_screw.png); }
/* END PIECE */
.selector_panel .parts_wrap.endpiece ul.parts_selector li .tit { min-height: 1.7em; }

.selector_panel .parts_wrap.endpiece ul.parts_selector li:first-child .thumb { background-image: url(../images/chrono/parts_end.png); }
.selector_panel .parts_wrap.endpiece ul.parts_selector li:nth-child(2) .thumb { background-image: url(../images/chrono/parts_lug.png); }
.selector_panel .parts_wrap.endpiece ul.parts_selector li:nth-child(3) .thumb { background-image: url(../images/chrono/parts_shock_suspension.png); }
/* BUTTON COVER */
.selector_panel .parts_wrap.buttoncover ul.parts_selector li .tit { min-height: 1.7em; }

.selector_panel .parts_wrap.buttoncover ul.parts_selector li:first-child .thumb { background-image: url(../images/chrono/parts_crown_cover.png); }
.selector_panel .parts_wrap.buttoncover ul.parts_selector li:nth-child(2) .thumb { background-image: url(../images/chrono/parts_10h_pusher_cover.png); }
.selector_panel .parts_wrap.buttoncover ul.parts_selector li:nth-child(3) .thumb { background-image: url(../images/chrono/parts_8h_pusher_cover.png); }
/* BAND */
.selector_panel .parts_wrap.band ul.parts_selector li .tit { min-height: 1.7em; }

.selector_panel .parts_wrap.band ul.parts_selector li:first-child .thumb { background-image: url(../images/chrono/parts_band.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(2) .thumb { background-image: url(../images/chrono/parts_band_pin.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(3) .thumb { background-image: url(../images/chrono/parts_band_pin_cover.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(4) .thumb { background-image: url(../images/chrono/parts_band_pin_screw.png); }

/* 3針 */
/* BEZEL */
.selector_panel .parts_wrap.bezel ul.parts_selector li:first-child .thumb.three { background-image: url(../images/three/parts_bezel_body.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(2) .thumb.three { background-image: url(../images/three/parts_bezel_ring.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(3) .thumb.three { background-image: url(../images/three/parts_bezel_screw_6pcs.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(4) .thumb.three { background-image: url(../images/three/parts_bezel_screw_4pcs.png); }
.selector_panel .parts_wrap.bezel ul.parts_selector li:nth-child(5) .thumb.three { background-image: url(../images/three/parts_bezel_screw_hidden.png); }
/* CROWN GUARD */
.selector_panel .parts_wrap.crownguard ul.parts_selector li:first-child .thumb.three { background-image: url(../images/three/parts_crown_guard_top.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(2) .thumb.three { background-image: url(../images/three/parts_top_screw.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(3) .thumb.three { background-image: url(../images/three/parts_crown_guard_back.png); }
.selector_panel .parts_wrap.crownguard ul.parts_selector li:nth-child(4) .thumb.three { background-image: url(../images/three/parts_back_screw.png); }
/* END PIECE */
.selector_panel .parts_wrap.endpiece ul.parts_selector li:first-child .thumb.three { background-image: url(../images/three/parts_end.png); }
.selector_panel .parts_wrap.endpiece ul.parts_selector li:nth-child(2) .thumb.three { background-image: url(../images/three/parts_lug.png); }
.selector_panel .parts_wrap.endpiece ul.parts_selector li:nth-child(3) .thumb.three { background-image: url(../images/three/parts_shock_suspension.png); }
/* BUTTON COVER */
.selector_panel .parts_wrap.buttoncover ul.parts_selector li:first-child .thumb.three { background-image: url(../images/three/parts_crown_cover.png); }
/* BAND */
.selector_panel .parts_wrap.band ul.parts_selector li:first-child .thumb.three { background-image: url(../images/three/parts_band.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(2) .thumb.three { background-image: url(../images/three/parts_band_pin.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(3) .thumb.three { background-image: url(../images/three/parts_band_pin_cover.png); }
.selector_panel .parts_wrap.band ul.parts_selector li:nth-child(4) .thumb.three { background-image: url(../images/three/parts_band_pin_screw.png); }



/* タイプセレクタ・カラーセレクタ */
.selector_panel .type_wrap {
	padding: 0 6px;
	color: white;
	display: none;
}
.type_select, .color_select { display: none; }
.type_select.show, .color_select.show { display: block; }

.selector_panel .type_wrap.show { display: block; }
.selector_panel .type_wrap ul.parts_spec { display: flex; }
.selector_panel .type_wrap ul.parts_spec li {
	display: inline-block;
	border: solid 1px white;
	padding: 3px 5px 0;
	font-size: 85%;
	margin-right: 4px;
}
.selector_panel .type_wrap ul.parts_spec li span { font-size: 80%; }
.selector_panel .type_wrap ul.parts_spec li.txtFontSB {
	padding: 2px 5px 0;
	font-size: 100%;
}
.selector_panel .type_wrap ul.parts_spec li.type { display: none; }
.selector_panel .type_wrap ul.parts_spec li.type.show { display: block; }
.selector_panel .type_wrap ul.parts_spec li:last-child { margin-right: 0; }
.selector_panel .type_wrap .type_selector,
.selector_panel .type_wrap .color_selector {
	display: flex;
	justify-content: flex-start;
	margin-top: 6px;
}
.selector_panel .type_wrap .type_selector li,
.selector_panel .type_wrap .color_selector li {
	width: 49px;
	height: 49px;
	background-color: white;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 3px;
	box-sizing: border-box;
	position: relative;
}
.selector_panel .type_wrap .color_selector li { width: 42px; height: 42px; }
.selector_panel .type_wrap .type_selector li.selected { background-color: #BBB; }
.selector_panel .type_wrap .type_selector li.selected::after,
.selector_panel .type_wrap .color_selector li.selected::after { 
	content: "";
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: solid 2px white;
	position: absolute;
	left: -1px;
	top: -1px;
 }
.selector_panel .type_wrap .type_selector li:last-child { margin-right: 0; }
.selector_panel .type_wrap .type_name_txt,
.selector_panel .type_wrap .color_name_txt { margin-top: 8px; }
.selector_panel .type_wrap .hidden_note { margin-top: 5px; font-size: 75%; }



/* Head */
.selector_panel .type_wrap[name="head"] .type_selector { margin-top: 2em; font-size: 108%; line-height: .9; }
.selector_panel .type_wrap[name="head"] .type_selector li { width: 70px; height: 70px; margin-right: 7px; position: relative; }
.selector_panel .type_wrap[name="head"] .type_selector li:last-child { margin-right: 0; }
.selector_panel .type_wrap[name="head"] .type_selector li p.tit { position: absolute; top: -2em; left: 0; width: 100%; text-align: center; }
.selector_panel .type_wrap[name="head"] .type_selector li:last-child p.tit { padding-top: .5em; }

.selector_panel .type_wrap[name="head"] .type_selector li:first-child { background-image: url(../images/chrono/parts_type/head_type_1.png); }
.selector_panel .type_wrap[name="head"] .type_selector li:nth-child(2) { background-image: url(../images/chrono/parts_type/head_type_2.png); }
.selector_panel .type_wrap[name="head"] .type_selector li:nth-child(3) { background-image: url(../images/chrono/parts_type/head_type_3.png); }

/* Bezel Body */
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:first-child { background-image: url(../images/chrono/parts_type/bezelbody_type_1.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:nth-child(2) { background-image: url(../images/chrono/parts_type/bezelbody_type_2.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:nth-child(3) { background-image: url(../images/chrono/parts_type/bezelbody_type_3.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:nth-child(4) { background-image: url(../images/chrono/parts_type/bezelbody_type_4.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:nth-child(5) { background-image: url(../images/chrono/parts_type/bezelbody_type_5.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector li:nth-child(6) { background-image: url(../images/chrono/parts_type/bezelbody_type_6.png); }

/* End Piece */
.selector_panel .type_wrap[name="end"] .type_selector li:first-child { background-image: url(../images/chrono/parts_type/end_type_1.png); }
.selector_panel .type_wrap[name="end"] .type_selector li:nth-child(2) { background-image: url(../images/chrono/parts_type/end_type_2.png); }

/* Band */
.selector_panel .type_wrap[name="bandbody"] .type_selector li:first-child { background-image: url(../images/chrono/parts_type/band_type_1.png); }
.selector_panel .type_wrap[name="bandbody"] .type_selector li:nth-child(2) { background-image: url(../images/chrono/parts_type/band_type_2.png); }

/* 3針 */
/* Head */
.selector_panel .type_wrap[name="head"] .type_selector.three li:first-child { background-image: url(../images/three/parts_type/head_type_1.png); }
.selector_panel .type_wrap[name="head"] .type_selector.three li:nth-child(2) { background-image: url(../images/three/parts_type/head_type_2.png); }
.selector_panel .type_wrap[name="head"] .type_selector.three li:nth-child(3) { background-image: url(../images/three/parts_type/head_type_3.png); }

/* Bezel Body */
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:first-child { background-image: url(../images/three/parts_type/bezelbody_type_1.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:nth-child(2) { background-image: url(../images/three/parts_type/bezelbody_type_2.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:nth-child(3) { background-image: url(../images/three/parts_type/bezelbody_type_3.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:nth-child(4) { background-image: url(../images/three/parts_type/bezelbody_type_4.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:nth-child(5) { background-image: url(../images/three/parts_type/bezelbody_type_5.png); }
.selector_panel .type_wrap[name="bezelbody"] .type_selector.three li:nth-child(6) { background-image: url(../images/three/parts_type/bezelbody_type_6.png); }

/* Band */
.selector_panel .type_wrap[name="bandbody"] .type_selector.three li:first-child { background-image: url(../images/three/parts_type/band_type_1.png); }
.selector_panel .type_wrap[name="bandbody"] .type_selector.three li:nth-child(2) { background-image: url(../images/three/parts_type/band_type_2.png); }



/* カラー */
.selector_panel .type_wrap .color_selector li.ss_silver { background-color: #999; }
.selector_panel .type_wrap .color_selector li.gun_black { background-color: #222; border: solid 1px #333; }
.selector_panel .type_wrap .color_selector li.red { background-color: #ff0000; }
.selector_panel .type_wrap .color_selector li.blue { background-color: #0e3468; }
.selector_panel .type_wrap .color_selector li.black { background-color: #000; border: solid 1px #333; }
.selector_panel .type_wrap .color_selector li.brown { background-color: #582d2d; }
.selector_panel .type_wrap .color_selector li.vintage_bronze { background: #8d813b; }
.selector_panel .type_wrap .color_selector li.carbon_black { background-color: #222; border: solid 1px #333; }
.selector_panel .type_wrap .color_selector li.titanium_silver { background-color: #aaa; }
.selector_panel .type_wrap .color_selector li.ip_black { background-color: #222; border: solid 1px #333; }
.selector_panel .type_wrap .color_selector li.yo_purple { background-color: #7054c9; }
.selector_panel .type_wrap .color_selector li.yo_green { background-color: #13a049; }
.selector_panel .type_wrap .color_selector li.yo_blue { background-color: #7596a7; }
.selector_panel .type_wrap .color_selector li.yo_gold { background-color: #e9c940; }
.selector_panel .type_wrap .color_selector li.alumite_silver { background-color: #999; }
.selector_panel .type_wrap .color_selector li.alumite_black { background-color: #111; border: solid 1px #333; }
.selector_panel .type_wrap .color_selector li.alumite_red { background-color: #bc3145; }
.selector_panel .type_wrap .color_selector li.alumite_blue { background-color: #19519a; }
.selector_panel .type_wrap .color_selector li.alumite_green { background-color: #469329; }
.selector_panel .type_wrap .color_selector li.alumite_orange { background-color: #db580d; }
.selector_panel .type_wrap .color_selector li.alumite_pink { background-color: #d06298; }
.selector_panel .type_wrap .color_selector li.sand { background-color: #a39171; }
.selector_panel .type_wrap .color_selector li.gray { background-color: #888; }
.selector_panel .type_wrap .color_selector li.army_green { background-color: #574e39; }
.selector_panel .type_wrap .color_selector li.dark_blue { background-color: #244e6c; }
/* 2021.08 追加 */
.selector_panel .type_wrap .color_selector li.gold { background-color: #bdb57a; }
.selector_panel .type_wrap .color_selector li.carbon_yellow { background-color: #c8bb2b; }
.selector_panel .type_wrap .color_selector li.carbon_red { background-color: #a82d27; }
.selector_panel .type_wrap .color_selector li.vintage_silver { background-color: #777; }
.selector_panel .type_wrap .color_selector li.yo_champgold { background-color: #ad9880; }
.selector_panel .type_wrap .color_selector li.yo_ygold { background-color: #c9b763; }
.selector_panel .type_wrap .color_selector li.alumite_yellow { background-color: #d8c236; }




/* ボタン欄 */
.btn_area {
	text-align: center;
	margin-top: 20px;
}
.btn_area .dealer_btn_area { margin-bottom: 12px; }
.btn_area .parts_btn_area { margin-top: 16px; }
.btn_area .fav_set_area { margin-top: 12px; }

/* スペック等 */
.custom_sec { margin-top: 42px; }
.custom_sec h1.custom_sec_tit {
	font-size: 200%;
	margin-bottom: 12px;
}
.custom_sec h1.custom_sec_tit.spec_tit {
	display: inline-block;
	padding-right: 44px;
	position: relative;
}
.custom_sec h1.custom_sec_tit.spec_tit > span {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border: solid 2px black;
	border-radius: 12px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.custom_sec h1.custom_sec_tit.spec_tit > span::before,
.custom_sec h1.custom_sec_tit.spec_tit > span::after {
	content: "";
	display: block;
	width: 12px;
	height: 2px;
	border-radius: 2px;
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: all .3s ease;
}
.custom_sec h1.custom_sec_tit.spec_tit > span::before { transform: translate(-50%, -50%); }
.custom_sec h1.custom_sec_tit.spec_tit > span::after { transform: translate(-50%, -50%) rotate(90deg); }
.custom_sec h1.custom_sec_tit.spec_tit > span.close::after { transform: translate(-50%, -50%) rotate(0); }
.custom_spec_area { display: none; }
.spec_list > dt {
	border: solid 1px black;
	padding: 4px 5px 0;
	text-align: center;
	width: 48px;
	box-sizing: border-box;
	line-height: .9;
	color: black;
	margin-top: 30px;
}
.spec_list > dt:first-child { margin-top: 0; }
.spec_list > dd {
	margin-top: -1.4em;
	padding-left: 68px;
	font-size: 86.6%;
}
.spec_list > dd.rows { margin-top: -2em; }
.spec_list > dd > ul > li {
	margin-top: 16px;
	border-top: dashed 1px #BBB;
	padding-top: 16px;
	display: none;
}
.spec_list > dd > ul > li.show { display: block; }
.spec_list > dd > ul > li.nobdr {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
.spec_list > dd > ul > li > .tit {
	font-size: 123%;
	font-weight: 700;
	color: black;
	line-height: 1.35;
}
.spec_list > dd > ul > li > .tit > span { font-size: 87.5%; }
.spec_list > dd > ul > li > dl.spec { margin-top: 10px; }
.spec_list > dd > ul > li > dl.spec > dt {
	width: 96px;
	box-sizing: border-box;
	border: solid 1px #333;
	text-align: center;
	border-radius: 10px;
	padding: 2px 4px 1px;
	margin-top: 8px;
	font-size: 90%;
}
.spec_list > dd > ul > li > dl.spec > dt:first-child { margin-top: 0; }
.spec_list > dd > ul > li > dl.spec > dd {
	margin: -13px 0 0 106px;
}
.spec_list > dd > ul > li > .spec_txt {
	margin-top: 10px;
	line-height: 1.6;
}



/* お気に入り */
.nofav_txt {
	font-size: 93.3%;
	margin-left: 8px;
}

ul.fav_list {
	display: flex;
	flex-wrap: wrap;
}
ul.fav_list li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2vw;
	position: relative;
}
ul.fav_list li:nth-child(even) { margin-right: 0; }
ul.fav_list li a {
	display: block;
	background-color: #F1F1F1;
	position: relative;
	height: 100%;
}
ul.fav_list li a::after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: #999 url(../images/icon_custom_link.svg) center center / 24px auto no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
ul.fav_list li a > p {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
ul.fav_list li a > p.pic_base { position: static; }
ul.fav_list li input[name="fav_del"] {
	appearance: none;
	-webkit-appearance: none;
	border: none;
	display: block;
	width: 32px;
	height: 32px;
	background: #999 url(../images/icon_custom_trash.svg) center center / 16px auto no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 20;
	padding: 0;
	border-radius: 0;
}



/* おすすめモデル */
ul.fav_list li a > div.model_name {
	font-size: 80%;
	padding: 2px 4px 1px 36px;
	line-height: 1.2;
	background-color: #999;
	color: white;
	min-height: 32px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}



/* シェア */
ul.share_icons { display: flex; }
ul.share_icons li { margin-right: 20px; }
ul.share_icons li:last-child { margin-right: 0; }
ul.share_icons li a {
	display: block;
	width: 48px;
	height: 48px;
}
ul.share_icons li.fb a { background: url(../images/icon_fb.svg) center center / 23px auto no-repeat; }
ul.share_icons li.twitter a { background: url(../images/icon_twitter.svg) center center / 43px auto no-repeat; }
ul.share_icons li.line a { background: url(../images/icon_line.svg) center center / 48px auto no-repeat; }

/* 他のタイプへ */
.custom_sec.other_type a {
	display: inline-block;
	width: 160px;
}
.custom_sec.other_type a .thumb {
	height: 200px;
	background-color: #f1f1f1;
	background-position: center center;
	background-size: auto 85.8%;
	background-repeat: no-repeat;
}
.custom_sec.other_type a .thumb.three { background-image: url(../images/skelton_three.svg); }
.custom_sec.other_type a .thumb.chrono { background-image: url(../images/skelton_chrono.svg); }
.custom_sec.other_type a .tit {
	background-color: black;
	color: white;
	text-align: center;
	padding: 6px;
	line-height: 1.35;
	font-size: 93.3%;
}

/* 組み立て費 */
.assembled_wrap {
	margin-top: 8px;
	display: flex;
	justify-content: center;
}
.assembled_wrap > input[type="checkbox"] { display: none; }
.assembled_wrap > label {
	font-size: 86.6%;
	background-color: #eee;
	color: #777;
	padding: 7px 12px 4px 36px;
	border-radius: 20px;
	text-align: left;
	transition: all .4s ease;
	position: relative;
}
.assembled_wrap > label > span {
	display: inline-block;
	margin-top: 4px;
	font-size: 84.6%;
}
.assembled_wrap > label::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translate(0, -50%);
}
.assembled_wrap > label::after {
	content: "";
	display: block;
	width: 1px;
	height: 1px;
	border-right: solid 3px transparent;
	border-bottom: solid 3px transparent;
	position: absolute;
	transform: translate(0, -50%);
	top: calc(50% + 2px);
	left: 20px;
	transition: all .2s ease;
}
.assembled_wrap > input[type="checkbox"]:checked + label {
	background-color: #bbb;
	color: #333;
}
.assembled_wrap > input[type="checkbox"]:checked + label::after {
	width: 5px;
	height: 10px;
	border-color: #177BE9;
	transform: translate(0, -50%) rotate(45deg);
	top: calc(50% - 3px);
	left: 17px;
}







/* パーツ注文ページ */
.custom_parts_lead {
	text-align: center;
	margin-top: 18px;
}
ul.parts_list { margin-top: 20px; }
ul.parts_list li { margin-top: 3px; }
ul.parts_list li > input[type="checkbox"] { display: none; }
ul.parts_list li > label {
	display: flex;
	align-items: center;
	background-color: #F1F1F1;
	padding: 8px 8px 6px 44px;
	transition: all .4s ease;
	position: relative;
}
ul.parts_list li > label::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0, -50%);
}
ul.parts_list li > label::after {
	content: "";
	display: block;
	width: 1px;
	height: 1px;
	border-right: solid 4px transparent;
	border-bottom: solid 4px transparent;
	position: absolute;
	transform: translate(0, -50%);
	top: calc(50% + 4px);
	left: 21px;
	transition: all .2s ease;
}
ul.parts_list li > input[type="checkbox"]:checked + label { background-color: #bbb; }
ul.parts_list li > input[type="checkbox"]:checked + label::after {
	width: 9px;
	height: 18px;
	border-color: #177BE9;
	transform: translate(0, -50%) rotate(45deg);
	top: calc(50% - 4px);
	left: 17px;
}
ul.parts_list li > label .thumbnail {
	width: 60px;
	height: 60px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: white;
}
ul.parts_list li > label .parts_name_area {
	margin-left: 12px;
	color: black;
	flex: 1;
}
ul.parts_list li > label .parts_name_area .parts {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	font-size: 93.3%;
	display: inline-block;
	border: solid 1px black;
	line-height: 1;
	padding: 3px 6px 0;
	line-height: 1;
}
ul.parts_list li > label .parts_name_area .parts span {
	margin-left: .5em;
	font-size: 90%;
	font-weight: 400;
}
ul.parts_list li > label .parts_name_area .type {
	font-weight: 700;
	margin-top: 5px;
	line-height: 1.25;
}
ul.parts_list li > label .parts_name_area .type span {
	margin-left: .1em;
	font-size: 90%;
	font-weight: 400;
}
ul.parts_list li > label .parts_name_area .color {
	font-weight: 700;
	margin-top: 3px;
	font-size: 93.3%;
	line-height: 1.25;
}
ul.parts_list li > label .parts_name_area .price {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	text-align: right;
	font-size: 106.6%;
	margin-top: 6px;
}

.parts_btn_area {
	text-align: center;
	margin-top: 20px;
}
.parts_btn_wrap {
	display: inline-block;
	position: relative;
}
.parts_btn_wrap > span {
	position: absolute;
	font-size: 93.3%;
	color: white;
	letter-spacing: .15em;
	left: 60px;
	top: 9px;
	pointer-events: none;
}



@media only screen and (min-width:768px) {
	/* input関連 */
	input.btn[type="submit"] {
		transition: all .5s ease;
	}
	input.btn[type="submit"]:hover,
	a.parts_btn:hover {
		background-color: #177BE9;
		opacity: 1;
	}
	
	/* PC用記述 */
	.custom_tit_area {
		padding: 50px 0 0;
		text-align: center;
	}
	.custom_tit_area .custom_tit > a { display: block; }
	.custom_tit_area .custom_tit .logo {
		display: inline-block;
		width: 240px;
	}
	.custom_tit_area .custom_tit .txt {
		margin: 20px 0 0 0;
		font-size: 120%;
	}
	.custom_tit_area .custom_tit .txt a:hover { opacity: .7; }

	/* タイプ選択ページ */
	.custom_tit_area.types { padding-top: 50px; }
	.custom_tit_area.types .custom_tit .logo { width: 240px; }
	.custom_tit_area.types .custom_tit .txt {
		font-size: 120%;
		margin-top: 20px;
	}
	.custom_types_lead { margin-top: 60px; }
	ul.costom_types_btns {
		max-width: 720px;
		margin: 40px auto 0;
	}
	ul.costom_types_btns li { width: 47%; }
	ul.costom_types_btns li a .thumb { height: 360px; }
	ul.costom_types_btns li a .tit {
		font-size: 106.6%;
		padding: 12px 8px;
	}
	ul.costom_types_btns li a .thumb,
	ul.costom_types_btns li a .tit { transition: all .5s ease; }
	ul.costom_types_btns li a:hover .thumb { background-color: #BBB; }
	ul.costom_types_btns li a:hover .tit { background-color: #177BE9; }
	
	/* カスタムページ */
	.custom_area_pc {
		max-width: 1040px;
		margin: 50px auto 0;
		position: relative;
	}
	.custom_area {
		background-color: transparent;
		height: 66vw;
		max-height: 680px;
	}
	@media only screen and (min-width:1040px) {
		.custom_area { height: 680px; }
	}
	.custom_area .view_btns { top: 8px; }
	@media only screen and (min-width:960px) {
		.custom_area .view_btns { top: 24px; }
	}
	.custom_area .view_btns > li {
		cursor: pointer;
		margin-top: 6px;
		width: 64px;
		height: 64px;
		padding-top: 24px;
		font-size: 133.3%;
	}
	.custom_area .view_btns > li:hover {
		background-color: black;
		color: white;
	}
	.custom_area .pw_info {
		top: 20px;
		right: calc(48% + 20px);
		z-index: 10;
		font-size: 120%;
	}
	
	.custom_area .pic_wrap {
		background-color: #f1f1f1;
		width: 52%;
		height: 100%;
		top: 0;
		padding: 40px 0;
		box-sizing: border-box;
	}
	.custom_area .pic_area {
		width: 74%;
	}
	
	.custom_area .parts_cate_btns_area {
		width: 42.4%;
		left: auto;
		bottom: auto;
		right: 0;
		top: 0;
	}
	.custom_area .parts_cate_btns { margin: 0; }
	.custom_area .parts_cate_btns > li {
		padding-top: 25px;
		cursor: pointer;
		width: auto;
		flex: 1;
		font-size: 120%;
		height: 64px;
	}
	/* PC用 */
	@media only screen and (min-width:960px) {
		.custom_area .parts_cate_btns > li { font-size: 133.3%; }
	}
	.custom_area .parts_cate_btns > li:hover,
	.custom_area .parts_cate_btns > li.pc_selected {
		background-color: black;
		color: white;
	}
	.custom_area .parts_cate_btns > li.rows { padding-top: 15px; }
	
	.custom_area .selector_area {
		background-color: black;
		width: 42.4%;
		left: auto;
		bottom: auto;
		right: 0;
		top: 64px;
		min-height: 440px;
	}
	.custom_area .selector_area.open { bottom: auto; }
	.custom_area .selector_area .close_btn { display: none; }
	
	/* タブボタン */
	.custom_area .selector_area ul.selector_tabs { display: none; }
	
	/* セレクタパネル */
	.custom_area .selector_area .selector_panel {
		background-color: transparent;
		height: auto;
		padding: 36px 16px 0;
	}
	
	/* パーツセレクタ */
	.selector_panel ul.parts_selector { justify-content: flex-start; }
	.selector_panel ul.parts_selector li { cursor: pointer; }
	.selector_panel ul.parts_selector li.pc_selected .thumb {
		position: relative;
		background-color: #bbb;
		transition: all .5s ease;
	}
	.selector_panel ul.parts_selector li.pc_selected .thumb::after {
		content: "";
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border: solid 2px white;
		position: absolute;
		left: -1px;
		top: -1px;
	}
	/* CROWN GUARD */
	.selector_panel .parts_wrap.crownguard ul.parts_selector li .thumb{ height: 70px; }
	
	/* タイプセレクタ・カラーセレクタ */
	.selector_panel .type_wrap {
		padding: 0;
		margin-top: 36px;
	}
	.type_select { margin-bottom: 36px; }
	.type_select::before,
	.color_select::before {
		display: inline-block;
		padding: 4px 8px 1px;
		border: solid 1px white;
		font-family: 'Teko', sans-serif;
		font-weight: 600;
	}
	.type_select::before { content: "TYPE"; }
	.color_select::before { content: "COLOR"; }
	.color_select[name="bezelscrew6pcs"]::before,
	.color_select[name="bezelscrew4pcs"]::before,
	.color_select[name="bezelscrewhidden"]::before,
	.color_select[name="topscrew"]::before,
	.color_select[name="backscrew"]::before,
	.color_select[name="bandpinscrew"]::before { content: none; }
	
	.selector_panel .type_wrap ul.parts_spec li { padding: 4px 6px 2px; }
	.selector_panel .type_wrap ul.parts_spec li.parts,
	.selector_panel .type_wrap ul.parts_spec li.type.show { display: none; }
	.selector_panel .type_wrap .type_selector,
	.selector_panel .type_wrap .color_selector { margin-top: 10px; }
	.selector_panel .type_wrap .type_selector li,
	.selector_panel .type_wrap .color_selector li { cursor: pointer; }
	
	/* ボタン欄 */
	.btn_area {
		position: absolute;
		width: 42.4%;
		right: 0;
		top: 504px;
	}
	
	
	
	/* スペック等 */
	.custom_sec {
		max-width:1040px; 
		margin: 48px auto 0;
	}
	.custom_sec h1.custom_sec_tit {
		font-size: 240%;
		margin-bottom: 16px;
	}
	.custom_sec h1.custom_sec_tit.spec_tit { cursor: pointer; }
	.custom_sec h1.custom_sec_tit.spec_tit > span,
	.custom_sec h1.custom_sec_tit.spec_tit > span::before,
	.custom_sec h1.custom_sec_tit.spec_tit > span::after {
		cursor: pointer;
		transition: all .5s ease;
	}
	.custom_sec h1.custom_sec_tit.spec_tit:hover > span { background-color: black; }
	.custom_sec h1.custom_sec_tit.spec_tit:hover > span::before,
	.custom_sec h1.custom_sec_tit.spec_tit:hover > span::after { background-color: white; }
	.spec_list { margin-top: 16px; }
	.spec_list > dt { margin-top: 16px; }
	.spec_list > dd {
		border-bottom: dashed 1px #bbb;
		padding-bottom: 16px;
	}


	.spec_list > dd > ul > li.show { display: flex; }
	.spec_list > dd > ul > li > .tit { width: 30%; }
	.spec_list > dd > ul > li > dl.spec {
		margin-top: 0;
		width: 30%;
		min-width: 220px;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.spec_list > dd > ul > li > dl.spec > dt,
	.spec_list > dd > ul > li > dl.spec > dd { white-space: nowrap; }
	.spec_list > dd > ul > li > .spec_txt {
		margin-top: 0;
		width: 40%;
	}
	
	
	
	/* お気に入り */
	ul.fav_list li {
		width: 18%;
		margin-right: 2.5%;
		margin-bottom: 10px;
	}
	ul.fav_list li:nth-child(even) { margin-right: 2.5%; }
	ul.fav_list li:nth-child(5n) { margin-right: 0; }
	ul.fav_list li a::after { transition: all .5s ease; }
	ul.fav_list li a:hover::after { background-color: black; }
	ul.fav_list li input[name="fav_del"] {
		transition: all .5s ease;
		cursor: pointer;
	}
	ul.fav_list li input[name="fav_del"]:hover { background-color: black; }
	
	
	
	/* おすすめモデル */
	ul.fav_list li a > div.model_name { transition: all .5s ease; }
	ul.fav_list li a:hover > div.model_name { background-color: black; }
	
	
	
	/* シェア */
	ul.share_icons li a { transition: all .5s ease; }
	ul.share_icons li a:hover { opacity: .7; }
	
	/* 他のタイプへ */
	.custom_sec.other_type a .thumb,
	.custom_sec.other_type a .tit { transition: all .5s ease; }
	.custom_sec.other_type a:hover .thumb { background-color: #BBB; }
	.custom_sec.other_type a:hover .tit { background-color: #177BE9; }
	
	/* 組み立て費 */
	.assembled_wrap > label { cursor: pointer; }
	.assembled_wrap > label:hover { background-color: #bbb; }
	
	
	
	/* パーツ注文ページ */
	.custom_parts_lead { margin-top: 40px; }
	ul.parts_list {
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	ul.parts_list li {
		width: calc(50% - 3px);
		margin-top: 6px;
	}
	ul.parts_list li > label {
		height: 100%;
		box-sizing: border-box;
		cursor: pointer;
	}
	ul.parts_list li > label:hover { background-color: #bbb; }
	.parts_btn_area { margin-top: 30px; }
	
	
	
	
	
	
	
	
}