@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.ad-label{
	font-size:50%;
}
.entry-content a:hover{
    color:pink !important;
}
#header .tagline{
    font-weight: bold;
}
#header .logo-image{
	width:166px;
	margin-left:8px;
	padding-top:8px;
}
#navi{
    color:#000;
}
#header-container:after{
	content: "";
	display:block;
    width: 100%;
    height: 7.5px;
    background: url(https://cdn.bijinkenko.com/wp-content/uploads/2021/02/03144448/stripe.png) center bottom repeat-x;
    background-size: auto 7.5px;
}
#recommended-in{
	background-color:#fafafa;
}
.recommended.rcs-center-label-title .card-content .card-title{
	font-weight:bold;
	padding: 10px 1.2em;
	color:#fff;
	background:#FF1493;
	opacity:0.9;
}
#navi .item-label{
    font-weight:bold;
    color:#455A64;
}
#navi-menu-content{
    background:#ffc0cb;
}
.mobile-footer-menu-buttons{
    background:#D00B5B;
}
.toc-title {
    background:#A58495;
	color:#fff;
    background-size: 32.00px 18.48px;
}
.entry-card-title {
    /*color:#D00B5B;*/
    font-size:150%;
    font-weight:900 !important;
    /*text-shadow:1px 1px 2px rgba(51,51,51,0.4);*/
}
.entry-card-snippet, .related-entry-card-snippet{
    padding:8px;
    color:#bbb;
    font-size:70%;
}
h1.entry-title{
    font-size:200%;
}
.entry-content b, .entry-content strong {
	background: linear-gradient(transparent 60%, #fedee7 60%);
	padding: 0 1px 2px;
}
.entry-content > h2,
.entry-content .column-wrap.column-3 h2{
    color:#000;
    font-size:28px;
    font-weight:bolder;
    background-color:transparent;
    padding-left:0px;
    border-bottom:2px dotted #FEDEE7;
}
.entry-content > h3{
    border-style:none;
    border-left:4px solid #FFB7C5;
}
.entry-content > h4:before{
    content: "◎";
    margin-right:16px;
    color:#FFB7C5;
}
.entry-content > h4{
    color:#000;
}
#sidebar, #slide-in-sidebar{
    font-size:80%;
}
#sidebar li > a {
	font-weight:bold;
	color:#455A64;
}
/* サイドバー見出し：グレーの箱をやめ、記事h2と同じエディトリアル見出しに統一 */
#sidebar .widget-title,
#sidebar .widget-sidebar-title{
    background:transparent;
    color:#333;
    font-weight:700;
    padding:0 0 8px;
    border-radius:0;
    border-bottom:2px dotted #FEDEE7;
    position:relative;
}
#sidebar .widget-title:after,
#sidebar .widget-sidebar-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:42px;
    height:2px;
    background:#FF1493;
}
#about img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:100px;
    border-radius:50px;
    border:3px solid #fff;
}
.related-entry-heading {
    text-align: center;
    background:#fedee7;
    width: 100%;
}
.author-info{
    display: none;
}

