@charset "utf-8";

/*---------------------------------------
top
---------------------------------------*/
#mainvisual.top{
	padding-top:60px;
}

#mainvisual h2{
	color:#0065bb;
	text-align:center;
	font-weight:500;
	font-size:34px;
	letter-spacing:2px;
}

#mainvisual h3{
	color:#0065bb;
	text-align:center;
	font-weight:500;
	font-size:20px;
	padding:15px 0 50px;
	letter-spacing:2px;
}

#mainvisual #img{
	min-width:1000px;
	width:100%;
	height:330px;
	background: url(/assets/images/products/main_2025_2.jpg) center top no-repeat #ecedf2;
}

.contents_category{
	background-color:#f8f7f7;
	padding:100px 0;
}

#mainvisual.contents_category h3{
	padding-bottom:0;
}

@media screen and (max-width: 767px) {
	#mainvisual h2{
		font-size:30px;
	}

	#mainvisual h3{
		font-size:18px;
		padding:5px 0 30px;
	}

	#mainvisual #img{
		min-width:100%;
		width:100%;
		height:180px;
		background: url(/assets/images/products/main_2025_2.jpg) center top no-repeat;
		background-size:cover;
	}

	.contents_category{
		background-color:#f8f7f7;
		padding:12% 0;
	}
}


