.more .btn-default {
	color: #ff9800;
	background-color: #fff9ef;
	font-weight: bold;
}
#btn-review-more {
	color: #ff9800;
	background-color: #fff9ef;
	font-weight: bold;
}
#rank_cate .media {
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
	width: 100%;
}
#rank_cate h3 {
	/*background-color: #2196f3;*/
	color: #1A4381;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}
#pr_banner h3 {
	background-color: #2196f3;
	color: #ffffff;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
}
#pr_banner img {
    margin: 20px auto;
    display: block;
}
#sell {
	background-color: #ff9800;
	color: #ffffff;
}
#sell p {
	font-size: 15px;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	/*line-height: 1.5;*/
	font-weight: bold;
	letter-spacing: 3px;
}
#sell b {
	font-size: 30px;
	letter-spacing: 5px;
}
#sell span {
	animation: blinking 1s ease-in-out infinite alternate;
} 
@keyframes blinking {
	0% {  }
	100% { color: red; }
	/*100% { color: yellow; }*/
}
#description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#news {
	padding: 1em 1em 2em;
}
#news .not_shipped_cnt_message {
	font-weight: 500;
	line-height: 1.1;
	padding-left: 15px;
}
#searchbox {
	background: #f3faf9 none repeat scroll 0 0;
	color: #555;
	line-height: 1;
	margin-bottom: 20px;
	padding: 0 0 12px;
	vertical-align: middle;
}
#searchbox .itemsearch {
	background-color: #2196f3;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
}
#searchbox #search2 {
	margin-bottom: 10px;
	padding: 12px 12px 0;
}
#indexmenu img {
	width: 100%;
}
#snsbox {
	background: #f3faf9 none repeat scroll 0 0;
	color: #555;
	line-height: 1;
	margin-bottom: 20px;
	padding: 0 0 12px;
	vertical-align: middle;
}
#snsbox .snsbotan {
	background-color: #2196f3;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
}
#snsbox #snsbotan2 {
	margin-bottom:0  auto 10px;
	padding: 12px 12px;
}
#snsbox #snsbotan3 {
	margin: 12px auto;
	max-width: 320px;
}	
#snsbox ul {
	max-width: 320px;
	margin: 0 auto;
}
#snsbox li {
	float: left;
	font-size: 12px;
	padding-left: 2px;
	text-align: left;
	list-style: none;
}
/*===========================郵便局
============================*/
#postbox {
	color: #555;
	margin-bottom: 20px;
	padding: 0 0 12px;
	vertical-align: middle;
}
#postbox .postsearch {
	background-color: #2196f3;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
}
#postbox .postbox2 {
	padding: 0 10px;
}
#postbox table {
	margin: 16px 0;
	width: 100%;
}
#postbox input[type="text"] {
	width: 100%;
	border: 1px solid #cccccc;
	height: 36px;
	font-size: 14px;
}
#postbox input[type="submit"] {
	width: 90%;
	height: 38px;
	font-size: 14px;
}
#postbox .test {
	font-size: 12px;
	line-height: 16px;
	margin-top: 12px;
}
/*===========================ログイン後
============================*/
#yes-login {
	padding: 6px 5px;
	color: #1f74ce;
	background: #d6e5f4;
	border: 1px solid #cccccc;
	border-radius: 4px;
	vertical-align: middle;
	margin-bottom: -60px;
	margin-top: 60px;
}
#yes-login .welcomelogin {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#yes-login .abox {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #cbcbcb;
	color: #666666;
	display: block;
	font-size: 13px;
	line-height: 1.9;
	margin: 0 auto;
	padding: 1px 5px 0;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
#yes-login .abox_point {
	background: url(/sp/img/other/point.png) #ffffff no-repeat scroll 0 0;
	border: 1px solid #cbcbcb;
	color: #666666;
	display: block;
	font-size: 13px;
	line-height: 1.9;
	margin: 0 auto;
	padding: 1px 5px 0;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
