@charset "UTF-8";


/*
	fkbkr
================================*/
#fkbkr .anchor_fkbkr { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul { display: flex; flex-wrap: wrap; justify-content: center;}
#fkbkr .anchor_fkbkr ul li {}
#fkbkr .anchor_fkbkr ul li a { text-decoration: none; text-align: center; display: block; position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
#fkbkr .anchor_fkbkr ul li a:before,
#fkbkr .anchor_fkbkr ul li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt{ text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt .red { color: #e63e31;}








.preft { text-align: center; font-weight: bold; color: #1a884c; font-size: 130%;}

.pane-main .itemBlock .itemBoxBlock .itemBox2 .ruletxt {text-align: center; color: #1a884c; margin-bottom: 10px; font-weight: bold; line-height: 1.5;}
.pane-main .itemBlock .itemBoxBlock .itemBox2 .ruletxt .red { color: #e63e31;}


.pane-main .itemBlock .itemName.mark { position: relative;}
.pane-main .itemBlock .itemName.mark:before { content: ""; position: absolute; display: inline-block; top: 0; bottom: 0; margin: auto; background: url(/img/campaign/2102/detail/mark.png) no-repeat; background-size: auto; background-size: contain;}

.bnArea { text-align: center; margin-top: 40px;}
.choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
.choicetxt .red { color: #e63e31;}

.bn_notes { font-size: 68%; text-align: left;margin-top: 10px;}


/*
	bdcpLink
================================*/
#bdcpLink { margin-top: 30px;}
#bdcpLink .bdcpLink {}
#bdcpLink .bdcpLink li {}
#bdcpLink .bdcpLink li a { position: relative; color: #383838; line-height: 1.5; display: flex; align-items: center; justify-content: center; border: solid 2px #1a884c; border-radius: 5px; text-decoration: none; font-weight: bold;}
#bdcpLink .bdcpLink li a:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; border-right: 2px solid #1a884c; border-top: 2px solid #1a884c; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 20px; top: 50%; margin-top: -5px;}
#bdcpLink .bdcpLink li.sgc { background: url(/img/campaign/common/bd/bdcp_bn01.png) left center no-repeat; background-size: auto 100%;}
#bdcpLink .bdcpLink li.thc { background: url(/img/campaign/common/bd/bdcp_bn02.png) left center no-repeat; background-size: auto 100%;}
#bdcpLink .bdcpLink li.dmc { background: url(/img/campaign/common/bd/bdcp_bn03.png) left center no-repeat; background-size: auto 100%;}
#bdcpLink .bdcpLink li.skc { background: url(/img/campaign/common/bd/bdcp_bn04.png) left center no-repeat; background-size: auto 100%;}
#bdcpLink .bdcpLink li.its { background: url(/img/campaign/common/bd/bdcp_bn05.png) left center no-repeat; background-size: auto 100%;}


/*
	derail
================================*/
.detail_contents .contentsBlock {}

.detail_contents .contentsBlock .itemBlock .itemBox2 .itemBtn .choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
.detail_contents .contentsBlock .itemBlock .itemBox2 .itemBtn .choicetxt .red { color: #e63e31;}

.detail_contents .contentsBlock .p06_bn { margin-top: 30px;}


/*
	common
================================*/

.contentsBlock .itemlink {}
.contentsBlock .itemlink .block-btn-default { padding: 12px 25px 10px 52px;}
.contentsBlock .itemlink .block-btn-default:before { content: ""; display: block; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; width: 42px; height: 35px;}
.contentsBlock .itemlink_01 .block-btn-default:before { background: url(/img/campaign/common/itemlink/gc02.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_02 .block-btn-default:before { background: url(/img/campaign/common/itemlink/gc01.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_03 .block-btn-default:before { background: url(/img/campaign/common/itemlink/dc02.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_04 .block-btn-default:before { background: url(/img/campaign/common/itemlink/hc01.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_05 .block-btn-default:before { background: url(/img/campaign/common/itemlink/hc02.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_06 .block-btn-default:before { background: url(/img/campaign/common/itemlink/hc04.png) no-repeat; background-size: auto 100%;}
.contentsBlock .itemlink_07 .block-btn-default:before { background: url(/img/campaign/common/itemlink/vc02.png) no-repeat; background-size: auto 100%;}
/* itemlink_08 */
.contentsBlock .itemlink_08 { margin-top: 20px;}
.contentsBlock .itemlink_08 .block-btn-default { display: block;}
.contentsBlock .itemlink_08 .block-btn-default:before { background: url(/img/campaign/common/itemlink/sc09.png) no-repeat; background-size: auto 100%;}

/* item tab icon */
.pane-main .js-tab-hcs-toku li a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon01.png) no-repeat #fff !important; background-size: auto 80%;}
.pane-main .js-tab-hcs-toku li a.itemicon:hover { background: url(/img/campaign/1910/bd/itemTab_icon01.png) no-repeat #1da164 !important; background-size: auto 80%;}
.pane-main .js-tab-hcs-toku li.on a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon01.png) no-repeat #f05fa6 !important; background-size: auto 80%;}
.pane-main .js-tab-hcs li a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon02.png) no-repeat #fff !important; background-size: auto 80%;}
.pane-main .js-tab-hcs li a.itemicon:hover { background: url(/img/campaign/1910/bd/itemTab_icon02.png) no-repeat #1da164 !important; background-size: auto 80%;}
.pane-main .js-tab-hcs li.on a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon02.png) no-repeat #f05fa6 !important; background-size: auto 80%;}
.pane-main .js-tab-rk-toku li a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon03.png) no-repeat #fff !important; background-size: auto 80%;}
.pane-main .js-tab-rk-toku li a.itemicon:hover { background: url(/img/campaign/1910/bd/itemTab_icon03.png) no-repeat #1da164 !important; background-size: auto 80%;}
.pane-main .js-tab-rk-toku li.on a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon03.png) no-repeat #f05fa6 !important; background-size: auto 80%;}
.pane-main .js-tab-rk li a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon04.png) no-repeat #fff !important; background-size: auto 80%;}
.pane-main .js-tab-rk li a.itemicon:hover { background: url(/img/campaign/1910/bd/itemTab_icon04.png) no-repeat #1da164 !important; background-size: auto 80%;}
.pane-main .js-tab-rk li.on a.itemicon { background: url(/img/campaign/1910/bd/itemTab_icon04.png) no-repeat #f05fa6 !important; background-size: auto 80%;}


/*
	mv
================================*/
#mv {}
#mv .h1cpdate { color: #e63e31; background: #fff0db; border: solid 2px #e63e31; padding: 10px; margin: 20px 0; text-align: center; font-weight: bold; font-size: 18px;}



/*
	anchor
================================*/
/* pageAnchor */
#anchor .pageAnchor {}
#anchor .pageAnchor{ display: flex; flex-wrap: wrap;;}
#anchor .pageAnchor li {}
#anchor .pageAnchor li a { text-decoration: none; text-align: center; display: block; position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
#anchor .pageAnchor li a:before,
#anchor .pageAnchor li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
/* anchor_recommend */
.anchor_recommend { text-align: center;}
/* link_bn */
#anchor .link_bn { margin-top: 30px; text-align: center;}
#anchor .link_bn .notes { font-size: 65%; margin-top: 10px; text-align: left;}

/* pink ver 
#anchor .pageAnchor li:nth-child(1) a,
#anchor .pageAnchor li:nth-child(1) a:before,
#anchor .pageAnchor li:nth-child(1) a:after { border-color: #f05fa6;}*/

/*
	popular
================================*/
#popular {}


/*
	recommend
================================*/
#recommend {}


/*
	shiragacare
================================*/
#shiragacare {}


/*
	damagecare
================================*/
#damagecare {}


/*
	volumecare
================================*/
#volumecare {}


/*
	skincare
================================*/
#skincare {}







/*
	derail
================================*/
/*#fkbkr #fkbkrItem001,
#fkbkr #fkbkrItem002 { padding-top: 0;}
#fkbkr .anchor_fkbkr { margin-top: 10px;}
#fkbkr .anchor_fkbkr ul { display: flex; flex-wrap: wrap;}
#fkbkr .anchor_fkbkr ul li {}
#fkbkr .anchor_fkbkr ul li a { text-decoration: none; text-align: center; display: block; position: relative; border: solid 2px #1a884c; background: #fff; border-radius: 5px; color: #383838; font-weight: bold;}
#fkbkr .anchor_fkbkr ul li a:before,
#fkbkr .anchor_fkbkr ul li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #1a884c; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#fkbkr .itemBlock {}
#fkbkr .itemBlock .itemName { display: block; position: relative; border-top: solid 2px #d80001; 
background: rgb(247,215,131);
background: -moz-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: -webkit-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7d783",endColorstr="#f7d783",GradientType=1) !important;}

#fkbkr .itemBlock .itemBoxBlock { background: #fffae3;}
#fkbkr .itemBlock .itemBoxBlock .partition { border-bottom: solid 1px #f6e2b2;}
#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt{ text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#fkbkr .itemBlock .itemBoxBlock .itemBtn .txt .red { color: #e63e31;}

.fkbkrpopup .itemName { display: block; border-top: solid 2px #d80001 !important; color: #383838 !important; 
background: rgb(247,215,131);
background: -moz-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: -webkit-linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
background: linear-gradient(90deg, rgba(247,215,131,1) 0%, rgba(250,247,203,1) 50%, rgba(247,215,131,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7d783",endColorstr="#f7d783",GradientType=1) !important;}*/

/*#dlcp_hair .p06_bn { margin-top: 30px;}
#dlcp_hair .itemBlock .itemBox2 .itemBtn .choicetxt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#dlcp_hair .itemBlock .itemBox2 .itemBtn .choicetxt .red { color: #e63e31;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox { vertical-align: super; background: #e63e31; position: relative; padding: 0 10px 0 10px; height: 30px; display: inline-block; line-height: 30px;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox:after{ content:""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; position: absolute; bottom: 0; left: 100%; z-index: 1; border-left: 15px solid #e63e31;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .tax { color: #fff;}
#dlcp_hair  .itemBlock .itemBoxBlock .itemBox2 .itemPrice .price .redBox .yen { color: #fff;}*/

#bdLimited .itemBlock .itemBoxBlock .itemBtn .txt { text-align: center; font-weight: bold; color: #1a884c; margin-bottom: 10px;}
#bdLimited .itemBlock .itemBoxBlock .itemBtn .txt .red { color: #e63e31;}