.products_top ul{
	width:100%;
	margin:40px auto 0;
  justify-content: start;
  align-items: start;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.products_top ul li{
	width:224px;
	height:330px;
	margin-bottom:20px;
	margin-right:34px;
	position:relative;
}

.products_top ul li:nth-child(4n){
	margin-right:0;
}

.products_top ul li a{
	display:block;
	color:#000;
	border:1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	background-color:#fff;
	width:100%;
	height:100%;
	position:relative;
}

.products_top ul li a .products_img{
	width:100%;
	height:260px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}


.products_top ul li a .products_img p{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:128px;
}
.products_top ul li a .products_img p img {
	width:100%;
}

.products_top ul li:nth-child(8) a .products_img p{
	width:159px;
}

.products_top ul li a h3{
	text-align:center;
	font-weight:300;
	line-height:1.4;
	padding-top:265px;
}

@media screen and (max-width: 767px) {

	.products_top ul{
		margin:10% auto;
	}

	.products_top ul li:nth-child(4n){
		margin-right:2%;
	}

	.products_top ul li{
		width:49%;
		height:60vw;
		margin-bottom:5%;
		margin-right:2%;
		position:relative;
	}

	.products_top ul li:nth-child(2n){
		margin-right:0;
	}

	.products_top ul li a .products_img{
		width:100%;
		height:48vw;
		position:absolute;
		left:0;
		right:0;
		margin:auto;
	}

	.products_top ul li a h3{
		font-size: 3.4vw;
		width: 94%;
    margin: 0 auto;
		padding-top:49vw;
	}

	.products_top ul li:nth-child(1) a .products_img p{
		width:46%;
	}

	.products_top ul li:nth-child(2) a .products_img p{
		width:47%;
	}

	.products_top ul li:nth-child(3) a .products_img p{
		width:50%;
	}

	.products_top ul li:nth-child(4) a .products_img p{
		width:50%;
	}

	.products_top ul li:nth-child(5) a .products_img p{
		width:48%;
	}

	.products_top ul li:nth-child(6) a .products_img p{
		width:49%;
	}

	.products_top ul li:nth-child(7) a .products_img p{
		width:49%;
	}

	.products_top ul li:nth-child(8) a .products_img p{
		width:70%;
	}

	.products_top ul li:nth-child(9) a .products_img p{
		width:49%;
	}

	.products_top ul li:nth-child(10) a .products_img p{
		width:49%;
	}

	.products_top ul li:nth-child(11) a .products_img p{
		width:49%;
	}
	.products_top ul li:nth-child(12) a .products_img p{
		width:49%;
	}
	.products_top ul li:nth-child(13) a .products_img p{
		width:49%;
	}

}




/*---------------------------------------
product_info_inner
---------------------------------------*/
.b_glamourousbutterfly_img{
	width:100%;
	background: url(/assets/images/products/glamourousbutterfly/main_bg_2023.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_zone_img{
	width:100%;
	background: url(/assets/images/products/zone/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
}
.b_zone_booster_img {
	width:100%;
	background: url(/assets/images/products/zone_booster/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_luvejelly_img{
	width:100%;
	background: url(/assets/images/products/luvejelly/main_bg_2025.jpg);
	background-position: center top;
	background-repeat: repeat;
	background-size: auto 100%;
}
.b_delicatecare_img{
	width:100%;
	background: url(/assets/images/products/delicatecare/main_bg_2025.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_sod_img{
	width:100%;
	background: url(/assets/images/products/sod/main_bg_2025.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
.b_ix_img{
	width:100%;
	background: url(/assets/images/products/ix/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_usuusu_img{
	width:100%;
	background-color: #c3e4e9;
}
.b_geki_img{
	width:100%;
	background: url(/assets/images/products/geki/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_8986_img{
	width:100%;
	background-color: #e35293;
}
.b_canzeal_img{
	width:100%;
	background: url(/assets/images/products/canzeal/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_doctor-g_img{
	width:100%;
	background: url(/assets/images/products/doctor-g/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.b_g-greed_img{
	width:100%;
	background: url(/assets/images/products/g-greed/main_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#product_info_inner ul{
	width:1000px;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#product_info_inner ul li:nth-child(1){
	width:640px;
}

#product_info_inner p{
	width:540px;
	padding-top:20px;
	margin-top:10px;
	line-height:2.0;
}

#product_info_txt{
	min-height:270px;
}
#product_info_txt.c_glamourousbutterfly{
	background: url(/system/wp-content/uploads/2023/03/product_img_2023.jpg) no-repeat right bottom;
}
#product_info_txt.c_zone{
	background: url(/system/wp-content/uploads/2021/07/product_img_zone.jpg) no-repeat right bottom;
}
#product_info_txt.c_zone_booster{
	background: url(/system/wp-content/uploads/2025/10/zone_booster04_2025_2.jpg) no-repeat right bottom;
	background-size: 410px auto;
}
#product_info_txt.c_luvejelly{
	background: url(/system/wp-content/uploads/2025/03/product_img_luvejelly_2025.jpg) no-repeat right bottom;
}
#product_info_txt.c_delicatecare{
	background: url(/system/wp-content/uploads/2025/08/product_img_delicatecare_2025.jpg) no-repeat right bottom;
}
#product_info_txt.c_sod{
	background: url(/system/wp-content/uploads/2021/07/product_img_sod.jpg) no-repeat right bottom;
}
#product_info_txt.c_ix{
	background: url(/system/wp-content/uploads/2023/02/product_img_ix.jpg) no-repeat right bottom;
}
#product_info_txt.c_usuusu{
	background: url(/system/wp-content/uploads/2024/06/product_img_usuusu_2024.jpg) no-repeat right bottom;
}
#product_info_txt.c_geki{
	background: url(/system/wp-content/uploads/2021/07/product_img_geki.jpg) no-repeat right bottom;
}
#product_info_txt.c_8986{
	background: url(/system/wp-content/uploads/2021/07/product_img_8986.jpg) no-repeat right bottom;
}
#product_info_txt.c_canzeal{
	background: url(/system/wp-content/uploads/2025/02/product_img_canzeal_2025.jpg) no-repeat right bottom;
}
#product_info_txt.c_doctor-g{
	background: url(/system/wp-content/uploads/2021/07/product_img_doctor-g.jpg) no-repeat right bottom;
}
#product_info_txt.c_g-greed{
	background: url(/system/wp-content/uploads/2021/07/product_img_g-greed.jpg) no-repeat right bottom;
}


#product_info_inner ul li:nth-child(2){
	width:320px;
}

#product_info_inner ul li:nth-child(1) h3{
	font-size: 36px;
	line-height: 1.4;
}

#product_info_inner ul li:nth-child(1) h3 span{
	font-size: 28px;
}

#product_info_inner ul li:nth-child(2) a{
	width:320px;
	display:block;
	background-color:#0065bb;
	color:#fff;
	text-align:center;
	position:relative;
	padding:10px 0;
}

#product_info_inner ul li:nth-child(2) a .blank_icon{
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
}

#product_info_inner ul li:nth-child(2) a .blank_icon::before{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#product_info_inner ul li:nth-child(2) a .blank_icon::after{
	border: 1px solid #fff;
}



