﻿@charset "UTF-8";


/*
	fkbkr
================================*/
#fkbkr .anchor_fkbkr {}
#fkbkr .anchor_fkbkr ul { margin-top: 40px;}
#fkbkr .anchor_fkbkr ul li { width: 294px; margin-left: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(n+4) { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(3n+1) { margin-left: 0;}
#fkbkr .anchor_fkbkr ul li:first-child { font-size: 90%;}
#fkbkr .anchor_fkbkr ul li a { padding: 0 20px 0 0;}
#fkbkr .anchor_fkbkr ul li a {}
#fkbkr .anchor_fkbkr ul li a:before { top: 18px;}
#fkbkr .anchor_fkbkr ul li a:after { top: 25px;}
#fkbkr .anchor_fkbkr ul li a span { display: block; padding: 14px 0 14px 55px;}
#fkbkr .anchor_fkbkr ul li:nth-child(1) a span { background: url(/img/campaign/2501/fkbkr/anchor01.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(2) a span { background: url(/img/campaign/2501/fkbkr/anchor02.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(3) a span { background: url(/img/campaign/2501/fkbkr/anchor03.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(4) a span { background: url(/img/campaign/2501/fkbkr/anchor04.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(5) a span { background: url(/img/campaign/2501/fkbkr/anchor05.png) no-repeat; background-size: contain; background-position: 10px center;}
#fkbkr .anchor_fkbkr ul li:nth-child(6) a span { background: url(/img/campaign/2501/fkbkr/anchor06.png) no-repeat; background-size: contain; background-position: 10px center;}












#cccp .block_mainImg { margin-top: 50px;}

.pane-main .itemBlock .itemName.mark:before { width: 32px; height: 48px; left: 30px;}

