@charset "UTF-8";
/*------------------------------------------------------------
    選ぶページ
------------------------------------------------------------*/
.choice_box {
	width: 100%;
}
.choice_ttl {
	line-height: 1.2;
	color: #1D1D1D;
	font-size: 1.4rem;
	position: relative;
	padding-left: 2.5rem;
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.choice_ttl::before {
	content: "";
	display: block;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.choice_img {
	max-height: 300px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.choice_watch_img_size {
	height: 600px;
	max-height: 600px;
	max-width: initial;
}
.choice_img_main {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#rose-page ul li:nth-child(1) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_01.jpg);
	background-size: cover;
}
#rose-page ul li:nth-child(2) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_02.jpg);
	background-size: cover;
}
#rose-page ul li:nth-child(3) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_03.jpg);
	background-size: cover;
}
#rose-page ul li:nth-child(4) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_04.jpg);
	background-size: cover;
}
#rose-page ul li:nth-child(5) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_05.jpg);
	background-size: cover;
}
#rose-page ul li:nth-child(6) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_06.jpg);
	background-size: cover;
}
.choice_img_main_inner {
	position: relative;
	visibility: hidden;
	opacity: 0;
	transition: .6s;
	z-index: 99;
}
.choice_txt {
	font-size: 1.8rem;	
	color: #fff;
	margin-bottom: 40px;
}
.bg_white .choice_txt {
	color: #1D1D1D;
}
.choice_ico {
	font-family: 'ico_tremont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.choice_ico::before {
	content: "\e900";
	color: #fff;
	font-size: 2rem;
}
.bg_white .choice_ico::before {
	color: #1D1D1D;
}
@media screen and (min-width: 768px) {
	.choice_img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 600px;
		max-height: 600px;
	}
	.choice_img_main {
		transition: .6s;
		height: 600px;
		width: 100%;
		position: absolute;
    	top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	    -ms-transform: translate(-50%, -50%);
    	        transform: translate(-50%, -50%);
	}
	.choice_img_main::before {
		content: "";
		opacity: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: .6s;
		background: rgba(0, 0, 0, .8);
		position: absolute;
		top: 0;
		left: 0;
	}
	.choice_img.bg_white .choice_img_main::before {
		background: rgba(255, 255, 255, .7);
	}
	.choice_img::after {
		content: "";
		opacity: 0;
		display: block;
		width: calc(100% - 10px);
    	height: calc(100% - 10px);
    	background: transparent;
    	border: 1px solid #fff;
    	transition: .6s;
    	z-index: 99;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	    -ms-transform: translate(-50%, -50%);
    	        transform: translate(-50%, -50%);
	}
	.choice_img.bg_white::after {
		border: 1px solid #1D1D1D;
	}
	.choice_box:hover .choice_img_main {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		    -ms-transform: translate(-50%, -50%) scale(1.1);
		        transform: translate(-50%, -50%) scale(1.1);
	}
	.choice_box:hover .choice_img_main::before,
	.choice_box:hover .choice_img::after {
		opacity: 1;
	}
	.choice_box:hover .choice_img_main_inner {
		visibility: visible;
		opacity: 1;
	}
}
@media screen and (min-width: 992px) {
	.choice_ttl {
		font-size: 2rem;
	}
	.choice_txt {
		font-size: 2rem;	
	}
}
/*------------------------------------------------------------
    花から選ぶ
------------------------------------------------------------*/
/* Pink blossom */
.choice_ttl.pink-blossom::before {background: #F7C3C0;}
#rose-page ul li:nth-child(1) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_01.jpg);
	background-size: cover;
	background-position: center;
}
/* esprit pink */
.choice_ttl.esprit-pink::before {background: #BA0060;}
#rose-page ul li:nth-child(2) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_02.jpg);
	background-size: cover;
	background-position: center;
}
/* pink mariage */
.choice_ttl.pink-mariage::before {background: #F5E1E2;}
#rose-page ul li:nth-child(3) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_03.jpg);
	background-size: cover;
	background-position: center;
}
/* excellent blue */
.choice_ttl.excellent-blue::before {background: #211CDB;}
#rose-page ul li:nth-child(4) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_04.jpg);
	background-size: cover;
	background-position: center;
}
/* bright red */
.choice_ttl.bright-red::before {background: #C50732;}
#rose-page ul li:nth-child(5) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_05.jpg);
	background-size: cover;
	background-position: center;
}
/* oranjet */
.choice_ttl.oranjet::before {background: #DC8602;}
#rose-page ul li:nth-child(6) .choice_img_main{
	background: url(../img/rose-color/img_flower_choice_06.jpg);
	background-size: cover;
	background-position: center;
}
/*------------------------------------------------------------
    時計から選ぶ
------------------------------------------------------------*/
/* dr03g-cbg */
.choice_ttl.watch_dr_1::before {background: #f5ebd3;}
#watch-page ul li:nth-child(1) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_07.jpg);
	background-size: cover;
	background-position: center;
}
/* dr03g-cbe */
.choice_ttl.watch_dr_2:before {background: #f1422e;}
#watch-page ul li:nth-child(2) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_08.jpg);
	background-size: cover;
	background-position: center;
}
/* dr03s-cpk */
.choice_ttl.watch_dr_3::before {background: #F4E6E6;}
#watch-page ul li:nth-child(3) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_09.jpg);
	background-size: cover;
	background-position: center;
}
/* dr03s-cbr */
.choice_ttl.watch_dr_4::before {background: #a3471b;}
#watch-page ul li:nth-child(4) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_10.jpg);
	background-size: cover;
	background-position: center;
}
/* dr03g-cdb */
.choice_ttl.watch_dr_5::before {background: #441c1a;}
#watch-page ul li:nth-child(5) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_11.jpg);
	background-size: cover;
	background-position: center;
}
/* dr03s-cbk */
.choice_ttl.watch_dr_6::before {background: #2A272C ;}
#watch-page ul li:nth-child(6) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_12.jpg);
	background-size: cover;
	background-position: center;
}
/* dr01s-apk */
.choice_ttl.watch_dr_7::before {background: #F4E6E6;}
#watch-page ul li:nth-child(7) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_01.jpg);
	background-size: cover;
	background-position: center;
}
/* dr01g-abr */
.choice_ttl.watch_dr_8::before {background: #592B1D;}
#watch-page ul li:nth-child(8) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_02.jpg);
	background-size: cover;
	background-position: center;
}
/* dr01r-awh */
.choice_ttl.watch_dr_9::before {background: #fff; border:1px solid #DBDBDB;}
#watch-page ul li:nth-child(9) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_03.jpg);
	background-size: cover;
	background-position: center;
}
/* dr02s-abk */
.choice_ttl.watch_dr_10::before {background: #2A272C;}
#watch-page ul li:nth-child(10) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_04.jpg);
	background-size: cover;
	background-position: center;
}
/* dr02g-are */
.choice_ttl.watch_dr_11::before {background: #7E2F3C;}
#watch-page ul li:nth-child(11) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_05.jpg);
	background-size: cover;
	background-position: center;
}
/* dr01s-apk */
.choice_ttl.watch_dr_12::before {background: #3c2f2b;}
#watch-page ul li:nth-child(12) .choice_img_main{
	background: url(../img/watch-face/img_watch_choice_06.jpg);
	background-size: cover;
	background-position: center;
}