@media screen and (max-width: 767px) {
	.zone_img{
		background-size: auto 100%;
	}
	.b_sod_img{
		background-size: auto 100%;
	}
	#product_info_inner ul{
		width:100%;
	}

	#product_info_inner ul li:nth-child(1){
		width:100%;
	}

	#product_info_inner p{
		width:100%;
		padding-top:20px;
		margin-top:10px;
		line-height:2.0;
	}

	#product_info_txt{
		background: none;
		min-height:auto;
	}
	#product_info_txt.c_glamourousbutterfly,
	#product_info_txt.c_zone,
	#product_info_txt.c_zone_booster,
	#product_info_txt.c_luvejelly,
	#product_info_txt.c_delicatecare,
	#product_info_txt.c_sod,
	#product_info_txt.c_ix,
	#product_info_txt.c_usuusu,
	#product_info_txt.c_geki,
	#product_info_txt.c_8986,
	#product_info_txt.c_canzeal,
	#product_info_txt.c_doctor-g,
	#product_info_txt.c_g-greed {
		background: none;
}

	#product_info_inner ul li:nth-child(2){
		display:none;
	}

	#product_info_inner ul li:nth-child(1) h3{
		font-size:22px;
		line-height:1.4;
		padding:4% 0;
	}

	#product_info_inner ul li:nth-child(1) h3 span{
		font-size: 18px;
	}

	#product_info_inner .product_img{
		width:70%;
		margin:0 auto;
	}

}












/*---------------------------------------
以下　詳細ページ
---------------------------------------*/

/*---------------------------------------
product_detail
---------------------------------------*/
.product_detail {
  width: 100%;
  min-width: 1000px;
	background-color:#e5f2fd;
	padding:60px 0;
}

.product_detail h2{
  font-size:32px;
	color:#0065bb;
}

.product_detail ul{
	width:1000px;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product_detail ul li:nth-child(1){
	width:700px;
}

.product_detail ul li:nth-child(2){
	width:250px;
}

.product_detail ul li:nth-child(2) a{
	width:250px;
	display:block;
	background-color:#0065bb;
	color:#fff;
	text-align:center;
	position:relative;
	padding:10px 0;
}

.product_detail ul li:nth-child(2) a .blank_icon{
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
}


.product_detail ul li:nth-child(2) a .blank_icon::before{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.product_detail ul li:nth-child(2) a .blank_icon::after{
	border: 1px solid #fff;
}


@media screen and (max-width: 767px) {
	.product_detail {
	  width: 100%;
	  min-width: 100%;
		padding:12% 0;
	}

	.product_detail h2{
	  font-size:26px !important;
		text-align:center;
	}

	.product_detail ul{
		width:100%;
	}

	.product_detail ul li:nth-child(1){
		width:100%;
	}

	.product_detail ul li:nth-child(2){
		width:100%;
	}

	.product_detail ul li:nth-child(2) a{
		width:76%;
		margin:7% auto 0;
		padding:5% 0;
		font-size:3.6vw;
		font-weight:500;
	}

	.product_detail ul li:nth-child(2) a .blank_icon{
		position:absolute;
		right:20px;
		top:0;
		bottom:0;
		margin:auto;
	}
}



/*---------------------------------------
info
---------------------------------------*/
#info ul{
	width:1000px;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#info ul li:nth-child(1){
	width:350px;
}

#info ul li:nth-child(2){
	width:560px;
}

#info ul li:nth-child(2) h3{
	font-size:34px;
	line-height:1.4;
	padding-bottom:30px;
}

#info ul li:nth-child(2) p{
	font-size:18px;
	line-height:1.8;
}

@media screen and (max-width: 767px) {
	#info ul{
		width:100%;
		margin-top:10%;
	}

	#info ul li:nth-child(1){
		width:100%;
	}

	#info ul li:nth-child(2){
		width:100%;
		margin-top:3%;
	}

	#info ul li:nth-child(2) h3{
		font-size:22px;
		line-height:1.4;
		padding-bottom:4%;
	}

	#info ul li:nth-child(2) p{
		font-size:18px;
		line-height:1.8;
	}
}

/*---------------------------------------
info
---------------------------------------*/
#outline{
	width:880px;
	margin:0 auto;
}

#outline table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
	margin-top:40px;
}

#outline table tr{
  border-top: solid 1px #bdc4cb;
}

#outline table th{
	width:190px;
  text-align: center;
  border-left: 1px solid #bdc4cb;
  border-bottom: 1px solid #bdc4cb;
	background-color:#f1f6fb;
	color:#486e8e;
	vertical-align:middle;
	padding:15px 0;
	font-weight:300 !important;
}

#outline table td{
	width:calc(100% - 190px);
  text-align: left;
  border-right: 1px solid #bdc4cb;
  border-bottom: 1px solid #bdc4cb;
	vertical-align:middle;
	padding:15px 40px;
	font-weight:300 !important;
}

@media screen and (max-width: 767px) {
	#outline{
		width:92%;
		margin:0 auto;
	}

	#outline table{
		margin-top:5%;
	}

	#outline table th{
		width:30%;
		padding:3% 0;
	}

	#outline table td{
		padding:3%;
	}
}


