﻿@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 {}

