@charset "UTF-8";

.pane-main h1 { margin-bottom: 10px;}

.MVnotes { font-size: 68%; margin-bottom: 20px;}
.MVnotes .red { color: #e63e31;}
/*
	first common
================================*/

.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;}

/*
	secMain
================================*/
/* pageAnchor */
#secMain .pageAnchor {}
#secMain .pageAnchor  { display: flex; flex-wrap: wrap;;}
#secMain .pageAnchor  li {}
#secMain .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;}
#secMain .pageAnchor  li a:before,
#secMain .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);}


/*
	shiragacare
================================*/
#shiragacare {}
/* block01 */
#shiragacare .block01 {}
#shiragacare .block01 .shiragacare_mv { padding-top: 40px;}
#shiragacare .block01 .shiragacareItemBlock { padding-top: 0; margin-top: 0;}
/*
#shiragacare .block01 .cartIn { margin: 0 auto;}
#shiragacare .block01 .cartIn a { font-size: 125%; background: #e78800; position: relative; padding: 15px 0; text-decoration: none; color: #fff; text-align: center; display: block; border-radius: 5px;}
#shiragacare .block01 .cartIn a:before { content: ""; width: 18px; height: 18px; display: block; position: absolute; top: 50%; margin-top: -9px; right: 13px; background: #fff; border-radius: 50%;}
#shiragacare .block01 .cartIn a:after { content: ""; position: absolute; right: 19px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #e78800; top: 50%; margin-top: -3px;}
*/
/* block02 */
#shiragacare .block02 { margin-top: 25px;}


/*
	damagecare
================================*/
#damagecare {}
#damagecare .subTit { text-align: center; font-weight: bold; font-size: 138%; position: relative; padding: 10px;}
#damagecare .subTit:before { position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; content: ""; width: 44px; height: 44px;}
/* block01 */
#damagecare .block01 {}
#damagecare .block01 .subTit { border-top: solid 2px #ec7542; color: #ec7542; background: #fdf1ec;}
#damagecare .block01 .subTit:before { background: url(/img/campaign/2310/first/damagecare_icon01.png) no-repeat; background-size: contain;}
/* block02 */
#damagecare .block02 {}
#damagecare .block02 .subTit { border-top: solid 2px #ec7542; color: #ec7542; background: #fdf1ec;}
#damagecare .block02 .subTit:before { background: url(/img/campaign/2310/first/damagecare_icon02.png) no-repeat; background-size: contain;}
/* block03 */
#damagecare .block03 {}
#damagecare .block03 .subTit { border-top: solid 2px #f2ae1b; color: #f2ae1b; background: #fef7e8;}
#damagecare .block03 .subTit:before { background: url(/img/campaign/2310/first/damagecare_icon03.png) no-repeat; background-size: contain;}



/*
	hairgrowth
================================*/
#hairgrowth {}



/*
	volumecae
================================*/
#volumecae {}


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



#pageLink_cf .contentsBlock { border-top: solid 1px #d0d0d0;}




/*
	first common
================================*/
.pane-main h2 { margin-bottom: 0;}
.pane-main .contentsBlock { border-top: 0; margin-bottom: 60px;}



