/* ALL */

#wrapper{
	width: 100%;
	margin: 0;
}
.content{
	width: 960px;
	margin: auto;
}
.full_width{
	width: 100%;
}
img{
	margin: auto;
}
.cta_btn{
	width: 774px;
	margin: 0 auto;
}

/* ここからファーストビュー */
#fv{
	width: 100%;
}
#hero{
	width: 100%;
	height: 615px;
	position: relative;
}

/* 縦に合わせてトリミング */
#hero .fv_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	min-width: 960px;
}

.fv_narrow{
	width: 960px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: calc((100% - 960px)/2);
	z-index: 1;
	overflow: hidden;
}
@media screen and (max-width: 959px){
  .fv_narrow{
    left: 0;
  }
}

.fv_logo{
	width: 60px;
	position: relative;
	z-index: 2;
	margin-left: 25px;
	margin-top: 15px;
}
.fv_title{
	width: 900px;
	position: relative;
	z-index: 3;
	margin: -31px auto 0;
	pointer-events: none;
}
.fv_product{
	position: relative;
	width: 960px;
	margin: -55px auto 0;
	z-index:2;
}
.fv_under{
	margin: -93px auto 50px;
	width: 960px;
	position: relative;
	z-index: 4;
}
.fv_using-pic{
	margin-bottom: 15px;
}

.fv-cta{
	height: 400px;
	width: 960px;
	margin: 0 auto -50px;
	position: relative;
}

.fv-cta_info{
	width: 855px;
	margin-left: 24px;

}
.fv-cta_cv{
	width: 207px;
	position: absolute;
	left: 750px;
	top: 8px;
	z-index: 3;
}
.fv-cta_sub{
	width: 809px;
	position: absolute;
	left: 35px;
	top: 230px;
	z-index: 3;
}
/* ここまでファーストビュー */
/* カート */
.content.cta.products{
	background-image: url("/img/lp/pc/hc_s_c1/img/products_bg.jpg");
	height: 1192px;
}
.products_title{
	padding-top: 54px;
	margin-bottom: 25px;
}
.product_box{
	width: 750px;
	margin: 0 auto 10px;
	display: flex;
	justify-content: space-between;
}
.product{
	width: 250px;
	position: relative;
	z-index: 2;
}
.selecter{
	position: absolute;
	top: 380px;
	left: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.selecter select{
	width: 50px;
	height: 25px;
	margin-bottom: 3px;
}
.product .selecter_margin-bottom{
	margin-bottom: 24px;
}

/* Safariのみセレクトボックスがずれるのでその対応用 */
::-webkit-full-page-media, :future, :root .selecter {
	top:  384px;
}
::-webkit-full-page-media, :future, :root .selecter select {
	margin-bottom: 6.5px;
}
::-webkit-full-page-media, :future, :root .product .selecter_margin-bottom {
	margin-bottom: 29px;
}
/* ここまでSafari対応*/

.color-cream_dropshadow{
	box-shadow: 0 0 1px 2px #d29e21,0 3px 8px 0 #111111;
}

.color-care{
	width: 200px;
	margin:  5px auto;
}

.products_sub{
	margin-bottom: 13px;
}
.products_profit{
	margin-bottom: -5px;
}

.products_shipping{
	margin-bottom: 3px;
}
.products_profit-sub{
	margin-bottom: 33px;
}
.cta_btn{
	width: 746px;
	margin: 0 auto 50px;
	filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.5));
}
/* ここまでカート */
/* カラークリーム商品説明 */
.color-cream{
	margin-bottom: 35px;
}
.color-cream_catch{
	width: 960px;
	margin: 0 auto;
}
.color-cream_product{
	width: 900px;
	margin: 0 auto 35px;
}
.color-cream_recommend{
	width: 960px;
}
/* ここまでカラークリーム商品説明 */
/* 動画 */
.movie_wrap{
	position: relative;
	z-index: 2;
	margin-bottom: 25px;
	height: 315px;
}
.movie-pic{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#movie-box{
	width: 367px;
	height: 247px;
	position: absolute;
	z-index: 3;
	top: 12px;
	right: 133px;
}
#movie {
	width: 100%;
	margin: 20px 0;
	position: relative;
	padding-bottom: 56.25%;
	height: 445px;
	overflow: hidden;
}
#movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}
/* ここまで動画 */
/* キャンペーン内容 */
.classic_wrap{
	height: auto;
}
.classic{
	margin-bottom: -20px;
	z-index: 2;
	position: relative;
}

.limited_wrap{
	width: 100%;
	min-width: 960px;
	height: 650px;
	position: relative;
	margin-bottom: 3px;
}
/* 縦に合わせてトリミング */
.limited_wrap .bg {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.limited-box{
	position: relative;
	top: 50px;
	z-index: 2;
}
.limited{
	width: 828px;
	margin: 0 auto;
}

/* ここまでキャンペーン内容 */
/* こんな方におオススメ 各商品＋遷移ボタン*/

.recommends{
	margin-bottom: 10px;
}
.recommend{
	width: 960px;
	position: relative;
}
#recommend-2{
	margin-bottom: -5px;
}
#recommend-4{
	margin-bottom: -10px;
}
.recommend_cta_color-cream{
	position: absolute;
	bottom: 92px;
	left: 105px;
}
.recommend_cta_shampoo{
	position: absolute;
	bottom: 105px;
	left: 105px;
}
.recommend_cta_treatment{
	position: absolute;
	bottom: 90px;
	left: 105px;
}
.recommend_cta_partial{
	position: absolute;
	bottom: 145px;
	left: 105px;
}
/* ここまでオススメ内容 */
/* ここまでメインコンテンツ */

/* フッター */
footer{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
.resale {
	border: 1px solid #9a9a9a;
	padding: 10px 20px 20px;
	margin-bottom: 25px;
}
ul.box_resale li.h5 {
	color: #000;
	font-weight: bold;
}
ul.box_resale li {
	margin-top: 18px;
	line-height:150%;
	text-align: justify;
}
.content.footer{
	padding-top: 10px;
	border-top: 1px solid #9a9a9a;
	margin: 60px auto 30px;
	overflow: hidden;
}
.green{
	color:#007d5d;
}
.red{
	color: red;
}
.b{
	font-weight: bold;
}
.txtgroup{
	margin-bottom: 20px;
}
.txt10{
	font-size: 10px;
}
.txt12{
	font-size: 12px;
}
.txt14{
	font-size: 14px;
	line-height: 28px;
}
.txt16{
	font-size: 16px;
}
.txt18{
	font-size: 18px;
}
.footer_logo{
	display: flex;
	width: 488px;
	margin: 50px auto 20px;
	align-items: center;
}
.footer_link{
	display: flex;
	width: 405px;
	margin: 0 auto -1px;
}
.underline{
	width: 960px;
	border-top: 1px solid #9a9a9a;
}
.footer_info{
	display: flex;
	width: 355px;
	align-items: center;
	margin: 0 auto;
}
.footer_info img{
	margin-right: 20px;
}
.footer_copyright{
	display: flex;
	width: 900px;
	margin: 0 auto;
}
/* ここまでフッター*/