@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.header {
	/*background-color: #eb54cc;*/
}

/*.site-name-text-link {
	text-shadow: 2px 2px 0px #444;
}*/

h1.entry-title {
	font-size: 1.5em;
	line-height: 1.8em;
}

.article h2 {
	/*background-color: #b51307;*/
	font-size: 1.5rem;
}

.article h3 {
	font-size: 1.4rem;
	/*border-top: solid 3px #ff00bb;
	border-bottom: solid 3px #ff00bb;*/
}

table {
	width: 100%;
}

table, th, td {
	border: 1px solid #333 !important;
	font-size: 90%;
}

td:nth-child(1), td:nth-child(2) {
	width: 50%;
}

tr:nth-child(1) td {
	text-align: center;
	font-weight: bold;
	background-color: #ccc !important;
}

tr td:nth-child(2) {
	background-color: #fff;
}

.article p {
	line-height: 2.5;
}

.ta-center {
	text-align: center;
}

.btn-wrap a {
	text-shadow: 2px 2px 0px #333;
}

.red {
	color: #ff00bb;
	color: #9e0000;
	/*background: linear-gradient(transparent 60%,#ffe27a 60%);*/
	font-weight: bold;
}

h3.widget-sidebar-title {
	/*color: #ccc;*/
}

.blogcard-type.bct-related { /* ブログカード・関連記事 */
	padding-top: 1.5em;
}

.blank-box.bb-tab {
	margin-top: 45px;
}

.btn-wrap > a {
	border-radius: 15px;
	box-shadow: 3px 3px #999;
}

.btn-wrap.btn-wrap-red>a {
	border: 3px solid #c00;
	background-color: #c00;
	color: #fffaa6;
	text-shadow: none;
}

.btn-wrap.btn-wrap-pink>a {
	/*background-color: #d665d0;*/
	/*color: #fff;*/
}

.btn-wrap.btn-wrap-purple>a {
	/*background-color: #ff6e0d;*/
	/*color: #fff;*/
}

.btn-wrap.btn-wrap-pink>a {
	background-color: #ff4800;
	/*border: 3px solid #f030aa;
	color: #f030aa;
	background-color: #fff7fc;
	text-decoration: none;
	text-shadow: none;
	font-size: 16px;*/
}

.btn-wrap.btn-wrap-purple>a {
	background-color: #ff4800;
	/*border: 3px solid #f030aa;
	color: #f030aa;
	background-color: #fff7fc;
	text-decoration: none;
	text-shadow: none;
	font-size: 16px;*/
}

.btn-wrap.btn-wrap-grey>a {
	background-color: #7e1fa3;
}

.btn-wrap.btn-wrap-blue>a {
	border: 2px solid #ff5100;
	color: #fff;
	background-color: #ff5100;
	text-shadow: none;
}

.btn-wrap.btn-wrap-indigo>a {
	color: #fff200;
	background-color: #0e429c;
}

.btn-wrap.btn-wrap-deep-orange>a {
	background-color: #ff4400;
	/*color: #fff370;*/
}

.blank-box.bb-green {
	border-color: #7e1fa3;
}

.blank-box.bb-tab.bb-green .bb-label {
	background-color: #7e1fa3;
}

.btn-wrap.btn-wrap-green>a {
	/*border: 2px solid #2b42b5;*/
	/*background-color: #8818b5;*/
	margin-top: 10px;
}

.btn-wrap-l>a {
	line-height: 1.9;
}

.bb-red {
	background-color: #fff;
	color: #000;
}

.tameshiyomi {
	font-weight: bold;
	text-align: center;
	color: #cc0000;
	margin: 25px 0 10px;
	display: none;
}

.grecaptcha-badge {
	display: none;
}

.org-link {
	text-align: center;
	font-weight: bold;
}

.fanza-pr-title {
	margin-bottom: 15px;
	text-align: center;
}

.pr-box {
	border-top: 3px solid #8818b5;
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
}

.pr-emp1 {
	color: red;
}

.pr-emp2 {
	color: #fffa78;
}

/* Cocoon PR表記 */

.pr-label-l {
	border: none;
	padding: 0px;
	text-align: right;
	margin-bottom: 50px;
	font-size: 90%;
}

/* 余白調整 */
.mb10 {
	margin-bottom: 10px;
}

/* PC・モバイル表示切り替え */

.box-pc {
	display: block;
}

.box-mobile {
	display: none;
}

.brc { /* PC・モバイル改行切替用 */
	display: none;
}

/* 「PICKUP」ラベル変更 */
.bb-pickup .bb-label::after {
    content: "SALE";
}

/*769px以上*/
@media screen and (min-width: 768px){

	p img {
		max-width: 400px;
		height: auto;
	}

}

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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

	/* インデックス */
	figure.card-thumb {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	figure.card-thumb img {
		width: 80%;
		height: auto;
	}
	
	h2.card-title {
		line-height: 1.3;
	}
	
	.card-snippet {
		line-height: 1.4;
	}

	/* PC・モバイル表示切り替え */

	.box-pc {
		display: none;
	}

	.box-mobile {
		display: block;
	}

	.brc { /* PC・モバイル改行切替用 */
		display: block;
	}

}