@charset "Shift_JIS";
/*　以下修正可能　*/
#container{overflow:hidden;}
#container,
#container section{
width:100%;
}
#container .contents{
max-width:1050px;
margin:0 auto;
}
#container img{
width:100%;
height:auto;
}
a{display:inline-block;}
.only_pc{display:none;}
.only_sp{display:inline-block;}
@media all and (min-width:641px){
.only_pc{display:inline-block;}
.only_sp{display:none;}
}
/**
-- header --
**/
#container .header{
width:90.47%;
max-width:950px;
margin:0 auto;
}
#container .header a{
display:inline-block;
vertical-align:top;
}
#container .header a:first-of-type{
max-width:132px;
margin:33px 26px 33px 0;
}
#container .header a:last-of-type{
width:218px;
margin:35px 0;
}
@media all and (max-width:641px){
	#container .header a:last-of-type{
	display:none;
	}
	#container .header a:first-of-type{
	margin:5% 3% 5% 0;
	}
}
/**
-- new_appearance --
**/
.new_appearance{
position:relative;
max-width:1050px;
margin:0 auto;
border-bottom:3px solid #e62f82;
}
.new_appearance a{
position:absolute;
left:3.95%;
bottom:1.9%;
width:27.5%;
}
/**
-- mainvisual --
**/
#mainvisual h1{
margin:0;
}
/*
#mainvisual .contents{
margin-bottom:1.52%!important;
}
#mainvisual .contents.login{
margin-bottom:1.23%!important;
}
*/

/**
-- present --
**/
#present{
padding-top:32px;
}
#present .contents{
/*
background-image: url("/shopping/camp/cosme_bbc/202009/img/present_bg.jpg");
background-repeat:repeat;
background-position:0 0;
background-size:auto;
*/
}
#present h2{
position:relative;
top:-32px;
z-index:10;
margin:0;
}
#present .details{
margin-top:-32px;
}
#present div.credit{
width:auto;
margin:0;
}
#present div.credit{
position:relative;
}
#present div.credit a{
width:60.95%;
position:absolute;
bottom:11%;
left:19.525%;
}
@media all and (max-width:1050px){
	#present{
	background-size:114.28% auto;
	}
}
@media all and (min-width:1050px){
	#present .details.tokutenBox{
	margin-top:-58px;
	}
}
/**
-- mainProduct --
**/
#container #mainProduct .contents{
margin-bottom:3.5%;
}
#mainProduct h2{
width:90.47%;
margin:0 auto;
}
#mainProduct div{
width:auto;
margin:0 auto;
}
#mainProduct div.price01,
#mainProduct div.price02{
overflow:hidden;
width:90.47%;
margin:5.5% auto 0;
padding-bottom:30px;
background-color:#f6f3e6;
}
#mainProduct div.price01 div,
#mainProduct div.price02 div{
text-align:center;
}
#mainProduct div.price01 div a,
#mainProduct div.price02 div a{
display:inline-block;
width:69.3%;
}
/**
-- featured --
**/
#mainProduct div.featured-area{
margin-bottom:0;
width:100%;
}
#mainProduct .featured-area h2{
width:100%;
}
.featured-nav{
overflow:hidden;
width:94.57%;
max-width:993px;
margin:4% auto 0;
padding:0 0 0 2%;
}
.featured-nav li{
letter-spacing:normal;
display:inline-block;
width:47.9%;
max-width:475px;
margin:0 0.5% 1.21%;
padding:0;
vertical-align:top;
}
.featured-nav li a{
position:relative;
}
.featured-nav li a span{
position:absolute;
width:37%;
right:-2.7%;
top:-4.5%;
}
.featured-nav li a:hover span{
opacity:0.75;
}
.featured-nav a{
display:block;
}
.featured-nav img{
vertical-align:top;
}
.featured_head{
position:relative;
}
.note_absolute{
position:absolute;
left:0;
bottom:7.4%;
}
.note_no_absolute{
padding-top:3%;
}
#mainProduct div.featured-block{
width:100%;
}
#mainProduct div.featured-block .prelusion01{
width:100%;
}
.featured-block ul{
list-style-type:none;
margin:0 auto;
padding:0;
width:100%;
}
.featured-block li{
margin:0;
padding:0;
width:100%;
position:relative;
}
.price-block{
position:relative;
text-align:center;
margin:0;
}
.price-block dt{
width:100%;
}
.price-block dd{
width:40.1%;
position:absolute;
bottom:9.5%;
right:8.25%;
}
.price-block.btnsingle dd{
bottom:0;
}
@media all and (min-width:1050px){
	.price-block dd{
	bottom:48px;
	}
	.price-block.btnsingle dd{
	bottom:0;
	}
}
.price-block dd.btn_subscription{
top:1px;
bottom:initial;
}
.featured-block li.item_other dd.btn_purchase{
bottom:19%;
}
.featured-block li.all_ada dd.btn_purchase{
bottom:42%;
}
.price-block dd a{
width:100%;
max-width:426px;
margin:0 auto;
}
.price-block dd:after{
content:'';
display:block;
clear:both;
}
#featured01 li dl.first_dl{
margin-top:-4%;
}
.item_summary .summary_inn,
.item_set_last{
position:relative;
}
.set-item{
position:relative;
width:100%;
}
.set-btn{
position:absolute;
text-align:center;
z-index:99;
width:100%;
}
#featured01 .set-btn,
#featured02 .set-btn,
#featured04 .set-btn{
bottom:6%;
left:0;
}
#featured03 .set-btn{
bottom: 0;
}
.set-btn a{
width:67.6%;
max-width:710px;
margin:0;
}
#featured03 h3{
position:relative;
z-index:99;
}
#container h3,
#container h4,
#container h5,
#container dl,
#container p{
margin:0;
}
#featured03 .set-item ul li p{
position:absolute;
bottom:0.5%;
width:100%;
text-align:center;
}
#featured03 .set-item ul li p{
bottom:10%;
}
#featured03 .set-item-last ul li p{
bottom:5.5%;
}
#featured03 .set-item ul li a{
display:inline-block;
max-width:718px;
width:68.29%;
}
#container img{
vertical-align:middle;
}
#usuallyProduct{
padding:0;
margin-bottom:9%;
}
#usuallyProduct ul li{
position:relative;
}
#usuallyProduct ul li .p_limited{
display: block;
position: absolute;
top: -0.85%;
left: 6.2%;
max-width: 150px;
width: 14.3%;
}
.featured-block li #usuallyProduct ul li .price-block dd{
bottom:0;
}
.price-block dd.btn_ohban{
top: 7%;
right: 7.8%;
bottom: inherit;
}
#featured04.featured-block{
margin-bottom:10%;
}



