@charset "UTF-8";

/* *******************************************************************************************
* 
*	Index
*
******************************************************************************************* */

.drTop{
	min-width: 1090px;
}
.section-top{
	opacity: 0;
}
.sectionfadeIn {
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: sectionfadeIn;
	animation-name: sectionfadeIn;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes sectionfadeIn {
	from {
		-webkit-transform: translateY(10px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}
@keyframes sectionfadeIn {
	from {
		transform: translateY(10px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
.section_link{
	text-align: center;
}
.section_link_btn{
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
}
.section_link_btn span{
	display: inline-block;
	padding-left: 26px;
	background: url(/PC/image/common/ic_list_navy.png) 0 center no-repeat;
	background-size: 12px auto;
}
.section_link_btn:hover{
	color: #918033;
}
.section_link_btn:hover span{
	background: url(/PC/image/common/ic_list_gold.png) 0 center no-repeat;
	background-size: 12px auto;
}

/* ----------------------------- メインビジュアル ----------------------------- */

.visual{
	background: #ebebeb;
}
.visual_inner{
	margin: 0 auto;
	width: 1000px;
}
.visual_l{
	position: relative;
	float: left;
	width: 677px;
	height: 440px;
	overflow: hidden;
}
.visual_r{
	float: left;
	width: 323px;
}
.visual_list{
	position: relative;
}
.visual_list_item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 5;
    opacity: 0;
}
.visual_list_item.fadeIn{
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	z-index: 10;
}
.visual_list_item.fadeOut{
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	z-index: 5;
}
.visual_dot{
	position: absolute;
	bottom: 20px;
	right: 14px;
	font-size: 0;
	line-height: 0;
	text-align: right;
	z-index: 20;
}
.visual_dot_item{
	display: inline-block;
	padding: 0 6px;
	width: 10px;
	height: 10px;
}
.visual_dot_item a{
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.visual_dot_item a.current{
	background: #132452;
}
@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}

/* ----------------------------- キャンペーン情報 ----------------------------- */

.campaignInfo{
	border-bottom: 1px solid #e6e6e6;
	display:none;
}
.campaignInfo_inner{
	margin: 0 auto;
	padding: 12px 0;
	width: 1000px;
}
.campaignInfo_ttl{
	display: inline-block;
	padding-left: 32px;
	color: #918033;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	background: url(../../../image/PC/common/ic_campaign_gold.png) 0 center no-repeat;
	background-size: 23px auto;
}
.campaignInfo_txt{
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
}

/* ----------------------------- はじめての方へ ----------------------------- */

.beginner_inner{
	margin: 0 auto;
	padding: 52px 0 26px 0;
	width: 1064px;
}
.beginner_ttl{
	margin-bottom: 44px;
	font-size: 26px;
	line-height: 1em;
	text-align: center;
}
.beginner_catch{
	margin-bottom: 32px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}
.beginner_catch_label{
	display: inline-block;
	margin-right: 8px;
	padding: 0 8px;
	color: #fff;
	font-weight: 600;
	background: #bf3000;
}
.beginner_catch strong{
	color: #bf3000;
	font-weight: 600;
}
.beginner_list{
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.beginner_list_item{
	display: inline-block;
	padding: 0 32px;
	width: 290px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #e6e6e6;
}
.beginner_list .beginner_list_item:first-child{
	border-left: 0;
}
.beginner_list_item a{
	display: block;
}
.beginner_list_item_img{
	margin-bottom: 11px;
//	height: 200px;
	overflow: hidden;
}
.beginner_list_item_ttl{
	margin-bottom: 11px;
	font-size: 16px;
	line-height: 28px;
}
.beginner_list_item a:hover .beginner_list_item_img{
	opacity: .7;
}
.beginner_list_item a:hover .beginner_list_item_ttl{
	color: #918033;
}
.beginner_list_item_price{
	margin-bottom: 18px;
	color: #918033;
	font-size: 22px;
	line-height: 1em;
	font-weight: 500;
}
.beginner_list_item_price .price_option{
	font-size: 14px;
	line-height: 22px;
}

/* ----------------------------- メディア掲載 ----------------------------- */

.media_inner{
	margin: 0 auto;
	padding: 26px 0 52px 0;
	width: 1000px;
}
.media_ttl{
	margin-bottom: 44px;
	font-size: 26px;
	line-height: 1em;
	text-align: center;
}
.media_list{
	margin-bottom: 40px;
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.media_list_item{
	display: inline-block;
	padding: 0 32px;
	width: 290px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #e6e6e6;
}
.media_list .media_list_item:first-child{
	padding-left: 0;
	border-left: 0;
}
.media_list .media_list_item:last-child{
	padding-right: 0;
}
.media_list_item a{
	display: block;
}
.media_list_item_img{
	float: left;
	margin-right: 16px;
	width: 100px;
	height: 100px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.media_list_item_img img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: 100px;
}
.media_list_item_txt{
	float: left;
	width: 174px;
	font-size: 14px;
	line-height: 26px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.media_list_item_txt_date{
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 1em;
	font-weight: 500;
}
.media_list_item a:hover .media_list_item_img{
	opacity: .7;
}
.media_list_item a:hover .media_list_item_txt{
	color: #918033;
}
.media_btm-bnr{
	margin-top: 40px;
}
.media_btm_item{
	float: left;
	width: 500px;
	height: 60px;
	border: 1px solid #e6e6e6;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.media_btm_item:first-child{
	border-right: 0;
}
.media_btm_item_btn{
	display: block;
	width: 100%;
	height: 58px;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
}
.media_btm_item_btn-movie span{
	display: inline-block;
	padding-left: 45px;
	background: url(../../../image/PC/common/ic_movie_navy.png) 0 center no-repeat;
	background-size: 27px auto;
}
.media_btm_item_btn-hada_soudan span{
	display: inline-block;
	padding-left: 43px;
	background: url(../../../image/PC/common/ic_hada_soudan_navy.png) 0 center no-repeat;
	background-size: 25px auto;
}
.media_btm_item_btn:hover{
	color: #918033;
	background: #f0f0f0;
}
.media_btm_item_btn-movie:hover span{
	background: url(../../../image/PC/common/ic_movie_gold.png) 0 center no-repeat;
	background-size: 27px auto;
}
.media_btm_item_btn-hada_soudan:hover span{
	background: url(../../../image/PC/common/ic_hada_soudan_gold.png) 0 center no-repeat;
	background-size: 25px auto;
}

/* ----------------------------- ドクターリセラとは ----------------------------- */

.concept{
	width: 100%;
	height: 480px;
	background: url(../../../image/PC/index/concept_bg.jpg) center 0 no-repeat;
	background-size: cover;
}
.concept_inner{
	margin: 0 auto;
	padding: 64px 0 0 0;
	width: 1000px;
	color: #fff;
	text-align: center;
}
.concept_txt1{
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0.06em;
}
.concept_txt2{
	margin-bottom: 30px;
	font-size: 34px;
	line-height: 1em;
	letter-spacing: 0.06em;
}
.concept_img{
	margin: 0 auto 32px auto;
	width: 314px;
}
.concept_txt3{
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 1em;
}
.concept_link{
	margin: 0 auto;
	width: 200px;
}
.concept_link_btn{
	display: block;
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.5);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.concept_link_btn span{
	display: inline-block;
	padding-left: 18px;
	background: url(../../../image/PC/common/ic_link_arrow_wt.png) 0 center no-repeat;
	background-size: 6px auto;
}
.concept_link_btn:hover{
	background: rgba(15,38,102,.3);
}

/* ----------------------------- 製品一覧 ----------------------------- */

.productList_inner{
	margin: 0 auto;
	padding: 26px 0 52px 0;
	width: 1000px;
	overflow: hidden;
}
.productList_ttl{
	margin-bottom: 44px;
	font-size: 26px;
	line-height: 1em;
	text-align: center;
}
.productList_clm_ttl{
	margin-bottom: 50px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 40px;
	background: #f0f0f0;
}
.productList_clm_series{
	width: 1000px;
}
.productList_clm_series_item{
	float: left;
	margin-right: 32px;
	margin-bottom: 32px;
    width: 436px;
    margin-left: 32px;
}
.productList_clm_series_item_info{
	margin-top: 18px;
	font-size: 14px;
	line-height: 1em;
}
.productList_clm_medical_item{
	float: left;
	width: 249px;
	border-left: 1px solid #e6e6e6;
}
.productList_clm_medical_item:first-child{
	width: 250px;
	border-left: 0;
}
.productList_clm_medical_item a{
	display: block;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.medical_item-spot span{
	display: inline-block;
	padding-left: 30px;
	background: url(/img/category/off51s.png) 0 center no-repeat;
	background-size: 18px auto;
}
.medical_item-spot:hover span {
	background: url(/img/category/on51s.png) 0 center no-repeat;
	background-size: 18px auto;
}
.medical_item-wrinkle span {
	display: inline-block;
	padding-left: 32px;
	background: url(/img/category/off52s.png) 0 center no-repeat;
	background-size: 18px auto;
}
.medical_item-wrinkle:hover span {
	background: url(/img/category/on52s.png) 0 center no-repeat;
	background-size: 18px auto;
}
.medical_item-pores span {
	display: inline-block;
	padding-left: 26px;
	background: url(/img/category/off53s.png) 0 center no-repeat;
	background-size: 15px auto;
}
.medical_item-pores:hover span {
	background: url(/img/category/on53s.png) 0 center no-repeat;
	background-size: 15px auto;
}
.medical_item-acne span {
	display: inline-block;
	padding-left: 26px;
	background: url(/img/category/off54s.png) 0 center no-repeat;
	background-size: 16px auto;
}
.medical_item-acne:hover span {
	background: url(/img/category/off54s.png) 0 center no-repeat;
	background-size: 16px auto;
}
/* ----------------------------- フリースペース ----------------------------- */
.child {
    width: 250px;
      }

.parent {
    display: flex;
    margin: 0 auto;
    padding: 12px 0;
    width: 1000px;
}
/* ----------------------------- 売れ筋ランキング ----------------------------- */

.ranking{
	background: #f2f1e6;
}
.ranking_inner{
	margin: 0 auto;
	padding: 52px 0;
	width: 1000px;
}
.ranking_ttl{
	margin-bottom: 44px;
	color: #918033;
	font-size: 26px;
	line-height: 1em;
	text-align: center;
}

/* ----------------------------- お知らせ ----------------------------- */

.infomation{
	background: #fff;
}
.infomation_inner{
	margin: 0 auto;
	padding: 26px 0 50px 0;
	width: 1000px;
}
.infomation_ttl{
	margin-bottom: 28px;
	font-size: 26px;
	line-height: 1em;
	text-align: center;
}
.infomation_list{
	margin-bottom: 24px;
}
.infomation_list_item{
	display: block;
	padding: 13px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}
.infomation_list_item:last-child{
	border-bottom: 0;
}
.infomation_list_item_date{
	float: left;
	width: 110px;
	font-weight: 500;
}
.infomation_list_item_txt{
	padding-left: 110px;
}

/* ----------------------------- 製品リスト（5カラム） ----------------------------- */

.product_list{
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.product_list_item{
	display: inline-block;
	padding: 0 32px;
	width: 148px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #e6e6e6;
}
.ranking .product_list_item{
	border-color: #e0dcc6;
}
.product_list .product_list_item:first-child{
	padding-left: 0;
	border-left: 0;
}
.product_list .product_list_item:last-child{
	padding-right: 0;
}
.product_list_item a{
	display: block;
}
.product_list_item_img{
	position: relative;
	margin-bottom: 11px;
	height: 148px;
	overflow: hidden;
}
.product_list_item_img_rank{
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
}
.product_list_item_ttl{
	margin-bottom: 11px;
	font-size: 14px;
	line-height: 24px;
}
.product_list_item a:hover .product_list_item_img{
	opacity: .7;
}
.product_list_item a:hover .product_list_item_ttl{
	color: #918033;
}
.product_list_item_price{
	margin-bottom: 18px;
	color: #918033;
	font-size: 22px;
	line-height: 1em;
	font-weight: 500;
}
.product_list_item_price .price_option{
	font-size: 14px;
	line-height: 22px;
}