@charset "UTF-8";
/*
 Template: swell
 Theme Name: SWELL CHILD
 Description: SWELLの子テーマ
 Version: 1.0.0
*/
/* SWELL owns typography, post cards, columns and article layouts.
   These are only the small extensions needed for topic navigation. */
.rf-swell-home{padding-top:28px;padding-bottom:70px}
.rf-swell-home .l-mainContent{width:100%;max-width:none}
.rf-swell-home .l-mainContent__inner{width:100%;max-width:none}
.rf-swell-intro{margin-bottom:48px}.rf-swell-hero-image{display:block;width:100%;height:auto;border-radius:10px}
.rf-swell-intro>p{margin:22px 0;line-height:1.9}
.rf-swell-section{margin:0 0 66px}
.rf-swell-section>.wp-block-heading{margin-bottom:26px}
.rf-swell-home .p-postList__title{line-height:1.55}
.rf-swell-home .p-postList__excerpt{font-size:13px;line-height:1.75}
.rf-swell-tag{font-size:11px;font-weight:700;color:var(--color_main,#a51c30)}
.rf-swell-noimage{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#f1f1f1;color:#999;font-weight:700}
.rf-swell-more{display:inline-block;padding:12px 22px;border:1px solid var(--color_main,#a51c30);border-radius:4px;color:var(--color_main,#a51c30);font-weight:700}
.rf-swell-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rf-swell-topic{display:flex;flex-direction:column;position:relative;padding:20px 45px 20px 22px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:inherit;text-decoration:none}
.rf-swell-topic:hover{border-color:var(--color_main,#a51c30);color:inherit}
.rf-swell-topic strong{font-size:16px;margin-bottom:5px}
.rf-swell-topic small{font-size:12px;color:#777}
.rf-swell-topic>span{position:absolute;right:20px;top:calc(50% - 10px);color:var(--color_main,#a51c30)}
.rf-swell-note{font-size:12px;color:#777;line-height:1.8}
@media(max-width:600px){.rf-swell-topics{grid-template-columns:1fr}.rf-swell-home{padding-top:12px}}


/* Navigation typography shared by the desktop header and mobile drawer. */
#header .c-headLogo__link{font-weight:900;letter-spacing:-.045em;color:#19191f}
#header .c-headLogo__link:after{content:'';display:inline-block;width:7px;height:7px;background:#ce0052;margin-left:7px;vertical-align:baseline}
#gnav .c-gnav>li>a{font-size:13px;font-weight:700}
#gnav .c-gnav>li>a:hover{color:#ce0052}
#gnav a:focus-visible{outline:3px solid #ce0052;outline-offset:3px}