@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
	background: #fff;
}
div#text-3{
	margin: 0!important;
	padding: 0!important;
}
.widget-above-single-content-title{
	margin: 0!important;
	padding: 0!important;
}
.pr-caution{
	margin: 5px 15px!important;
	padding: 0!important;
	font-size: 10px!important;
}

/************************************
** SNS ボタンをまとめて丸くする
************************************/

/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}


.sns-share, .ss-col-3, .bc-brand-color, .sbc-hide, .ss-bottom, .ss-bottom, .sns-share-buttons, .sns-buttons{
	margin: 0 !important;
	padding: 0 !important;
}



.entry-categories-tags{
	margin: 0 !important;
	padding: 0 !important;
}

.sns-share{
	margin-bottom: 20px !important;
}

.pr_banner{
	text-align: center;
}
.pr_banner p{
	margin: 0 !important;
	padding: 0 !important;
}

.top{
	margin: 0 0 30px 0;
	display: flex;
}
.top_image{
	width: 250px;
}
.top_excerpt{
	flex: 1;
	padding: 0 0 0 15px;
}
.top_excerpt div{
	font-weight: bold;
	margin: 0 0 5px 0;
	line-height: 100%;
}
.top_excerpt p{
	line-height: 150%;
	margin: 0;
}
.top_excerpt p+p{
	margin-top: 5px;
}


#breadcrumb{
	margin: 0 0 10px 0 !important;
	padding: 0 0 0 0 !important;;
}
.article-header{
	padding: 30px 30px !important;
	position: relative;
}
h1{
	border: none;
	padding: 0 0 10px 0;
	font-size: 26px !important;
	margin: 0 !important;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-color: #FCD69E;
}
.entry-content h2{
	color: #333 !important;
	background: #FCD69E !important;
	padding: 15px 15px !important;
	font-size: 22px;
}
.entry-content h3{
	font-size: 20px;
	border: none;
	color: 333;
	border-width: 0 0 0 8px;
	border-style: solid;
	border-color: #FCD69E;
	padding: 15px 10px 15px 15px;
}
.entry-content h4{
	font-size: 16px !important;
}
#toc{
	border: none;
	width: 100%;
	background: #fff5d0;
	padding: 0;
}
.toc-title{
	text-align: left;
	background: #FCD69E;
}
.toc-content{
	padding: 20px;
}

.cat-way-ona h1::before{
	font-weight: 400;
	content: '\f255';
}
.cat-goods-ona h1::before{
	content: '\f552';
}
.cat-work h1::before{
	content: '\f51f';
}
.cat-problem-ona h1::before{
	content: '\f06a';
}
.cat-way-nipple h1::before{
	content: '\f192';
}
.cat-way-prostate h1::before{
	font-weight: 400;
	content: '\f0a6';
}
.cat-way-glans h1::before{
	content: '\f810';
}
.cat-goods-hole h1::before{
	content: '\f7fb';
}
.cat-goods-ehole h1::before{
	content: '\f0e7';
}
.cat-way-waist h1::before{
	content: '\f227';
}
.cat-way-place h1::before{
	content: '\f015';
}
.cat-goods-shop h1::before{
	content: '\f218';
}
.cat-way-abnormal h1::before{
	font-weight: 400;
	content: '\f0eb';
}
.cat-problem-man h1::before{
	content: '\f3bf';
}
.cat-problem-power h1::before{
	content: '\f06d';
}
.cat-problem-well h1::before{
	content: '\f161';
}
.cat-way-normal h1::before{
	content: '\f002';
}
.cat-goods-maintenance h1::before{
	content: '\f1b8';
}
.cat-sitemap h1::before{
	content: '\f5eb';
}
.cat-top h1::before{
	content: '\f0f0';
}

.cat-way-ona h1::after{
	content: '方法';
}
.cat-goods-ona h1::after{
	content: 'グッズ';
}
.cat-work h1::after{
	content: 'ネタ';
}
.cat-problem-ona h1::after{
	content: '悩み';
}
.cat-way-nipple h1::after{
	content: '乳首';
}
.cat-way-prostate h1::after{
	content: '前立腺';
}
.cat-way-glans h1::after{
	content: '亀頭';
}
.cat-goods-hole h1::after{
	content: 'オナホ';
}
.cat-goods-ehole h1::after{
	content: '電動';
}
.cat-way-waist h1::after{
	content: '腰振り';
}
.cat-way-place h1::after{
	content: '場所';
}
.cat-goods-shop h1::after{
	content: '購入';
}
.cat-way-abnormal h1::after{
	content: 'レア';
}
.cat-problem-man h1::after{
	content: 'ペニス';
}
.cat-problem-power h1::after{
	content: '精力';
}
.cat-problem-well h1::after{
	content: '性感';
}
.cat-way-normal h1::after{
	content: 'やり方';
}
.cat-goods-maintenance h1::after{
	content: 'メンテ';
}
.cat-sitemap h1::after{
	content: '\マップ';
}
.cat-top h1::after{
	content: '\トップ';
}

.marker-under-red{
	font-weight: bold;
}

.pr{
	margin: 0;
	padding: 0;
}
.pr h2{
	font-size: 16px;
	margin: 0;
}

.button-side{
	display: flex;
	justify-content: space-between;
}
.button-side div{

}


#custom_html-2, #custom_html-3{
	background: #fff;
}
#custom_html-3{
	margin: 0 !important;
	background: #ccc;
}


#custom_html-2, #custom_html-3{
	border: none !important;
	padding: 20px 30px;
}