#yes-login .text {
	margin: 10px auto;
}
#news {
	padding: 6px 5px;
	background: #d6e5f4;
	border: 2px solid #1A4381;
	border-radius: 4px;
	vertical-align: middle;
	margin: 0px 13px 5px 15px;
}
#news .not_paid_cnt_message, .not_shipped_cnt_message {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1em;
}
/*#news a {
	color: #FF9800;
}*/
/*===========================LINEクーポン
============================*/
#coupon {
	margin: 1em 0;
	line-height: 2em;
	text-align: center;
	color: #111;
}
#coupon p.big {
	font-size: 28px;
}
#coupon span {
	font-size: 32px;
	font-weight: bold;
	color: red;
}
#coupon span a {
	color: crimson;
}
#coupon #bggreen {
	background-color: #75D747;
	margin: 1em 0;
	font-size: 24px;
}
#medamaitem {
}
#medamaitem .no1 {
	margin-bottom: 10px;
}
#medamaitem .no1 img {
	width: 45%;
	float: left;
}
#medamaitem .no1 .info {
	padding: 5px;
	margin: 1em 0;
	width: 55%;
	float: left;
}
#medamaitem .no1 .nanka {
	text-align: left;
	margin: 1em 0;
	padding: 1em;
	clear: both;
	background-color: antiquewhite;
}
#medamaitem .no1 .souryo {
	background-color: #FC8801;
	margin-bottom: 0.5em;
	color: aliceblue;
	text-align: center;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}
#medamaitem .no1 .name {
	margin-bottom: 0.5em;
	font-size: 12px;
	font-weight: bold;
}
#medamaitem .no1 .price {
	margin-bottom: 0.5em;
	font-size: 16px;
	font-weight: bold;
	color: red;
}
#medamaitem .no1 .rink {
	background-color: red;
	margin-bottom: 1em;
	color: aliceblue;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}
.commentleft {
	float: left;
	height: 125px;
	padding-right: 1em;
	width: 125px;
}
.commentleft img {
	height: auto;
	width: 125px;
}
.commentright {
	float: right;
	height: 125px;
	padding-left: 1em;
	width: 125px;
}
.commentright img {
	height: auto;
	width: 125px;
}
.commentleft-img {
	float: left;
	margin: 0;
	width: 15%;
}
.commentright-img {
	float: right;
	margin: 0;
	width: 15%;
}
.comment figure img {
	border: 1px solid #aaa;
	border-radius: 50%;
	height: 100%;
	margin: 0;
	width: 100%;
}
.comment-img-description {
	font-size: 11px;
	padding: 5px 0 0;
	text-align: center;
}
.commentright-text {
	border: 1px solid #aaa;
	border-radius: 10px;
	float: right;
	font-size: 13px;
	padding: 3%;
	position: relative;
	width: 75%;
}
.commentleft-text {
	background: #85e249 none repeat scroll 0 0;
	border: 1px solid #aaa;
	border-radius: 10px;
	padding: 3%;
	position: relative;
	width: 75%;
}
p.comment-text {
	margin: 0 0 20px;
	padding-bottom: 0;
}
p.comment-text:last-child {
	margin-bottom: 0;
}
.commentright-text::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #aaa transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	content: "";
	left: -20px;
	position: absolute;
	top: 20%;
}
.commentright-text::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	content: "";
	left: -19px;
	position: absolute;
	top: 20%;
}
.commentleft-text::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #aaa;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	content: "";
	position: absolute;
	right: -20px;
	top: 20%;
}
.commentleft-text::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent transparent #85e249;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	content: "";
	position: absolute;
	right: -19px;
	top: 20%;
}
.comment::after {
	clear: both;
	content: "";
	display: block;
	margin-bottom: 3em;
}
.comment::before {
	clear: both;
	content: "";
	display: block;
	margin-bottom: 0;
}
/*===========================商品詳細口コミ部分
============================*/
.kutikomi{
	padding: 1em;
	background-color: #DEF9F8;
}

/*===========================お届け目安表示部分　css
============================*/
.deliverydate{
	background-color: #F5FAFE;
	padding: 13px;
	font-size: 14px;
	border: solid #CCCCCC 2px;
    max-width: 90%;
    min-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
.deliverydate p{
	margin: 0px;
}
/*===========================価格帯から探す　css
============================*/
.well_price {
	margin-bottom: 10px;
	padding: 12px 12px;
	background: #f3faf9;
	box-shadow: none;
}
.form-inline #price {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	float: left;
	width: 35%;
	padding-right: 1em;
	margin-bottom: 0;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
	float: left;
	padding: 0 5px;
}
.input-group-append {
	width: 20%;
}
.input-group-prepend {
    margin-right: -1px;
	padding-top: 5px;
}

