@charset "utf-8";
/* CSS Document */


/*--------------------------------------------
共通
--------------------------------------------*/
body{
  font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.container-pdoff-wing{
  padding-left: 0;
  padding-right: 0;
}
p{
  font-size:16px;
  line-height:1.6 !important;
}
img{
width:100%;
height:auto;
}
img[width="1"]{
  position:absolute;
  top:0;
  left:0;
  display:inline;
  z-index:-10;
  width:1px !important;
  height: auto;
}
.shop img,.csshop-service-credits img,.eye-catch img{
  width:auto;
  max-width: 100%;
}
p + h2,p + h3,img + h2,img + h3{
  margin-top: 60px;
}
a{
color:#0053f9;
}
.onlysm{
  display: none;
}


/*--------------------------------------------
全体レイアウト
--------------------------------------------*/
#Header{
  margin-bottom: 20px;
}
#Main{
  margin-bottom: 60px;
}

/*パンくず*/
.breadcrumbs{
  font-size:12px;
  margin-bottom:20px;
}
.breadcrumb{
  margin-bottom: 40px;
}
.pager{
  font-size:18px;
}


/*--------------------------------------------
サイトタイトル
--------------------------------------------*/
.title-site{
  width:100%;
  margin: 0 0 0 0;
  padding: 5px 10px;
  font-size:14px;
  background:#333;
  color: #fff;
  font-weight: normal;
}
.title-site a{
  color:#fff !important;
}
.sitelogo{
  margin:0 auto 10px auto;
  text-align:center;
  font-size:30px;
  font-weight: bold;
  background-color: rgba(0,0,0,0.3);
  border:4px solid #fff;
  width:300px;
  padding:24px 24px 20px;
}
.sitelogo a{
  color: #fff !important;
}
.sitetxt{
  text-align:center;
  padding:0 5px;
  font-size: 16px;
  font-weight: bold;
  color:#fff;
}

