@charset "Shift_JIS";
/*-----------------------------------------------------------------------------
　商品カテゴリ　全体
-----------------------------------------------------------------------------*/
#category{margin-bottom: 30px;}


/*-----------------------------------------------------------------------------
　商品カテゴリ　タイトル
-----------------------------------------------------------------------------*/
h2{margin-bottom:10px;}


.rankitem2{
    flex: 0 1 240px;
}
#ranking001,#ranking002,#ranking003{display: flex; background: #fff; box-sizing: border-box; justify-content: space-between;}

/*-----------------------------------------------------------------------------
　商品カテゴリ　ランキング
-----------------------------------------------------------------------------*/
#category #rankingArea{
	background:#e8f2d0;
	padding: 10px;
	margin-bottom:10px;
}

.ranking_tit{position: relative;}
.ranking_tit img{width: 100%; height: auto;}
.ranking_tit .TotalPeriod02 {
    text-align: right;
    font-size: 1.4rem;
    font-weight: bold;
    color: rgb(255, 255, 255);
    position: absolute;
    top: 4px;
    right: 10px;
    line-height: 1;
}

#ranking{
	background:#C82222;
	padding: 0 3px 4px 4px;
	position: relative;
}

.rank2{
	display: flex;
	justify-content: space-between;
	padding-top: 3px;
}

.rankitem2{
    flex: 0 1 240px;
}
#ranking001,#ranking002,#ranking003{display: flex; background: #fff; box-sizing: border-box; justify-content: space-between;}