/*===========================whiteninguvcutコンテンツ　css
============================*/
#whiteninguvcut{
	padding:5px;
}

#whiteninguvcut h3{
	
}

#whiteninguvcut h4{
	
}

#whiteninguvcut p{
	
}

/*===========================お悩みページ用css
============================*/

#whiteninguvcut h3{
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
#whiteninguvcut h3:after {
  /*タブ*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f00c Check';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

#whiteninguvcut h4{
  padding: 0.5em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}


/* women向け */
.trouble_w h3{
  position: relative;
  color: black;
  background: #fceff2;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
.trouble_w h3:after {
  /*タブ*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f00c Check';
  background: #ffa2b4;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

.trouble_w h4{
  padding: 0.5em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ffa2b4;/*左線*/
}


.trouble_box .sol4 {
	background-color: #fff;
	margin: 0 1% 1% 1%;
	padding: 2%;
    background: -webkit-repeating-linear-gradient(-45deg, #ffeae5, #ffeae5 3px,#fceff2 3px, #fceff2 7px);
    background: repeating-linear-gradient(-45deg, #ffeae5, #ffeae5 3px,#fceff2 3px, #fceff2 7px);
}


/*動画収納box*/
.box7 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fceff2;
    border: dashed 2px #ffa2b4;/*点線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}

.box7 img {
width: 100%;
	height: auto;
	object-fit: cover;
}


/* 共通　*/

.trouble_m .trouble_w　p{
	margin: 5%;
	line-height: 2.0;
}


/* ここから下がリボン　赤　のCSS　*/

.ribbon23-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 85px;
  height: 85px;
  overflow: hidden;
  }

.ribbon23 {
  display: inline-block;
  position: absolute;
  padding: 5px 0;
  left: -24px;
  top: 20px;
  width: 160px;
  text-align: center;
  font-size: 14px;
  line-height: 12px;
  background: #ff0000;
  color: #fff;
  letter-spacing: 0.05em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 2px rgb(255, 0, 0);
  border-top: dashed 1px rgba(255, 255, 255, 0.65);
  border-bottom: dashed 1px rgba(255, 255, 255, 0.65);
}





/*改善ポイントbox*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 ul li {
	font-size: 14px;
	font-weight: bold;
	line-height: 2.0;
}

/*お得情報*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #f92a42;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #f92a42;
    color: #ffffff;
    font-weight: bold;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/*有効含有成分*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 ul li {
    font-size: 14px;
	font-weight: bold;
	line-height: 2.0;
}

/*画像box*/
.main_img {
	border: dotted 1px #CCCCCC;
	background-color: #f0f7ff;
	padding: 2%;
}

/*画像下box*/
.trouble_box{
	margin-top: 5%;
	margin-bottom: 3%;
}
.trouble_box p{
	margin:1% 4%;
}

.trouble_box img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.trouble_box .sol1 {
	border: dotted 1px #CCCCCC;
	margin: 0 1% 1% 1%;
	padding: 2%;
}
.trouble_box .sol1 {
	background-color: #fff;
}
.trouble_box .sol2 {
	background-color: #fff;
	margin: 0 1% 1% 1%;
	padding: 2%;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/*動画収納box*/
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

/*===========================topクチコミエリア用css
============================*/
#topkuti {
	font-size: 0.8em;
	width: auto;
	height: auto;
}
#topkuti > .topkuti1 {
	background-color: #2196f3;
	padding: 7px 15px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	color: #fff;
}
.topkuti{
	text-align: center;
	width: 100%;
	padding: 0 5px;
	margin: auto;
	height:auto;
	overflow:hidden;
}
.topkutiw{
	float: left;
	width:49%;
	height: auto;
	padding: 5px;
	background: #FCF4F4;
	border: dotted #ccc 1px;
	margin: 0 1px 2px 1px;
}
.topkutim{
	float: left;
	width:49%;
	height: auto;
	padding: 5px;
	background: #EEF2FF;
	border: dotted #ccc 1px;
	margin: 0 1px 2px 1px;
}
.b-radius {
border-radius: 10px 10px 10px 10px;	/* 角丸　左上・右上・右下・左下 */ 
}
.tkicon > img{
	position: relative;
	margin: 10px ;
}
.tkname > p{
	line-height: 50px;
	margin-bottom: 0;
	display: inline;
}
.tkhoshi {
	font-size: 1.4em !important;
	color:#FFCF07;
}
.tkmain{
	text-align: left;
	background: #fff;
	padding: 8px;
	margin: 15px 0;
}
.tkitem{
	position: relative;
	margin: 0 10px 10px 0;
}
.tkitemname{
	position: relative;
	display: inline;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.topkuti_b{
	margin: 5px 0;
}
.topkuti_b > p{
	padding: 5px;
}



/*===========================html2エリア利用サイト 商品詳細クチコミエリア用css
============================*/
#item_kuti {
	font-size: 1.0em;
	width: auto;
	height: auto;
	margin-top: 10px;
}
.item_kuti{
	text-align: center;
	width: 100%;
	margin: auto;
	height:auto;
	overflow:hidden;
}
.item_ktitle{
}
.item_kutiw{
	height: auto;
	padding: 5px;
	margin: 0 1px 2px 1px;
	background: #fcf2f2;
}
.item_kutim{
	height: auto;
	padding: 5px;
	margin: 0 1px 2px 1px;
	background: #f3f2fc;
}
.item_tkicon{
	 width:40px !important;
	height:40px !important;
	position: relative;
	margin: 10px ;
}
.item_khoshi {
	font-size: 1.4em !important;
}
.item_khoshi > span{
	color:#FFCF07;
}

.item_kmain{
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: left;
	padding: 8px;
	margin: 15px 0;
	background: #fff;
}


/*mb-free-area */
.box_licard {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #dc143c;
}
.box_licard .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #dc143c;
    color: #ffffff;
    font-weight: bold;
}
.box_licard p {
    margin: 0; 
    padding: 0;
}