/*
	secMain
================================*/
/* pageAnchor */
#secMain .pageAnchor { width: 930px; margin: 0 auto;}
#secMain .pageAnchor li { width: 294px;}
#secMain .pageAnchor li:nth-child(-n+5) { margin-bottom: 20px;}
#secMain .pageAnchor li { margin-right: 20px;}
#secMain .pageAnchor li:nth-child(3n) { margin-right: 0px;}
#secMain .pageAnchor li a { padding: 5px 20px 5px 6px;}
#secMain .pageAnchor li a {}
#secMain .pageAnchor li a:before { top: 18px;}
#secMain .pageAnchor li a:after { top: 25px;}
#secMain .pageAnchor li a span { display: block; background-position: 10px center; padding: 10px 8px 10px 45px;}
#secMain .pageAnchor li.pa_newitem a span { background: url(/img/campaign/2212/first/anchor_icon_newitem.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_osusume a span { background: url(/img/campaign/2310/first/anchor_icon_recommend.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgc a span { background: url(/img/campaign/2310/first/anchor_icon01.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_hg a span { background: url(/img/campaign/2404/first/anchor_icon03.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_skc a span { background: url(/img/campaign/1910/first/anchor_icon05.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_cf a span { background: url(/img/campaign/2102/first/anchor_cf.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_tansan a span { background: url(/img/campaign/2506/first/anchor_tansan.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgcb a span { background: url(/img/campaign/2506/first/anchor_sgcb.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_sgco a span { background: url(/img/campaign/2506/first/anchor_sgco.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_dc a span { background: url(/img/campaign/2506/first/anchor_dc.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_vc a span { background: url(/img/campaign/2506/first/anchor_vc.png) no-repeat; background-size: contain;}
#secMain .pageAnchor li.pa_newitem a span { background: url(/img/campaign/2508/first/icon_rec.png) no-repeat; background-size: contain;}



#secMain .pageAnchor li.line02 a { line-height: 1; font-size: 14px;}

/*
	shiragacare
================================*/
#shiragacare {}
/* block01 */
#shiragacare .block01 {}
/*
#shiragacare .block01 .cartIn { max-width: 400px; margin-top: 30px;}
*/
/* block02 */
#shiragacare .block02 {}


/*
	damagecare
================================*/
#damagecare {}
#damagecare .subTit { margin-top: 30px;}
/* block01 */
#damagecare .block01 {}
/* block02 */
#damagecare .block02 {}
/* block03 */
#damagecare .block03 {}



/*
	hairgrowth
================================*/
#hairgrowth {}



/*
	volumecae
================================*/
#volumecae {}


/*
	skincare
================================*/
#skincare {}
#skincare .contentsBlock { margin-bottom: 0;}



@media screen and (max-width: 480px) {
#secMain .pageAnchor{width: 90%;}

#secMain .pageAnchor li.pa_newitem a span { background: none;}
#secMain .pageAnchor li.pa_osusume a span { background: none;}
#secMain .pageAnchor li.pa_sgc a span { background: none;}
#secMain .pageAnchor li.pa_dc a span { background: none;}
#secMain .pageAnchor li.pa_hg a span {background: none;}
#secMain .pageAnchor li.pa_vc a span {background: none;}
#secMain .pageAnchor li.pa_skc a span { background: none;}
#secMain .pageAnchor li.pa_cf a span { background: none;}
#secMain .pageAnchor li.pa_tansan a span { background: none;}
#secMain .pageAnchor li.pa_sgcb a span { background: none;}
#secMain .pageAnchor li.pa_sgco a span { background: none;}

#secMain .pageAnchor li a span {padding: 10px 16px 10px 6px;}

#secMain .pageAnchor li { margin-right: 0;}

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




/*
	secMain
================================*/
/* pageAnchor */
#secMain .pageAnchor { justify-content: space-between;}
#secMain .pageAnchor li { width: 48%;}
#secMain .pageAnchor li:nth-child(n+3) { margin-top: 10px;}
#secMain .pageAnchor li a { padding: 0;}
#secMain .pageAnchor li a:before { top: 27px;}
#secMain .pageAnchor li a:after { top: 34px;}


/*
	shiragacare
================================*/
#shiragacare {}
/* block01 */
#shiragacare .block01 {}
/* block02 */
#shiragacare .block02 {}


/*
	damagecare
================================*/
#damagecare {}
#damagecare .subTit { margin-top: 20px;}
/* block01 */
#damagecare .block01 {}
/* block02 */
#damagecare .block02 {}
/* block03 */
#damagecare .block03 {}



/*
	hairgrowth
================================*/
#hairgrowth {}



/*
	volumecae
================================*/
#volumecae {}


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

.mainimg{
	margin-top: 30px;
}

}