:root{ --swl-fz--content: clamp(15px, 4vw, 16.5px) !important; } @font-face{font-family:"MS-JP";font-weight:500;font-style:normal;font-display:block; src:local("HiraginoSans-W4"),local("Hiragino Sans W4"),local("HiraginoSans-W3"),local("Hiragino Sans"),local("HiraKakuProN-W3"),local("Hiragino Kaku Gothic ProN"),local("Yu Gothic Medium"),local("YuGothic-Medium"),local("Meiryo");} @font-face{font-family:"MS-JP";font-weight:700;font-style:normal;font-display:block; src:local("Hiragino Sans W6"),local("HiraginoSans-W6"),local("Hiragino Kaku Gothic ProN W6"),local("HiraKakuProN-W6"),local("Yu Gothic Bold"),local("YuGothic-Bold"),local("Meiryo Bold"),local("Meiryo-Bold");} :root{ --ms-font:"MS-JP","Noto Sans JP","Noto Sans CJK JP",sans-serif; } body, #ms-top, #ms-cat, .ms-side, .ms-cta, .ms-tags{ font-family:var(--ms-font) !important; font-weight:500; } #ms-top *:not([class*="icon-"]):not(svg):not(svg *), #ms-cat *:not([class*="icon-"]):not(svg):not(svg *), .ms-side *:not([class*="icon-"]):not(svg):not(svg *), .ms-cta *:not([class*="icon-"]):not(svg):not(svg *), .ms-tags *:not([class*="icon-"]):not(svg):not(svg *){ font-family:var(--ms-font) !important; } #ms-top .a-ttl, #ms-cat .a-ttl, #ms-top .sec-head h2, #ms-cat h2, .ms-cta .catcard .ttl, .ms-side .sb-ttl, .ms-cta .sb-ttl{ font-weight:700 !important; } #ms-top .logo, #ms-top .f-logo, #ms-top .m-logo, #ms-top .fab b, #ms-cat .filters .cat-pill{ font-weight:700 !important; } .p-blogCard .p-blogCard__title{ font-weight:700 !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-left{ flex:0 0 76px !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-image{ width:76px !important; height:76px !important; border-radius:50% !important; object-fit:cover !important; } .aioseo-author-bio-compact .author-name{ font-size:16px !important; } .aioseo-author-bio-compact .author-job-title{ font-size:12.5px !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-main{ font-size:14px !important; line-height:1.8 !important; position:relative !important; max-height:7.6em !important; overflow:hidden !important; padding-bottom:1.9em !important; } .aioseo-author-bio-compact .aioseo-author-bio-compact-main .author-bio-link{ position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; margin:0 !important; padding-top:1.1em !important; background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 55%) !important; } .aioseo-author-bio-compact .author-bio-link a{ font-size:12.5px !important; } .aioseo-author-bio-compact .author-expertise{ font-size:11px !important; padding:3px 8px !important; } #header.l-header::after{ content:""; display:block; width:100%; height:7px; background:url('https://mystella.me/bg/header-border.png') repeat-x left center; background-size:auto 7px; } .ms-cta{--cream:#F5F5F2;--yellow:#FED84F;--gold:#8A6A00;--ink:#303C49;--sub:#4A5867;--c-ehon:#86C2D4;--c-idea:#8FCDB0;--c-gift:#F5AFA0;--c-news:#B3BBE8;--t-ehon:#303C49;--t-idea:#303C49;--t-gift:#303C49;--t-news:#303C49;max-width:1160px;margin:0 auto;box-sizing:border-box;} .ms-cta *{box-sizing:border-box;} .ms-cta .en{font-family:"Jost",sans-serif !important;} .ms-cta .banners{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;} .ms-cta .bnr{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(59,50,48,.2);display:block;transition:transform .22s ease,box-shadow .22s ease;} .ms-cta .bnr:hover{transform:translateY(-4px);box-shadow:0 3px 6px rgba(59,50,48,.22);} .ms-cta .bnr img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.6,.2,1);} .ms-cta .bnr:hover img{transform:scale(1.07);} .ms-cta .catsec{background:var(--cream);border-radius:18px;margin-top:22px;padding:34px 28px;} .ms-cta .catsec h2{font-size:18px;font-weight:700;margin:0 0 8px;text-align:center;color:var(--ink);background:none !important;border:none !important;padding:0 !important;box-shadow:none !important;} .ms-cta .catsec h2::before,.ms-cta .catsec h2::after{display:none !important;content:none !important;} .ms-cta .catsec .sub-t{font-size:10.5px;letter-spacing:.3em;color:var(--gold);margin:0 0 28px;text-align:center;} .ms-cta .grid4c{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} .ms-cta .catcard{background:#fff;border-radius:16px;padding:20px 16px 42px;position:relative;box-shadow:0 1px 2px rgba(59,50,48,.2);text-align:center;text-decoration:none;color:var(--ink);transition:transform .22s ease,box-shadow .22s ease;display:block;} .ms-cta .catcard:hover{transform:translateY(-6px);box-shadow:0 3px 6px rgba(59,50,48,.22);} .ms-cta .catcard:hover .go{transform:scale(1.18) translateX(2px);} .ms-cta .catcard .cat-img{display:block;margin:6px auto 12px;width:auto;height:150px;max-width:92%;object-fit:contain;} .ms-cta .catcard .dot-en{font-size:11px;letter-spacing:.22em;display:block;margin-bottom:6px;} .ms-cta .catcard .ttl{font-size:14px;font-weight:700;line-height:1.5;color:var(--ink);} .ms-cta .catcard .cnt{display:block;font-size:11px;color:var(--sub);margin-top:6px;padding-right:30px;} .ms-cta .catcard .go{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .22s ease;} .ms-cta .cc-ehon .dot-en{color:var(--t-ehon);} .ms-cta .cc-ehon .go{background:var(--c-ehon);} .ms-cta .cc-idea .dot-en{color:var(--t-idea);} .ms-cta .cc-idea .go{background:var(--c-idea);} .ms-cta .cc-gift .dot-en{color:var(--t-gift);} .ms-cta .cc-gift .go{background:var(--c-gift);} .ms-cta .cc-news .dot-en{color:var(--t-news);} .ms-cta .cc-news .go{background:var(--c-news);} .ms-cta .cc-ehon{--c:var(--c-ehon);} .ms-cta .cc-idea{--c:var(--c-idea);} .ms-cta .cc-gift{--c:var(--c-gift);} .ms-cta .cc-news{--c:var(--c-news);} .ms-cta .catcard .cat-main{display:block;color:var(--ink);text-decoration:none;} .ms-cta .catcard .sublist{list-style:none;margin:18px 0 0;padding:14px 2px 0;border-top:2px dotted #E2E2DD;text-align:left;} .ms-cta .catcard .sublist li{margin:0;padding:0;list-style:none;} .ms-cta .catcard .sublist a{position:relative;display:block;padding:4px 0 4px 15px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.6;color:var(--ink);text-decoration:none;} .ms-cta .catcard .sublist a::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--c);} .ms-cta .catcard .sublist a:hover{color:var(--c);text-decoration:underline;} .ms-cta .catcard{display:flex;flex-direction:column;} .ms-cta .catcard .sublist{flex:1;display:flex;flex-direction:column;justify-content:space-between;} @media(max-width:900px){ .ms-cta .banners{grid-template-columns:1fr 1fr;gap:14px;} .ms-cta .grid4c{grid-template-columns:1fr 1fr;} .ms-cta .catcard .cat-img{height:120px;} } @media(max-width:520px){ .ms-cta .catsec{padding:24px 16px;} } @media(max-width:900px){ .ms-cta .grid4c{grid-template-columns:1fr;gap:14px;} .ms-cta .catcard{padding:18px 16px 18px 20px;text-align:left;border-radius:12px;} .ms-cta .catcard .cat-main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"ttl img" "en img";column-gap:12px;align-items:start;} .ms-cta .catcard .ttl{grid-area:ttl;font-size:16px;margin-top:6px;} .ms-cta .catcard .dot-en{grid-area:en;margin:6px 0 0;} .ms-cta .catcard .cat-img{grid-area:img;height:96px;margin:0;} .ms-cta .catcard .sublist{border-top:none;margin:8px 0 0;padding:0 0 0 32%;} .ms-cta .catcard a.cnt{text-align:right;padding-right:0;} .ms-cta .catcard .go{left:18px;right:auto;bottom:20px;width:30px;height:30px;} } .ms-side{--cream:#F5F5F2;--gold:#8A6A00;--navy:#303C49;--yellow:#FED84F;--c-ehon:#86C2D4;--c-idea:#8FCDB0;--c-gift:#F5AFA0;background:var(--cream);padding:22px 18px 18px;display:flex;flex-direction:column;border-radius:16px;box-sizing:border-box;} .ms-side *{box-sizing:border-box;} .ms-side a{text-decoration:none;color:var(--navy);} .ms-side .snav{position:relative;display:block;padding:13px 2px 15px 16px;text-align:center;border-bottom:2px dotted #D8D8D2;} .ms-side .snav:last-of-type{border-bottom:none;} .ms-side .snav.is-active{background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(59,50,48,.2);border-bottom-color:transparent;} .ms-side .snav.is-active .jp::after{content:"を表示中";font-size:10px;color:var(--c);display:block;} .ms-side .snav .cat-en{position:absolute;left:2px;top:12px;writing-mode:vertical-rl;font-family:"Jost",sans-serif;font-size:8.5px;letter-spacing:.3em;color:var(--c);} .ms-side .snav .snav-img{display:block;margin:0 auto;height:90px;width:auto;max-width:100%;object-fit:contain;} .ms-side .snav .jp{font-size:12.5px;line-height:1.45;display:block;margin-top:4px;color:var(--navy);} .ms-side .side-banner{margin-top:16px;background:#fff;border-radius:18px;padding:18px 16px;text-align:center;box-shadow:0 1px 2px rgba(59,50,48,.2);border:1px solid #EEE0B6;transition:background .22s ease,border-color .22s ease;} .ms-side .side-banner .sb-en{display:block;font-family:"Jost",sans-serif;font-size:8px;letter-spacing:.24em;color:var(--gold);margin-bottom:2px;} .ms-side .side-banner .sb-ttl{display:block;font-size:12px;font-weight:700;line-height:1.65;color:var(--navy);} .ms-side .side-flourish{display:flex;align-items:center;justify-content:center;gap:8px;margin:-2px 0 2px;color:var(--gold);font-size:10px;} .ms-side .side-flourish span{height:1px;width:44px;} .ms-side .side-flourish span:first-child{background:linear-gradient(90deg,transparent,#D9C071);} .ms-side .side-flourish span:last-child{background:linear-gradient(90deg,#D9C071,transparent);} .ms-side .side-banner .sb-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;background:var(--yellow);color:var(--navy);border-radius:999px;padding:8px 10px;font-size:10px;font-weight:700;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;} .ms-side .side-banner .sb-arw{width:16px;height:16px;border-radius:50%;background:rgba(59,50,48,.14);display:inline-flex;align-items:center;justify-content:center;font-family:"Jost",sans-serif;font-size:10px;flex-shrink:0;transition:transform .2s ease,background .2s ease;} .ms-side .side-banner .sb-btn:hover{background:#F5E1A0;transform:translateY(-2px);box-shadow:0 3px 6px rgba(59,50,48,.22);} .ms-side .side-banner .sb-btn:hover .sb-arw{background:rgba(59,50,48,.2);transform:translateX(3px);} .ms-side .side-banner:hover{background:var(--yellow);border-color:var(--yellow);} .ms-side .side-banner:hover .sb-en,.ms-side .side-banner:hover .side-flourish{color:var(--navy);} .ms-side .side-banner:hover .sb-btn{background:#fff;color:var(--navy);transform:none;box-shadow:none;} .ms-side .side-banner:hover .sb-btn .sb-arw{background:rgba(59,50,48,.14);color:var(--navy);transform:none;} .ms-side .side-btns{margin-top:18px;padding-top:16px;display:flex;flex-direction:row;gap:16px;justify-content:center;} .ms-side .sidecard{display:flex;align-items:center;justify-content:center;} .ms-side .sc-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .22s ease,color .22s ease,transform .22s ease;} .ms-side .sidecard:hover .sc-ic{transform:translateY(-2px);} .ms-side .sc-ic.insta{background:#FBE8EF;color:#D64E86;} .ms-side .sc-ic.srch{background:#E1F0F3;color:var(--c-idea);} @media (min-width:960px){ #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article){ display:grid !important;grid-template-columns:230px minmax(0,1fr) !important;column-gap:56px !important; align-items:start !important;justify-content:normal !important; max-width:none !important;margin-left:0 !important;margin-right:0 !important; padding-left:0 !important;padding-right:0 !important; } #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article) > .l-sidebar{grid-column:1 !important;grid-row:1 !important;width:230px !important;max-width:230px !important;} #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article) > .l-sidebar{margin-top:-64px !important;} #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article) > .l-sidebar .ms-side{padding-top:86px !important;} #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article) > .l-mainContent.l-article{grid-column:2 !important;grid-row:1 !important;width:auto !important;min-width:0 !important;max-width:none !important;box-sizing:border-box !important;} #body_wrap.-sidebar-on #content.l-content:has(> .l-mainContent.l-article) > .l-mainContent.l-article > .l-mainContent__inner{max-width:900px !important;margin-left:auto !important;margin-right:auto !important;} #content .l-sidebar .c-widget{margin:0 !important;} #content .l-sidebar .widget_block>p{margin:0 !important;} #content .l-sidebar .ms-side{border-radius:0 !important;box-shadow:none !important;} } #body_wrap.page-id-8307 .l-topTitleArea{display:none !important;} @media (min-width:960px){ #body_wrap.blog #content.l-content{flex-wrap:wrap !important;} #content.l-content > .ms-home-cta{order:99 !important;flex:0 0 100% !important;width:100% !important;} } :root{ --tc-ehon:#2C7288; --tc-name:#2C7288; --tc-idea:#2F7355; --tc-season:#2F7355; --tc-imgn:#2F7355; --tc-self:#2F7355; --tc-gift:#B54F35; --tc-news:#5560A8; } .pill.ehon,.pill.name,.pill.idea,.pill.season,.pill.imgn,.pill.self,.pill.gift,.pill.news{font-weight:700 !important;} .pill.ehon{color:var(--tc-ehon) !important;} .pill.name{color:var(--tc-name) !important;} .pill.idea{color:var(--tc-idea) !important;} .pill.season{color:var(--tc-season) !important;} .pill.imgn{color:var(--tc-imgn) !important;} .pill.self{color:var(--tc-self) !important;} .pill.gift{color:var(--tc-gift) !important;} .pill.news{color:var(--tc-news) !important;} .pill.ehon::before{background:var(--c-ehon) !important;} .pill.name::before{background:var(--c-name) !important;} .pill.idea::before{background:var(--c-idea) !important;} .pill.season::before{background:var(--c-season) !important;} .pill.imgn::before{background:var(--c-imgn) !important;} .pill.self::before{background:var(--c-self) !important;} .pill.gift::before{background:var(--c-gift) !important;} .pill.news::before{background:var(--c-news) !important;} .pill:hover{color:var(--ink) !important;} #ms-cat .cat-pill:not(.on){color:var(--main) !important;font-weight:700 !important;} .snav[style*="--c-ehon"] .cat-en{color:var(--tc-ehon) !important;} .snav[style*="--c-idea"] .cat-en{color:var(--tc-idea) !important;} .snav[style*="--c-gift"] .cat-en{color:var(--tc-gift) !important;} @media (max-width:959px){ .l-sidebar:has(.ms-side){display:none !important;} } .contact_item{ margin-bottom:26px; } .contact_item:last-of-type{ margin-bottom:0; } .contact_item p{ margin:0; } .contact_item br{ display:none; } .contact_item .label{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:15px; font-weight:600; color:#303C49; margin-bottom:8px; } .contact_item .label_tag{ display:inline-flex; align-items:center; justify-content:center; flex:none; font-size:11px; font-weight:700; line-height:1; padding:4px 9px; border-radius:4px; color:#fff; letter-spacing:.04em; } .contact_item .label_must{ background:#E2574C; } .contact_item .label_option{ background:#9AA5AE; } @media (max-width:782px){ .post_content>figure.wp-block-table.wide-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .post_content>figure.wp-block-table.wide-table>table{ table-layout:fixed !important; width:750px !important; max-width:none !important; --swl-cell1-width:150px; } .post_content>figure.wp-block-table.wide-table td, .post_content>figure.wp-block-table.wide-table th{ white-space:normal; overflow-wrap:break-word; } }