.licard {
display:flex;
height:auto;
margin:0 auto 5px;
color: #555;	
}

.licard-a a{text-decoration: none}

.licard_img{
width:40%;
position: relative;
}
.licard_text {
width:60%;
margin-left:0.7em;
margin-right: 0.7em;
margin-bottom: 0.7em;	
font-size: 0.8em;
}
.licard_text span{
	color: #2196f3;
	font-weight: 500;
}
.licard_img img {
max-width:100%;
max-height:100%;
object-fit:cover;
position: absolute;
top: 50%;
margin-top: -50px;
}
.licard_text h3{
	font-weight: bold;
	font-size: 1.2em;
}
.under {
  background: linear-gradient(transparent 50%, yellow 50%);
}
.get_coupon {
	margin-top: 10px;
}
.get_coupon img{
	margin-top: 10px;
}
.clipboard {
	display: block;
    margin-top: -20px;
}
.clipboard p {
	position: absolute;
    z-index: -9999;
    top: 20px;
}
.clipboard button {
	padding: 0;
	border: none;
	background: transparent;
}
.clipboard2 input {
	display: none;
}
.clipboard2 {
	text-align: center;
    margin-top: 30px;
}
.clipboard2 textarea {
	font-size: 22px;
    text-align: center;
    padding-top: 5px;
    height: 40px;
}
.clipboard2 button {
    width: 80%;
    margin-top: 20px;
	padding: 0;
	border: none;
	background: transparent;
}
.clipboard2 p{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FFFFFF;
    text-align:center;
    border:4px solid #B00203;
    color:#231816;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    /*text-shadow:0px 1px 1px #ADADAD ;*/
    transition: all 0.5s ease;
	padding: 20px;
	margin: 0px;
}
/*=============================
category_box カテゴリーテキスト
==============================*/
.category_box h2 {
    font-size: 20px;
    font-weight: bold;
    color: #004098;
	border-bottom: 3px solid #5192d4;
    margin: 30px 0 20px 0;
	text-align: center;
	line-height: 1.5;
}
.category_box h3 {
    font-size: 18px !important;
    font-weight: bold;
    color: #5192d4;
	margin: 20px 0px 10px 0px;
    border-left: 5px solid #5192d4;
    padding-left: 10px;
	line-height: 1.5;
}
.category_box h4 {
    font-size: 18px !important;
    font-weight: bold;
    color: #004098 !important;
    padding-left: 10px;
	line-height: 1.5;
}
.category_box p {
    font-size: 16px !important;
    margin: 10px;
	color: #555;
}
.category_box span {
    background: linear-gradient(transparent 60%, #ff6 60%);
}
.category_box img {
    display: block;
    margin: 20px auto;
	width: 100%;
}
.category_btn {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#category_text_s {
	font-size: 13px !important;
}
#category_text_m {
	font-size: 18px !important;
    font-weight: bold;
	text-align: center;
}
#category_text_l {
	font-size: 24px !important;
    font-weight: bold;
	color: #5192d4;
	margin: 20px 0px 10px 0px;
    padding-left: 20px;
}
#category_text_check {
	font-size: 16px !important;
	margin: 0 0 10px 0;
    color: #555;
    border-left: 27px solid #bfd1db;
    padding-left: 5px;
}
#category_text_saleRed {
	font-size: 25px !important;
	font-weight: bold;
	margin-top: 30px;
    color: #d70101;
	text-align: center;
}
#category_text_saleBlack {
	font-size: 25px !important;
	font-weight: bold;
	margin-top: 20px;
    color: #555;
	text-align: center;
}
#category_text_red {
	font-size: 18px !important;
	color: #d70101;
}
#category_text_black {
	font-size: 18px !important;
}
#category_text_small {
	font-size: 14px !important;
}
#category_text_btn {
	font-weight: bold;
	font-size: 16px;
	margin: 20px;
    color: #fff;
	text-align: center;
	background: #004098;
	border-radius: 35px;
	padding: 15px;
}
.category_text_box {
	border: 1px solid #ecf5fa;
    margin-bottom: 20px;
	margin-top: 20px;
    background: #ecf5fa;
}
html {
	scroll-behavior: smooth;
}
.scroll {
	margin: 20px 20px 35px 20px;
}
.scroll p {
	font-size: 18px !important;
	display: block;
    font-weight: bold;
	text-align: center;
	border: 1px solid #5192d4;
	border-radius: 30px;
	padding: 6px;
	background: #5192d4;
}
.scroll a {
	color: #fff;
}
.category_contents_box_2 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.category_contents_box_2 img {
	width: 100%;
	height: 100%;
	margin: 10px auto;
}
.category_contents_box_2 p {
	font-size: 14px;
}
.category_contents_box_3 {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.category_contents_box_3 img {
	width: 100%;
	height: 100%;
	margin: 10px auto;
}
.category_contents_box_3 p {
	font-size: 14px;
}
/*=============================
吹き出し
==============================*/
.talk {
	margin-top: 30px;
	margin-bottom: 30px;
}
.talk figure img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.talk:after,.talk:before {
	clear: both;
	content: "";
	display: block;
}
/* ----- 左 ----- */
.talk-Limg {
	margin: -5px 0 0 0;
	float: left;
	width: 20%;
	height: auto;
}
.talk-Ltxt {
	position: relative;
	margin-left: 21%;
	padding: 5px;
	border: 3px solid #5192d4;
	background-color: #e7f1fb;
	border-radius: 13px;
}
.talk-Ltxt:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #5192d4;
	top: 25px;
	left: -21px;
}
.talk-Ltxt:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #e7f1fb;
	top: 25px;
	left: -17px;
}
/* ----- 右 ----- */
.talk-Rimg {
	margin: -5px 0 0 0;
	float: right;
	width: 20%;
	height: auto;
}
.talk-Rtxt {
	position: relative;
	margin-right: 21%;
	padding: 5px;
	border: 3px solid #5192d4;
	background-color: #e7f1fb;
	border-radius: 13px;
}
.talk-Rtxt:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #5192d4;
	top: 25px;
	right: -21px;
}
.talk-Rtxt:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #e7f1fb;
	top: 25px;
	right: -17px;
}
/*=============================
タブ切り替え
==============================*/
.tabs {
	margin-top: 30px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
}
.tab_item {
	width: calc(98%/3);
	border-left: 4px solid #1A4381;
	border-radius: 0 10px 0 0;
	background-color: #c8dcf1;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #1A4381;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 2px 0 0;
	transition: all 1.0s ease;
}
input[name="tab_item"] {
	display: none;
}
.tab_content {
	display: none;
	padding: 0 10px;
	clear: both;
	overflow: hidden;
    border-top: 4px solid #1a4381;
}
.tab_content h2 {
    font-size: 20px !important;
    color: #004098 !important;
	background-color: #fff  !important;
	border-bottom: 3px solid #5192d4;
	text-align: center;
}
.tab_content h3 {
    font-size: 16px !important;
    color: #5192d4 !important;
	margin: 20px 0px 10px 0px;
    border-left: 5px solid #5192d4;
    padding-left: 10px;
	line-height: 1.5;
}
.tab_content h4 {
    font-size: 17px !important;
    color: #5192d4 !important;
	margin: 15px 10px 0 10px;
	line-height: 1.5;
	font-weight: bold;
}
.tab_content p {
	color: #555;
}
#A:checked ~ #A_content,
#B:checked ~ #B_content,
#C:checked ~ #C_content {
	display: block;
}
.tabs input:checked + .tab_item {
	background-color: #1A4381;
	color: #fff;
	border-left: 4px solid #1A4381;
}
/*=============================
商品ページ 在庫切れ表記
==============================*/
.outstock {
    width: 80%;
    margin: 30px auto;
    padding: 30px 0px;
    border-radius: 10px;
    background: #FF2D2D;
    text-align: center;
    font-size: 16px;
    color: white;
}
.outstock a {
	font-weight: bold;
}
/*=============================
★5表記 例）<div class="star5_rating" data-rate="5"></div>
==============================*/
.star5_rating_head{
    display: inline-block;
}
.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */
/*=============================
カテゴリーヘッダー brand
==============================*/
	.category_brand_box {
		display: flex;
		overflow-x: scroll;
	}
	.category_brand table {
		font-size: 14px;
		color: #555;
		table-layout: fixed;
		flex-shrink: 0;
		width: 800px;
	}
	.category_brand td {
		border: solid 2px;
		padding: 1%;
		width: 175px;
	}
	.category_brand_table0 td {
		border-top: none;
		border-right: none;
		border-left: none;
	}
	.category_brand_table0 img {
		width: 100%;
		margin: 0;
	}
	.category_brand_table1 {
		font-size: 14px;
		width: 100px!important;
	}
	.category_brand_table1_2 {
		font-size: 12px;
		width: 100px!important;
	}
	.category_brand_table_star {
		font-size: 22px;
	}
	.category_brand_text span {
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}
/*=============================
カテゴリーヘッダー edgnrc
==============================*/
	.category_gene_box0 table {
		width: 90%;
    	margin: 30px auto;
    	text-align: center;
		color: #555;
		font-size: 15px;
	}
	.category_gene_box0 td {
		padding: 2%;
    	border: solid 2px #555;
	}
	.category_brand table {
		font-size: 14px;
		color: #555;
		table-layout: fixed;
	}
	.category_brand td {
		border: solid 2px;
		padding: 1%;
		width: 175px;
	}
	.category_brand_table0 td {
		border-top: none;
		border-right: none;
		border-left: none;
	}
	.category_brand_table0 img {
		width: 100%;
		margin: 0;
	}
	.category_brand_table1 {
		font-size: 14px;
		width: 100px!important;
	}
	.category_brand_table1_2 {
		font-size: 12px;
		width: 100px!important;
	}
	.category_brand_table_star {
		font-size: 22px;
	}
	.category_brand_text span {
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}
	.category_gene_box {
		font-size: 16px;
		color: #555;
	}
	.category_gene_box table {
		margin: 0 auto;
	}
	.category_gene_box td {
		padding: 3vw;
	}
	.category_gene_box span {
		background: none;
		font-size: 30px;
		font-weight: bold;
		color: red;
	}
	.category_gene_box img {
		width: 250px;
	}
	.category_gene_box2 {
		width: 100px;
		padding: 0 0 0 50px;
	}
	.category_gene_box3 {
		width: 160px;
		padding: 0 0 0 50px;
	}
	.category_gene_box_gene1 a {
		text-decoration: none;
		color: #FFF;
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
	}
	.category_gene_box_gene1 p {
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
		background: #01605E;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		padding: 7px;
		box-shadow: 3px 3px #ccc;
	}
	.category_gene_box_gene1:hover {
		opacity: 0.7;
	}
	.category_gene_box_gene2 a {
		text-decoration: none;
		color: #FFF;
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
	}
	.category_gene_box_gene2 p {
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
		background: #F3424B;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		padding: 7px;
		box-shadow: 3px 3px #ccc;
	}
	.category_gene_box_gene2:hover {
		opacity: 0.7;
	}
	.category_gene_box_gene3 a {
		text-decoration: none;
		color: #FFF;
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
	}
	.category_gene_box_gene3 p {
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
		background: #F9733B;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		padding: 7px;
		box-shadow: 3px 3px #ccc;
	}
	.category_gene_box_gene3:hover {
		opacity: 0.7;
	}
	.category_gene_box_gene4 a {
		text-decoration: none;
		color: #FFF;
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
	}
	.category_gene_box_gene4 p {
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
		background: #FB4749;
		color: #FFF;
		font-weight: bold;
		border-radius: 5px;
		padding: 7px;
		box-shadow: 3px 3px #ccc;
	}
	.category_gene_box_gene4:hover {
		opacity: 0.7;
	}
	.category_gene_box_gene5 a {
		text-decoration: none;
		color: #FFF;
		text-align: center;
		display: block;
		width: 200px;
		margin: 50px auto 80px;
	}
	.category_gene_box_gene5 p {
		text-align: center;
		display: block;
		width: 200px;
		border: solid 2px #FF9800;
		margin: 50px auto 80px;
		background: #FFEACC;
		color: #333333;
		font-weight: bold;
		border-radius: 5px;
		padding: 5px;
		box-shadow: 3px 3px #ccc;
	}
	.category_gene_box_gene5:hover {
		opacity: 0.7;
	}
	.category_gene_box_set {
		margin-bottom: 30px;
	}
	.category_gene_box_set p {
		text-align: center;
		font-size: 30px;
		font-weight: bold;
	}
