@charset "UTF-8";

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

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

.post-date,.entry-date.date.published.updated{
	display:none;
}
img.post_top_image{
	width:100%;
	max-height:700px;
	object-fit: contain;
}
.side-title {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 36pt;               /* 文字のサイズ */
  text-shadow    : 
       5px  5px 10px #000000,
      -5px  5px 10px #000000,
       5px -5px 10px #000000,
      -5px -5px 10px #000000,
       5px  0px 10px #000000,
       0px  5px 10px #000000,
      -5px  0px 10px #000000,
       0px -5px 10px #000000;        /* 文字の影 */
}
.actress_box2 {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-mask-image: radial-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 60%);
    mask-image: radial-gradient(rgb(255, 255, 255) 30%, rgba(255, 255, 255, 0) 60%);
}
.actress_image2 img{
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}



img.actress_image{
--size: 125px;
  --blur-strength: 78%; /* ぼかし開始位置（70〜85%が自然） */

  width: var(--size);
  height: var(--size);
  object-fit: cover;
  clip-path: circle(50% at 50% 50%);

  mask-image: radial-gradient(
    circle,
    black calc(var(--blur-strength) - 5%),
    rgba(0,0,0,0.7) var(--blur-strength),
    rgba(0,0,0,0.3) calc(var(--blur-strength) + 10%),
    transparent 100%
  );
}


tr{ 
	border: 3px solid #222;
}

td.product_image{ 
	border: 3px solid #222;
}

.thumb-square{
		--card-ratio: unset;
}
.card-thumb img {
  aspect-ratio: unset;
  object-fit: contain;
}
.entry-card-thumb-image.card-thumb-image.wp-post-image{
	width:100%;
	max-height:200px;
}
.entry-card-thumb.card-thumb.e-card-thumb{
	
}
body,.sidebar,.main {
  background-color: #fdd;  /* 好きな色 */
}

.eye-catch,.eye-catch-image {
	min-width:100%;
}

a.cat-link-6254 .fas.fa-folder.cat-icon::before {
    content: "\f03d";
    color: #FFD700;
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
a.cat-link-6253 .fas.fa-folder.cat-icon::before {
    content: "\f729";
    color: #FFD700;
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}




.fa-tag::before{
    font-family: 'Font Awesome 5 Free';
  content: "\f007";
}



@media screen and (min-width: 801px){
	.mini{
		display:none;
	}
}
@media screen and (max-width: 800px){
	.product_image{
		width:0px;
	}
}