:root{--color_main:#ff008c;--color_main_dark:#bf0069;--color_main_thin:rgba(255,0,175,.05);--color_text:#333;--color_sub:#777;--color_link:#bf0000;--color_bg:#fdfdfd;--color_border:#e7e7e7;--color_header_bg:#ff008c;--color_header_text:#ffffff;--color_footer_bg:#fdfdfd;--color_footer_text:#333;--container_size:1200px;--gap:48px;--radius:12px;--btn_radius:80px;--shadow:0 6px 24px rgba(20,30,60,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:16px;font-weight:400;background:var(--color_bg);color:var(--color_text);line-height:1.6;-webkit-font-smoothing:antialiased}@media(min-width:600px){body{font-size:17px}}a{color:var(--color_link);text-decoration:none}a:hover{opacity:.85}img{max-width:100%;height:auto;display:block}.l-container{max-width:var(--container_size);margin:0 auto;padding:0 20px;width:100%}.l-header{background:var(--color_header_bg);color:var(--color_header_text);position:sticky;top:0;z-index:50}.l-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.l-header__logo a{display:flex;flex-direction:column;line-height:1.2;color:var(--color_header_text)}.l-header__logoName{font-weight:900;font-size:20px;letter-spacing:.02em}.l-header__logoTag{font-weight:700;font-size:11px;opacity:.9;margin-top:2px}.c-gnav{display:flex;align-items:center;gap:4px;list-style:none}.c-gnav a{color:var(--color_header_text);font-weight:700;font-size:14px;padding:10px 14px;display:block}.c-gnav a:hover{opacity:.8}.c-gnav .-cta a{background:#fff;color:var(--color_main);border-radius:var(--btn_radius);padding:8px 18px;margin-left:8px}.c-gnav .-cta a:hover{opacity:1;background:#ffe9f5}.l-header__menuBtn{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}.p-mainVisual{position:relative;overflow:hidden;background:#333}.p-mainVisual__inner{position:relative;min-height:430px;display:flex;align-items:center}.p-mainVisual__slide{position:absolute;inset:0;background:linear-gradient(90deg,#0000009e,#0000006b,#00000014 72%),url(/hero-smartphone-friends.png) center 34%/cover no-repeat}.p-mainVisual__slide:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0000002e,#0000 42%)}.p-mainVisual__textLayer{position:relative;width:100%;text-align:left;color:#fff;padding:56px 0}.p-mainVisual__slideTitle{font-size:42px;font-weight:900;line-height:1.3;text-shadow:0 2px 14px rgba(0,0,0,.18)}.p-mainVisual__slideTitle .-em{font-size:1.35em;color:#fff2a8}.p-mainVisual__slideText{font-size:18px;font-weight:700;margin-top:10px;opacity:.95}.p-mainVisual__slideBtn{display:inline-block;margin-top:24px;background:#fff;color:var(--color_main);font-weight:900;font-size:17px;padding:16px 40px;border-radius:var(--btn_radius);box-shadow:0 8px 22px #0003}.p-mainVisual__slideBtn:hover{transform:translateY(-2px);opacity:1}.l-content{padding:48px 0 64px}.l-content__inner{display:flex;gap:var(--gap);align-items:flex-start}.l-mainContent{flex:1;min-width:0}.l-sidebar{width:320px;flex-shrink:0}.c-secTitle{font-size:22px;font-weight:900;border-left:solid 4px var(--color_main);padding:2px 0 2px 14px;margin-bottom:24px}.p-postList{list-style:none}.p-postList__item{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--color_border)}.p-postList__item:first-child{padding-top:0}.p-postList__link{display:flex;gap:18px;width:100%;color:var(--color_text)}.p-postList__link:hover{opacity:1}.p-postList__link:hover .p-postList__title{color:var(--color_main)}.p-postList__thumb{width:200px;flex-shrink:0;aspect-ratio:1.6/1;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#ffd0e7,#ffe9c2);position:relative}.p-postList__thumb span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;opacity:.55}.p-postList__body{flex:1;min-width:0;display:flex;flex-direction:column}.p-postList__cat{display:inline-block;align-self:flex-start;background:var(--color_main);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--btn_radius);margin-bottom:8px}.p-postList__title{font-size:17px;font-weight:800;line-height:1.5;transition:.15s}.p-postList__excerpt{color:var(--color_text);font-size:13px;margin-top:6px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-postList__times{color:var(--color_text);font-size:12px;margin-top:auto;padding-top:8px;opacity:.8}.c-pagination{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}.c-pagination a,.c-pagination span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700;color:#fff;background:#dedede}.c-pagination .-current{background:var(--color_main)}.c-pagination a:hover{background:var(--color_main);opacity:1}.c-widget{background:#fff;border:1px solid var(--color_border);border-radius:var(--radius);padding:22px;margin-bottom:24px;box-shadow:var(--shadow)}.c-widget__title{font-size:15px;font-weight:800;border-left:4px solid var(--color_main);padding-left:10px;margin-bottom:16px}.p-profileBox{text-align:center}.p-profileBox__avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 12px;display:block;object-fit:cover;border:1px solid var(--color_border)}.p-profileBox__name{font-size:1.1em;font-weight:400;padding-top:.5em;margin-bottom:6px}.p-profileBox__text{font-size:14px;color:var(--color_text);text-align:left;line-height:1.6;padding:1em}.p-profileBox__btn{display:inline-block;margin-top:16px;background:var(--color_main);color:#fff;font-weight:800;font-size:14px;padding:10px 26px;border-radius:var(--btn_radius)}.p-profileBox__btn:hover{opacity:1;background:var(--color_main_dark)}.c-searchForm{display:flex;gap:8px}.c-searchForm input{flex:1;border:1px solid var(--color_border);border-radius:6px;padding:10px 12px;font-size:14px}.c-searchForm button{background:var(--color_main);color:#fff;border:0;border-radius:6px;padding:0 16px;font-weight:700;cursor:pointer}.l-footer{background:#222;color:#aab1bf;margin-top:0;padding:48px 0 32px;text-align:center;font-size:13px}.l-footer a{color:#fff;margin:0 10px}.l-footer__note{margin-top:14px;font-size:11px;color:#8a909c}.article{background:#fff;border:1px solid var(--color_border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow);line-height:1.9}.article h1{font-size:28px;font-weight:900;line-height:1.5;margin-bottom:14px}.article .meta{color:var(--color_text);opacity:.8;font-size:13px;margin-bottom:22px}.article h2{font-size:22px;font-weight:800;margin:32px 0 12px;padding-left:12px;border-left:4px solid var(--color_main)}.article h3{font-size:18px;font-weight:800;margin:24px 0 10px}.article p{margin-bottom:16px}.article a{font-weight:700}.article .meta .tag,.tag{display:inline-block;background:var(--color_main_thin);color:var(--color_main);padding:3px 10px;border-radius:var(--btn_radius);font-size:12px;margin-left:6px;font-weight:700}.container{max-width:880px;margin:0 auto;padding:48px 20px}.section{margin:32px 0}.section>h2{font-size:22px;font-weight:900;margin-bottom:18px;padding-left:12px;border-left:4px solid var(--color_main)}.post-card{background:#fff;border:1px solid var(--color_border);border-radius:var(--radius);padding:22px;margin-bottom:14px;display:block;color:var(--color_text);transition:.15s;box-shadow:var(--shadow)}.post-card:hover{border-color:var(--color_main);opacity:1;transform:translateY(-2px)}.post-card h2{font-size:18px;font-weight:800;margin-bottom:6px}.post-card .meta{color:var(--color_text);opacity:.8;font-size:12px;margin-bottom:8px}.post-card .desc{color:var(--color_text);opacity:.85;font-size:14px;line-height:1.7}@media(max-width:960px){.l-content__inner{flex-direction:column}.l-sidebar{width:100%}.p-mainVisual__slide{background-position:47% 34%}.p-mainVisual__textLayer{text-align:center}.p-mainVisual__slideTitle{font-size:32px}}@media(max-width:640px){.c-gnav{display:none}.l-header__menuBtn{display:block}.p-postList__link{flex-direction:column}.p-postList__thumb{width:100%}.p-mainVisual__inner{min-height:560px;align-items:flex-end}.p-mainVisual__slide{background:linear-gradient(180deg,#0000,#0000002e 52%,#000000c2 72%,#000000d1),url(/hero-smartphone-friends.png) 50% 0/auto 430px no-repeat,#333}.p-mainVisual__textLayer{padding:0 0 36px}.p-mainVisual__slideTitle{font-size:26px}}