/*===========================
カテゴリーヘッダー aga table
============================*/
.aga {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}
.aga th {
	background: #7a8da1;
	padding: 10px 3px;
	border: solid 3px #fff;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.aga td {
	background: #f4f6f9;
	padding: 10px 3px;
	border: solid 3px #fff;
	color: #1a4381;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.aga td:first-child {
	background: #7a8da1;
	color: #fff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
/*===========================
カマグラシリーズ特集 Kamagra.php
============================*/
.kamagra {
	margin: 10px;
}
.kamagra img {
	width: 100%;
}
.kamagra h2 {
	margin: 40px 20px 30px 20px;
	padding: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #1A4381;
	border-bottom: 5px solid #5192d4;
}
.kamagra h3 {
	margin: 40px 20px 30px 20px;
	padding: 5px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #5192d4;
	border-bottom: 3px solid #a6d1fc;
}
.kamagra h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #1A4381;
}
.kamagra p {
	margin: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
}
.kamagra_img {
	width: 70%;
	display: block;
	margin: auto;
}
.kamagra_btn1 {
	width: 80%;
	display: block;
	margin: 20px auto;
	padding: 15px;
	border-radius: 30px;
	background: #128f8a;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.kamagra_btn2 {
	width: 80%;
	display: block;
	margin: 20px auto;
	padding: 15px;
	border-radius: 30px;
	background: #5192d4;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.kamagra_btn3 {
	width: 80%;
	display: block;
	margin: 20px auto;
	padding: 15px;
	border-radius: 30px;
	background: #e56630;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.kamagra_btn4 {
	width: 80%;
	display: block;
	margin: 20px auto;
	padding: 15px;
	border-radius: 30px;
	background: #f14e84;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.kamagra_pe h2 {
	margin: 80px 20px 30px 20px;
	padding: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #e54502;
	border-bottom: 5px solid #e56630;
}
.kamagra_pe h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #e54502;
}
.kamagra_w h2 {
	margin: 80px 20px 30px 20px;
	padding: 5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #f50354;
	border-bottom: 5px solid #f14e84;
}
.kamagra_w h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #f50354;
}