/* present */
.presentArea { padding: 15px 40px; background: #e6f2f0;}
.presentArea .pre_cont { border: 0;}

.bn_notes { padding:0 40px;}


/*
	bdcpLink
================================*/
#bdcpLink { margin-top: 30px;}
#bdcpLink .bdcpLink { margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 19px;}
#bdcpLink .bdcpLink li a { width: 294px; height: 80px; font-size: 16px; padding-left: 60px;}



/*
	derail
================================*/
#detail .contentsBlock { border-top: solid 1px #d0d0d0 !important; padding-top: 0 !important;}
#pageLink_cf .contentsBlock { border-top: solid 1px #d0d0d0 !important;}
#dlcp_hair.contentsBlock { border-top: solid 1px #d0d0d0 !important;}
#dlcp_skin.contentsBlock { border-top: solid 1px #d0d0d0 !important;}



/*
	common
================================*/
.pane-main h2 { margin-bottom: 0;}
.pane-main .contentsBlock { border-top: 0; margin-bottom: 60px;}

/* タブあり1カラム テキストアイコン価格横表示 */
.pane-main .clm1_block .itemBlock .itemPrice { text-align: right;}
.pane-main .clm1_block .itemBlock .itemPrice .priceIcon { display: inline-block; margin-right: 10px;}
.pane-main .clm1_block .itemBlock .itemPrice .price { display: inline-block;}
/* 除外 */
.pane-main .clm1_block #pageLink027.itemBlock .itemPrice .priceIcon,
.pane-main .clm1_block #pageLink045.itemBlock .itemPrice .priceIcon { display: block; margin-right: 0;}
.pane-main .clm1_block #pageLink027.itemBlock .itemPrice .price,
.pane-main .clm1_block #pageLink045.itemBlock .itemPrice .price { display: block;}

/* item tab icon */
.pane-main .js-tab-hcs-toku li a.itemicon,
.pane-main .js-tab-hcs-toku li a.itemicon:hover,
.pane-main .js-tab-hcs-toku li.on a.itemicon,
.pane-main .js-tab-hcs li a.itemicon,
.pane-main .js-tab-hcs li a.itemicon:hover,
.pane-main .js-tab-hcs li.on a.itemicon,
.pane-main .js-tab-rk-toku li a.itemicon,
.pane-main .js-tab-rk-toku li a.itemicon:hover,
.pane-main .js-tab-rk-toku li.on a.itemicon,
.pane-main .js-tab-rk li a.itemicon,
.pane-main .js-tab-rk li a.itemicon:hover,
.pane-main .js-tab-rk li.on a.itemicon { background-position: 15px 8px !important;}


/*
	mv
================================*/



/*
	anchor
================================*/
#anchor { margin: 30px 0;}
/* pageAnchor */
#anchor .pageAnchor { width: 925px; margin: 0 auto;}
#anchor .pageAnchor li { width: 294px;}
#anchor .pageAnchor li { margin-bottom: 20px;}
#anchor .pageAnchor li a { padding: 5px 20px 5px 6px;}
#anchor .pageAnchor li a {}
#anchor .pageAnchor li a:before { top: 18px;}
#anchor .pageAnchor li a:after { top: 25px;}
#anchor .pageAnchor li a span { display: block; background-position: 10px center; padding: 10px 8px 10px 45px;}
/*#anchor .pageAnchor li:nth-child(1) a span { background: url(/img/campaign/1910/bd/anchor_icon01.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(2) a span { background: url(/img/campaign/1910/bd/anchor_icon02.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(3) a span { background: url(/img/campaign/1910/bd/anchor_icon03.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(4) a span { background: url(/img/campaign/1910/bd/anchor_icon04.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(5) a span { background: url(/img/campaign/1910/bd/anchor_icon05.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(6) a span { background: url(/img/campaign/1910/bd/anchor_icon06.png) no-repeat; background-size: contain;}*/

/*
#anchor .pageAnchor li:nth-child(1) { width: 920px;}
#anchor .pageAnchor li:nth-child(1) a span { padding: 10px 8px;}
#anchor .pageAnchor li:nth-child(2) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(3) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(5) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(6) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(2) a span { background: url(/img/campaign/1910/bd/anchor_icon01.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(3) a span { background: url(/img/campaign/1910/bd/anchor_icon02.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(4) a span { background: url(/img/campaign/1910/bd/anchor_icon03.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(5) a span { background: url(/img/campaign/1910/bd/anchor_icon04.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(6) a span { background: url(/img/campaign/1910/bd/anchor_icon05.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(7) a span { background: url(/img/campaign/1910/bd/anchor_icon06.png) no-repeat; background-size: contain;}
*/

#anchor .pageAnchor li:nth-child(1) { margin-right: 0;}
#anchor .pageAnchor li:nth-child(3) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(4) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(6) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(7) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(9) { margin-right: 20px;}
#anchor .pageAnchor li:nth-child(1) { width: 100%;}
#anchor .pageAnchor li:nth-child(1) a span { padding: 10px 8px;}
#anchor .pageAnchor li:nth-child(2) { width: 100%;}
#anchor .pageAnchor li:nth-child(2) a span { padding: 10px 8px;}
#anchor .pageAnchor li:nth-child(3) a span { background: url(/img/campaign/2204/bd/anchor_icon01.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(4) a span { background: url(/img/campaign/2204/bd/anchor_icon02.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(5) a span { background: url(/img/campaign/1910/bd/anchor_icon03.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(6) a span { background: url(/img/campaign/2204/bd/anchor_icon04.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(7) a span { background: url(/img/campaign/1910/bd/anchor_icon05.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(8) a span { background: url(/img/campaign/2204/bd/anchor_icon06.png) no-repeat; background-size: contain;}
#anchor .pageAnchor li:nth-child(9) a span { background: url(/img/campaign/2204/bd/anchor_icon07.png) no-repeat; background-size: contain;}


/* anchor_recommend */
.anchor_recommend { margin-bottom: 30px;}
/* link_bn */
#anchor .link_bn {  width: 920px; margin-left: auto; margin-right: auto;}



/*
	detail2211
================================*/
#detail2211 {}
#detail2211 .contentsBlock { padding-top: 0;}

/*
	limited
================================*/
#limited {}
#limited .contentsBlock { padding-top: 0;}

.marginleft { margin-left: 19px;}

/*
	osusume
================================*/
#osusume {}
#osusume .contentsBlock { padding-top: 0;}

/*
	popular
================================*/
#popular {}
#popular .contentsBlock { padding-top: 0;}



/*
	shiragacare
================================*/
#shiragacare {}
#shiragacare .contentsBlock { padding-top: 0;}


/*
	damagecare
================================*/
#damagecare {}
#damagecare .contentsBlock { padding-top: 0;}


/*
	haircare
================================*/
#haircare {}
#haircare .contentsBlock { padding-top: 0;}


/*
	volumecare
================================*/
#volumecare {}
#volumecare .contentsBlock { padding-top: 0;}


/*
	sastiaplus
================================*/
#sastiaplus {}
#sastiaplus .contentsBlock { padding-top: 0;}

/*
	tanakaseries
================================*/
#tanakaseries {}
#tanakaseries .contentsBlock { margin-bottom: 0; padding-top: 0;}

/*
	skincare
================================*/
#skincare {}
#skincare .contentsBlock { margin-bottom: 0; padding-top: 0;}






/*
	derail
================================*/
/*#fkbkr .anchor_fkbkr {}
#fkbkr .anchor_fkbkr ul { justify-content: center; margin-top: 20px;}
#fkbkr .anchor_fkbkr ul li { width: 294px; margin-left: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(n+4) { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul li:nth-child(3n+1) { margin-left: 0;}
#fkbkr .anchor_fkbkr ul li a { padding: 5px 20px 5px 6px;}
#fkbkr .anchor_fkbkr ul li a {}
#fkbkr .anchor_fkbkr ul li a:before { top: 18px;}
#fkbkr .anchor_fkbkr ul li a:after { top: 25px;}
#fkbkr .anchor_fkbkr ul li a span { display: block; padding: 8px 8px 8px 45px; background: url(/img/campaign/2201/fkbkr/anchor.png) no-repeat; background-size: contain; background-position: 10px center;}

#fkbkr .fkbkritemlink a { width: 100%; margin-top: 25px; margin-bottom: 0;}*/


#popbtn_01.popcartBox,
#popbtn_02.popcartBox,
#popbtn_03.popcartBox,
#popbtn_04.popcartBox,
#popbtn_05.popcartBox,
#popbtn_06.popcartBox,
#popbtn_07.popcartBox,
#popbtn_08.popcartBox,
#popbtn_detail01.popcartBox,
#popbtn_detail02.popcartBox,
#popbtn_detail03.popcartBox,
#popbtn_detail04.popcartBox,
#popbtn_detail05.popcartBox,
#popbtn_detail06.popcartBox { width:auto; padding: 0;}




/*SP用メディアクエリー*/
@media screen and (max-width: 480px) {

	/*present Area*/
.presentArea{padding:15px 0;background-color: inherit;}

	/*
		fkbkr
	================================*/
	#fkbkr .anchor_fkbkr { font-size: 20px;}
	#fkbkr .anchor_fkbkr ul { justify-content: space-between;}
	#fkbkr .anchor_fkbkr ul li { width: 48%; margin-top: 10px; font-size: 13px;}
	#fkbkr .anchor_fkbkr ul li a { padding: 10px 20px 10px 0px;}
	#fkbkr .anchor_fkbkr ul li a:before { top: 13px;}
	#fkbkr .anchor_fkbkr ul li a:after { top: 20px;}
	#fkbkr .anchor_fkbkr ul li a:before,
	#fkbkr .anchor_fkbkr ul li a:after { width: 7px !important; height: 7px !important; }
	
	
	
	
	
	
	
	
	
	
	#cccp .block_mainImg { margin-top: 30px;}
	#cccp .contentsBlock .notes { margin-top: 15px;}
	
	.pane-main .itemBlock .itemName.mark:before { width: 26px; height: 39px; left: 3%;}
	
	/* present */
	.presentArea .pre_subtit { background: #e6f2f0; padding: 10px 0;}
	
	
	/*
		bdcpLink
	================================*/
	#bdcpLink { margin-top: 30px;}
	#bdcpLink .bdcpLink {}
	#bdcpLink .bdcpLink li { margin-top: 15px;}
	#bdcpLink .bdcpLink li a { font-size: 20px; height: 90px; padding-left: 70px;}
	
	
	
	/*
		derail
	================================*/
	.detail_contents .contentsBlock { margin-top: 30px;}
	
	
	
	/*
		common
	================================*/
	
	/* item tab icon */
	.pane-main .js-tab-hcs-toku li a.itemicon,
	.pane-main .js-tab-hcs-toku li a.itemicon:hover,
	.pane-main .js-tab-hcs-toku li.on a.itemicon,
	.pane-main .js-tab-hcs li a.itemicon,
	.pane-main .js-tab-hcs li a.itemicon:hover,
	.pane-main .js-tab-hcs li.on a.itemicon,
	.pane-main .js-tab-rk-toku li a.itemicon,
	.pane-main .js-tab-rk-toku li a.itemicon:hover,
	.pane-main .js-tab-rk-toku li.on a.itemicon,
	.pane-main .js-tab-rk li a.itemicon,
	.pane-main .js-tab-rk li a.itemicon:hover,
	.pane-main .js-tab-rk li.on a.itemicon { background-position: 8px 4px !important;}
	
	
	/*
		mv
	================================*/
	/*.h1cpdate { font-size: 90%;}*/
	.h1cpdate .kikanSPfs { font-size: 90%;}
	
	
	
	
	/*
		anchor
	================================*/
	#anchor { margin: 30px 0;}
	/* pageAnchor */
	#anchor .pageAnchor li:nth-child(1) { width: 100%;}
	
	#anchor .pageAnchor { justify-content: space-between;}
	#anchor .pageAnchor li { width: 48%;}
	#anchor .pageAnchor li:nth-child(n+2) { margin-top: 10px;}
	#anchor .pageAnchor li a { padding: 10px 16px 10px 6px;}
	#anchor .pageAnchor li a:before { top: 13px;}
	#anchor .pageAnchor li a:after { top: 20px;}
	/* anchor_recommend */
	.anchor_recommend { margin-top: 30px; margin-bottom: 30px;}
	
	
	
	
	/*
		popular
	================================*/
	#popular {}
	
	
	/*
		recommend
	================================*/
	#recommend {}
	
	
	/*
		shiragacare
	================================*/
	#shiragacare {}
	
	
	/*
		damagecare
	================================*/
	#damagecare {}
	
	
	/*
		volumecare
	================================*/
	#volumecare {}
	
	
	/*
		skincare
	================================*/
	#skincare {}
	
	
	
	
	
	
	/*
		derail
	================================*/
	/*#fkbkr .anchor_fkbkr { font-size: 15px;}
	#fkbkr .anchor_fkbkr ul { justify-content: space-between;}
	#fkbkr .anchor_fkbkr ul li { width: 48%; margin-top: 10px; font-size: 13px;}
	#fkbkr .anchor_fkbkr ul li a { padding: 10px 20px 10px 0px;}
	#fkbkr .anchor_fkbkr ul li a:before { top: 13px;}
	#fkbkr .anchor_fkbkr ul li a:after { top: 20px;}
	#fkbkr .anchor_fkbkr ul li a:before,
	#fkbkr .anchor_fkbkr ul li a:after { width: 7px !important; height: 7px !important; }*/
	
	



}

