@charset 'utf-8';
/* CSS Document */
/*角丸ボタン*/
#buttonarea{
	margin-top:1%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1%;
 }
 
 #usebutton a{
	 color: #FFF !important;
	 }
 
 #usebutton a:hover{
	 color: #FF3300 !important;
 }
 
 #usebutton a:link{
	 color: #FF3300 !important;
 }
 
 #usebutton a:active{
	 color: #FF3300 !important;
 }
 
 #usebutton a:visited{
	 color: #FF3300 !important;
 }
 
 #usebutton:hover {
 background-color: #FFF;
	 border:1px solid #CCC;
 }
 
 #usebutton {
	 display: inline-block;
	 width: 90%;
	 padding:4% 3% 3% 3%;
	 margin:1% 0 1% 0;
	 font-size:1.6rem;
	 text-decoration: none;
	 text-align:center;
	 outline: none;
	 background-color: #FFE3C8;
	 color: #FFF !important;
	 border-radius:5px;
		 box-shadow:2px 2px #FFCC99 !important;
 }
 #usebutton::before,
 #usebutton::after {
	 position: absolute;
	 z-index: -1;
	 display: block;
	 content: '';
 
 }
 
 #usebutton,
 #usebutton::before,
 #usebutton::after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 -webkit-transition: all .3s;
	 transition: all .3s;
 }
 
 .arrowcamp {
	 float:right;
			display: block;
			width: 15px;
			height: 15px;
			border-top: solid 3px #FF3300;
			border-right: solid 3px #FF3300;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
 }
 
 
 /*商品吹き出し風見出し*/
 
 .ballooncamp {
	 position: relative;
	 display: inline-block;
	 margin: 1.5em 0;
	 padding: 3% 0 2% 0;
	 width:90%;
	 color: #555;
	 font-size: 1.6rem;
	 background: #FFF;
	 border: solid 3px #afe4db;
	 box-sizing: border-box;
	 border-radius:5px;
 }
 
 .ballooncamp:before{
	 content: "";
	 position: absolute;
	 bottom: -24px;
	 left: 50%;
	 margin-left: -15px;
	 border: 12px solid transparent;
	 border-top: 12px solid #FFF;
	 z-index: 2;
 }
 
 .ballooncamp:after{
	 content: "";
	 position: absolute;
	 bottom: -30px;
	 left: 50%;
	 margin-left: -17px;
	 border: 14px solid transparent;
	 border-top: 14px solid #afe4db;
	 z-index: 1;
 }
 
 .ballooncamp p {
	 margin: 0;
	 padding: 0;
 }
 
 
 
 .docchiicon{
	 display: inline-block;
	 margin-right:20px;
	 margin-bottom:20px;
	 position: relative;
 }
 
 .docchiicon1:after,.docchiicon1:before{
	 display: block;
	 content: '';
	 width: 12px;
	 height: 12px;
	 -webkit-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
	 transform: rotate(45deg);
	 background-color: #F09;
	 position: absolute;
	 top: 8px;
	 left: 4px;
 }
 
 .text_gry18{
	 font-size:1.2rem;
	 color:#666;
	 line-height:130%;
 }
 
 .text_pink18{
	 font-size:1.0rem;
	 color:#EF689E;
 }
 
 .main_ttl{
	 margin:30px;
 }
 
 .main_ttl p .text_gry18{
	 line-height:1.4em;
 }
 
 .main_text02{
	 font-size: 1.2rem;
	 color: #ff6699;
	 line-height:1.6em;
 }
 
 .product_text02{
	 display:block;
	 border-top:#ccc solid 1px;
	 border-bottom:#ccc solid 1px;
	 margin:20px 0 0 0;
 }
 
 .product_text02 p{
	 padding:10px 0;
	 font-size:1.4em;
	 font-weight:bold;
	 text-align:center;
 }
 
 
 .product_box{
	 margin-top:5%;
	 margin-bottom:20%;
 }
 
 .product_name{
	 display:block;
	 background:#FBD5E3;
	 margin:20px 0 5px 0;
	 padding:5px;
	 border-radius: 8px;         
		 -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */ 
		 -moz-border-radius: 8px;    /* Firefox用 */ 
 }
 
 
 /*220622追記*/
 
 .campaign_list{
	 margin: 0 auto;
	 padding:100px 30px 30px;
	 width: 950px;
	 height: 480px;
	 background-image:url("https://www.lovecosmetic.jp/set_new/production_note/campaign_main2.jpg");
	 background-repeat: no-repeat;
	 background-position:50% 50%;
	 background-size:contain;
 }
 
 .campaign_list .parts{
	 float:left;
	 width:178px;
	 height:178px;
	 background-color:#FFF;
	 margin: 0;
	 padding:2px;
 }
 
 .friday_area {
	 position: relative;
	 }
 
 .friday_area p {
	 position: absolute;
	 color: #FFF;
	 top: 82%;
	 left: 30%;
 /*  -ms-transform: translate(-90%,-50%);
	 -webkit-transform: translate(-90%,-50%);
	 transform: translate(-90%,-50%);*/
	 margin:0;
	 padding:0;
	 font-size: 22px;
	 letter-spacing: -0.05em;
	 }
 
 .friday_area p.open {
	 position: absolute;
	 color: #FFF;
	 top: 82%;
	 left: 31%;
 /*  -ms-transform: translate(-90%,-50%);
	 -webkit-transform: translate(-90%,-50%);
	 transform: translate(-90%,-50%);*/
	 margin:0;
	 padding:0;
	 font-size: 22px;
	 letter-spacing: 0;
	 }
 
 .friday_area img {
	 margin: 0 auto;
	 }
 
 .clear_box {
		 clear:  both;
 }

.select-layout .parent {
	width: 100%;
	margin-top: 1.5em;
}
.select-layout .select-col {
	float: none;
	width: 22%;
	vertical-align: top;
}
.select-layout .parent {
	display: flex;
	flex-wrap: wrap;
}
#newst_header_wrap .keyword_area {display:none;}