@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
*/
img.lazyload{opacity:0;transition:opacity .3s}img.lazyloaded{opacity:1}//functions.phpに追加 add_image_size('mobile-thumb',360,240,true);add_image_size('tablet-thumb',768,512,true);<style>.site-header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}.hero-section{min-height:400px;background:#f8f9fa}.primary-nav{display:flex;justify-content:space-between}</style>@media (max-width:768px){.comparison-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table thead{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.1)}.comparison-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.comparison-card-header{font-size:18px;font-weight:700;color:#ff6b6b;margin-bottom:12px}.comparison-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}}.cta-button-mobile{min-height:48px;min-width:48px;padding:12px 24px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%);color:#fff;border:none;border-radius:24px;box-shadow:0 4px 12px rgba(255,107,107,.3);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:16px 0}.cta-button-mobile:active{transform:scale(.95)}.floating-cta{position:fixed;bottom:20px;right:20px;z-index:999;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,107,107,.7)}70%{box-shadow:0 0 0 10px rgba(255,107,107,0)}100%{box-shadow:0 0 0 0 rgba(255,107,107,0)}}body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif;font-size:16px;line-height:1.8;letter-spacing:.05em;color:#333}h1,h2,h3{font-weight:700;line-height:1.4;margin-top:2em;margin-bottom:.8em}h1{font-size:28px;color:#2c3e50}h2{font-size:24px;color:#34495e;border-left:4px solid #ff6b6b;padding-left:12px}h3{font-size:20px;color:#444}@media (max-width:768px){body{font-size:15px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}.sticky-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease}.mega-menu{position:absolute;top:100%;left:0;width:100vw;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;display:none}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto}.mobile-menu-toggle{display:none;width:30px;height:24px;position:relative;cursor:pointer}@media (max-width:768px){.mobile-menu-toggle{display:block}.mobile-menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#fff;transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.1)}.mobile-menu.active{left:0}}.conversion-microcopy{background:linear-gradient(135deg,#fff3cd 0%,#ffeeba 100%);border-left:4px solid #ffc107;padding:16px;margin:20px 0;border-radius:4px}.conversion-microcopy:before{content:"💡";font-size:20px;margin-right:8px}.urgency-banner{background:#ff6b6b;color:#fff;text-align:center;padding:12px;font-weight:700;position:relative;overflow:hidden}.urgency-banner:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}@keyframes shine{100%{left:100%}}:root{--primary-color:#ff6b6b;--secondary-color:#4ecdc4;--accent-color:#ffe66d;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--bg-light:#f8f9fa;--bg-white:#fff;--shadow-light:0 2px 10px rgba(0,0,0,.08);--shadow-medium:0 4px 20px rgba(0,0,0,.12)}.header-container{background:var(--bg-white);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:999}.site-name-text{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.entry-card-wrap{transition:all .3s ease;border-radius:12px;overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow-light)}.entry-card-wrap:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.cat-label{background:var(--secondary-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.conversion-area{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px 20px;border-radius:16px;text-align:center;margin:40px 0;position:relative;overflow:hidden}.conversion-area:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.wp-block-table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-light)}.wp-block-table thead{background:linear-gradient(135deg,var(--primary-color),#ff5252);color:#fff}.wp-block-table th{padding:16px;font-weight:700;text-align:center}.wp-block-table td{padding:16px;border-bottom:1px solid #eee}.wp-block-table tr:nth-child(even){background:var(--bg-light)}@media (max-width:768px){.scroll-hint{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-hint:after{content:"→ スクロール";position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}.mobile-tab-menu{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:10px 0;margin-bottom:20px}.mobile-tab-menu::-webkit-scrollbar{display:none}.mobile-tab-menu .tab-item{flex:0 0 auto;padding:8px 16px;background:var(--bg-light);border-radius:20px;white-space:nowrap;transition:all .3s ease}.mobile-tab-menu .tab-item.active{background:var(--primary-color);color:#fff}}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid var(--secondary-color);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:16px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:0 0 8px}.skip-link:focus{left:0}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fixed-footer-cta{position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);box-shadow:0 -4px 20px rgba(0,0,0,.1);padding:16px;display:none;z-index:998;transform:translateY(100%);transition:transform .3s ease}.fixed-footer-cta.show{transform:translateY(0)}@media (max-width:768px){.fixed-footer-cta{display:block}}