/* ED治療比較：.indexList1 */
.hikaku_list ul{
    width: calc(100% + 20px);
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
    margin: 0 -10px;
}
.hikaku_list ul li{
	width:33%;
	display:table-cell;
	border:1px solid #4ab4f7;
	padding: 7px 7px 42px;
    font-size: 15px;
    line-height: 1.4;
	box-sizing:border-box;
	border-radius: 5px;
	position:relative;
}
.hikaku_list ul li a{
	display: block;
}
/* 商品名部分 */
.hikaku_list ul li .i1{
    font-weight: bold;
    line-height: 1;
    margin: -8px -8px 12px;
    border-radius: 3px 3px 0px 0px;
    background: #4ab4f7;
    color: #fff;
    padding: 10px;
}
.hikaku_list ul li .i2{
	font-size: 14px;
	width: calc( 100% - 100px );
	display: inline-block;
	vertical-align: top;
}
/* ↓「詳細はこちら」部分 */
.hikaku_list ul li .i3{
	position:absolute ;
	bottom: 0px;
	right: 0px;
	margin: 15px 10px;
	display:block;
	font-size: 14px;
	line-height: 1;
}
/* 商品画像部分 */
.hikaku_list ul li .i_img{
	width:90px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
.hikaku_list ul li .i_img img{
	display: inline-block;
}
/* ▼記事ページ下：登録カテゴリ・タグ */
.post_setting{
	padding: 0px;
    margin: 0px;
    position: absolute;
    left: -25px;
    font-weight: bold;
    top: -25px;
}


.post_setting ul{
    padding: 0px;
    margin: 0px !important;
}

.post_setting li{
	list-style:none;
	font-size:12px !important;
	padding: 0px;
	margin:	0px;
 }

/*  ▼カテゴリーラベル */
.category_name { display:inline-block; font-size:12px; }
.category_name {
	font-weight: bold;
    text-decoration: none;
    background: #89b1f9;
    color: #fff;
    padding: 9px;
    margin: 10px 0;
    border-radius: 5px;
    line-height: 1;
    margin-right: 7px;
}
.category_name a{
	color:#fff !important;
}
.category_name:before{
	content:"\f02b";
	font-family:FontAwesome;
	margin-right:6px;
}

/*	▼カテゴリページ・ラベル： .label */
.label{
	margin-bottom:30px;
}

.label > .imgbox{
	display:inline-block;
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	border-radius:50%;
	border:10px solid #e06082;
	position:relative;
	z-index:1;
	background-color:#fff;
	background-position:50% 50%
}

.label > .label_text{
	display:block;
	background:#e06082;
	border-radius:10px;
	padding:20px;
	color:#fff;
	position:relative;
	z-index:0;
}

.label.cat > .label_text{
	display:inline-block;
	width:calc(100% - 176px);
	vertical-align:middle;
	padding:20px 20px 20px 50px;
	margin-left:-40px;
	position:relative;
	z-index:0;
}

.label > .label_text > h1{ font-size:14px; line-height:25px; }
.label > .label_text > h3{ font-size:21px; }

.label.search > .label_text > h1{ font-size:21px; }


/*	▼サイトメイン部分： article▼		*/
article { text-align:center; }
article > .theContentWrap-ccc { text-align:center; position:relative; font-size:15px; border-radius:5px; }

article p{ margin:10px 0px 20px; line-height:28px; }
article h1,h2,h3,h4,h5,h6,p,div,ol,ul,dl{ text-align:left; }


article table { margin:0 auto; }
article caption { padding:10px;font-size:115%;font-weight:bold; }

article img{
	max-width:500px;
	height: auto;
	display:block;
	margin:0px auto;
}
article .fst-img img {
    height: 302px !important;
}
/*	▼h1の部分：article > h1▼		*/
article h1 {
	position:relative;
	font-size:23px;
	line-height:33px;
	margin:0px;
	font-weight:bold;
	padding: 5px 0;
}

/*	h1 ⇒ 更新日・SNSボタン ：.data		*/
.data{
	padding:10px 0;
	position:relative;
	display: block;
	font-size:13px;
}

.data > .update{
	display:inline-block;
	vertical-align: middle; 
	line-height:1;
	padding:0px;
}


/*	▼h2～h4の部分▼		*/
article h2 {
	color:#666;
	border:3px solid #4ab4f7;
	padding:16px 20px;
	margin:20px 0px;
	border-radius:5px;
	position:relative;
	font-size:22px;
	line-height:31px;
	font-weight:normal;
	font-weight:bold;
	position:relative;
}

article h3 {
	color:#777;
	background:#c1e0ef;
	border-left:5px solid #4ab4f7;
	padding:10px 20px;
	margin:40px 0px 20px;
	border-radius:5px;
	position:relative;
	font-size:19px;
	line-height:31px;
	font-weight:normal;
	font-weight:bold;
	position:relative;
}

article h4 {
	color:#777;
	border-bottom:5px solid #ccc;
	padding:10px 0px;
	margin:20px 0px;
	position:relative;
	font-size:17px;
	line-height:31px;
	font-weight:normal;
	font-weight:bold;
	position:relative;
}

article h4:after{
	content:"";
	width:200px;
	height:5px;
	display:block;
	background:#4ab4f7;
	position:absolute;
	left:0px;
	bottom:-5px;
}

/*	強調タグ：span */
.bold{ font-weight: bold; }
.marker{ font-size:16px; background:#FCEEB0; font-weight:bold; }
.black{ font-size:16px; color:#333; font-weight:bold;  }
.red{ font-size:16px; color:#ca082a; font-weight:bold; }

/* 強調タグ（フォントサイズ：17px） */
.fs17{ font-size:17px; }


/*	目次：.mkjbox	*/
.mkjbox{
	display:table;
	background:#FFF;
	margin:25px auto;
	padding: 10px;
	position:relative;
	border: 3px solid #b2d4de;
}

@import url('https://fonts.googleapis.com/css?family=Oswald');
.mkjbox .mkjlabel{
	color:#b2d4de;
	margin:0px;
	font-family: 'Oswald', sans-serif;
	text-align:center;
	padding:8px;
	font-size:20px;
	line-height:1;
	border-bottom: 2px solid #b2d4de;

}

.mkjbox ul,
.mkjbox ol{
	margin:5px;
	padding:5px 10px;
	list-style:none;
}

.mkjbox li{
	font-size: 15px;
    padding-right: 16px;
    line-height: 14px;
    text-indent: -6px;
    padding-left: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	list-style-type: none !important;
}
.mkjbox li:last-child{ border-bottom:0px; }

.mkjbox li:nth-child(n)::before {
	color:#3b92aa;
	font-family: 'Oswald', sans-serif;
	width: 5px;
    display: inline-block;
	font-size:15px;
	line-height:20px;
	border-right:2px solid #b2d4de;
	padding-right:10px;
	margin-right:10px;
}
.mkjbox li:nth-child(1)::before { content:"01"; }
.mkjbox li:nth-child(2)::before { content:"02"; }
.mkjbox li:nth-child(3)::before { content:"03"; }
.mkjbox li:nth-child(4)::before { content:"04"; }
.mkjbox li:nth-child(5)::before { content:"05"; }
.mkjbox li:nth-child(6)::before { content:"06"; }
.mkjbox li:nth-child(7)::before { content:"07"; }
.mkjbox li:nth-child(8)::before { content:"08"; }
.mkjbox li:nth-child(9)::before { content:"09"; }
.mkjbox li:nth-child(10)::before { content:"10"; }
.mkjbox li:nth-child(11)::before { content:"11"; }
.mkjbox li:nth-child(12)::before { content:"12"; }
.mkjbox li:nth-child(13)::before { content:"13"; }
.mkjbox li:nth-child(14)::before { content:"14"; }
.mkjbox li:nth-child(15)::before { content:"15"; }
.mkjbox li:nth-child(16)::before { content:"16"; }
.mkjbox li:nth-child(17)::before { content:"17"; }
.mkjbox li:nth-child(18)::before { content:"18"; }
.mkjbox li:nth-child(19)::before { content:"19"; }
.mkjbox li:nth-child(20)::before { content:"20"; }


.mkjbox li a { color:#333; text-decoration:none;  }


/*	▼表タグ  /  table ▼ */
article  table { margin:25px auto; border:1px solid #ccc; }

article  table > tbody > tr,
article  table > tbody > tr > th,
article  table > tbody > tr > td {
	border:2px solid #ccc;
	padding:15px;
}

article  table > tbody > tr > th img,
article  table > tbody > tr > td img{
    max-width: 100%;
    height: auto;
}

article  table > tbody > tr > th {
	background:#daf0f7;
	color:#555;
	font-weight:bold;
	white-space: nowrap;
}

/* ▼値段比較表：.price */
.price{
	table-layout: fixed;
    width: 100%;
}

/* ▼値段比較表：.price.compa */
.price.compa {
	font-size:13px;
}

.price.compa img{
	max-width:100%;
	height:auto;
}


.price.compa tr,
.price.compa th,
.price.compa td {
	padding:8px;
	border:1px solid #ccc;
}

.price.compa th{
	width:20%;
	text-align:center;
}

.price.compa th.tblabel{
	width:5%;
	text-align:center;
}


.price.compa th.tblabel2{
	background:#72cce8;
	color:#fff;
}


/*	▼リストタグ：チェックのみ > ul.checklist ▼ */
article  .checklist{
	padding:5px;
	margin:10px;
}

article  .checklist > li{
	list-style:none;
	padding:5px;
	margin:7px;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	text-indent:-30px;
	padding-left:25px;
	vertical-align: top;
}

article  .checklist > li:before{
	content:"\f058";
	color:#4ab4f7;
	font-family:FontAwesome;
	vertical-align: top; 
	margin-right:15px;
}



/* ▼段落  */
article > dl{
	margin:15px 0 25px;
	border:3px solid #ccc;
	padding:10px;
}

article > dl > dt{
	border-bottom:1px dashed #ccc;
	font-weight:bold;
	padding:5px;
}

article > dl > dt::before{
	content:"●";
	color:#45c7ef;
	font-size:22px;
	font-weight:bold;
	padding:3px;
}


article > dl > dd{
	padding:5px;
	margin:0px;
}


/*	▼リストタグ > ul,ol ▼ */
article  ul,  article  ol { list-style-position:inside; margin:25px 25px; }

article  ul > li,  article  ol > li {
	font-size:17px;
	line-height:28px;
	padding:10px 0 10px;
}

/*	▼サイト運営者情報テーブル▼	*/
.sitedata > dt,
.sitedata > dd { font-size: 15px; display:inline-block; vertical-align:top; margin:0px; padding:5px; }

.sitedata > dt { color:#e06082 !important; background:transparent; width:130px; text-align:right;  }
.sitedata > dd { width:calc(100% - 180px); border-left:2px solid #ddd; text-align:left; margin:0px 0px 10px 15px; padding:5px 10px; }
.sitedata > dd > iframe { width:100% !important; }


#next { width:400px; margin:60px auto; text-align:center !important; display:block; }
#next > a { 
	background: #fff;
    font-size: 17px;
    padding: 20px 50px;
    color: #4ab4f7;
    border-radius: 7px;
    font-weight: bold;
    border: 3px solid #4ab4f7;
    text-decoration: none;
    cursor: pointer;	
}
#next > a:hover { 
	opacity: 1;
	color:#fff;
	background-color: #4ab4f7;
}

/*	▼SNS部分：.sns ▼		*/
.sns_share{
	border-top:3px solid #888;
	position:relative;
	font-weight:bold;
	color:#888;
	margin:100px auto 20px;
}

.sns_share > span{
	width:220px;
	display:inline-block;
	background:#fff;
	padding:10px 15px;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	line-height:1;
}

.sns{
	display: block;
    vertical-align: middle;
	text-align: center;
	margin: 0;
}

.sns > li {
	width: 50px;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
	margin: 15px;
    line-height: 0;
    text-align: center;
    text-indent: 0;
    font-family: FontAwesome, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: 3px;
    margin-left: 5px;
}

.sns > li > a {
	font-size: 12px;
    width: 45px;
    height: 45px;
    display: block;
    /* padding: 7px; */
    margin: 0px;
    text-decoration: none;
    /* background: #aaa; */
    color: #fff !important;
    border-radius: 10px;
    letter-spacing: 0px;
    position: relative;
    text-align: center;
}
.sns > li > a:hover { opacity:0.4; color:#fff; }
.sns > li > a:before { 
	content: "";
    width: auto;
    height: 0;
    position: absolute;
    font-size: 28px;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
	line-height: 0;
}
.sns > li > .tw { background:#03A9F5; } .sns > li > .tw:before { content:"\f099"; }
.sns > li > .fb { background:#3B5999; } .sns > li > .fb:before { content:"\f09a"; }
.sns > li > .is { background:#fff; color:#467397; border:1px solid #467397; } .sns > li > .is:before { content:"\f16d"; }
.sns > li > .tb { background:#2C4762; } .sns > li > .tb:before { content:"\f173"; }
.sns > li > .hb { background:#00A5DB; } .sns > li > .hb:before { content:"B!"; font-weight:bold; }
.sns > li > .lm img{
	width: 45px;
    height: 45px;
}

/*.sns > li > .ln { background:#00C300; } .sns > li > .ln:before { content:""; width:40px; height:40px; background-image:url("../images/line_20.png"); background-repeat:no-repeat; background-position:0px 0px; }*/
.sns > li > .gp { background:#DD4D42; } .sns > li > .gp:before { content:"\f0d5"; }
.sns > li > .fd { background:#87BF31; } .sns > li > .fd:before { content:"\f09e"; }


/*	▼内部リンク：リンクカード風 / .link_card▼	*/
.link_card{
	position: relative;
	width: 600px;
	display: inline-block;
	margin:70px 15px 45px;
}

.link_card > a {
	display:block;
	text-decoration:none;
	color:#777;
	border:2px solid #888;
	padding:12px;
	box-sizing:border-box;
}
.link_card>a:after {
    /* content: ""; */
    /* clear: both; */
    content: "";
    display: block;
    clear: both;
}
.link_card .lc_label{
	display:inline-block;
	padding:6px 20px;
	font-size:14px;
	background:#888;
	color:#fff;
	position:absolute;
	top:-33px;
	left:0px;
}

.link_card > a > .imgbox{
	display:inline-block;
	vertical-align:middle;
	width:100px;
	height:90px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	margin-right:10px;
}

.link_card > a > .databox{ display:inline-block; width:calc(100% - 120px); vertical-align:middle; box-sizing:border-box; font-size:11px; }
.link_card > a > .databox > .title{ font-size:16px; font-weight:bold; }
.link_card > a > .databox > .exce{ font-size:12px; margin:7px 0;  display:block; }


/*	▼外部リンク / .outlink▼	*/
.outlink{ text-align:right; }

.outlink a{
	color:#c40345;
	padding:5px;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}

.outlink a::after{
	content:"\f08e";
	font-family:FontAwesome;
	padding-left:7px;
}

.outlink a:hover{
	border-color:#f7811d;
	text-decoration:none;
}

/*	▼外部リンク(カード風) / .ol_card▼	*/
.ol_card{
	border:1px solid #777;
	box-sizing:border-box;
	position:relative;
	margin:15px;
}

.ol_card a{
	display:block;
	padding:15px;
	position:relative;
}


.ol_card a::after{
	font-size:13px;
	line-height:1;
	content:"外部サイトへ移動";
	background:#777;
	color:#fff;
	padding:10px;
	position:absolute;
	right:0px;
	bottom:0px;
}


.ol_card .olcd_image,
.ol_card .olcd_detail{ display:inline-block; vertical-align:top; }

.ol_card .olcd_image{
	width:110px;
}

.ol_card .olcd_image img{
	max-width:100%;
	height:auto;
}

.ol_card .olcd_detail{
	width:calc(100% - 130px);
	margin:0px 0px 20px 10px;
	font-size:13px;
	box-sizing:border-box;
}

.ol_card .olcd_detail .olcd_sitetitle{
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	margin:0px 0px 10px;
}

.ol_card .olcd_url{
	font-size:11px;
	color:#8c8c8c;
	text-align:left;
	display:block;
	padding:5px 0;
	margin:0px;
}

.ol_card .olcd_url img{
	vertical-align:top;
	margin-right:5px;
}

/*	 ▼内部リンクボタン ▼	*/
.inlink_btn{
	text-align:center;
	margin:15px auto;
	display:table;
}

.inlink_btn a{
	color:#fff !important;
	background:#3a78ff !important;
	text-decoration:none !important;
	font-size:17px;
	line-height:18px;
	text-align:center;
	padding:25px 40px 35px;
	border-radius:5px;
	position:relative;
	display:block;
}
.inlink_btn a:after{
	content:"\f0dd";
	font-size:25px;
	line-height:0px;
	font-family:FontAwesome;
	color:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	left: 50%;
    transform: translateX(-50%);
	right:0px;
	bottom:20px;
	margin:auto;
}
.inlink_btn a:hover{
	opacity:0.6;
	color:#fff;
}


/*	 ▼外部リンクボタン > .linkbtn▼	*/
.linkbtn {
	text-align:center;
	margin:15px auto 45px;
	display:table;
	overflow:hidden;
}

.linkbtn a{
	color:#fff !important;
	text-decoration:none !important;
	font-size:17px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	padding:25px 40px;
	border-radius:5px;
	position:relative;
	display:block;
	background:#ff4c43;
}

article > .linkbtn a{
	width:400px;
}

.linkbtn a:after{
	content:"\f105";
	font-size:18px;
	line-height:0px;
	font-family:FontAwesome;
	color:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	top:0px;
	bottom:0px;
	margin:auto;
	right:20px;
	width:0px;
	height:0px;
	text-shadow:none;
}

.linkbtn a:hover{
	opacity:0.6;
	color:#fff;
}

/* 比較表商品画像 > .linkarea */
.linkarea img{
	margin:10px auto;
}

/*	 ▼リンクボタン（表タイプ） > .linkarea▼	*/
.linkarea a{
	color:#fff !important;
	background:#ff4c43 !important;
	text-decoration:none !important;
	font-size:14px;
	font-weight: bold;
	line-height:18px;
	text-align:center;
	padding:15px 25px;
	border-radius:5px;
	position:relative;
	display:block;
	/*white-space: nowrap;*/
}

.linkarea a:after{
	content:"\f105";
	font-size:18px;
	line-height:0px;
	font-family:FontAwesome;
	color:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	top:0px;
	bottom:0px;
	margin:auto;
	right:15px;
	width:0px;
	height:0px;
	text-shadow:none;
}

.linkarea a:hover{
	opacity:0.6;
	color:#fff;
}
.linkarea .inlink_btn{
	margin: 15px 0px 0px;
	display:block;
}
.linkarea .inlink_btn a{
	color:#fff !important;
	background:#3a78ff !important;
	text-decoration:none !important;
	font-size: 15px;
    line-height: 1;
	text-align:center;
	padding:15px 1.5em 25px;
	border-radius:5px;
	position:relative;
	display:block;
}
.linkarea .inlink_btn a:after{
	content:"\f0dd";
	font-size:18px;
	line-height:0px;
	font-family:FontAwesome;
	color:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	left:0px;
	right:0px;
	bottom:-16px;
	margin:auto;
	width:0px;
	height:0px;
	text-shadow:none;
}

/*	 ▼注文停止などの非リンクボタン（表タイプ） > .nolink▼	*/
.nolink{
	background:#aaa;
	color:#fff;
	padding:10px 25px;
	border-radius:5px;
	text-align:center;
	position:relative;
	display:block;
	font-size: 14px;
    line-height: 18px;
}
.nolink:after{
	content:"\f105";
	font-size:18px;
	line-height:0px;
	font-family:FontAwesome;
	color:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	top:0px;
	bottom:0px;
	margin:auto;
	right:15px;
	width:0px;
	height:0px;
	text-shadow:none;
}

/*  囲み枠 > .waku */
.waku{
	border:3px solid #65d5ef;
	padding:20px;
	margin:25px 15px;
	display: inline-block;
    min-width: 350px;
}
.waku p{
	margin:auto;
}

.waku .waku_label{
	margin:0px;
	background:#65d5ef;
	font-weight:bold;
	color:#fff;
	padding:6px 25px;
	display:inline-block;
}

.waku .waku_txt{
	padding:20px;
}

/* 管理人コメント：.mas_comment */
.mas_comment{ margin:35px auto; }

.mas_comment > .mas_icon{
	display:inline-block;
	vertical-align:middle;
	width:100px;
	height:100px;
	background-image:url("../images/master.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#eee;
	margin-right:20px;
}

.mas_comment > .mas_text{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	text-align:left;
	width:calc(100% - 190px);
	background:#fff;
	border:2px solid #ddd;
	padding:20px;
	position:relative;
	border-radius:10px;
}

.mas_comment > .mas_text::before{
	content:"";
	position:absolute;
	left:-25px;
	top:0;
	bottom:0;
	margin:auto;
	width:0px;
	height:0px;
	line-height:1;
	border:10px solid transparent;
	border-right:15px solid #ddd;
}

.mas_comment > .mas_text::after{
	content:"";
	position:absolute;
	left:-21px;
	top:0;
	bottom:0;
	margin:auto;
	width:0px;
	height:0px;
	line-height:1;
	border:10px solid transparent;
	border-right:15px solid #FFF;
}


/*  ワンポイント > .point */
.point{
	margin:20px 0px;
}

.point .point_label{
	display:inline-block;
	background:#7b98ea;
	color:#fff;
	padding:5px 30px;
	font-weight:bold;
	position:relative;
}

.point .point_label::after{
	content:"";
	border:17px solid transparent;
	border-left:17px solid #7b98ea;
	border-bottom:17px solid #7b98ea;
	position:absolute;
	display:block;
	right:-34px;
	bottom:0px;
}

.point .point_text{
	padding:10px;
	border:3px solid #7b98ea;
}

.point .point_text p{
	margin:0px;
}


.point .point_text ul{
	margin:0px;
}


.point .point_text ul li{
	font-size:15px;
	line-height:22px;
	margin:0px;
	padding:5px 7px;
	border-bottom:1px solid #ccc;
}

.point .point_text ul li:last-child{
	border-bottom:none;
}


/*	口コミ > .review	*/
.review{
	width:95%;
	word-break: break-all;
	margin:35px auto;
	border:2px solid #D1EEB7;
	border-radius:5px;
	display:block;
}

.review .review_title{
	color:#3da706;
	padding:15px 20px;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	background:#D1EEB7;
}

.review .star{
	font-size:13px;
	line-height:25px;
	color:#888;
	position:relative;
	margin:0px 10px;
}

.review .star::before{
	content:"評価：";
}

.review .star.s1::after,
.review .star.s2::after,
.review .star.s3::after,
.review .star.s4::after,
.review .star.s5::after{
	position:absolute;
	left:39px;
	color:#f9b731;
}

.review .star.s1::after{ content:"★"; }
.review .star.s2::after{ content:"★★"; }
.review .star.s3::after{ content:"★★★"; }
.review .star.s4::after{ content:"★★★★"; }
.review .star.s5::after{ content:"★★★★★"; }


.review .review_txt{
	padding: 20px;
	font-size: 14px;
	line-height: 22px;
}
.review .review_txt p{
	line-height:26px;
}

/*	▼質問ボックス > .qanda ▼ */
.qanda{
	background:#fff;
	padding:0px;
	border:none;
}

.qanda .qanda_q,
.qanda .qanda_a{
	position:relative;
	padding:15px;
	padding-left:65px;
}

.qanda .qanda_q{
	background:#b8ddf7;
}

.qanda .qanda_a{
	font-size:15px;
}

.qanda .qanda_q::before,
.qanda .qanda_a::before{
	font-size:20px;
	line-height:25px;
	font-weight:normal;
	color:#fff;
	border-radius:50%;
	padding:7px 12px;
	position:absolute;
	top:0;
	left:0;
	margin:10px 15px;
}

.qanda .qanda_q::before{ content:"Q"; background:#38a2ec; }
.qanda .qanda_a::before{ content:"A"; background:#f15353; }




/*	▼関連記事 > .more	*/
.more { margin:10px 0; }
.more > li { width:calc(50% - 5px); display:inline-block; margin:20px 0; font-size:13px; } 
.more > li:after { content:""; clear:both; }
.more > li > a { text-decoration:none; display:block; }
.more > li > a > img { width:150px; float:left; margin-right:15px; }
.more > li > a > p { font-size:18px; line-height:30px; font-weight:bold; margin:0; }



/* ▼固定ページ・メールフォームページ共通 */
.page.label_title{  /* ページのタイトル部分 */
	font-size: 23px;
    line-height: 33px;
    font-weight: bold;
}

.page_h1{ /* ページのh1部分 */
	font-size: 13px;
	line-height: 24px;
	font-weight:normal;
	margin-bottom:30px;
}


/* ▼検索結果画面 > .search_info */
.search_info{ width:1100px;	background:#eee; margin-bottom:30px; }
.search_info { padding:15px 20px; box-sizing:border-box; }
.search_info > h1{ font-size:21px; }
.search_info > span{ font-style:Italic; font-family:Times New Roman; margin:0px 0 10px;font-size:13px; color:#FF80AA; display:block; }



/*	▼ メールフォーム .mailbox ▼*/
.mailbox{
	border:3px solid #fff
}

.mailbox > tbody > tr > th,
.mailbox > tbody > tr > td {
	border:3px solid #fff;
	padding:10px 15px;
	text-align:left;
}


.mailbox > tbody > tr > th { 
	color:#333;
	width:170px;
	background:#eee;
	position:relative;
	font-size:14px;
}

/* 入力確認時のエラーボックス .errorbox */
.errorbox{
	color:red;
	border:2px solid red;
	background:#ffe4e4;
	padding:15px;
	margin:25px;
}


.mu { background:red; color:#fff; padding:3px 10px; margin:0px 5px; font-size:12px; line-height:0.5; border-radius:5px; }
.mu:before { content:"必須"; }
.mailbox > tbody > tr > th > .mu { position:absolute; right:5px; padding:7px 10px; }

/*	▼ フォーム部分 .mailbox ▼*/
.mailbox > tbody > tr > td > input, 
.mailbox > tbody > tr > td > select, 
.mailbox > tbody > tr > td > textarea { font-size:16px; padding:5px; }

.btn { font-size:16px; padding:7px 15px; margin:10px 10px 20px; }



/*	▼ メールフォーム/送信画面 Lightbox ▼*/
#open{display:block;position:absolute;z-index:1}
#window_close{position:absolute;right:10px;top:10px;color:#fff;z-index:3;font-size:40px;text-decoration:none; cursor:pointer;}
#open,.close_overlay{top:0;left:0;bottom:0;right:0;width:100%;height:100%}
.close_overlay{ cursor:pointer; display:block;text-indent:-9999px;position:fixed;background:#000;opacity:.8;z-index:2;transition:background-color .3s}
.modal_window{top:10%; right:0; left:0 ;margin:auto;width:700px;padding:15px 30px;text-align:center;display:inline-block;background:#fff;position:absolute;z-index:3;border-radius:15px}
.modal_window_title{font-size:20px;font-weight:700;padding:5px 0;text-align:center}

.modal_window > table{ width:100%; }
.modal_window > table > tbody > tr > th,
.modal_window > table > tbody > tr > td { border:2px solid #ddd; padding:10px 15px; text-align:left; }
.modal_window > table > tbody > tr > th { width:150px; background:#eee; position:relative; font-size:15px; }



/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
#open {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
    z-index:100;
}

/* 引用  */
blockquote{
	background:#eee;
	border:1px solid #ddd;
	border-radius:3px;
	position:relative;
	font-size:15px;
	line-height:21px;
	padding:25px 35px;
	margin:20px;
	z-index:0;
}

blockquote > p{
	z-index:1;
	position:relative;
}

blockquote > .citeurl{
	text-align:right;
	font-size:12px;
	line-height:16px;
	color:#777;
	z-index:1;
	position:relative;
}

blockquote::before,
blockquote::after{
	font-family:FontAwesome;
	position:absolute;
	font-size:30px;
	color:#ddd;
}

blockquote::before{
	content:"\f10d";
	left:22px;
	top:22px;
}

blockquote::after {
	content:"\f10e";
	right:22px;
	bottom:22px;
}

/* フッター手前の表（レビトラについて、レビトラジェネリック） */
.cell1, .cell2{
	width:calc(50% - 25px);
	margin:10px;
	display:inline-block;
	vertical-align:top;
	font-size:15px;
}
.cell1 h2, .cell2 h2{
	font-size:16px;
	line-height:1;
	color:#fff;
	background:#4ab4f7;
	position:relative;
	border:none;
}
.cell1 h2::before, .cell2 h2::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	width:0;
	height:0;
	margin:auto;
	bottom:-16px;
	line-height:0;
	border:10px solid transparent;
	border-top:10px solid #4ab4f7;
}
.cell1 table td,
.cell1 table th,
.cell2 table td,
.cell2 table th{
	margin:0;
	padding:7px;
	border: none;
	vertical-align:top;
}
.cell1 ul, .cell2 ul{
	margin:0;
}
.cell1 ul li, .cell2 ul li{
	padding:0;
	font-size:15px;
	line-height:1.5;
	list-style:none;
	margin:5px;
}

.cell1 ul li a, .cell2 ul li a{
	display:block;
	border:2px solid #ccc;
	padding:7px;
	font-weight:bold;
	border-radius:5px;
}

/* 関連記事：.related */
.related{
	margin:10px;
}
.related ul{
	display: block;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0px;
	padding: 0px;
}
.related li{
	display: block;
	vertical-align: top;
	border-bottom:2px solid #ccc;
	padding: 20px 10px;
	margin: 10px 7px;
	box-sizing: border-box;
	position:relative;
}
.related li .r_title{
	padding:0 0 5px;
	font-weight: bold;
	font-size: 14px;
	border-bottom:2px solid #4ab4f7;
	margin-bottom:10px;
}
.related li .r_img{
	width: 200px;
	height: 150px;
	display: inline-block;
	vertical-align: top;
}
.related li .r_img img{
	max-width:100%;
	height: auto;
	margin: 0px;
}
.related li .r_detail{
	width: calc(100% - 282px);
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
    line-height: 19px;
}
.related li .r_link{
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 7px;
}
.related li .r_link a{
	display: block;
	padding: 5px;
}
.related li .r_link a:before{
	content: "\f101";
	font-family: FontAwesome;
	margin-right:10px;
}
p.cate-text a.nxt-txt{
	color: #4ab4f7;
}

/* 3カラム：.col-3 */
.col-3{
	margin:0px;
}
.col-3 ul{
	display: block;
	margin: 0px;
	padding: 0px;
}
.col-3 li{
	display: inline-block;
    width: calc(33% - 12px);
    vertical-align: top;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: 10px 10px 50px;
    margin: 10px 7px;
    box-sizing: border-box;
    position: relative;
}
.col-3 li .c_title{
	padding:0 0 5px;
	font-weight: bold;
	font-size: 14px;
	border-bottom:2px solid #4ab4f7;
	margin-bottom:10px;
}
.col-3 li .c_img{
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
}
.col-3 li .c_img img{
	max-width:100%;
	height: auto;
	margin: 0px;
}
.col-3 li .c_detail{
	width: calc(100% - 90px);
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 17px;
}
.col-3 li .c_link{
	display: block;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 7px;
}
.col-3 li .c_link a{
	display: block;
	padding: 5px;
}
.col-3 li .c_link a:before{
	content: "\f101";
	font-family: FontAwesome;
	margin-right:10px;
}


/* テーブル比較表：comparison */
.comparison{
	table-layout: fixed;
    /*width: 100%;*/
}
.comparison th:first-child{
	width: 45px;
	font-size: 14px;
}
.comparison td{
	white-space: normal;
}
.comparison td.link_area{
	text-align: center;
}
.table-scroll .comparison td{
	width: 150px;
}
.comparison .linkarea,
.comparison .nolink{
	margin: 0;
}
.comparison .linkarea a,
.comparison .nolink{
	font-size: 15px;
	padding: 15px 1.5em;
}
.comparison .inlink_btn{
	display:block;
	margin:10px 0 0;
}
.comparison .inlink_btn a{
	font-size: 15px;
	padding: 15px 1.5em 25px;
}

/* クーポン情報ボックス：pbox */
.pbox{
	width:400px;
	display:block;
	border:6px double #ffc545;
	background:#fdebc3;
	padding: 10px;
	box-sizing:border-box;
	margin:20px auto;
}
.pbox .boxtl{
	display:block;
	font-weight: bold;
}
/* クーポンコードのコピーボタン */
.pbox .coupon_btn{
	font-size:16px;
	margin: 15px auto;
	padding:7px 20px;
	box-shadow:2px 2px 0px #ccc;
	cursor: pointer;
	display: block;
}

/* 表横スクロール可能 */
.table-scroll.pc-page{
	overflow-x:scroll;
	overflow-y:hidden;
	margin:0px;
	padding:7px;
	z-index: 1;
}
.table-scroll.pc-page table{
	width:1000px;
}
.table-scroll.pc-page .price_kurabe2{ margin:0; white-space: nowrap; }

.table-scroll.pc-page .table-scroll_left{
	width:80px;
	margin-right:7px;
	border-right:4px solid #3a78ff;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	vertical-align:middle;
	z-index:3;
}

.table-scroll.pc-page table{
	overflow-x:scroll;
}

/* 吹き出し */
.fukibox{
	margin:30px auto;
	display:block;
	width:600px;
}
.fukibox .fuki_icon,
.fukibox .fuki_text{
	display: inline-block;
	vertical-align: middle;
}
.fukibox .fuki_text{
	width:calc(100% - 80px);
	border:1px solid #83cc0b;
	font-size: 14px;
	line-height: 20px;
	border-radius: 20px;
	padding: 10px 20px;
	background:#c6ff69;
	box-shadow:4px 4px 0px #ccc;
	box-sizing: border-box;
	position:relative;
}
.fukibox .fuki_text p{
	margin: 0px;
}
.fukibox .fuki_text::before{
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -19px;
	width: 0;
	height: 0;
	margin: auto;
	border:5px solid transparent;
	border-left: 13px solid #83cc0b;
}
.fukibox .fuki_text::after{
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -17px;
	width: 0;
	height: 0;
	margin: auto;
	border:5px solid transparent;
	border-left: 13px solid #c6ff69;
}
.fukibox .fuki_icon{
	width:50px;
	height:50px;
	background-color: #fff;
	background-image:url("../images/people.png");
	background-repeat:no-repeat;
	margin-left: 15px;
}

/* 価格比較表 */
.price .linkbtn{
	margin:5px 0px;
	width: 100%;
}
.price .linkbtn a{
    font-size: 14px;
	line-height: 17px;
    padding: 10px 25px;
}
/* 購入ボタンの幅：100% */
.price .linkbtn.per100{
	display: block;
	margin:10px;
	width:auto;
}

/* 囲み枠 .bbox */
.bbox{
	position: relative;
	width: 80%;
	margin: 30px auto;
	border: 3px solid #4ab4f7;
	text-align: left;
}

.bbox .bbox_label{
	display:inline-block;
	background:#4ab4f7;
	color:#fff;
	padding:10px 20px;
	margin: 0px;
	font-weight: bold;
}

.bbox .bbox_txt{
	padding: 15px;
	box-sizing:border-box;
	text-align: center;
}

.bbox .bbox_txt ul,
.bbox .bbox_txt ol{
	margin: 0 10px;
	padding: 5px;
}

.bbox .bbox_txt ul li,
.bbox .bbox_txt ol li{
	padding: 0px;
}

/* 手順ボックス：.howtobox */
.howtobox{
	margin:10px auto;
	width:600px;
}
.howtobox li{
	list-style:none;
	background:#eee;
	border-radius: 10px;
	padding:30px 20px 20px;
	margin:15px 15px 70px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 22px;
	position:relative;
}
.howtobox li::after{
	content:"";
	width:0px;
	height:0;
	border:20px solid transparent;
	border-top:20px solid #eee;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -55px;
	margin: auto;
}
.howtobox li:last-child::after{
	content:"";
	bottom:0px;
	border:none;
}
/* 手順ボックス：見出しラベル */
.howtobox li .howtobox_lbl{
	font-size:20px;
	font-weight:bold;
}


/* 商品ピックアップ：.pi */
.pi{
	margin: 7px;
	border: 4px double #555;
	padding: 20px;
	box-sizing: border-box;
}
.pi .pi_title{
	text-align:left;
	background:#fff;
	color:#555;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	padding:15px 15px 15px 25px;
	margin-bottom: 15px;
	box-shadow:0px 0px 3px #777;
	position:relative;
}
.pi .pi_title::before{
	content:"";
	background: rgb(74,180,247);
	background: linear-gradient(0deg, rgba(74,180,247,1) 0%, rgba(2,84,170,1) 100%);
	width:7px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 5px;
}
.pi .pi_img{
	width: 220px;
	display: inline-block;
	vertical-align: top;
}
.pi .pi_img img{
	max-width:220px;
	height:auto;
}
.pi .pi_detail{
	width: calc(100% - 245px);
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 15px;
    line-height: 25px;
}
.pi .linkbtn{
	display: block;
	margin: 20px 10px 10px;
}
.pi .linkbtn a{
	padding: 15px 30px;
}

/* ED治療薬（勃起薬）タイプ別比較：.hikaku_menu */
.hikaku_menu{
	list-style: none;
}
.hikaku_menu li{
	width: calc( 33% - 15px );
	margin: 5px;
	display: inline-block;
	vertical-align: top ;
	border:3px solid #3a78ff;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0;
	position: relative;
}
.hikaku_menu li a{
	display: block;
	font-weight: bold;
	font-size:16px;
	text-align: center;
	position: relative;
	padding: 15px 15px 25px;
	color:#3a78ff;
}
.hikaku_menu li a:hover{
	background: #3a78ff;
	opacity:1;
	color: #fff;
}
.hikaku_menu li a::after{
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: 20px;
    font-weight: normal;
    font-size: 29px;
    padding: 0;
    line-height: 0;
    margin: auto;
}

/* おすすめリスト：osusume_list */
.osusume_list{
	display:block;
	margin:0px auto;
	text-align: center;
}
.osusume_list li{
	width: 130px;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

/* ランキング用見出し（h4） */
.rank{
	position: relative;
	padding-left: 80px;
	font-size: 20px;
}
.rank.r_1st::before,
.rank.r_2nd::before,
.rank.r_3rd::before{
	content: "";
	width: 65px;
	height: 65px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.rank.r_1st::after,
.rank.r_2nd::after,
.rank.r_3rd::after{
	content: "";
	background: transparent;
}
.rank.r_1st::before{
	background-image:url("../images/rank/medal-crown-first.png");
}
.rank.r_2nd::before{
	background-image:url("../images/rank/medal-crown-second.png");
}
.rank.r_3rd::before{
	background-image:url("../images/rank/medal-crown-third.png");
}
.rank.r_1st{
	border-color:#FBE136;
}
.rank.r_2nd{
	border-color:#B9B9B9;
}
.rank.r_3rd{
	border-color:#E2734C;
}


/* プライバシーポリシーページ、プロフィール表：privacy-list */
.privacy-list a{
	color:#2033b2 !important;
	text-decoration: underline;
}