.entry-content{
	padding: 20px 30px !important;
	margin-bottom: 20px !important;
	border: none !important;
}

#related-entries{
	padding: 20px 30px;
	background: #fff; !important;
}

.widget_categories{
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
.widget_categories h3{
	color: #333 !important;
	background: transparent !important;
	text-align: center;
}

#main{
	border: none;
	padding: 0 !important;
}


#container{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #000 !important;
	width: 1200px;
	margin: 0 auto;
	width: auto;
	border: none !important;
}
#sidebar{
	padding: 0 !important;
	background: transparent !important;
}

.entry-content p+h3{
	margin-top: 35px !important;
}
.entry-content div.cv-button+h3{
	margin-top: 45px !important;
}
#header-container{
	padding: 0 0 0 0;
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: #ccc !important;
}

.logo, .logo-header, .logo-image{
	padding: 0 !important;
}
.content{
	margin-top: 20px !important;
}

#list{
	margin-top: 30px;
}

.entry-categories-tags{
	margin-top: 30px!important;
}















.cv{
	display: flex;
	justify-content: space-between;
}





.cv-button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #bbbbbb;
  box-shadow: 0 0 10px rgba(0 0 0 / .2);
  border-radius: 6px;
  transition: 0.3s;
	text-decoration: none;
	text-shadow: 0 0 2px #f5f5f5;
}

.cv-button a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.cv-button a:hover {
  text-decoration: none;
  background-color: #aaaaaa;
  box-shadow: 0 0 10px rgba(0 0 0 / 0);
}



.nls a{
	background-color: #7ca600;
	box-shadow: 0 5px 0 #5c8b16;
}

.amazon a{
	background-color: #e88c26;
	box-shadow: 0 5px 0 #d37916;
}

.aneros a{
	background-color: #df5656;
	box-shadow: 0 5px 0 #cf2727;
}

.adultfesta a{
	background-color: #f25e69;
	box-shadow: 0 5px 0 #f04653;
}




.pr_contents{
	text-align: center;
	background: #fff;
}



/* 段組 */
.flex_box{
	display: flex;
	margin: 0 0 20px 0;
	padding: 0;
	margin: 0 -10px;
}
.flex_box div{
	flex: 1;
	flex-basis: 50%;
	padding: 0 10px;
	text-align: center;
}
.flex_box div img{
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
.flex_box div p{
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px;
	margin-top: -10px !important;;
}
.flex_box wp-block-image, .flex_box figure{
	margin: 0 !important;
	padding: 0 !important;
}



.ctabox{
	border: solid #ccc 2px;
	margin: 0 0 20px 0;
	padding: 20px;
	border-radius: 5px;
}
.ctabox dl{
	margin: 0 0 10px 0;
}
.ctabox dt{
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 16px;
}
.ctabox dd{
	margin: 0 0 10px 0;
	font-size: 14px;
}
.ctabox h3{
	border: none;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
}

.logo-image img{
	max-width: 80%;
	margin: 0 !important;
}



#sidebar h3{
	background: #333;
	border: none !important;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px !important;
	margin-top: 0;
}

#sidebar{
	padding-top: 0;
}

.logo-image img{
	max-width: 80%;
	margin: 0 !important;
}

/* テキストリンク */

.t-nls, .t-amazon, .t-adf, .t-aneros, .t-web, .t-duga, .t-official, .t-lc, .t-duga{
	font-weight: bold;
}

.link_nls{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_nls.png) no-repeat left center;
	background-size: 40px auto;
}
.link_amazon{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_amazon.png) no-repeat left center;
	background-size: 40px auto;
}
.link_official{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_official.png) no-repeat left center;
	background-size: 40px auto;
}
.link_aneros{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_aneros.png) no-repeat left center;
	background-size: 40px auto;
}
.link_lc{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_lc.png) no-repeat left center;
	background-size: 40px auto;
}
.link_adf{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_adf.png) no-repeat left center;
	background-size: 40px auto;
}
.link_duga{
	padding: 0 0 0 50px;
	background: transparent url(images/icon_duga.png) no-repeat left center;
	background-size: 40px auto;
}


.label-box a{
	font-weight: bold;
}
.text_link{
	padding: 0 0 0 5px;
}
.internal_link{
	
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.button-side{
		display: block;
	}
	.button-side .cv-button a{
		width: auto;
		margin: 0 0 15px 0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.top{
		display: block;
	}
	.top_image{
		width: auto;
	}
	.top_excerpt{
		flex: none;
		padding: 0;
	}
	.logo-image img{
		max-width: 180px !important;
	}
	#content{
		margin-top: -10px !important;
	}
	#container{
		border:none !important;
		width: auto;
		margin: 0;
	}
	#header-container{
		padding: 10px 0 0 0;
		border: none !important;
	}
	.article-header{
		border-width: 1px 0;
		margin: 0 !important;
		padding: 13px 20px 13px 20px !important;
	}
	h1{
		margin: 0 !important;
		font-size: 24px !important;
		padding: 0 0 10px 0 !important;
	}

	#breadcrumb{
		font-size: 12px !important;
	}
	.entry-content{
		border-width: 0 0 1px 0 !important;
		padding: 0 20px 20px 20px !important;
	}
	.sns-share{
		border: none;
		padding: 0 !important;
	}
	.under-entry-content{
		border-width: 1px 0 !important;
	}
	.cv-button a{
		width: auto;
	}
	.button-side{
		display: block;
	}
	.button-side .cv-button a{
		width: auto;
		margin: 0 0 15px 0;
	}

	
}