@charset "utf-8";

#cosme.sus00.contentswrap{width:100%; overflow: hidden; margin-bottom: 30px;}
	#cosme.sus00 h1{padding:20px 0 5px; margin:0;}
		#cosme.sus00 a:hover{text-decoration: none; opacity: 0.7;}
		#cosme.sus00 .main{overflow: hidden; margin: 0 auto 50px; text-align: center;}
		#cosme.sus00 .main p{font-size: 18px;}
		#cosme.sus00 nav{overflow: hidden; /*margin: 0 auto 30px;*/ font-size: 0;}
		#cosme.sus00 nav li{display: inline-block; vertical-align: top; border: 1px solid #cccccc; width:32.5%; margin:0 1.2% 1.2% 0; padding:12px 0; box-sizing: border-box; background: none;}
		#cosme.sus00 nav li:nth-of-type(3n){margin-right: 0;}
		#cosme.sus00 nav li p{font-size: 14px; margin: 10px auto 0}
		#cosme.sus00 nav li a{display: block; width:100%;font-size: 14px;}
		
		#cosme.sus00 .postage{background-color: #ffffe0; padding: 30px 80px 20px; box-sizing: border-box; overflow: hidden;}
		#cosme.sus00 .main .postage p{font-size: 16px; text-align: left; margin: 0 auto 10px;}
		#cosme.sus00 .main .postage p.ltxt{font-size: 18px;}
		#cosme.sus00 .main .postage p.stxt{font-size: 14px; color: #00a1ca;}
#cosme.sus00 .coupon{background-color: #ffffb4; padding: 20px;}
#cosme.sus00 .coupon p{font-size: 16px; text-align: center;}
#cosme.sus00 .coupon .ltxt{font-size: 28px;}
#cosme.sus00 .itemblock#cosme.sus00{overflow: hidden; margin: 70px auto 0px;}
#cosme.sus00 .itemblock p{font-size: 14px;}
#cosme.sus00 .cosme_content{
	position: relative;
    background-image: url("../../../img/usr/genre/sus00/240513_sus00_bg.jpg");
    background-repeat: no-repeat;
    padding-bottom: 20px;
}
#cosme.sus00 .cosme_content .productBlock{
margin:0 25px;
}
#cosme.sus00 .cosme_content .productBlock{
	    background: #fff;
    padding: 20px 50px;
    margin-bottom:30px;
}
#cosme.sus00 .cosme_content .productBlock .onecolumn{
	margin-bottom:0px;
}
#cosme.sus00 .cosme_content .productBlock .textBox{
	width:44%;
}
#cosme .productBlock.__2 .onecolumn .textBox{
	float: left;
}
#cosme .productBlock.__2 .onecolumn .imgBox{
	float: right;
}
#cosme.sus00 .cosme_content .productBlock .textBox p{
	margin-bottom:20px;
}
#cosme.sus00 .cosme_content .productBlock .textBox p.price{
	margin-bottom:40px;
}
#cosme.sus00 .cosme_content .productBlock .textBox p.logo{
	margin-bottom:0;
}
#cosme.sus00 .cosme_content_ttl{
	text-align:center;
	font-size:20px;
	position:relative;
	padding-top: 50px;
}

#cosme.sus00 .cosme_content_ttl:before{
	content: "";
	position:absolute;
	background-image: url("../../../../img/usr/genre/sus00/240513_leaf_after.png");
   background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	left: 37%;
    top: 60%;
    z-index: 1;
    width: 45px;
    height: 45px;
}
#cosme.sus00 .cosme_content_ttl:after{
	content: "";
	position:absolute;
	background-image: url("../../../../img/usr/genre/sus00/240513_leaf_before.png");
   background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	right: 37%;
    top: 52%;
    z-index: 1;
    width: 45px;
    height: 45px;
}

#cosme.sus00 .productBlock .textBox p.textlink,
#cosme.sus00 .itemblock p.textlink{
    background-color: #61c5d8;
    width: 100%;
    max-width: 300px;
    padding-right: 0;
    margin:0 auto;
}
#cosme.sus00 .productBlock .textBox p.textlink:before,
#cosme.sus00 .itemblock p.textlink:before{
	display:none;
}
#cosme.sus00 .productBlock .textBox p.textlink a,
#cosme.sus00 .itemblock p.textlink a{
	    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    display: block;
    width: 100%;
}
      #cosme .four_column_bland{overflow: hidden; font-size: 0; margin: 0;margin-bottom:20px;}
      #cosme .four_column_bland li{display: inline-block; vertical-align: top; width:24%; margin:0 1.2% 2% 0; padding:0;}
      #cosme .four_column_bland li:nth-of-type(4n){margin-right: 0;}


 #cosme img.bg2{
 	margin-bottom:50px;
 	display:block;
 }