/*サイトタイトルの背景*/
.header-header{
  width:100%;
  /*background:url(https://yomeproduce.net/wp-content/themes/simplelayout_sec/images/bg_main.jpg);*/
  background:url(https://yomeproduce.net/wp-content/uploads/2017/09/underwear-compressor.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:90px 0 90px 0;
}



/*--------------------------------------------
サイト共通タイトル サイト内の区切り
--------------------------------------------*/
.title-contents{
  font-size:20px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}
.eye-contents{
  display: block;
  width:70px;
  margin: 0 auto 15px;
  border-radius: 100px;
  border:2px solid #000;
  padding:10px 8px 6px;
}
.eye-contents img{
  width:100%;
  height: auto;
}
.circle{
  animation: spin 4s;
  animation-iteration-count: infinite;
  -webkit-animation: spin 4s;
  -webkit-animation-iteration-count: infinite;
}
@keyframes spin {
  0%  {transform: rotateY(0deg);}
  80% {transform: rotateY(0deg);}
  100%  {transform: rotateY(360deg);}
}
@-webkit-keyframes spin {
  0%  {transform: rotateY(0deg);}
  80% {transform: rotateY(0deg);}
  100%  {transform: rotateY(360deg);}
}

.contents-header{
  margin-bottom: 40px;
}
.contents-body{
  margin-bottom: 40px;
}
.contents-footer{
}


/*--------------------------------------------
ピックアップ情報
--------------------------------------------*/
.box-top-pickup{
  display: block;
  padding: 4px;
  margin-bottom: 15px;
  line-height: 1.42857143;
  /*border: 1px solid #ddd;*/
}
.box-top-pickup img{
  margin-bottom: 5px;
}
.title-header-pickup{
  margin: 0;
  padding: 0;
  font-size:14px;
}


/*ピックア情報をカスタマイズ　記事内の関連タグを表示*/
.row-tags{
}
.row-tags div{
margin:0 !important;
}
.box-tags-pickup{
  display: block;
  padding: 4px;
  margin-bottom: 15px;
  line-height: 1.42857143;
  /*border: 1px solid #ddd;*/
}
.box-tags-pickup img{
  margin-bottom: 5px !important;
}
.title-tags-pickup{
  margin: 0 !important;
  padding: 0 !important;
  font-size:14px !important;
}



/*--------------------------------------------
一覧　繰り返し
--------------------------------------------*/
.box-articlelist{
  clear: both;
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px dotted #ccc;
}
.contents-body .box-articlelist:last-child{
  margin-bottom:0px;
  border-bottom: none;
}
.box-articlelist h2{
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px;
  font-weight: bold;
  line-height:1.4;
}
.box-articlelist p{
  font-size: 14px;
  padding: 0;
  margin: 0 0 20px;
}
.box-articlelist p a{
  color: #333;
}
.list-keyword,.list-trouble{
  font-size: 14px;
}
.list-trouble{
  margin-bottom: 20px;
}
.list-time{
  font-size: 10px;
}
.box-articlelist ul:last-child{
  margin-bottom: 0;
}
.list-keyword a:before {
  content: " \f02b";
  font-family: FontAwesome;
  margin-right: 5px;
}
.list-time:before {
  content: " \f017";
  font-family: FontAwesome;
}
.list-trouble a:before {
  content: " \f004";
  font-family: FontAwesome;
  margin-right: 5px;
}
.list-innertitle{
}


/*--------------------------------------------
フッター
--------------------------------------------*/
.footer-header{
  margin-bottom: 15px;
}
.list-keyword-foot{
  background: #eee;
  border-radius: 5px;
  padding:20px 20px;
}
.title-footer{
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px;
  font-weight: bold;
}
.title-footer:before {
  content: " \f002";
  font-family: FontAwesome;
  margin-right: 5px;
}
.list-keyword-foot .list-keyword{
  margin-bottom: 0;
  font-size: 14px;
}

.footer-foot{
  background: #ccc;
  text-align: center;
  padding:10px 5px;
}
.footer-foot p{
  margin-bottom: 0;
}
.footer-foot a{
  color: #666;
}


/*--------------------------------------------
サイドバー
--------------------------------------------*/
#Left ul{
  list-style:none;
  margin-bottom:40px;
}
.title-side{
  font-size:16px;
  margin-bottom: 10px;
  color:#907847;
  font-weight:bold;
}
.list-group-item{
  font-size: 14px;
}
.list-group-only{
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-only li{
  position: relative;
  display: block;
  padding: 10px 0px;
  margin-bottom: -1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.media img{
  width:64px;
  height:auto;
}
.media-heading{
  font-size:14px;
  line-height:1.4;
}


/*--------------------------------------------
個別ページ用
--------------------------------------------*/
#article-header{
  margin-bottom: 5px;
  /*border-bottom:1px dotted #666;
  padding-bottom: 10px;*/
}
#article-body{
  margin-bottom: 60px;
}
.box-title-page{
  padding:20px 0;
}
.title-page{
  font-size:28px;
  margin-bottom:0;
  margin-top: 0;
  line-height:1.4;
  font-weight:bold;
  color:#8a703c;
}


/*記事内の見出し*/
#article-body h2,#article-body h3{
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 40px;
}
#article-body p a{
text-decoration:underline;
}
#article-body #toc_container p a{
  font-size:inherit !important;
}
#article-body blockquote a{
  text-decoration:none !important;
  font-size:inherit !important;
}
#article-body p a:hover{
text-decoration:none;
}
#article-body div + h2,
#article-body div + h3,
#article-body blockquote + h2,
#article-body blockquote + h3,
#article-body ul + h2,
#article-body ul + h3,
#article-body table + h2,
#article-body table + h3{
  margin-top: 60px;
}
#article-body p + div.point_layout{
  margin-top: 40px;
}
#article-body p,
#article-body img,
#article-body ul,
#article-body table,
#article-body div{
  margin-bottom: 20px;
  list-style:none;
}
#article-body h2{
  position: relative;
  padding: 25px 25px;
  background: #2fc3a7;
  color: #fff;
  font-size: 22px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#article-body h2:after{
  position: absolute;
  bottom: -14px;
  left: 10%;
  z-index: 90;
  margin-left: -15px;
  border-top: 15px solid #2fc3a7;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 0;
  content: "";
}
#article-body h3{
  font-size: 20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  color:#8a703c;
  border-left:4px solid #8a703c;
  border-bottom:4px solid #8a703c;
}
/* #article-body h3:before{
  content: " \f024";
  font-family: FontAwesome;
  position: absolute;
  top:0px;
  left: 0;
} */