#featured01{
padding-bottom:11%;
background:#faeff5;
}
#featured01 dl.price-block dt,
#featured02 dl.price-block dt{
position:relative;
}
#featured01 dl.price-block dt span,
#featured02 dl.price-block dt span{
position: absolute;
top: 0;
left:0;
}
#featured01 dl.price-block dt span.top01{
top:-31.5%;
}
#featured01 dl.price-block dt span.top02{
top:-39%;
}
#featured01 dl.price-block dt span.top03{
top:-22.5%;
}
.itemOther{
overflow:hidden;
padding-top:4.75%;
}
.itemOther li{
float:left;
width:50%;
}
.itemOther li .price-block dd{
width: 80.2%;
right: 10.1%;
bottom:0;
}
@media all and (min-width:1050px){
	.itemOther li .price-block dd{
	width: 421px;
	}
}
#featured02{
background:#f8f0ef;
}
#featured02 dl.price-block dt span.top01{
top:-60.35%;
}
#featured02 dl.price-block dt span.top02{
top:-39%;
}
#featured02 dl.price-block dt span.top03{
top:-52.75%;
}
#featured02 dl.price-block dd.btn01{
bottom:24.5%;
}
#featured02 .mb125{
padding-bottom:12.5%;
}
.summary_cart .price-block dd{
width:27.1%;
bottom:0;
right:7.75%;
}
.halfArea .price-block dd{
bottom:0;
}
@media all and (min-width:1050px){
	.halfArea .price-block dd{
	bottom:0;
	}
}



#btn--page-top{
z-index:99;
}