@charset "UTF-8";

/*!
Theme Name: Cocoon Child    favo6.com
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.wp-block-gallery.has-nested-images figure.wp-block-image {
		width: 100% !important;
		margin: 0 0 16px !important;
	}
}


/*　ページ内リンクでスムーススクロール */
html {
	scroll-snap-type: y proximity;
	scroll-padding-top: 70px;
 	scroll-behavior: smooth;

 	--iroirobase-color : #00a3af;
}

/*	WordPress6.8（2025年04月16日）から下部のバーが固定化されたのを解除する	*/
.editor-visual-editor {
    overflow: unset !important;
}




.header-container, .footer-container {
	box-shadow: 0 0 16px 0 #777;
}



a.affiliate_link {
	text-decoration: none;
	border: 2px solid red;
	border-radius: 6px;
	padding: 4px 8px;
	color: red;
}

a.affiliate_link:hover {
	background-color: rgba(255, 0, 0, 0.1);
	text-decoration: underline;
}





/*	サンプル画像	*/
ul.pictures {
	list-style: none;
	padding-left: 0;
}





/*	PC用 (1025px以上)	*/
.eyecatch {
	min-width: 600px;
	width: 100%;
	width: auto !important;
	margin-right: auto;
	margin-left: auto;
	display: flex;
}


/*	タブレット用 (600px〜1024px）	*/
@media (max-width: 1024px){
	.eyecatch {
		min-width: 600px;
		width: auto !important;
		margin-right: auto;
		margin-left: auto;
		display: flex;
	}
}

/*	スマホ用 (599px以下）	*/
@media (max-width: 599px){
	.eyecatch {
		min-width: auto;
		width: 100%;
	}

}





/*	http://blog.pipoya.net/blog-entry-616.html	*/
.pixelated {
	-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
	image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	image-rendering: -moz-crisp-edges; /* Firefox (Gecko) */
	image-rendering: -o-crisp-edges; /* Opera 12.x */
	image-rendering: pixelated; /* Chrome 41+, Opera 29+ (CSS4) */
}



s {
	text-decoration-color: red;
	text-decoration-thickness: 1px;
	text-decoration-style: double;
}



/*	インデックス　日付	*/
.e-card-info {
	margin-top: -6px;
/*	font-family: "Arial Black", Gadget, sans-serif;*/
	font-weight: bold;
/*	font-size: 1.25em;*/
/*	text-align: center;*/
/*	justify-content: space-around;*/
	font-size: 1em;
	text-align: right;
	justify-content: right;
}

.e-card-info .post-date span:first-child {
/*	display: none;*/
}

.e-card-info .post-date {
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
}


/*	セール中　ラベル	*/
.sale_label {
	width: 100%;
	font-size: 16px;
	background-color: #f36;
	color: #fff;
	font-weight: bold;
	line-height:36px;
	text-align: center;
	position: absolute;
	padding: 0;
/*	transform: rotate(-45deg);
	left: -40px;
*/
	top: -40px;
	outline: #fff dashed 1px;
	outline-offset: -6px;
	
	font-family: "Yellowtail", cursive;
	font-weight: 400;
	font-style: normal;
}


ul.seller {
	display: flex;
	padding-left: 0;
	position: absolute;
	width: 100%;
	list-style-type: none;
}


ul.seller li {
	width: 25%;
	list-style: none;
/*	border: 1px solid #777;*/
	text-align: center;
/*	display: flex;*/
}

ul.seller li img {
	aspect-ratio: 1/1 !important;
	background-color: initial !important;
	max-height: 20px;
	height: 100%;
	width: auto;
}



/*
	テーブルタグ　背景
*/
.single .profile tr {
	border-bottom: 2px dashed #cc9600;
	background-color: inherit !important;
}

.entry-card-wrap .entry-card-content table tr {
/*
	background-color: inherit !important;
*/
}

.single .profile table {
	text-align: left;
}

.single .profile table tr td:nth-of-type(1){
	width: 9em;
	justify-content: space-between;
	display: inline-flex;
}

.single .profile table tr td:nth-of-type(1):after{
/*	margin-left: 6em;*/
	content: "🌟";
}


.single .work_info tr {
	background-color: inherit !important;
}

.single .work_info tr td {
	padding-top: 1px;
	padding-bottom: 1px;
}

.single .work_info table tr td:nth-of-type(1){
	width: max-content;
	display: inline-block;
}

.single .work_info table tr td:nth-of-type(1):after{
	content: "：";
}

.single .work_info ul.info-tags {
	padding-left: 0;
}