/*記事内テキストの装飾*/
#article-body strong{
  color:#1a6580;
}
#article-body strong.txtbig{
  color: #333;
  background:linear-gradient(transparent 40%, #fffd7a 40%);
  /*background: -moz-linear-gradient(transparent 40%, #fffd7a 60%);
  background: -webkit-linear-gradient(transparent 40%, #fffd7a 60%);
  background: -ms-linear-gradient(transparent 40%, #fffd7a 60%);
  background: -o-linear-gradient(transparent 40%, #fffd7a 60%);*/
}
#article-body p span{
  background:#0053f9;
  color: #fff;
  padding: 2px 5px 1px;
  border-radius: 3px;
  margin-bottom: 10px;
  display: inline-block;
}
#article-body p .txt-bold{
font-weight:bold;
background:none;
padding:0;
border-radius: 0px;
margin-bottom: 0px;
display: inline;
color: #333;
}
#article-body p .txt-big,
#article-body table .txt-big{
font-size:170%;
font-weight:bold;
background:none;
padding:0;
border-radius: 0px;
margin-bottom: 0px;
display: inline;
color: #333;
}
#article-body p .txt-line{
color: #333;
background:linear-gradient(transparent 40%, #fffd7a 40%);
font-weight:bold;
padding:0;
border-radius: 0px;
margin-bottom: 0px;
display: inline;
}
#article-body p .txt-red,
#article-body table .txt-red{
color:#ff0000;
font-weight:bold;
background:none;
padding:0;
border-radius: 0px;
margin-bottom: 0px;
display: inline;
}
#article-body p .txt-label{
font-weight:bold;
background:#38bc80;
color: #fff;
padding: 3px 10px 1px;
border-radius: 3px;
margin-bottom: 10px;
display: inline-block;
}

#article-body p span.toc_toggle{
  background:none !important;
}

blockquote{
  background:#f9f7f2;
  padding:20px 20px 20px 38px;
  margin:0 auto 20px auto;
  border-radius: 5px;
  position: relative;
}
blockquote:before{
  content: " \f27a";
  font-family: FontAwesome;
  font-size:40px;
  position:absolute;
  color: #ff3365;
  left:-12px;
  top:-2px;
  text-shadow:1px 1px 2px rgba(255,255,255,1);
}
blockquote p{
  font-size:16px;
}
blockquote p:last-child{
  margin-bottom:0px !important;
}
blockquote strong{
color:#ff3365 !important;
}

blockquote.wrap-taiken{
  padding:20px 20px 20px 20px;
  border:none;
}
blockquote.wrap-taiken:before{
  display:none;
}


.wrap-blockquote{
  background:#f9f7f2;
  padding:20px 20px 20px 38px;
  margin:0 auto 20px auto;
  border-radius: 5px;
  position: relative;
  border-left: 5px solid #eee;
font-size:16px;
line-height:1.6;
}
.wrap-blockquote:before{
  content: " \f27a";
  font-family: FontAwesome;
  font-size:40px;
  position:absolute;
  color: #ff3365;
  left:-12px;
  top:-2px;
  text-shadow:1px 1px 2px rgba(255,255,255,1);
}
.wrap-blockquote p{
font-size:16px;
line-height:1.6;
}
.wrap-blockquote p:last-child{
  margin-bottom:0px !important;
}
.wrap-blockquote strong{
color:#ff3365 !important;
}

/*記事内の表*/
#article-body table{
  border-top:2px solid #ccc;
  border-left:2px solid #ccc;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
