@charset "shift_jis";
body.min {
min-width: 1120px;
}
#main {
width: 820px;
}
.cosmeticsSkincareWrap {
width: 100%;
max-width: 820px;
margin: 0 auto;
}
.cosmeticsSkincareWrap img {
vertical-align: top;
}
/*mvBlockA01****************************************************/
.cosmeticsSkincareWrap .mvBlockA01 img {
width: 100%;
height: auto;
}
/*naviBlock******************************************************/
.cosmeticsSkincareWrap .naviBlockA01 {
margin-top: 21px;
}
.cosmeticsSkincareWrap .naviBlockA01 ul li{
float:left;
}
/*anchorLinkBlockA01******************************************************/
.cosmeticsSkincareWrap .anchorLinkBlockA01{
margin: 0 auto 96px;
}
.cosmeticsSkincareWrap .anchorLinkBlockA01 ul li{
float: left;
}
.cosmeticsSkincareWrap .headingBlockA01{
margin: 74px auto 0px;
}
.cosmeticsSkincareWrap .headingBlockA01#byBrand{
margin: 81px auto 0px;
}
/*sellingRankingArea******************************************************/
.cosmeticsSkincareWrap .sellingRankingArea {
padding: 34px 5px 0;
margin-bottom: 81px;
background: #faf4e4;
}
.cosmeticsSkincareWrap .sellingRankingArea .rto_view {
background: none;
}
.cosmeticsSkincareWrap .sellingRankingArea .rto_view > div.slideList {
margin: 33px 0 0;
padding: 0 0 20px 0;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel.owl-loaded {
display: block;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel div {
overflow: hidden;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-wrapper,
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cosmeticsSkincareWrap .rto_view > div.slideList li {
float: left;
width: 100%;
}
.cosmeticsSkincareWrap .sellingRankingArea .rto_view > div.slideList li > a {
margin: 0 5px;
position: relative;
display: block;
box-sizing: border-box;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 1em 0 0.5em 0;
color: #333;
text-decoration: none;
background: #fff;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item li > a:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 37px 37px 0 0;
z-index: 0;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(1) li > a:before {
border-color: #ad982c transparent transparent transparent;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(2) li > a:before {
border-color: #a3a9ad transparent transparent transparent;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(3) li > a:before {
border-color: #c7864e transparent transparent transparent;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(4) li > a:before {
border-color: #062d86 transparent transparent transparent;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:after {
position: absolute;
top: 3px;
left: 13px;
color: #fff;
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(3)::after {
content: "１";
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(3)::after {
content: "２";
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(3)::after {
content: "３";
}
.cosmeticsSkincareWrap .rto_view > div#rankingBlock.slideList > ul.owl-carousel.owl-drag .owl-item:nth-child(4)::after {
content: "４";
}
.cosmeticsSkincareWrap .rto_view > div.slideList .rt_item_ph {
width: 154px;
margin: 0 auto;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-nav.disabled,
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-dots.disabled,
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-nav .owl-prev.disabled,
.cosmeticsSkincareWrap .rto_view > div.slideList > ul.owl-carousel .owl-nav .owl-next.disabled {
display: none;
}
/*brandBlock************************************************/
.cosmeticsSkincareWrap .brandBlock{
  /* margin-bottom: 138px; */
}
.cosmeticsSkincareWrap .bnrBlockA01{
width: 820px;
}
.cosmeticsSkincareWrap .bnrBlockA01Inner{
width: 716px;
margin: 0 auto;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li{
float: left;
width: 170px;
margin: 10px 12px 0 0;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li:nth-child(-n+4){
margin-top: 0;
}
.cosmeticsSkincareWrap .bnrBlockA01 ul li:nth-child(4n){
margin-right: 0;
}
/*211217up
************************************************/
.contents_bg {
max-width: 1120px;
margin: 0 auto;
}

/*221003up
************************************************/
/* couponBlock */
.cosmeticsSkincareWrap .couponBlock{
margin-top: 20px;
background: url(../image/cosmetics_skincare_bg_001_221003.jpg) no-repeat top center;
background-size: 100%;
}
.cosmeticsSkincareWrap .couponBlockInner{
width: 760px;
margin: 0 auto;
padding: 30px 0 21px;
}
.cosmeticsSkincareWrap .couponBlock .columnBlockA01{
float: left;
width: 389px;
}
.cosmeticsSkincareWrap .couponBlock .columnBlockA02{
float: right;
width: 329px;
}
.cosmeticsSkincareWrap .couponBlock .couponBtnA01{
margin: 14px 0 0;
}
.cosmeticsSkincareWrap .couponBlock .couponBtnA02{
margin: 12px 0 0;
}
.cosmeticsSkincareWrap .cautiontxtBlock01{
text-indent: 8px;
font-size: 14px;
font-weight: bold;
color: #3e3e3e;
margin: 6px 0 0;
}
.cosmeticsSkincareWrap .couponLinkA01 a{
display: inline;
color: #0b318f;
text-decoration: underline;
}

/* recommendBlock */
.cosmeticsSkincareWrap .recommendBlock {
margin: 40px 0 80px;
padding-bottom: 20px;
background-color: #f9e9ec;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList {
width: 780px;
margin: 0 auto;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList li{
background-color: #fff;
padding-bottom: 20px;
}
.cosmeticsSkincareWrap .recommendBlock .recommendList li + li{
margin-top: 20px;
}
.cosmeticsSkincareWrap .recommendBlock .columnBlockB01 {
float: left;
width: 340px;
}
.cosmeticsSkincareWrap .recommendBlock .columnBlockB02 {
float: right;
width: 405px;
margin: 0 25px 0 0;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.cosmeticsSkincareWrap .recommendBlock .name01 {
margin-top: 17px;
font-size: 22px;
font-weight: bold;
color: #9b3349;
}
.cosmeticsSkincareWrap .recommendBlock .price01 {
text-align: right;
margin-top: 19px;
font-size: 26px;
font-weight: bold;
color: #9b3349;
letter-spacing: 1px;
}
.cosmeticsSkincareWrap .recommendBlock .price01 span {
font-size: 18px;
}
.cosmeticsSkincareWrap .recommendBlock .icon01 {
margin-top: 19px;
}
.cosmeticsSkincareWrap .recommendBlock .txt01 {
margin-top: 18px;
font-size: 16px;
line-height: 1.5;
}
.cosmeticsSkincareWrap .recommendBlock .btnA01 {
margin-top: 23px;
}

/*221201up
************************************************/
.cosmeticsSkincareWrap .bnrBlockA02 {
width: 750px;
margin: 50px auto;
text-align: center;
}
/* PCバナーエリア共通設定 ここから */
.bnrBlockA03 {
  margin: 30px auto;
}
.bnrBlockA03 .bnrTtl01 {
  text-align: center;
}
.bnrBlockA03 .bnrList {
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
}
.bnrBlockA03 .bnrList img {
  width: 100%;
}
.justify-content-center {
  justify-content: center;
}
/* PCバナーエリア共通設定 ここまで */

.bnrBlockA03 .bnrList {
width: 100%;
max-width: 600px;
}
.bnrBlockA03 .bnrList .bnrItem {
width: calc((100% / 3) - (20px * 2) / 3);
}
.bnrBlockA03 .bnrList .bnrItem:not(:nth-child(3n+1)) {
margin-left: 20px;
}
.bnrBlockA03 .bnrList .bnrItem:nth-child(n+4) {
margin-top: 20px;
}