@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_dc a span { background: url(/img/campaign/2310/first/anchor_icon02.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_vc a span { background: url(/img/campaign/1910/first/anchor_icon04.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.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;}

/*krs2508 ３列表記用*/

.krs2508 .item_list{
	margin:30px 0;
}

.krs2508 .item_list .item_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.krs2508 .item_list .item_box .item_box_one,
.krs2508 .item_list .item_box .item_box_two,
.krs2508 .item_list .item_box .item_box_three
{
	width:33.3%;
	padding: 1.5%;
	font-size: 14px;

}
.krs2508 .item_list .item_box .item_box_one,
.krs2508 .item_list .item_box .item_box_two
{
	border-right: 1px solid #ccc;
}

.krs2508 .item_list .item_box .item_count{
	background-color: #006934;
	color: #fff;
	font-weight: bold;
	border-radius: 14px;
}

.krs2508 .item_info{
	background-color:  #f0f6f5;
	padding: 13px;
	text-align: right;
}

.krs2508 .item_info .price .kakaku{
	font-size: 275%;
}

.krs2508 .item_info .price .yen{
	font-size: 138%;
}

.krs2508 .item_info .price .tax{
	font-size: 88%;
}
.krs2508 .item_info .min{
	font-size: 75%;
    display: inline-block;
}

.krs2508 .item_info .value{
	background-color: #f05fa6;
    display: inline;
    color: #fff;
    padding: 3px;
	margin-top: 5px;
}

.krs2508 .item_info .naiyou{
text-align: left;
}

.krs2508 .color_cartin{
	display: flex;
	justify-content: space-between;
	margin: 20px;
}

.krs2508 .color_cartin .color_list,.krs2508 .color_cartin .cart_list{
   
}

.krs2508 .color_cartin .cart_list ul hr{
	width:100%;
}

.krs2508 .color_cartin .color_list li{
	margin: 10px;
}
    

.krs2508 .pop_btn_area .pop_btn_color,.pop_btn_area .pop_btn_detail{
    margin:10px;
}

.krs2508 .pop_btn_area .pop_btn_color a, .pop_btn_area .pop_btn_detail a{
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #1a884c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    border: solid 2px #1a884c;
    position: relative;
    font-size: 16px;
    padding: 8px 0;
}

.krs2508 .cartIn{
    margin:10px 0;
    background-image: url(/img/campaign/2508/krs2508/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}


.krs2508 .cartIn a{
    text-align: left;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: left;
    padding: 10px;
    color: #1a884c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    border: solid 2px #1a884c;
    position: relative;
    font-size: 12px;
    padding: 8px 0 8px 5px;
}

.krs2508 .value_point{
	width:760px;
	margin: auto;
}

.krs2508 .value_point_box{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:10px 0;
}

.krs2508 .value_point_box .banner{
    width:50%;
}

.krs2508 .value_point_box .banner img{
    padding: 5px;
}

.krs2508 .value_point_box .banner p{
    font-size: 12px;
}

.form_size{width:52%;float: right;}

.caution{font-size: 12px; text-align: left;}

.item_info .priceIcon .wh{
	background: #fff;
    color: #e63e31;
    border: solid 1px #e63e31;
	display: inline-block;
    font-size: 15px;
    padding: 0 4px;
    margin: 0 0 5px 2px;
}

.limited{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin-top: 30px;
}

.anchor ul li{
	background-color: #006934;
    font-weight: bold;
    border-radius: 20px;
	margin: 15px 0;
	padding:5px;
	position: relative;
}

.anchor ul li::after{
	content: url(/img/campaign/2508/krt2508/min_arrow.png);
	position: absolute;
	right: 20px;
	top:5px;
}


.anchor ul li a{
    color: #fff;
}

.krs2508 .value_point{
	width:760px;
	margin: auto;
}

.krs2508 .pane-contents .container{
	margin-top: 100px;
}

/*SP メディアクエリ*/

@media screen and (max-width: 480px) {


/*
	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: 10px 16px 10px 6px;}
#secMain .pageAnchor li a:before { top: 13px;}
#secMain .pageAnchor li a:after { top: 20px;}


/*
	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 {}

.krs2508 .item_list .item_box .item_box_one,
.krs2508 .item_list .item_box .item_box_two,
.krs2508 .item_list .item_box .item_box_three
{
	width:100%;

}

.krs2508 .item_list .item_box .item_box_one,
.krs2508 .item_list .item_box .item_box_two
{
	border-right:none;
}
.krs2508 .value_point_box .banner{
    width:100%;
}

.krs2508 .item_list .item_box .item_count{
	background-color: #f0f6f5;
    color: #333;
    font-weight: bold;
}

.krs2508 .value_point{
	width:760px;
	margin: auto;
}

.krs2508 .value_point{
	width:100%;
	margin: auto;
}

.krs2508 .pane-contents .container{
	margin-top: 50px;
}
}