@charset "shift_jis";
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/* wrap */
.cosmeticsSkincareWrap {
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
}
.cosmeticsSkincareWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.cosmeticsSkincareWrap a{
display: block;
}
.cosmeticsSkincareWrap .naviBlockA01 {
margin-top: 5.3334%;
}
.cosmeticsSkincareWrap .naviBlockA01 ul li{
float: left;
width: 50%;
}
.cosmeticsSkincareWrap .headingBlockA01{
margin: 13.3334% 0 4.267%;
}
.cosmeticsSkincareWrap .headingBlockA01#byBrand{
  margin-bottom: 4.267%;
}
.cosmeticsSkincareWrap .anchorLinkBlockA01 {
width: 92%;
margin: 0 auto 23.067%;
}
.cosmeticsSkincareWrap .anchorLinkBlockA01 ul li{
float: left;
width: 50%;
}
.cosmeticsSkincareWrap .anchorLinkBlockA01 ul li:nth-child(n+3){
margin-top: 20.87%;
}
.cosmeticsSkincareWrap #rto_sp_lp_rank h3 {
padding: 4% 0;
background: #faf4e4;
}
.carouselArea {
margin: 7.6% auto 17.3334% !important;
max-width: 310px !important;
}
.carouselArea .carouselInner {
width: 310px !important;
margin: 0 auto !important;
}
.carouselArea .slider_r .rto_L,
.carouselArea .slider_r .rto_R {
width: 45.5% !important;
}
.slider-arrow--right {
  background: url('../image/cosmetics_skincare_btn_next.png') no-repeat right center !important;
  right: -18px !important;
  top: 30px !important;
}
.slider-arrow--left {
  background: url('../image/cosmetics_skincare_btn_prev.png') no-repeat left center !important;
  left: -18px !important;
  top: 30px !important;
}
/*brandBlock****************************************************/
.cosmeticsSkincareWrap .brandBlock{
  margin-bottom: 60px;
}
.cosmeticsSkincareWrap .bnrBlockA01Inner{
width: 92%;
margin: 0 auto;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li{
width: 48.5%;
float: left;
margin-top: 3%;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li:nth-child(even){
float: right;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li:nth-child(-n+2){
margin-top: 0;
}

/* 221003up
----------------------------------------*/
/* couponBlock */
.cosmeticsSkincareWrap .couponBlock{
margin-top: 5.33%;
background: url(../image/cosmetics_skincare_sp_bg_001_221003.jpg) no-repeat top center;
background-size: 100%;
}
.cosmeticsSkincareWrap .couponBlockInner{
width: 84.53%;
margin: 0 auto;
padding: 7.73% 0;
}
.cosmeticsSkincareWrap .couponBlock .txtBlockA01{
margin: 0 0 12.62%;
}
.cosmeticsSkincareWrap .couponBlock .couponBtnA01{
margin-top: 3.79%;
}
.cosmeticsSkincareWrap .cautiontxtBlock01{
margin: 1.6% 0 0;
font-size: 12px;
font-weight: 600;
color: #000000;
text-align: left;
text-indent: -1em;
margin-left: 1.5em;
}
.cosmeticsSkincareWrap .couponLinkA01 a{
display: inline;
color: #0b318f;
text-decoration: underline;
}

/* recommendBlock */
.cosmeticsSkincareWrap .recommendBlock {
margin: 10.6666% 0;
padding-bottom: 5.3333%;
background-color: #f9e9ec;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList {
width: 94.666%;
margin: 0 auto;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList li{
background-color: #fff;
padding-bottom: 5.6338%;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList li + li{
margin-top: 5.6338%;
}
.cosmeticsSkincareWrap .recommendBlock .columnBlockB02 {
width: 88.7323%;
margin: 0 auto;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.cosmeticsSkincareWrap .recommendBlock .name01 {
margin-top: 1.5873%;
font-size: 18px;
font-weight: bold;
color: #9b3349;
line-height: 1.2;
}
.cosmeticsSkincareWrap .recommendBlock .itemA01 .name01 {
letter-spacing: -0.05em;
}
.cosmeticsSkincareWrap .recommendBlock .price01 {
text-align: right;
margin-top: 4.7619%;
font-size: 22px;
font-weight: bold;
color: #9b3349;
letter-spacing: 1px;
}
.cosmeticsSkincareWrap .recommendBlock .price01 span {
font-size: 12px;
}
.cosmeticsSkincareWrap .recommendBlock .iconA01 {
margin-top: 4.2857%;
width: 36.0317%;
}
.cosmeticsSkincareWrap .recommendBlock .txt01 {
margin-top: 2.8571%;
margin-bottom: 0;
font-size: 13px;
line-height: 1.5;
}
.cosmeticsSkincareWrap .recommendBlock .btnA01 {
margin-top: 7.1428%;
}

/* 221201up
----------------------------------------*/
.cosmeticsSkincareWrap .navBlockA01 {
margin: 6% auto;
}
.cosmeticsSkincareWrap .bnrBlockA02 {
margin: 10% auto 0;
}
.cosmeticsSkincareWrap .navBlockA01 .col2{
display: flex;
}