@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.sale-icon {
	text-align:center;
	color:black;
	position: absolute;
top:0;
	background-color: rgba(222, 222, 20, 0.5);
	border-radius: 100vh;
	border:2px solid #ff0;
	margin: 0;
	padding:0 ;
	font-size:16px;

}
.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;        /* 文字の影 */
}




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%
  );
}
table:not(.has-border-color) :where(th, td) {
  border: none;
	text-align:center;
}

table.product{
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";
}

/* From Uiverse.io by Madflows */ 
button {
 position: relative;
 display: inline-block;
 cursor: pointer;
 outline: none;
 border: 0;
 vertical-align: middle;
 text-decoration: none;
 font-family: inherit;
 font-size: 15px;
}

button.adlink {
 font-weight: 600;
 color: #382b22;
 text-transform: uppercase;
 padding: 1.25em 2em;
 background: #fff0f0;
 border: 2px solid #b18597;
 border-radius: 0.75em;
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
 transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
}

button.adlink::before {
 position: absolute;
 content: '';
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: #f9c4d2;
 border-radius: inherit;
 -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
 box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
 -webkit-transform: translate3d(0, 0.75em, -1em);
 transform: translate3d(0, 0.75em, -1em);
 transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
}

button.adlink:hover {
 background: #ffe9e9;
 -webkit-transform: translate(0, 0.25em);
 transform: translate(0, 0.25em);
}

button.adlink:hover::before {
 -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
 box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
 -webkit-transform: translate3d(0, 0.5em, -1em);
 transform: translate3d(0, 0.5em, -1em);
}

button.adlink:active {
 background: #ffe9e9;
 -webkit-transform: translate(0em, 0.75em);
 transform: translate(0em, 0.75em);
}

button.adlink:active::before {
 -webkit-box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
 box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
 -webkit-transform: translate3d(0, 0, -1em);
 transform: translate3d(0, 0, -1em);
}

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