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



/* === Header Nav SVG Icons === */
#menu-item-2843 > a .item-label,#menu-item-3237 > a .item-label,#menu-item-2333 > a .item-label,#menu-item-3239 > a .item-label,#menu-item-2332 > a .item-label{font-size:0!important;display:flex!important;align-items:center;gap:5px}
#menu-item-2843 > a .item-label::before,#menu-item-3237 > a .item-label::before,#menu-item-2333 > a .item-label::before,#menu-item-3239 > a .item-label::before,#menu-item-2332 > a .item-label::before{content:'';display:inline-block;width:16px;height:16px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}
#menu-item-2843 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
#menu-item-3237 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='3' cy='6' r='1'/%3E%3Ccircle cx='3' cy='12' r='1'/%3E%3Ccircle cx='3' cy='18' r='1'/%3E%3C/svg%3E")}
#menu-item-2333 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
#menu-item-3239 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E")}
#menu-item-2332 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E")}
#menu-item-2843 > a .item-label::after{content:'ホーム';font-size:13px;color:inherit}
#menu-item-3237 > a .item-label::after{content:'カテゴリ一覧';font-size:13px;color:inherit}
#menu-item-2333 > a .item-label::after{content:'プロフィール';font-size:13px;color:inherit}
#menu-item-3239 > a .item-label::after{content:'SNS';font-size:13px;color:inherit}
#menu-item-2332 > a .item-label::after{content:'お問い合わせ';font-size:13px;color:inherit}

/* === Header Nav Search === */
#nav-search-item{display:flex;align-items:center;margin-left:auto;position:relative;list-style:none}
.nav-srch-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:4px 8px;color:#0d5c45;opacity:.8;transition:opacity .2s;line-height:1}
.nav-srch-btn:hover{opacity:1}
.nav-srch-form{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1.5px solid #0d5c45;border-radius:8px;padding:6px;white-space:nowrap;z-index:9999;box-shadow:0 4px 14px rgba(0,0,0,.13);animation:srchIn .18s ease}
@keyframes srchIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
#nav-search-item.open .nav-srch-form{display:flex;align-items:center;gap:5px}
.nav-srch-form input[type=search]{border:1px solid #ccc;border-radius:5px;padding:5px 10px;font-size:13px;width:200px;outline:none;-webkit-appearance:none}
.nav-srch-form input[type=search]:focus{border-color:#0d5c45;box-shadow:0 0 0 2px rgba(13,92,69,.12)}
.nav-srch-form button[type=submit]{background:#0d5c45;border:none;border-radius:5px;padding:6px 9px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}
.nav-srch-form button[type=submit]:hover{background:#0a4a37}