#ranking001{
    border:2px solid #E7C100;
}
#ranking002{
	border:2px solid #A5A4A0;
}
#ranking003{
	border:2px solid #A07D5C;
}
.rankitem2 dt{flex: 0 0 100px;}
.rankitem2 dd{flex: 0 1 123px; padding: 8px 6px 0 0;}
.rankitem2 .itemname {margin: 4px 0 2px;}
.rankitem2 .itemname a {font-size: 13px; line-height: 1.3; text-decoration: underline; color: #004FF3;}
.rankitem2 .itemname a:hover{text-decoration:none;}
.rankitem2 .price{color:#cc0000; font-size:14px !important;}


.rank2 ul{display: flex; justify-content: space-between; width: 722px;}
.rank2 ul li{flex: 0 0 100px; width: 100px; height: 100px; background: #fff; position: relative;}
.rank2 ul li img{position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%);}
.rank2 ul li:nth-child(1)::before{content: url(images/ranking/04.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(2)::before{content: url(images/ranking/05.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(3)::before{content: url(images/ranking/06.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(4)::before{content: url(images/ranking/07.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(5)::before{content: url(images/ranking/08.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(6)::before{content: url(images/ranking/09.gif); position: absolute; top:4px; left: 4px; z-index: 1;}
.rank2 ul li:nth-child(7)::before{content: url(images/ranking/10.gif); position: absolute; top:4px; left: 4px; z-index: 1;}


/*-----------------------------------------------------------------------------
　商品カテゴリ　記事
-----------------------------------------------------------------------------*/
.article dl{
	width:750px;
	padding:3px 0px 5px 0;
	display:flex;
	align-items: center;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin: 10px 0;
}
.article dt{
	margin-right:20px;
}
.article dd{
	font-size:13px;
	line-height:1.35;
	color:#594e3e;
}
.article dd strong{font-size:15px;line-height:1.4;color:#ff7200;}


/*-----------------------------------------------------------------------------
　商品カテゴリ　共通　（種類から選ぶ、加工・構造から選ぶ、人気シリーズから選ぶ、メーカーから選ぶ）
-----------------------------------------------------------------------------*/
.choose{
	width: 750px;
	height:36px;
	background: -webkit-linear-gradient(#fdd96e 0%, #fdd96ec 50%, #ffcc33 50%, #ffcc33 100%);
    background: -o-linear-gradient(#fdd96e 0%, #fdd96e 50%, #ffcc33 50%, #ffcc33 100%);
    background: linear-gradient(#fdd96e 0%, #fdd96e 50%, #ffcc33 50%, #ffcc33 100%);
	padding:0px 7px 0 8px;
	-webkit-box-shadow: 4px 4px 4px #eee;
	-moz-box-shadow: 4px 4px 4px #eee;
	box-shadow: 4px 4px 4px #eee;
	border: 1px solid #ffb84d;
	box-sizing: border-box;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset : -2px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}

.choose h3{
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	line-height:1.45;
	color:#A23300;
	padding-left: 30px;
}
.choose h3:hover{text-decoration:underline;}

.h3off{background: url("images/icon_arrow_h3.png") no-repeat left top;}
.h3on{background: url("images/icon_arrow_h3on.png") no-repeat left top;}

.choose p{
	font-size:15px;
	display:block;
	cursor:pointer;
}
.choose p a,.choose p a:link{text-decoration:underline;color:#004FF3;}
.choose p a:hover{text-decoration:none;color:#004FF3;}

.choose_no{
	width: 750px;
	height:36px;
	background: -webkit-linear-gradient(#fdd96e 0%, #fdd96ec 50%, #ffcc33 50%, #ffcc33 100%);
    background: -o-linear-gradient(#fdd96e 0%, #fdd96e 50%, #ffcc33 50%, #ffcc33 100%);
    background: linear-gradient(#fdd96e 0%, #fdd96e 50%, #ffcc33 50%, #ffcc33 100%);
	padding:0px 7px 0 8px;
	-webkit-box-shadow: 4px 4px 4px #eee;
	-moz-box-shadow: 4px 4px 4px #eee;
	box-shadow: 4px 4px 4px #eee;
	border: 1px solid #ffb84d;
	box-sizing: border-box;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset : -2px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 0;
}

.choose_no h3{
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.45;
	color:#A23300;
	padding-left: 30px;
}


.choosesubcate,.choosesubcate2,.choosesubcate3,.choosesubcate4{margin-bottom:10px;}
.choosesubcate .item-list02{border-bottom: none !important;}

.subcate-row{
	width:750px;
	display: flex;
	flex-wrap: wrap;
}
.choosesubcate .subcate-row dl{
	width: 240px;
	margin-right: 10px;
	padding: 7px 10px;
	border: 1px solid #ffb84d;
	box-sizing: border-box;
	border-radius: 5px;
	background: rgb(255,246,233);
	background: linear-gradient(0deg, rgba(255,246,233,1) 0%, rgba(255,248,237,1) 50%, rgba(255,249,241,1) 75%, rgba(255,255,255,1) 100%);
	-webkit-box-shadow: 0px 5px 7px #f1f1f1;
	-moz-box-shadow: 0px 5px 7px #f1f1f1;
	box-shadow: 0px 5px 7px #f1f1f1;
	outline: 3px solid rgb(255, 255, 255);
	outline-offset : -5px;
	margin-bottom: 12px;
}
.choosesubcate2 .subcate-row dl{
	width: 240px;
	margin-right: 10px;
	padding: 7px 10px;
	border: 1px solid #ffb84d;
	box-sizing: border-box;
	border-radius: 5px;
	background: rgb(255,246,233);
	background: linear-gradient(0deg, rgba(255,246,233,1) 0%, rgba(255,248,237,1) 50%, rgba(255,249,241,1) 75%, rgba(255,255,255,1) 100%);
	-webkit-box-shadow: 0px 5px 7px #f1f1f1;
	-moz-box-shadow: 0px 5px 7px #f1f1f1;
	box-shadow: 0px 5px 7px #f1f1f1;
	outline: 3px solid rgb(255, 255, 255);
	outline-offset : -5px;
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.choosesubcate3 .subcate-row dl{
	width: 240px;
	margin-right: 10px;
	padding: 7px 10px;
	border: 1px solid #ffb84d;
	box-sizing: border-box;
	border-radius: 5px;
	background: rgb(255,246,233);
	background: linear-gradient(0deg, rgba(255,246,233,1) 0%, rgba(255,248,237,1) 50%, rgba(255,249,241,1) 75%, rgba(255,255,255,1) 100%);
	-webkit-box-shadow: 0px 5px 7px #f1f1f1;
	-moz-box-shadow: 0px 5px 7px #f1f1f1;
	box-shadow: 0px 5px 7px #f1f1f1;
	outline: 3px solid rgb(255, 255, 255);
	outline-offset : -5px;
	margin-bottom: 12px;
}
.choosesubcate4 .subcate-row dl{
    width: 365px;
    margin-right: 10px;
    padding: 7px 10px;
    border: 1px solid #ffb84d;
    box-sizing: border-box;
    border-radius: 5px;
    background: rgb(255,246,233);
    background: linear-gradient(0deg, rgba(255,246,233,1) 0%, rgba(255,248,237,1) 50%, rgba(255,249,241,1) 75%, rgba(255,255,255,1) 100%);
    -webkit-box-shadow: 0px 5px 7px #f1f1f1;
    -moz-box-shadow: 0px 5px 7px #f1f1f1;
    box-shadow: 0px 5px 7px #f1f1f1;
    outline: 3px solid rgb(255, 255, 255);
    outline-offset: -5px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tit{
	font-size:16px !important;
	font-weight:bold;
	color:#004FF3;
	display:block;
	line-height:1.15 !important;
	padding:1px 0 5px 20px;
	margin-bottom:5px;
	background: url(images/bg_tit_subcate.png) no-repeat left 2px;
	border-bottom:1px dotted #f60;
}

.subcate-row dd{font-size:13px; line-height:1.35; color:#594e3e;}

/*ここがGOOD & ここがBAD*/
dd.good{
	flex:0 1 48%;
	border:1px solid #a6dcff;
	box-sizing: border-box;
	background: #edfaff url("images/bg_good.png") no-repeat center center;
	padding:5px;
	font-size:11px;
	line-height:1.3;
	margin:5px 0 0 0;
	border-radius: 5px;
}
dd.bad{
	flex:0 1 48%;
	background: #ffedfc url("images/bg_bad.png") no-repeat center center;
	border:1px solid #ffcaf6;
	box-sizing: border-box;
	padding:5px;
	font-size:11px;
	line-height:1.3;
	margin:5px 0 0 0;
	border-radius: 5px;
}
.goodtxt{font-size:14px; color:#1cacfe; font-weight:bold;}
.badtxt{font-size:14px; color:#bf53de; font-weight:bold;}

.subcate-row dd,.subcate-row2 dd{font-size:13px; line-height:1.35; color:#594e3e;}
.subcate-row dd img{margin-bottom:3px;}

.imagetit img{width: 80px;}


/*-----------------------------------------------------------------------------
　電マカテゴリ　サイズから選ぶ
-----------------------------------------------------------------------------*/
.subcate-row5,.subcate-row6{
	display: flex;
	justify-content: space-between;
	margin: 0 10px;
}

.subcate-row5 dl{flex:0 1 160px;}
.subcate-row5 dt span{font-size:18px; color: #00f;}
.subcate-row5 dt{font-size:14px; line-height:1.4; color: #333; font-weight: bold;}
.subcate-row5 dd{font-size:12px; line-height:1.4; color: #594e3e;}

.subcate-row6 dl,.subcate-row6 dd{flex:0 1 360px;}
.subcate-row6 dd strong{font-size:15px; line-height:1.8; color: #F06;}
.subcate-row6 dd{font-size:13px; line-height:1.35; color: #594e3e;}





/*-----------------------------------------------------------------------------
　ローションカテゴリ　ローションの基礎知識
-----------------------------------------------------------------------------*/
.classification h4{
font-size: 16px;
color: #006696;
border-bottom: 1px solid #006696;
padding-bottom: 3px;
margin-bottom: 10px;
line-height: 1.3;
font-weight: bold;
}
.classification p{font-size:13px;color:#333;line-height:1.45;}
.lotion-td01{background:#C5E3FF;padding:5px;color:#0060B6;font-size:14px;text-align:center;white-space:nowrap;}
.lotion-td02{background:#fff;padding:5px;font-size:13px;text-align:center;white-space:nowrap;}
.lotiontxtcolor01{color:#FF5B00;}
.lotiontxtcolor02{color:#FFC000;}
.lotiontxtcolor03{color:#0077B6;}
.lotiontxtcolor04{color:#00F;}
.lotion365{flex:0 1 365px;}
.lotion365 dt.substitution{border:1px solid #b60096;color:#b60096;background:#fff2fd;padding:5px;text-align:center;font-size:15px;}
.lotion365 dd.substitution2{
	border-left:1px solid #b60096;
	border-right:1px solid #b60096;
	border-bottom:1px solid #b60096;
	color:#333;
	padding:5px;
	font-size:13px;
}

.lotion365 dt.Onaho-ru{border:1px solid #0cac00;color:#0cac00;background:#f2fff1;padding:5px;text-align:center;font-size:15px;}
.lotion365 dd.Onaho-ru2{
	border-left:1px solid #0cac00;
	border-right:1px solid #0cac00;
	border-bottom:1px solid #0cac00;
	color:#333;
	padding:5px;
	font-size:13px;
}

/*ローションQ&A*/
.lo-qaset{padding-bottom:10px;margin-bottom:5px;border-bottom:1px dotted #b1d2e6;}
.lo-qaset dt{color:#5392ff;font-size:16px;margin-bottom:5px;}
.lo-qaset dd{color:#555;font-size:14px;line-height:1.45;}
.ans{text-indent:-15px;padding-left:15px;}
.lo-qaset dd.w70{flex: 0 1 70px;margin-bottom:15px;}
.lo-qaset dd.w665{flex: 0 1 665px;margin-right:10px;}


/*ローション詳しくはこちら*/
.lotion580{
flex: 0 1 580px;
font-size: 16px;
text-align: right;
}
.lotion160{
flex: 0 1 160px;
margin-left: 10px;
}


/* 20220617＠阪本改修
------------------------------*/
.classification p{color: #444;}
.classification h4{
	background-color: #f3f4f8;
	border-left: 4px solid #006696;
	padding: 5px;
}
.classification table{
	width: 100%;
    text-align: center;
}

.classification table,.classification td,.classification th {
	border: 1px solid #bdbdbd;
	border-collapse: collapse;
}
.classification td,.classification th {
	padding: 5px;
	height: 25px;
}
.classification td{color: #444;}

/* 左の見出し */
.lotion-th_tit{ 
	width: 12%;
	color: #fff;
	background: #656565;
}
/* 商品例 */
.lotion-td_tit {
    text-align: left;
    padding: 10px 15px !important;
    vertical-align: text-bottom;
}
.lotion-td_tit li{
	position: relative;
	padding-left: 12px;
	color: #187ab2;
}
.lotion-td_tit li:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

.lotion-td_tit li a{
	text-decoration: underline;
	color: #187ab2;
}


/* 水溶性
-------------------- */
/* 水溶性見出し */
.lotion-suiyousei01{
	color: #fff !important;
	background-color: #56c3f6;
}
/* 水溶性 系統 見出し */
.lotion-suiyousei02{
	color: #006696 !important;
	background-color: #8ce3ff;
}
/* 水溶性 主成分 見出し */
.lotion-suiyousei03{
	width: 22% !important;
	color: #006696 !important;
	background-color: #c5f6ff;
}

/* オイル
-------------------- */
.classification table:nth-child(4){width: 77.5% !important;}
/* オイル見出し */
.lotion-oil01{
	color: #fff !important;
	background-color: #f9c62c;
}
/* オイル 系統 見出し */
.lotion-oil02{
	color: #903e13 !important;
	background-color: #ffe57f;
}
/* オイル 主成分 見出し */
.lotion-oil03{
	width: 22% !important;
	color: #903e13 !important;
	background-color: #ffffb7;
}

/* table背景薄グレー */
.lotion-td_bg{background-color: #f3f4f8;}
.lotiontxtcolor01{color:#ff2ddc;} /* ◎ */
.lotiontxtcolor02{color:#ff7f31;} /* 〇 */
.lotiontxtcolor03{color:#0da254;} /* △ */
.lotiontxtcolor04{color:#4a37bb;} /* × */


/* ローションのおもな添加物 
-------------------- */
.classification dl{border-top: solid 2px #fff;}
.classification dt{
	width: 15%;
    font-size: 14px;
    text-align: center;
	padding: 26px 10px 0 10px;
}
.substitution02_sub {padding-top: 20px !important;}
.classification dd{
	width: 100%;
	padding: 10px;
	color: #444;
}

.substitution01{
	color: #187ab2;
	background-color: #bfe3fe;
}
.substitution01_txt{background-color: #edfaff;}
.substitution02{
	color: #c642b3;
	background-color: #f9d0f3;
}
.substitution02_txt{background-color: #fff2fd;}



/*-----------------------------------------------------------------------------
　商品カテゴリ　サイズ区分説明
-----------------------------------------------------------------------------*/
.division h3 {
	background: #6c6;
	padding: 0.5em;
	color: #fff;
	border-radius: 1em;
	text-align: center;
	font-size:24px;
	font-weight:bold;
}

.division p {
	margin:12px 10px 0 ;
	font-size:14px;
	display:
	block;
	cursor:
	pointer;
	text-align:
	left;
	line-height: 1.35;
	color: #444;
}

.division_box01{	
	display: flex;
	justify-content: space-between;
	margin: 20px 10px 0;
}
.division_box01_l{flex: 0 1 500px;}
.division_box01_r{flex: 0 1 220px;}

.division_box01_l dl{	
	flex: 0 1 160px;
    padding: 15px 10px 12px;
	border: double 5px #8bd9f2;
	box-sizing: border-box;
	background-color: #e5fcff;
	text-align: center;
}
.division_box01_r dl {
	flex: 0 1 220px;
    padding: 15px 10px 12px;
    border: double 5px #f8c25c;
	box-sizing: border-box;
    background-color: #fff9db;
	text-align: center;
}

.division_box01_l h4{	
    font-size:22px;
    font-weight: bold;
    color: #10c1fa;
    text-align: center;
}
.division_box01_r h4{	
    font-size:22px;
    font-weight: bold;
    color: #ff9f1e;
    text-align: center;
}

.division_box01_l dt,.division_box01_r dt{
    padding-bottom: 5px;
}

.division_box01_l dd,.division_box01_r dd{
    font-size:16px;
    color: #000;
    padding-top: 3px;
    font-weight: bold;
	line-height: 1.2;
} 


.division_box01_l.division_box_vd_l dl{
    border: double 5px #66cc66;
    background-color: #e5ffe5;
}
.division_box01_r.division_box_vd_r dl{
    border: double 5px #ff4dad;
    background-color: #fff1f9;
}

.division_box01_r.division_box_vd_r dd {
    padding: 11px;
}



.division_box02 p{
	margin:20px 10px;
	font-size:13px;
	display:block;
	cursor:pointer;
	text-align:left;
	line-height: 1.35;
	color: #444;
}

.division_box03_1{
	flex:0 1 250px;
}

.division_box03_2{
	flex:0 1 480px;
}

.division_box04{
    position: relative;
    padding: 0.5em 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
	margin: 1em 0em 3em 0;
}

.division_box04 .box_title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #2395ff;
    font-weight: bold;
}
.division_box04 p {
    margin: 0; 
    padding:10px 0px 0px;
	font-size:15px;
	line-height: 1.35;
}

.division_box05_l,.division_box05_r{
	flex:0 1 360px;
}

.division_box05_l dl{
	flex: 0 1 115px;
    padding: 10px 0 8px;
	border: double 5px #8bd9f2;
	box-sizing: border-box;
	background-color: #e5fcff;
	text-align: center;
}
.division_box05_r dl{
	flex: 0 1 115px;
    padding: 10px 0 8px;
    border: double 5px #f8c25c;
	box-sizing: border-box;
    background-color: #fff9db;
	text-align: center;
}

.division_box05_l h4{	
    font-size:22px;
    font-weight: bold;
    color: #10c1fa;
    text-align: center;
}
.division_box05_r h4{	
    font-size:22px;
    font-weight: bold;
    color: #ff9f1e;
    text-align: center;
}

.division_box05_l dt,.division_box05_r dt{
    padding-bottom: 5px;
}
.division_box05_l dd,.division_box05_r dd{
    font-size:16px;
    color: #000;
    padding-top: 3px;
    font-weight: bold;
	line-height: 1.2;
}

/*-----------------------------------------------------------------------------
　商品カテゴリ　オナホールの関連特集
-----------------------------------------------------------------------------*/
#bannertitle{
	font-size:18px;
	border-bottom: 3px double #ccc;
	padding: 0 0 .3em .5em;
	font-weight:bold;
	color:#666;
    margin-top: 20px;
}
ul#bannerarea{
	width: 740px;
	padding:10px 5px 0;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(-40deg, transparent, transparent 11px, rgba(244, 244, 244, 1) 11px, rgba(244, 244, 244, 1) 22px );
	display: flex;
	flex-wrap: wrap;
}
ul#bannerarea li{width:185px; display:inline; margin-bottom:10px ;padding:0px; text-align: center;}

.attention{color:#a23300 !important; margin-top: 4px; text-align:right; font-size: 12px !important;}


/*-----------------------------------------------------------------------------
　商品カテゴリ　オナホールの選び方
-----------------------------------------------------------------------------*/
.howtochoose{
	width: 750px;
	height:36px;
	background: -webkit-linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
    background: -o-linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
    background: linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
	padding:0px 7px 0 8px;
	-webkit-box-shadow: 4px 4px 4px #eee;
	-moz-box-shadow: 4px 4px 4px #eee;
	box-shadow: 4px 4px 4px #eee;
	border: 1px solid #58af7b;
	box-sizing: border-box;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset : -2px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}
.howtochoose h3{
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.45;
	color:#4a9a6a;
	padding-left: 28px;
	position: relative;
}
.howtochoose h3::before{content: ""; position: absolute; top:0; left:0; width:12px; height: 12px; border-radius: 50%; border: solid 5px #fff; box-shadow: 0 1px 6px #a6e2bf;}

#howtochoose .leftarea {
	flex: 0 1 365px;
}

.leftarea dt {
    font-weight: bold;
    font-size: 16px;
    color: #1e8246;
    margin-bottom: 5px;
    line-height: 1.4;
}
.leftarea dd {
    font-size: 13px;
    line-height: 1.35;
    color: #444;
}

#howtochoose .rightarea{
	flex: 0 1 345px;
	padding: 4px 4px 10px;
	border: 1px solid #8bd9ab ;
	box-sizing: border-box;
	border-radius: 5px;
	background: rgb(255,246,233);
	background: linear-gradient(0deg, rgba(224,248,230,1) 0%, rgba(241,252,243,1) 50%, rgba(248,254,250,1) 75%, rgba(255,255,255,1) 100%);
	-webkit-box-shadow: 0px 5px 7px #f1f1f1;
	-moz-box-shadow: 0px 5px 7px #f1f1f1;
	box-shadow: 0px 5px 7px #f1f1f1;
	outline: 3px solid rgb(255, 255, 255);
	outline-offset : -5px;
}

.howtopoint_tit h4{
	font-size: 15px;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 6px #ddd;
	padding: 5px 4px 4px;
	background-color: #8bd9ab;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-bottom: 10px;
}

.howtopoint{padding: 0 10px;}
.howtopoint li{
    position: relative;
    padding: 0 0 5px 1em;
    list-style: none;
	font-size: 14px;
	line-height: 1.35;
	color: #3a634b;
	border-bottom: 1px dotted #3a634b;
    margin-bottom: 10px;
}
.howtopoint li::before {
    position: absolute;
    top: 20%;
    left: 0px;
    transform: translateY(-50%) rotate(45deg);
    width: 0.6em;
    height: 0.6em;
    background-color: #3a634b;
    content: "";
}
.howtopoint li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


/*-----------------------------------------------------------------------------
　商品カテゴリ　関連カテゴリ
-----------------------------------------------------------------------------*/
.relatedcategories{
	width: 750px;
	height:36px;
	background: -webkit-linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
    background: -o-linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
    background: linear-gradient(#d2f9e2 0%, #d2f9e2 50%, #a6e2bf 50%, #a6e2bf 100%);
	padding:0px 7px 0 8px;
	-webkit-box-shadow: 4px 4px 4px #eee;
	-moz-box-shadow: 4px 4px 4px #eee;
	box-shadow: 4px 4px 4px #eee;
	border: 1px solid #58af7b;
	box-sizing: border-box;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset : -2px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}
.relatedcategories h3{
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.45;
	color:#4a9a6a;
	padding-left: 28px;
	position: relative;
}
.relatedcategories h3::before{content: ""; position: absolute; top:0; left:0; width:12px; height: 12px; border-radius: 50%; border: solid 5px #fff; box-shadow: 0 1px 6px #a6e2bf;}

#relatedcategories .tit{
	font-size:16px !important;
	font-weight:bold;
	color:#004FF3;
	display:block;
	line-height:1.15 !important;
	padding:1px 0 5px 20px;
	margin-bottom: 0;
	background: url("images/bg_tit_subcate.png") no-repeat left 2px;
	border-bottom: none;
}


/*-----------------------------------------------------------------------------
　商品カテゴリ　メーカーから選ぶ
-----------------------------------------------------------------------------*/
.choosesubcate2 div{flex: 0 1 126px;}
.choosesubcate2 .tit{
	font-size:16px !important;
	font-weight:bold;
	color:#004FF3;
	display:block;
	line-height:1.15 !important;
	padding:1px 0 5px 20px;
	margin-bottom:0;
	background: url("images/bg_tit_subcate.png") no-repeat left 2px;
	border-bottom:none;
}
.choosesubcate2 .tit span{display:block; color:#999; font-size:12px; font-weight:normal; margin-top:5px;}

.choosesubcate4 div{flex: 0 1 250px;}
.choosesubcate4 .tit{
	font-size:16px !important;
	font-weight:bold;
	color:#004FF3;
	display:block;
	line-height:1.15 !important;
	padding:1px 0 5px 20px;
	margin-bottom:0;
	background: url("images/bg_tit_subcate.png") no-repeat left 2px;
	border-bottom:none;
}

.bigover {
	background: #fff;
    border: 1px solid #c82222;
    width: 100px;
    display: inline;
    position: absolute;
    left: 0px;
    z-index: 10000;
    text-align: center;
    padding: 0px 10px;
}
.bigover .ranknum {
	width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: 4px;
}
.bigover .itemname a{font-size:11px;line-height:1.3;text-decoration:underline;}
.bigover .itemname a:hover{text-decoration:none;}
.bigover dd.price{color:#cc0000;font-size:11px;}

/*-----------------------------------------------------------------------------
　商品カテゴリ　アナルプレイのすすめ
-----------------------------------------------------------------------------*/
.recommendplay{
	width: 750px;
	height:36px;
	background: -webkit-linear-gradient(#d2ebf9 0%, #d2ebf9 50%, #a6cce2 50%, #a6cce2 100%);
    background: -o-linear-gradient(#d2ebf9 0%, #d2ebf9 50%, #a6cce2 50%, #a6cce2 100%);
    background: linear-gradient(#d2ebf9 0%, #d2ebf9 50%, #a6cce2 50%, #a6cce2 100%);
	padding:0px 7px 0 8px;
	-webkit-box-shadow: 4px 4px 4px #eee;
	-moz-box-shadow: 4px 4px 4px #eee;
	box-shadow: 4px 4px 4px #eee;
	border: 1px solid #a6cce2;
	box-sizing: border-box;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset : -2px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}
.recommendplay h3{
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.45;
	color:#006696;
	padding-left: 28px;
	position: relative;
}
.recommendplay h3::before{content: ""; position: absolute; top:0; left:0; width:12px; height: 12px; border-radius: 50%; border: solid 5px #fff; box-shadow: 0 1px 6px #a6cce2;}


#recommendplay .leftarea{flex: 0 1 400px;}
#recommendplay .rightarea{flex: 0 1 310px;}
#recommendplay .leftarea dt{font-weight:bold;font-size:16px;color:#006696;margin-bottom:5px;line-height:1.3;}

/*STEP*/
.step{display: flex; justify-content: space-between; margin: 20px 10px 0;}
dl.step1,dl.step2,dl.step3,dl.step4{flex:0 1 138px; display:inline-block;}
.step dt{width:134px;border:2px solid #b1d2e6;padding:4px 0 0 0;text-align:center;font-size:14px;font-weight:bold;margin-bottom:4px;color:#006696;background: url(images/bg_step.gif) repeat-x;text-shadow: 1px 1px 1px #fff;}
.step dd{width:138px; color: #444;}
.step dd img{margin-bottom:5px;border:2px solid #b1d2e6;}
.step dd{font-size:12px;line-height:1.4;}


/*-----------------------------------------------------------------------------
　商品カテゴリ　コンドームの正しい装着方法
-----------------------------------------------------------------------------*/
/*STEP*/
.condom_step{display: flex; justify-content: space-between; margin: 0 10px;}
.condom_step dl.step1,.condom_step dl.step2,.condom_step dl.step3{flex:0 1 233px;}
.condom_step dl:last-child{margin-right: 0;}
.condom_step dt{width:233px; border:2px solid #b1d2e6; box-sizing: border-box; padding:4px 0 0 0; text-align:center; font-size:14px; font-weight:bold; margin-bottom:4px; color:#006696; background: url(images/bg_step.gif) repeat-x; text-shadow: 1px 1px 1px #fff;}
.condom_step dd{width:233px; color: #444;}
.condom_step dd img{margin-bottom:5px;border:2px solid #b1d2e6; box-sizing: border-box; width: 100%; height: auto;}
.condom_step dd{font-size:12px;line-height:1.4;}


/*-----------------------------------------------------------------------------
　ラブサプリ　注意事項　
-----------------------------------------------------------------------------*/
.note01{
	display: flex;
	align-items: center;
	border:3px solid #ffbf00;
	box-sizing: border-box;
	background:#fff7e0;
	padding:10px 10px 8px 10px;
}

.note01 img{flex: 0 1 54px; margin-right: 15px;}
.note01 p{font-size:13px; line-height:1.3;color: #444;}

/*-----------------------------------------------------------------------------
　共通　補足追加
-----------------------------------------------------------------------------*/

.lh2em-b{line-height: 2em !important; background-position: left .5em;}
.m-t-20{margin-top: -20px;}


/*-----------------------------------------------------------------------------
　カテゴリ部分　よくある質問　20250919追加
-----------------------------------------------------------------------------*/
.quest_ans_cate .subcate-row{
    display: block;
    font-family: initial;
}
.qa-block {
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;
}

.subcate-row .qa-block:first-child{padding-top: 0;}
.subcate-row .qa-block:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.qa-label {
  font-size: 16px;
  font-weight: bold;
  color: #ff0014;
}

.answer-label {color: #0001fc;}

.qa-question {
  font-size: 16px;
  color: #2ea13a;
  font-weight: bold;
}
.qa-answer {
    padding: 0 !important;
    font-size: 14px;
}