@import url(“https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap”);
#yk-lp{–pink:#ff6f9c;–pink-soft:#ffe4ee;–pink-bg:#fff5f9;–lav:#b9a3ea;–yellow:#ffd84d;
–ink:#4a3b4f;–gray:#7a6b7f;
font-family:”Noto Sans JP”,sans-serif;color:var(–ink);background:#fff;line-height:1.9;
margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw);overflow-x:hidden}
#yk-lp *{margin:0;padding:0;box-sizing:border-box}
#yk-lp img{max-width:100%;height:auto}
#yk-lp a{text-decoration:none;color:inherit}
/* SWELL標準の見出し装飾（帯・枠・擬似要素）を打ち消す */
#yk-lp h1,#yk-lp h2,#yk-lp h3,#yk-lp h4,#yk-lp h5{
background:none!important;background-color:transparent!important;border:none!important;
padding:0!important;margin:0!important;color:inherit;font-family:inherit;
box-shadow:none!important;border-radius:0!important}
#yk-lp h1::before,#yk-lp h1::after,#yk-lp h2::before,#yk-lp h2::after,
#yk-lp h3::before,#yk-lp h3::after,#yk-lp h4::before,#yk-lp h4::after{
content:none!important;display:none!important}
#yk-lp .sec-title{text-align:center!important}
#yk-lp .inner{max-width:1080px;margin:0 auto;padding:0 20px}
/* ===== ヒーロー ===== */
#yk-lp .hero{position:relative;overflow:hidden;
background:linear-gradient(160deg,#fffdfd 0%,#fff0f6 45%,#f6ecfd 100%)}
#yk-lp .hero::before,#yk-lp .hero::after{content:””;position:absolute;border-radius:50%;
filter:blur(50px);pointer-events:none}
#yk-lp .hero::before{width:340px;height:340px;top:-90px;left:-70px;background:rgba(255,111,156,.28)}
#yk-lp .hero::after{width:300px;height:300px;bottom:-110px;right:-60px;background:rgba(185,163,234,.3)}
#yk-lp .hero .inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
gap:30px;align-items:center;padding:64px 20px 68px}
#yk-lp .hero-name{font-size:clamp(2.1rem,6vw,3.4rem);font-weight:900;letter-spacing:.05em;
line-height:1.35}
#yk-lp .hero-name .dot{color:var(–pink)}
#yk-lp .hero-tag{margin-top:14px;font-size:clamp(1rem,2.6vw,1.22rem);font-weight:700;
color:var(–pink);letter-spacing:.08em}
#yk-lp .hero-rule{width:56px;height:4px;margin:26px 0;border-radius:2px;
background:linear-gradient(90deg,var(–pink),var(–lav))}
#yk-lp .hero-lead{font-size:clamp(.95rem,2.2vw,1.06rem);line-height:2.15;color:#5f5265}
#yk-lp .hero-lead strong{color:var(–ink);font-weight:700}
#yk-lp .hero-btn{display:inline-block;margin-top:30px;padding:15px 40px;border-radius:999px;
background:linear-gradient(135deg,#ff6f9c,#ff9bbd);color:#fff;font-weight:700;
box-shadow:0 8px 22px rgba(255,111,156,.35);transition:transform .2s}
#yk-lp .hero-btn:hover{transform:translateY(-2px)}
#yk-lp .hero-chara{text-align:center}
#yk-lp .hero-chara img{width:100%;max-width:400px}
/* ===== 共通 ===== */
#yk-lp section{padding:72px 0}
#yk-lp .sec-title{text-align:center;font-size:clamp(1.3rem,3.4vw,1.75rem);font-weight:900;
line-height:1.6}
#yk-lp .sec-title .mark{color:var(–pink)}
#yk-lp .sec-sub{text-align:center;margin-top:14px;font-size:.95rem;color:var(–gray)}
/* ===== 共感チェックリスト ===== */
#yk-lp .check{background:var(–pink-bg)}
#yk-lp .check-list{max-width:700px;margin:42px auto 0;display:grid;gap:13px}
#yk-lp .check-item{display:flex;gap:14px;align-items:flex-start;background:#fff;
border:1px solid var(–pink-soft);border-radius:16px;padding:18px 22px;
box-shadow:0 3px 14px rgba(255,111,156,.07)}
#yk-lp .check-box{flex-shrink:0;width:22px;height:22px;margin-top:5px;border-radius:7px;
border:2px solid var(–pink);position:relative}
#yk-lp .check-box::after{content:””;position:absolute;left:6px;top:1px;width:6px;height:12px;
border:solid var(–pink);border-width:0 2px 2px 0;transform:rotate(45deg)}
#yk-lp .check-item p{font-size:.98rem;line-height:1.85}
#yk-lp .check-note{text-align:center;margin-top:34px;font-size:1.05rem;font-weight:700;
color:var(–pink)}
/* ===== 4カード ===== */
#yk-lp .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}
#yk-lp .card{display:block;background:#fff;border:1px solid #f3e8f0;border-radius:20px;
padding:28px 22px 24px;box-shadow:0 4px 18px rgba(74,59,79,.06);transition:transform .2s,box-shadow .2s}
#yk-lp .card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(255,111,156,.18)}
#yk-lp .card-num{display:inline-flex;align-items:center;justify-content:center;
width:42px;height:42px;border-radius:50%;font-weight:900;color:#fff;font-size:.92rem;
background:linear-gradient(135deg,var(–pink),var(–lav))}
#yk-lp .card-title{margin-top:16px;font-size:1.1rem;font-weight:900;line-height:1.5}
#yk-lp .card-copy{margin-top:6px;font-size:.85rem;color:var(–pink);font-weight:700}
#yk-lp .card-text{margin-top:12px;font-size:.88rem;color:var(–gray);line-height:1.9}
#yk-lp .card-more{margin-top:16px;font-size:.86rem;font-weight:700}
/* ===== 私の話 ===== */
#yk-lp .story{background:linear-gradient(150deg,#fff4f8 0%,#f5edfd 100%);position:relative;overflow:hidden}
#yk-lp .story .inner{position:relative;z-index:2;max-width:760px}
#yk-lp .story-body{margin-top:36px;font-size:1.02rem;line-height:2.3}
#yk-lp .story-body p+p{margin-top:24px}
#yk-lp .story-body .em{color:var(–pink);font-weight:700}
#yk-lp .story-note{margin-top:28px;font-size:.82rem;color:#9a8ca0}
#yk-lp .story-btn{display:inline-block;margin-top:26px;padding:13px 34px;border-radius:999px;
border:2px solid var(–pink);color:var(–pink);font-weight:700;font-size:.95rem;background:#fff}
/* ===== 記事 ===== */
#yk-lp .posts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}
#yk-lp .post{display:block;border:1px solid #f3e8f0;border-radius:16px;padding:22px 24px;
background:#fff;transition:border-color .2s}
#yk-lp .post:hover{border-color:var(–pink)}
#yk-lp .post-cat{font-size:.76rem;font-weight:700;color:var(–pink);letter-spacing:.06em}
#yk-lp .post-title{margin-top:8px;font-size:1rem;font-weight:700;line-height:1.7}
/* ===== プロフィール ===== */
#yk-lp .prof{padding:20px 0 84px}
#yk-lp .prof-card{display:flex;gap:26px;align-items:center;max-width:720px;margin:0 auto;
background:#fff;border:1px solid var(–pink-soft);border-radius:22px;padding:30px;
box-shadow:0 4px 20px rgba(255,111,156,.09)}
#yk-lp .prof-card img{width:110px;height:110px;border-radius:50%;object-fit:cover;flex-shrink:0;
background:var(–pink-bg)}
#yk-lp .prof-name{font-size:1.08rem;font-weight:900}
#yk-lp .prof-text{margin-top:8px;font-size:.9rem;color:var(–gray);line-height:1.9}
#yk-lp .prof-btn{display:inline-block;margin-top:12px;font-size:.88rem;font-weight:700;color:var(–pink)}
/* ===== スマホ ===== */
@media (max-width:900px){
#yk-lp .cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
#yk-lp section{padding:54px 0}
#yk-lp .hero .inner{grid-template-columns:1fr;padding:44px 20px 54px;text-align:center}
#yk-lp .hero-rule{margin:22px auto}
#yk-lp .hero-chara{order:-1}
#yk-lp .hero-chara img{max-width:250px}
#yk-lp .cards{grid-template-columns:1fr;gap:16px}
#yk-lp .posts{grid-template-columns:1fr}
#yk-lp .prof-card{flex-direction:column;text-align:center;gap:18px}
}
こんなこと、ありませんか？
ひとつでも当てはまったら、たぶん同じ側の人です。
双眼鏡を覗くと、メガネが邪魔になる
感動して泣いたら、コンタクトがずれて見えなくなった
推しに見てもらえるかも、と思ってその日だけコンタクトにした
遠征の朝、レンズを忘れて青ざめたことがある
結局、いちばん見たい瞬間に集中できていない
見え方の問題は、我慢するものじゃないと思うんです。
私の話を、少しだけ
メガネをかけている自分が、好きではありませんでした。
芋っぽいな、ダサいな、と思っていました。
でも中学からずっとかけてきたので、メガネはもう自分の一部で。嫌いなのに、切り離せませんでした。
変わりたいと思ったのは、推しに会いに行くようになってからです。
その日だけはコンタクトにして出かけました。少しでも綺麗に見られたい。おしゃれも、したくなりました。
でも、感動して泣くとレンズがずれる。いちばん見たい瞬間に、推しが見えない。
だから、自分のいちばん嫌なところから変えることにしました。
——視界です。
ICLを受けて、メガネもコンタクトもなくなりました。出産のときにも、心から「裸眼でよかった」と思いました。
このブログは、あのころの私に向けて書いています。
※あくまで個人の体験です。医療行為の効果や適応には個人差があります。
プロフィールを見る →