.yyi-rinker-title a{
    color:#1967D3 !important;
    font-size:80% !important;
}
.yyi-rinker-contents .credit{
    display:none;
}
.yyi-rinker-contents .credit-box{
    display:none;
}
.yyi-rinker-contents::after{
	display: flex;
	text-align: right;
	font-size: 40%;
	color: #aaa;
	content:"アマゾンアフィリエイトリンク";
	margin:0;
	margin-bottom:2px;
	margin-left:2px;
	padding:0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin:0 8px 10px 0 !important;
    padding:0 !important;
    border-radius:12px !important;
	border-bottom:0 !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
    background:transparent !important;
    box-shadow:none !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1:hover {
    background:transparent !important;
    box-shadow:none !important;
    transform:none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    box-sizing:border-box;
    padding:10px 32px !important;
    background:#D6005E !important;
    border-radius:12px;
    box-shadow:0 2px 5px rgba(214,0,94,0.24);
    color:#fff !important;
    font-size:16px;
    font-weight:700;
    line-height:1.25 !important;
    text-decoration:none;
    transition:background-color .2s ease, box-shadow .2s ease;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:hover{
    background:#B8004F !important;
    box-shadow:0 3px 6px rgba(214,0,94,0.3);
    opacity:1;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:focus-visible,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:focus-visible,
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 a:focus-visible{
    outline:3px solid #FFB7C5;
    outline-offset:2px;
}
div.yyi-rinker-info {
    padding-left:8px;
}
/* Cocoonボタン(.btn-pink)をRinker購入ボタンと同じ仕様に統一 */
.entry-content .btn-pink,
.entry-content .btn-wrap.btn-wrap-pink > a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    box-sizing:border-box;
    padding:10px 32px !important;
    background:#D6005E !important;
    border:0 !important;
    border-radius:12px !important;
    box-shadow:0 2px 5px rgba(214,0,94,0.24);
    font-size:16px !important;
    line-height:1.25 !important;
    text-decoration:none;
    transition:background-color .2s ease, box-shadow .2s ease;
}
.entry-content .btn-pink:hover,
.entry-content .btn-wrap.btn-wrap-pink > a:hover{
    background:#B8004F !important;
    box-shadow:0 3px 6px rgba(214,0,94,0.3);
}
.entry-content .btn-pink:focus-visible,
.entry-content .btn-wrap.btn-wrap-pink > a:focus-visible{
    outline:3px solid #FFB7C5;
    outline-offset:2px;
}
a.affiliatelink{
    text-decoration:none;
}
.affiliatelink{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    box-sizing:border-box;
    margin:0 8px 10px 0;
    padding:10px 32px;
    background:#D6005E !important;
    border:0 !important;
    border-radius:12px;
    box-shadow:0 2px 5px rgba(214,0,94,0.24);
    color:#fff !important;
    font-size:16px;
    font-weight:700;
    line-height:1.25;
    transition:background-color .2s ease, box-shadow .2s ease;
}
.affiliatelink:hover{
    background:#B8004F !important;
    box-shadow:0 3px 6px rgba(214,0,94,0.3);
    opacity:1;
}
.affiliatelink:focus-visible{
    outline:3px solid #FFB7C5;
    outline-offset:2px;
}
.woocommerce ul.products li.product {
    box-sizing:border-box;
    padding:7px;
    background:#fff;
    border:1px solid var(--cocoon-three-d-border-colors);
    transition:background-color .2s ease;
}
.woocommerce ul.products li.product:hover {
    background:#f5f8fa;
}
.woocommerce nav.woocommerce-pagination {
    margin:24px 0;
    clear:both;
    text-align:center;
    display:inline-flex;
    justify-content:center;
    width:100%;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:inherit;
    font-size:inherit;
    line-height:normal;
    list-style:none;
    white-space:normal;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers::before,
.woocommerce nav.woocommerce-pagination ul.page-numbers::after {
    content:none !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    display:contents !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers,
.woocommerce nav.woocommerce-pagination ul.page-numbers li > span.page-numbers {
    color:var(--cocoon-text-color) !important;
    text-decoration:none !important;
    display:inline-block !important;
    box-sizing:border-box !important;
    height:46px !important;
    width:46px !important;
    min-width:46px !important;
    border:0 !important;
    margin:0 4px !important;
    padding:0 !important;
    line-height:44px !important;
    text-align:center !important;
    border-radius:var(--cocoon-basic-border-radius) !important;
    font-size:16px !important;
    font-weight:400 !important;
    background:transparent !important;
}
.pagination > .page-numbers {
    border:0 !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > span.page-numbers.current {
    background:var(--cocoon-current-background-color) !important;
    color:var(--cocoon-text-color) !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > span.page-numbers.dots {
    background:var(--cocoon-xx-thin-color) !important;
    opacity:.6 !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers {
    transition:background-color .2s ease, color .2s ease;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers:hover {
    background:#f5f8fa !important;
    color:var(--cocoon-text-color) !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.next.page-numbers {
    font-size:0 !important;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.next.page-numbers::after {
    content:"\f105";
    font-family:FontAwesome;
    font-size:16px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers:focus-visible {
    outline:3px solid #FFB7C5;
    outline-offset:2px;
}
@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product,
    .woocommerce nav.woocommerce-pagination ul.page-numbers li > a.page-numbers {
        transition:none;
    }
}
@media screen and (max-width: 480px) {
    .woocommerce nav.woocommerce-pagination ul.page-numbers li > span.page-numbers.dots {
        display:none !important;
    }
}

h2.woocommerce-loop-product__title {
    font-size:80%;
    padding:8px !important;
    background:transparent !important;
}

.product_meta span{
    display:block;
}
.woocommerce-product-gallery__image img{
    max-height:300px;
    object-fit:contain;
}
.woocommerce-LoopProduct-link img {
    max-height:150px;
    object-fit:contain;
}

.woocommerce-tabs .tabs{
    display:none;
}

.popular-posts ol, ul {
	padding-left:1px;
}
.ywcca_category_accordion_widget  {
	padding:6px;
	border:1px solid #333;
	border-radius:5px;
}
.popular-posts li > a {
	text-decoration: none;
}
.ywcca_category_accordion_widget li > a {
	text-decoration: none;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}
/************************************
** カラムレイアウト：モダンな白カード
** （column-3 を使う全ページに適用：diet / lifestyle など）
************************************/
.column-wrap.column-3{
    gap:20px;
    align-items:flex-start;
}
.column-wrap.column-3 > .column-left,
.column-wrap.column-3 > .column-center,
.column-wrap.column-3 > .column-right{
    flex:1 1 0;
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding:28px 24px;
    box-shadow:0 4px 20px rgba(0,0,0,0.06);
}
.column-wrap.column-3 h2 + p{
    text-align:center;
    margin:6px 0 16px;
}
.column-wrap.column-3 h2 + p img{
    width:48px;
    height:48px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
    .related-entry-card-snippet{
        display: none;
    }
  /*必要ならばここにコードを書く*/
}