#article-body table th,#article-body table td{
  border-bottom:2px solid #ccc;
  border-right:2px solid #ccc;
  padding: 10px;
  text-align:left;
}
#article-body table th p:last-child,#article-body table td p:last-child{
margin-bottom:0;
}
#article-body table th{
  background: #f0f0f0;
  font-weight: bold;
  color: #66666e;
  width:40%;
}
#article-body table td{
  width:60%;
	background:#fff;
}
#article-body table span.txt-red{
color:#ff0000;
font-weight:bold;
background:none;
padding:0;
border-radius: 0px;
margin-bottom: 0px;
display: inline;
}

.hikaku-table{
overflow: auto;
white-space: nowrap;
}
.hikaku-table::-webkit-scrollbar{
 height: 5px;
}
.hikaku-table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.hikaku-table::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.dataTables_scrollHeadInner{
	margin-bottom:0 !important;
}
.dataTables_scrollHead{
	margin-bottom:0 !important;
}
#article-body .hikaku-table table td,
#article-body .hikaku-table table th{
	font-size:12px;
	width:auto;
	padding:5px;
}
#article-body .hikaku-table table td img{
	margin-bottom:0;
}
#article-body .hikaku-table table .sorting{
	padding:15px 5px;
	background:#f6efda;
}


/*チェックボックスリスト*/
.check_layout{
  box-sizing:border-box;
  padding:15px 25px 15px 25px;
  background:#f4ead7;
  margin-left: auto;
  margin-right: auto;
  border-radius:3px;
}
.check_layout li{
  background:url(https://yomeproduce.net/wp-content/themes/simplelayout_sec/images/icon_checkbox.png) no-repeat 0 4px;
  padding-left:26px;
  margin-bottom:10px;
  color:#333;
  font-weight:bold;
  font-size:16px;
}
.check_layout li:last-child{
  margin-bottom:0px;
}

/*ポイント、キーワードエリア*/
.point_layout{
  width:98%;
  box-sizing:border-box;
  padding:25px 15px 15px 15px;
  margin-left: auto;
  margin-right: auto;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  position: relative;
  border:2px solid #2fc3a7;
line-height:1.8;
}
.point_layout span{
  font-weight:bold;
  background:#fff;
  color: #333;
  padding: 0px 5px 0px;
  border-radius: 0px;
  margin-bottom: 0px;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 10px;
}
.point_layout p{
  margin-bottom: 15px !important;
}
.point_layout p:last-child{
  margin-bottom:0px !important;
}

/*誘導ボタン*/
.act-btn{
display: inline-block;
padding:20px 20px;
	position: relative;
background: #ff0084;
background: -moz-linear-gradient(top, #ff0084 0%, #ff0084 100%);
background: -webkit-linear-gradient(top, #ff0084 0%,#ff0084 100%);
background: linear-gradient(to bottom, #ff0084 0%,#ff0084 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084',GradientType=0 );
	border-radius: 7px;
	color: #fff !important;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #d3006d;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
text-decoration: none !important;
margin-bottom:20px;
font-weight:bold;
font-size:18px;
}
.act-btn:hover{
top: 2px;
	box-shadow: 0 3px 0 #d3006d;
}
.act-btn:active{
	top: 3px;
	box-shadow: none;
}
.act-btn:before{
padding-right: 8px;
font-family: FontAwesome;
content: "\f0da";
}

/*記事内の吹き出し*/
.row-fukidashi{
  width:100%;
  margin-bottom:30px;
  margin-left:0px !important;
  margin-right:0px !important;
  font-size:140%;
  line-height:1.6;
  font-weight:bold;
}
.row-fukidashi a{
text-decoration:underline;
}
.row-fukidashi a:hover{
text-decoration:none;
}
.row-fukidashi img{
  margin:0 !important;
  /*border:3px solid #000;*/
}
.fukidashi-woman{
  background:#fff;
  border:2px solid #2fc3a7;
  border-radius:5px;
  position:relative;
  padding:15px 15px 10px !important;
  color:#029e80;
}
.fukidashi-woman:before {
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left:-10px;
  content:"";
  display:block;
  top:10px;
  position:absolute;
  width:0;
  z-index:1;
}
.fukidashi-woman:after {
  border-right: 12px solid #2fc3a7;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left:-12px;
  content:"";
  display:block;
  top:10px;
  position:absolute;
  width:0;
}
.fukidashi-hero{
  background:#fff;
  border:2px solid #333;
  border-radius:5px;
  position:relative;
  padding:15px 15px 10px !important;
  color:#333;
}
.fukidashi-hero:before {
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right:-10px;
  content:"";
  display:block;
  top:10px;
  position:absolute;
  width:0;
  z-index:1;
}
.fukidashi-hero:after {
  border-left: 12px solid #333;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right:-12px;
  content:"";
  display:block;
  top:10px;
  position:absolute;
  width:0;
}

/*vs*/
.row-vs{
margin-bottom:20px;
}
.row-vs strong{
font-size:140%;
}
.row-vs img,.row-vs div,.row-vs p{
margin-bottom:0px !important;
}
.bg-vs{
background-image:url("https://yomeproduce.net/wp-content/uploads/2017/09/vs.jpg");
background-repeat:no-repeat;
background-position: center center;
background-size:contain;
padding:10px 0;
}

.row-table img{
	margin-bottom:10px !important;
}


/*記事概要とキーワード、関連記事*/
.contents-overview{
  padding: 10px 10px;
  border:solid 2px #eee;
  border-radius: 5px;
  margin:0 auto 15px;
  background:#f6f7f7;
}
.title-overview{
  font-size:12px;
  font-weight: bold;
  margin: 0 0 15px;
}
.contents-overview ul{
  margin-bottom: 10px !important;
}
.contents-overview ul:last-child{
  margin-bottom: 0 !important;
}

.list-kanren .list-group-item,.list-kanren-top .list-group-item{
  font-size:12px !important;
}


/*記事誘導ボタン*/
.btn-article{
width:98%;
margin-left:auto;
margin-right:auto;
border-radius:5px;
border:solid #2fc3a7 2px;
font-size:20px;
padding:10px 5px;
background:#f2fffd;
}
.btn-article a{
display:block;
width:100%;
height:100%;
}
.btn-article div{
margin-bottom:0 !important;
}
.btn-article div img{
margin-bottom:0 !important;
}



.memo-box01{
position: relative;
margin: 30px auto 30px auto;
padding: 20px 20px 10px 20px;
border: solid 2px #a5e3e4;
border-radius: 5px;
}
.memo-box01 .box-title{
display: inline-block;
position: absolute;
top: -10px;
left: 10px;
padding: 0 9px;
background: #fff;
color: #07b7bb;
font-size: 19px;
line-height: 1;
}
.memo-box01 .box-title:before{
padding-right: 4px;
font-family: FontAwesome;
content: "\f02e";
}
.memo-box01 p:last-child{
	margin-bottom: 0 !important;
}


.memo-box02{
position: relative;
margin: 60px auto 30px auto !important;
padding: 20px 20px;
border: solid 3px #42a4ff;
background: #fff;
}
.memo-box02 .box-title{
display: inline-block;
position: absolute;
top: -30px;
left: -3px;
height: 28px;
padding: 0 9px;
border-radius: 5px 5px 0 0;
background: #42a4ff;
color: #fff;
font-size: 17px;
vertical-align: middle;
line-height: 28px;
}
.memo-box02 a{
display:block;
margin-bottom:10px;
}
.memo-box02 a:before{
padding-right: 4px;
font-family: FontAwesome;
content: "\f0a9";
text-decoration:none;
}
.memo-box02 a:last-child{
margin-bottom:0px;
}
.memo-box02 br{
display:none;
}

.memo-box03{
margin-bottom: 1.5em;
padding: 1em;
background: #fff3f6;
}
.memo-box03 .box-title{
margin-bottom: 5px;
color: #a52d4b;
font-size: 1.2em;
font-weight: bold;
}

.memo-box01 p:last-child,
.memo-box02 p:last-child,
.memo-box03 p:last-child{
	margin-bottom: 0 !important;
}
.memo-box01 ul,
.memo-box02 ul,
.memo-box03 ul{
	padding: 0;
	margin-bottom: 0px !important;
}
.memo-box01 li,
.memo-box02 li,
.memo-box03 li{
	font-size: 16px;
	margin-bottom: 5px;
}
.memo-box01 li:before,
.memo-box02 li:before,
.memo-box03 li:before{
content: "\f00c";
font-family: FontAwesome;
margin-right: 5px;
}




/*ランキング表*/
.ranking-table{
	width: 100% !important;
	border-top: 1px solid #d1c7bb !important;
	border-left: 3px solid #fff !important;
}
.ranking-table th,
.ranking-table td{
	padding: 15px;
	text-align: center !important;
	vertical-align: middle !important;
	border-bottom: 1px dotted #666 !important;
	border-right: 3px solid #fff !important;
}
.ranking-table th,
.ranking-table td{
	width: 25% !important;
	display: table-cell !important;
	font-size: 12px;
}
.bg-rank th{
	background: #f8f2e9 !important;
	border-bottom: none !important;
}
.bg-product th{
	background: #f8f2e9 !important;

	border-bottom: 2px solid #543939 !important;
}
.bg-product th a{
	color: #fe3354;
}
.ranking-table th{
	background: #d1c7bb;
}

.ranking-table th dl,
.ranking-table th dd{
	margin-bottom: 0;
}
.ranking-table th dt{
	margin-bottom: 5px;
	font-size: 18px;
}
.ranking-table th img{
	margin-bottom: 5px !important;
}
.ranking-table td span{
	background: none;
	display: block;
	font-size: 70px;
	line-height: 1;
	color:#fe3354;
}
.company-gaiyo{
	border-left:1px dotted #ccc;
	border-top:1px dotted #ccc;
	margin-bottom: 15px;
}
.company-gaiyo dl{
	text-align: center;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-bottom: 0px;
}
.company-gaiyo dt{
	background: #fce6d4;
	padding: 10px 5px;
}
.company-gaiyo dd{
	background:#fff;
	padding: 10px 5px;
}
.star-5:after{
  content: " \f005  \f005  \f005  \f005  \f005";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-4-half:after{
  content: " \f005  \f005  \f005  \f005  \f123";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-4:after{
  content: " \f005  \f005  \f005  \f005  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-3-half:after{
  content: " \f005  \f005  \f005  \f123  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-3:after{
  content: " \f005  \f005  \f005  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-2-half:after{
  content: " \f005  \f005  \f123  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-2:after{
  content: " \f005  \f005  \f006  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-1-half:after{
  content: " \f005  \f123  \f006  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}
.star-1:after{
  content: " \f005  \f006  \f006  \f006  \f006";
  font-family: FontAwesome;
  margin-left: 5px;
  font-size:20px;
}

/*商品エリア　ランキング表*/
.panel-ranking{
	border:none;
	background: #f8f2e9;
	border-top: 2px solid #543939;
}
.panel-ranking .panel-heading{
	margin-bottom: 0 !important;
	background: none;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	font-weight: bold;
font-size:18px;
	padding: 15px 15px 10px 15px;
}
.panel-ranking .panel-body{
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 5px !important;
}
.panel-inner{
	padding: 10px;
	background: #fff;
	margin-bottom: 0 !important;
	border-radius: 5px;
}
.panel-ranking .row div{
	margin-bottom: 0 !important;
}
.panel-ranking .row div img{
	margin-bottom: 0 !important;
}
.measure-table{
	width: 100% !important;
	border-top: none !important;
	border-left: none !important;
	margin-bottom: 0 !important;
	background: #fff3f6;
}
.measure-table th{
	width: 20% !important;
	background: none !important;
	border-bottom: none !important;
	border-right: none !important;
}
.measure-table td{
	width: 80% !important;
	border-bottom: none !important;
	border-right: none !important;
	text-align: right !important;
	color:#fe3354;
}
.measure-table td span{
	font-size:14px !important;
}
.panel-btn{
	margin-bottom: 0 !important;
}
.panel-btn a{
	width: 100%;
}


/* YOUTUBEのレスポンシブ */
.you_wrap{width:90%;margin:0 auto 20px auto;}.ymap {position: relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .ymap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* ソーシャル系 */
.share {margin-bottom:10px;}.share ul {margin : 0;padding : 0;list-style : none;}.share li a {display : block;padding : 10px;color : #fff !important;font-size : 14px;text-decoration : none;text-align : center;}.share li a:hover {opacity :0.8;color : #fff;}
.share li a:visited{ color: #fff;}.share ul:after {content : "";display : block;clear : both;}.tweet a{background-color : #55acee;}.facebook a{background-color : #315096;}.googleplus a{background-color : #dd4b39;}.hatena a{background-color : #008fde;}.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}.rss a{background-color: #ff8c00;}.feedly a{background-color: #6cc655;}.share li {float : left;width : 25%;margin : 0;margin-top:15px;}


/*--------------------------------------------
目次
--------------------------------------------*/
div#toc_container{
margin:0 auto 15px;
border-width:2px !important;
}
#toc_container .toc_list li{
  margin-bottom:6px !important;
  font-size: 14px;
}
#toc_container .toc_list li:last-child{
  margin-bottom:0px !important;
}
.toc_title{
font-size:18px;
}
.toc_number{
font-size:120%;
font-weight:bold;
}
.toc_number:after{
content: '.';
}

.kanren-machine{
width:100%;
margin-left:auto;
margin-right:auto;
}
.kanren-machine .list-group-item{
font-size:14px !important;
border:1px solid #8a703c;
}
.kanren-machine .list-group-item-success{
background:#333 !important;
color:#fff !important;
font-size:14px !important;
font-weight:bold;
}
.kanren-machine .list-group-item small{
font-size:10px !important;
}
.list-group-item:last-child{
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}

/*--------------------------------------------
アド
--------------------------------------------*/
.ad-sidebox{
  margin-bottom: 20px;
}
.ad-sidebox p{
  font-size:12px;
  margin-bottom: 5px;
}
.ad-articlebox{
  /*margin-bottom: 20px;*/
}
.ad-articlebox p{
  font-size:12px !important;
  padding-top:3px;
  margin-bottom: 5px !important;
}
.adbox{
  /*background:#f6f7f7;
  border:solid 2px #eee;*/
  padding:15px 0px;
  border-radius: 5px;
}
.adbox p{
  font-size:12px !important;
  margin-bottom: 5px !important;
}

.sp-336{
max-width:336px;
}
.sp-320{
display:none;
}
@media only screen and (max-width : 365px){
.sp-336{
display:none;
}
.sp-320{
display:block;
max-width:320px;
}
}

.mb-10{
  margin-bottom:10px;
}
.mb-20{
  margin-bottom:20px;
}
.pt-10{
  padding-top:10px;
}


.box-rank {
    border: 2px solid #887531;
    background-image: url(https://yomeproduce.net/underwearshop/wp-content/uploads/2018/04/bg-rank.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin-bottom: 20px;
    padding: 10px 15px 10px 15px;
    color: #fff;
}
.box-rank i {
    color: #f5cf60;
    font-size: 30px;
    margin-right: 5px;
}
.box-rank span {
    color: #f20054 !important;
    font-size: 180%;
    font-family: 'Oswald', sans-serif;
}



/*--------------------------------------------
モバイル
--------------------------------------------*/

@media only screen and (max-width : 740px){
.onlysm{
  display: inline;
}
.onlypc{
  display: none;
}


/*--------------------------------------------
全体レイアウト
--------------------------------------------*/
#Header{
  margin-bottom: 10px;
}
#Main{
  margin-bottom: 20px;
}
#Right{
  margin-bottom: 40px;
}

p{
  font-size:14px;
}

/*--------------------------------------------
サイトタイトル
--------------------------------------------*/
.title-site{
  padding: 5px 10px;
  font-size:10px;
  line-height:1.4;
}
.sitelogo{
  width:auto;
  float:none;
  margin-right:auto;
  margin-left:auto;
  font-size:16px;
  padding:10px 10px 10px;
  background-color: rgba(0,0,0,0.4);
  border:2px solid #fff;
display:inline-block;
max-width:50%
}
.sitetxt{
  font-size:12px;
  line-height: 1.3;
  text-align: left;
}

.header-header{
  padding:10px 0 10px 0;
text-align:center;
}


/*--------------------------------------------
一覧　繰り返し
--------------------------------------------*/
.title-contents{
margin-bottom:10px;
}
.box-articlelist{
  clear: both;
}
.box-articlelist h2{
  font-size: 16px;
  padding: 0;
  margin: 0 0 10px;
  font-weight: bold;
}
.box-articlelist img{
  margin-bottom:10px;
}
.list-innertitle{
  display: block;
  width:100%;
  margin-bottom: 5px;  
}


/*--------------------------------------------
個別ページ用
--------------------------------------------*/
.title-page{
  font-size:18px;
  background:#2fc3a7;
  color:#fff;
  padding:8px 12px 6px;
  position:relative;
}
.title-page:after{
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 90;
  margin-left: -15px;
  border-top: 15px solid #2fc3a7;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 0;
  content: "";
}
#article-header{
margin-bottom:10px;
}
.contents-overview{
margin-bottom:10px;
}
.box-title-page{
padding-bottom:10px;
padding-top:10px;
}

#article-body h2 {
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#article-body h3 {
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 2px solid #8a703c;
    border-bottom: 2px solid #8a703c;
}
#article-body p .txt-big, #article-body table .txt-big {
    font-size: 18px;
}


.memo-box01 .box-title{
font-size: 16px;
}
.memo-box02 .box-title{
font-size: 16px;
}
.memo-box03 .box-title{
font-size: 16px;
}

.memo-box01 li, .memo-box02 li, .memo-box03 li {
    font-size: 14px;
}

.row-fukidashi{
  font-size:16px;
}


/*記事内の表*/
#article-body table th,#article-body table td{
  display:block;
  width:100%;
}
#article-body table th{
  display:block;
  width:100%;
}
#article-body table td{
  display:block;
  width:100%;
}

