.kkc-h{font-family:-apple-system,BlinkMacSystemFont,”Hiragino Sans”,sans-serif;color:#2b2b33;}
.kkc-h *{box-sizing:border-box;}
.kkc-h img{max-width:100%;height:auto;display:block;}
.kkc-h a{text-decoration:none;color:inherit;}
.kkc-h .pk{color:#e6007e;}
.kkc-sec{margin:0 0 40px;}
.kkc-sec__h{font-size:clamp(20px,3vw,30px);font-weight:800;text-align:center;margin:0 0 6px;color:#23232b;letter-spacing:.02em;}
.kkc-sec__h::after{content:””;display:block;width:52px;height:4px;border-radius:3px;background:#e6007e;margin:10px auto 0;}
.kkc-sec__lead{text-align:center;color:#6a6a72;font-size:14px;margin:0 0 22px;}
/* hero */
.kkc-hero{position:relative;border-radius:18px;overflow:hidden;background:#fbe9f1;min-height:clamp(280px,40vw,460px);display:flex;align-items:center;margin:0 0 40px;}
.kkc-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center;}
.kkc-hero::after{content:””;position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,233,241,.97) 0%,rgba(251,233,241,.86) 42%,rgba(251,233,241,.22) 68%,rgba(251,233,241,0) 100%);}
.kkc-hero__in{position:relative;z-index:2;padding:clamp(22px,4.5vw,54px);max-width:640px;width:100%;}
.kkc-badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;}
.kkc-badge{background:#fff;color:#e6007e;border:1px solid #f3b7d4;border-radius:999px;font-size:11px;font-weight:700;padding:4px 11px;}
.kkc-htitle{font-size:clamp(23px,4.4vw,46px);font-weight:800;line-height:1.24;margin:0 0 10px;color:#2a2a30;}
.kkc-hero__sub{font-size:clamp(13px,1.8vw,18px);color:#555;margin:0 0 20px;line-height:1.6;}
.kkc-btns{display:flex;flex-wrap:wrap;gap:12px;}
.kkc-btn{display:inline-block;border-radius:999px;font-weight:700;font-size:15px;padding:13px 24px;transition:.15s;}
.kkc-btn–pk{background:#e6007e;color:#fff;box-shadow:0 6px 16px rgba(230,0,126,.28);}
.kkc-btn–ol{background:#fff;color:#e6007e;border:2px solid #e6007e;}
.kkc-btn:hover{transform:translateY(-2px);}
/* 3 reasons */
.kkc-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kkc-point{background:#fff;border:1px solid #eee;border-radius:16px;padding:0 0 20px;text-align:center;overflow:hidden;box-shadow:0 4px 14px rgba(40,30,40,.05);}
.kkc-point img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:0 0 14px;}
.kkc-point b{display:block;font-size:16px;margin:0 14px 6px;}
.kkc-point span{display:block;font-size:13px;color:#6a6a72;line-height:1.6;margin:0 14px;}
.kkc-point–mint{border-top:5px solid #34c2a0;}
.kkc-point–blue{border-top:5px solid #3d8bf0;}
.kkc-point–peach{border-top:5px solid #ff8a3d;}
/* tiles */
.kkc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kkc-tile{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(40,30,40,.05);transition:.15s;}
.kkc-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(40,30,40,.1);}
.kkc-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.kkc-tile b{display:block;font-size:16px;font-weight:800;margin:12px 14px 2px;}
.kkc-tile span{display:block;font-size:12.5px;color:#7a7a82;margin:0 14px 14px;}
/* ranking */
.kkc-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.kkc-rcard{position:relative;display:flex;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(40,30,40,.06);transition:.15s;}
.kkc-rcard:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,30,40,.1);}
.kkc-rcard__img{width:44%;flex:0 0 44%;}
.kkc-rcard__img img{width:100%;height:100%;object-fit:cover;}
.kkc-rcard__tx{padding:13px 14px;display:flex;flex-direction:column;justify-content:center;}
.kkc-rcard__tx b{font-size:16px;font-weight:800;margin:0 0 3px;}
.kkc-rcard__tx span{font-size:12.5px;color:#6a6a72;line-height:1.55;}
.kkc-rcard__more{color:#e6007e;font-weight:700;font-size:12.5px;margin-top:8px;}
.kkc-rnum{position:absolute;top:0;left:0;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;background:#b8b8c0;border-radius:14px 0 14px 0;}
.kkc-rnum–1{background:linear-gradient(135deg,#f5c518,#e0a200);}
.kkc-rnum–2{background:linear-gradient(135deg,#b9c2cc,#8d99a6);}
.kkc-rnum–3{background:linear-gradient(135deg,#d99a5b,#b9763a);}
/* guide cards */
.kkc-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.kkc-gcard{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(40,30,40,.05);transition:.15s;}
.kkc-gcard:hover{transform:translateY(-2px);border-color:#f3b7d4;}
.kkc-gcard .no{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fde4ef;color:#e6007e;font-weight:800;display:flex;align-items:center;justify-content:center;}
.kkc-gcard b{display:block;font-size:15px;margin:0 0 2px;}
.kkc-gcard span{display:block;font-size:12.5px;color:#7a7a82;}
/* compare */
.kkc-cmp{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.kkc-cmpcard{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px rgba(40,30,40,.05);transition:.15s;}
.kkc-cmpcard:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(40,30,40,.1);}
.kkc-cmpcard img{width:100%;aspect-ratio:1200/630;object-fit:cover;}
.kkc-cmpcard .tx{padding:13px 16px;}
.kkc-cmpcard .tx b{display:block;font-size:16px;font-weight:800;margin:0 0 3px;}
.kkc-cmpcard .tx span{font-size:12.5px;color:#6a6a72;}
@media(max-width:600px){
.kkc-hero{min-height:360px;}
.kkc-hero__bg{object-position:78% 28%;}
.kkc-hero::after{background:linear-gradient(180deg,rgba(251,233,241,.42) 0%,rgba(251,233,241,.8) 52%,rgba(251,233,241,.95) 100%);}
.kkc-points{grid-template-columns:1fr 1fr;gap:12px;}
.kkc-point img{aspect-ratio:16/10;}
.kkc-tiles{grid-template-columns:1fr 1fr;gap:12px;}
.kkc-rank{grid-template-columns:1fr;}
.kkc-guide{grid-template-columns:1fr;}
.kkc-cmp{grid-template-columns:1fr;}
}
/* genre rankings */
.kkc-genre{margin:0 0 22px;}
.kkc-genre__h{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin:0 0 11px;color:#23232b;}
.kkc-genre__h .bar{display:inline-block;width:6px;height:20px;border-radius:3px;}
.kkc-grow{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.kkc-grow::-webkit-scrollbar{height:6px;}
.kkc-grow::-webkit-scrollbar-thumb{background:#e7c4d8;border-radius:3px;}
.kkc-gc2{flex:0 0 168px;scroll-snap-align:start;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px rgba(40,30,40,.05);transition:.15s;}
.kkc-gc2:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(40,30,40,.1);}
.kkc-gc2 .im{position:relative;display:block;}
.kkc-gc2 img{width:100%;aspect-ratio:1200/630;object-fit:cover;}
.kkc-grk{position:absolute;top:0;left:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;background:#b8b8c0;border-radius:12px 0 10px 0;}
.kkc-grk–1{background:linear-gradient(135deg,#f5c518,#e0a200);}
.kkc-grk–2{background:linear-gradient(135deg,#b9c2cc,#8d99a6);}
.kkc-grk–3{background:linear-gradient(135deg,#d99a5b,#b9763a);}
.kkc-gc2 b{display:block;font-size:14px;font-weight:800;margin:9px 11px 2px;}
.kkc-gc2 .tg{display:block;font-size:11.5px;color:#7a7a82;margin:0 11px 12px;line-height:1.5;}
@media(max-width:600px){.kkc-gc2{flex-basis:150px;}}
安全サイトだけ厳選2026年最新専門解説
海外通販・個人輸入を
安全に、お得に。
初心者でも失敗しない「選び方」を専門解説。
SHEIN・Temu・Amazonまで2026年の最新情報。
当サイトが選ばれる3つの理由
安全なサイトだけ厳選怪しいサイトを除外し、安心して買えるショップだけを比較
関税・送料まで解説2026年の関税改正や送料の仕組みまで分かりやすく
2026年の最新情報SHEIN・Temuなど最新サービスを毎月更新でフォロー
目的別にさがす
買いたいジャンルから、おすすめサイトと買い方ガイドへ
海外通販おすすめサイトランキング
編集部が「安全性・使いやすさ・お得さ」で厳選した定番サイト
ジャンル別ランキング
買いたいジャンルから、需要の高い人気サイトをチェック