/*---------------------------------------
buy
---------------------------------------*/
#buy{
	width:100%;
	background-color:#0065bb;
	margin-top:70px;
	padding:50px 0;
}

#buy h2{
	font-size:32px;
	color:#fff;
	text-align:center;
	font-weight:300;
}

#buy ul{
	width:830px;
	margin:0 auto;
  justify-content: space-between;
  align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

#buy ul li{
	width:390px;
}

#buy ul li a{
	width:100%;
	position:relative;
	background-color:#fff;
	color:#0065bb;
	text-align:center;
	display:block;
}

#buy ul li a:after {
	border-top: 1px solid #0065bb;
	border-right: 1px solid #0065bb;
}

@media screen and (max-width: 767px) {
	#buy{
		margin-top:10%;
		padding:5% 0;
	}

	#buy h2{
		font-size:24px;
	}

	#buy ul{
		width:100%;
		margin:0 auto;
	}

	#buy ul li{
		width:100%;
	}

	#buy ul li a{
		width:100%;
		position:relative;
		background-color:#fff;
		color:#0065bb;
		text-align:center;
		display:block;
	}

	#buy ul li a:after {
		border-top: 1px solid #0065bb;
		border-right: 1px solid #0065bb;
	}
}




/*---------------------------------------
related_products
---------------------------------------*/
.related_products h2.underlayer_title{
	margin-top:60px;
}

.related_products{
	padding-bottom:30px;
}

.related_products ul{
	/*width:100%;*/
	margin:40px auto 0;
  justify-content: center;
  /*align-items: start;*/
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.line2{
	width:482px;
}

.line3{
	width:740px;
}

.line4{
	width:1000px;
}

.related_products ul li{
	width:224px;
	margin-bottom:20px;
	margin-right:34px;
}

.related_products ul li:nth-child(4n),
.related_products ul li:last-child{
	margin-right:0;
}

.related_products ul li a{
	display:block;
	color:#000;
	border:1px solid #d5d5d5;
	border-radius: 10px;
	box-sizing: border-box;
	padding:50px 0 20px;
	background-color:#fff;
}

.related_products ul li a p{
	width:112px;
	margin:0 auto;
}

.related_products ul li a h3{
	text-align:center;
	font-weight:300;
	line-height:1.4;
	padding-top:10px;
	width:94%;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
	.related_products h2.underlayer_title{
		margin-top:5%;
	}

	.related_products ul{
		width:100%;
		margin:5% auto 0;
	}

	.related_products ul li:nth-child(4n){
		margin-right:4%;
	}

	.related_products ul li{
		width:48%;
		margin-bottom:5%;
		margin-right:4%;
	}

	.related_products ul li:nth-child(2n){
		margin-right:0;
	}

	.related_products ul li a{
		padding:8% 0;
	}

	.related_products ul li a h3{
		font-size:3.4vw;
	}

	.related_products ul li a p{
		width:60%;
		margin:0 auto;
	}

	.line2,.line3,.line4{
		width:100%;
	}
}

/*---------------------------------------
brand
---------------------------------------*/
#brand h2.underlayer_title{
	margin-top:80px;
}

#brand div{
	width:700px;
	margin:40px auto 0;
}

@media screen and (max-width: 767px) {
	#brand h2.underlayer_title{
		margin-top:8%;
	}

	#brand div{
		width:100%;
		margin:4% auto 10%;
	}
}


/*---------------------------------------
free space
---------------------------------------*/
#contents_inbox div.products_free_old1,
#contents_inbox div.products_free_old2 {
	width: 740px;
	margin: 100px auto 0 auto;
}
#contents_inbox div.products_free {
	width: 880px;
	margin: 100px auto 0 auto;
}
#contents_inbox div.products_free_old1 img,
#contents_inbox div.products_free img {
	width: auto;
}
#contents_inbox div.products_free_old1 img.width50 {
	width: 50%;
}
#contents_inbox div.products_free_old1 p {
	margin: 0 0 1em 0;
}


@media screen and (max-width: 767px) {
	#contents_inbox div.products_free_old1,
	#contents_inbox div.products_free_old2,
	#contents_inbox div.products_free {
		width: 92%;
		margin: 10% auto 0 auto;
	}
	#contents_inbox div.products_free_old1 img,
	#contents_inbox div.products_free_old1 img.width50,
	#contents_inbox div.products_free img {
		width: 100%;
	}
}


sup {
	font-size: 75%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
  }