#article-body .hikaku-table table{
width:800px;
}
#article-body .hikaku-table table th,
#article-body .hikaku-table table td{
  display:table-cell;
  width:auto;
font-size:12px;
}
#article-body .hikaku-table table td.column-1{
  width:90px;
}

/*楽天api出力部分*/
.box-csshop img{
width:auto;
max-width: 100% !important;
display:block;
}
div.csshop-service-credits img{
width:80px !important;
height:auto;
}

blockquote{
  padding:20px 10px 10px 10px;
}
blockquote:before{
  font-size:30px;
  left:-14px;
  top:-20px;
}
blockquote.wrap-taiken{
  padding:20px 10px 10px 10px;
  border:none;
}
blockquote p{
  font-size:14px;
}

.check_layout{
  padding: 15px 15px 15px 15px;
}
.check_layout li{
  font-size:14px;
}



/*--------------------------------------------
フッター
--------------------------------------------*/
.list-keyword-foot{
  border-radius: 0px;
}



.ranking-table th,
.ranking-table td{
	padding: 5px !important;
}
.ranking-table th dt{
	margin-bottom: 5px;
	font-size: 12px;
}
.ranking-table td span{
	font-size: 40px;
}



.panel-inner{
	padding: 8px;
}
.panel-ranking .row div img{
	margin-bottom: 15px !important;
}
.measure-table th{
	width: 100% !important;
	display: block;
	padding: 5px 10px !important;
}
.measure-table td{
	width: 100% !important;
	display: block;
	text-align: right !important;
	padding: 5px 10px !important;
}
.panel-btn a{
	margin-bottom: 15px;
}
.panel-btn div:last-child a{
	margin-bottom: 0px;
}

}