.single .work_info ul.info-tags li {
	list-style: none;
}

.single .work_info ul.info-tags li a {
	border: 1px solid #ccc;
	font-size: 0.9em;
	padding: 0.5em;
	border-radius: 6px;
	text-decoration: none;
	color: inherit;
}



/*
//	見出し
*/
.article h2 {
	font-weight: bold;
	border-bottom: 3px solid var(--iroirobase-color);
	transform: skewX(-15deg);
	position: relative;
	background-color: inherit;
	padding-bottom: 0.25em;
}

.article h2:before ,
.article h2:after {
	content: '';
	background-color: var(--iroirobase-color);
	width: 3px;
	height: 20px;
	transform: rotate(30deg);
	position: absolute;
	bottom: -10px;
}
.article h2:before {
	right: 2.5em;
}

.article h2:after {
	right: 2em;
}
 
.article h3 ,
.sidebar h3 {
	font-weight: bold;
	transform: skewX(-15deg);
	position: relative;
	background-color: inherit;
	padding-bottom: 0.25em;
}

.article h3 {
	border-bottom: 3px dotted var(--iroirobase-color);
	border-top: none;
	border-right: none;
	border-left: none;
}

.sidebar h3 {
	border-bottom: 3px solid var(--iroirobase-color);
}

/*	作品紹介の囲み	*/
html .body .label-box.has-teal-border-color:not(.not-nested-style) .box-content {
    border-color: var(--iroirobase-color);
}



/*
//	購入について
*/
.single ul.buy {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

.single ul.buy li {
	list-style: none;
	margin: 0;
	width: 25%;
	text-align: center;
	padding: 0 5px;
/*	border: 1px dashed #e7e7e7;*/
}

@media screen and (max-width: 480px){
	.single ul.buy li {
		width: 50%;
	}
}

.single ul.buy li a {
	display: block;
	padding: 15px 0;
	
	border: 2px solid rgba(255, 255, 255, 0);
	border-radius: 12px;
}

.single ul.buy li a:hover {
/*	border-color: #abced8;*/
	box-shadow: 0 2px 5px #cccccc;
}

.single ul.buy li a:hover:after {
}


.single ul.buy li a img {
	height: 40px;
}



/*
	女優プロフィール（作品ページ）
*/
div.related_actress .wp-block-column {
	justify-items: center;
}



/*
	画像（あらすじ部分）
*/
.single .wp-block-image:first-of-type {
	margin-top: 0 !important;
}



/*
	「今日のおすすめ」ウィジェット
*/
.arpw-random-post ul.arpw-ul {
	list-style-type: none;
	padding-left: 0;
}

.arpw-random-post img {
	border-radius: 4px;
}

.random-post ul.random-post-ul {
	list-style-type: none;
	padding-left: 0;
}

.random-post img {
	border-radius: 4px;
}


/*
	アイキャッチ
*/
.eye-catch-wrap {
	margin-top: 3em;
	margin-bottom: 3em;
}



/*
	SNSシェア
*/
#main .article-header .sns-share a ,
#main .article-footer .sns-share a ,
#main .article-footer .sns-follow a {
	height: 40px;
	width: 40px;
	border-radius: 6px;
}
/* 各アイコンの大きさ調整 */
.sns-share.ss-high-and-low-lc a .social-icon {
	font-size: 24px;
}
/* Twitterなどのキャプション削除 */
.sns-share.ss-high-and-low-lc a .button-caption {
	display: none;
}
/* 各アイコンの枠線と背景色を透明に */
#main .article-header .bc-brand-color-white.sns-share [class*="-button"] {
	border: none;
	background-color: transparent;
}



/*
	おすすめ
*/
.highlights {
	border: none;
}



.recommend {
	border-radius: 20px;
	padding: 1em clamp(1.5rem, -0.265rem + 7.53vw, 3.5rem);
	outline: 2px dashed #659985;
	outline-offset: -1em;
	min-height: 0;

	background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px; /*点線の太さ */
	background-position: 0 0, 0 0, 100% 0, 0 100%; /* 背景の開始位置を指定 */
	background-repeat: no-repeat; /* 繰り返さない */
}



/*	自作　関連記事		*/
.related_works {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin-bottom: 4em;
}

.related_works a {
	width:25%;
	height: auto;
	padding: 5px;
}

.related_works a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #f3f3f3;
	margin: 0;
}



/*	ギャラリー	*/
.samplePict a img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

@media screen and (max-width: 480px){
	.samplePict li {
		width: 100% !important;
	}
}