/*! ssaw-home-v3.css | cascade-preserving compact build | 2026-07-28 */
.item-img-wrap,.items-img{position:relative!important;}.ssaw-custom-label-slot{position:absolute!important;left:0!important;right:auto!important;bottom:0!important;top:auto!important;z-index:7!important;display:block!important;box-sizing:border-box!important;width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;max-width:68px!important;max-height:68px!important;margin:0!important;padding:0!important;border:0!important;line-height:0!important;overflow:visible!important;background:0 0!important;box-shadow:none!important;pointer-events:none!important;transform:none!important;}.ssaw-custom-label-slot>*{position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:1!important;visibility:visible!important;background:0 0!important;box-shadow:none!important;transform:none!important;pointer-events:none!important;}.ssaw-custom-label-slot img{position:static!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;object-position:left bottom!important;background:0 0!important;box-shadow:none!important;transform:none!important;pointer-events:none!important;}@media screen and (max-width:767px){.ssaw-custom-label-slot{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;}}.ssaw-low-stock-badge-v1{position:absolute!important;z-index:9!important;box-sizing:border-box!important;margin:0!important;border:0!important;border-radius:0!important;color:#fff!important;background:rgba(66,72,82,.88)!important;font-family:"Noto Sans JP",sans-serif!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;pointer-events:none!important;}@media screen and (min-width:768px){.ssaw-low-stock-badge-v1{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:94px!important;height:30px!important;padding:0 12px!important;font-size:11px!important;letter-spacing:.08em!important;opacity:0!important;visibility:hidden!important;transform:translate(-50%,-50%)!important;transition:opacity 150ms ease-out,visibility 0s linear 150ms!important;}li.ssaw-low-stock-active-v1:hover>a>.items-img>.ssaw-low-stock-badge-v1{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%)!important;transition:opacity 150ms ease-out,visibility linear!important;}}@media screen and (max-width:767px){.ssaw-low-stock-badge-v1{left:auto!important;right:0!important;top:auto!important;bottom:0!important;display:none!important;align-items:center!important;justify-content:center!important;width:32px!important;height:11px!important;min-width:32px!important;min-height:11px!important;max-width:32px!important;max-height:11px!important;padding:0!important;font-size:5.2px!important;letter-spacing:0!important;opacity:1!important;visibility:visible!important;transform:none!important;}li.ssaw-low-stock-active-v1>a>.items-img>.ssaw-low-stock-badge-v1{display:flex!important;}}@media screen and (min-width:768px){.ttl-h2:not(.ssaw-home-heading){display:flex!important;align-items:center!important;flex-wrap:nowrap!important;}.ttl-h2:not(.ssaw-home-heading)>span{display:inline-flex!important;align-items:center!important;align-self:center!important;vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important;transform:none!important;}.ssaw-field-notes-header{display:flex!important;align-items:center!important;justify-content:space-between!important;}.ssaw-field-notes-heading{align-self:center!important;margin-top:0!important;margin-bottom:0!important;}.ssaw-field-notes-header-actions{display:flex!important;align-items:center!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important;}.ssaw-field-notes-submit{display:inline-flex!important;align-items:center!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important;line-height:1!important;}.ssaw-field-notes-submit-icon{display:inline-flex!important;align-items:center!important;line-height:1!important;}}@media screen and (min-width:768px){body.ssaw-lightbox-open-v1{overflow:hidden!important;}}@media screen and (min-width:768px){.ssaw-field-notes-card:hover .ssaw-field-notes-image img{opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;mix-blend-mode:normal!important;transition:opacity 160ms ease-out!important;}}.ssaw-top-review-list .review01__comment{font-size:12px!important;}@media screen and (min-width:768px){.ssaw-top-review-list .review01__comment{font-size:11.5px!important;}}#ssawTopReviewList>.ssaw-review-over-limit-v13{display:none!important;}@media screen and (min-width:768px){}#topPickSlider .ssaw-top-stock-image-wrap-v16,#topRankSlider .ssaw-top-stock-image-wrap-v16{position:relative!important;}#topPickSlider .ssaw-top-stock-image-wrap-v16 .item-soldout,#topPickSlider .ssaw-top-stock-image-wrap-v16>.items-soldout,#topRankSlider .ssaw-top-stock-image-wrap-v16 .item-soldout,#topRankSlider .ssaw-top-stock-image-wrap-v16>.items-soldout{display:none!important;}.ssaw-top-soldout-v16{position:absolute!important;inset:0!important;z-index:12!important;display:none!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;background:rgba(22,24,30,.38)!important;color:#fff!important;font-family:"Noto Sans JP",sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:.1em!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transform:none!important;}.ssaw-top-card-soldout-v16 .ssaw-top-soldout-v16{display:flex!important;}@media screen and (max-width:767px){.ssaw-top-soldout-v16{font-size:9px!important;letter-spacing:.08em!important;}}@media screen and (max-width:767px){.top-info-list .top-info-data .date,.top-info-list .top-info-data .ttl{-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;}}@media screen and (max-width:767px){}@media screen and (max-width:767px){#pageIndex .ssaw-field-notes-heading>span,#pageIndex .ttl-h2:not(.ssaw-home-heading)>span{font-weight:400!important;}}@media screen and (max-width:767px){#pageIndex .ttl-h2:not(.ssaw-home-heading):not(.ssaw-item-lower-heading-v25){display:flex!important;align-items:center!important;flex-wrap:nowrap!important;column-gap:4px!important;font-size:16px!important;font-weight:700!important;line-height:1.12!important;letter-spacing:.03em!important;}#pageIndex .ttl-h2:not(.ssaw-home-heading):not(.ssaw-item-lower-heading-v25)>span{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;font-size:7.5px!important;font-weight:400!important;line-height:1!important;letter-spacing:.02em!important;white-space:nowrap!important;}#pageIndex .ssaw-field-notes-heading{margin-bottom:0!important;}}@media screen and (max-width:767px){body#pageIndex .ssaw-field-notes{padding-bottom:0!important;}body#pageIndex .ssaw-field-notes-stage{position:relative!important;min-width:0!important;margin-bottom:0!important;}body#pageIndex .ssaw-field-notes-stage::after{content:none!important;display:none!important;}body#pageIndex .ssaw-field-notes-grid{display:flex!important;width:100%!important;gap:8px!important;margin-right:-12px!important;padding-right:12px!important;padding-bottom:0!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity!important;scroll-padding-inline:0!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;}body#pageIndex .ssaw-field-notes-card{flex:0 0 calc((100% - 24px)/3.12)!important;width:auto!important;max-width:none!important;min-width:0!important;scroll-snap-align:start!important;}body#pageIndex .top-rank .slider-item-wrap::before,
  body#pageIndex .top-rank .slider-item-wrap::after,
  body#pageIndex .top-pickup .slider-item-wrap::before,
  body#pageIndex .top-pickup .slider-item-wrap::after{position:absolute!important;top:calc(28px + (100vw - 40px)/6)!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:18px!important;height:58px!important;color:rgba(0,0,48,.72)!important;font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1!important;pointer-events:none!important;transform:translateY(-50%)!important;}body#pageIndex .top-rank .slider-item-wrap::before,
  body#pageIndex .top-pickup .slider-item-wrap::before{content:"‹"!important;left:0!important;border-right:1px solid rgba(0,0,48,.10)!important;background:linear-gradient(
      90deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.70) 58%,
      rgba(255,255,255,0) 100%
    )!important;}body#pageIndex .top-rank .slider-item-wrap::after,
  body#pageIndex .top-pickup .slider-item-wrap::after{content:"›"!important;right:0!important;border-left:1px solid rgba(0,0,48,.10)!important;background:linear-gradient(
      270deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.70) 58%,
      rgba(255,255,255,0) 100%
    )!important;}body#pageIndex .top-rank .slick-list,
  body#pageIndex .top-pickup .slick-list{touch-action:pan-y!important;cursor:grab!important;}}@media screen and (max-width:767px){body#pageIndex .top-rank,
  body#pageIndex .top-pickup{position:relative!important;}body#pageIndex .top-rank>.ttl-h2:not(.ssaw-home-heading),
  body#pageIndex .top-pickup>.ttl-h2:not(.ssaw-home-heading){min-height:0!important;padding-right:0!important;}body#pageIndex .top-rank .slider-item-wrap,
  body#pageIndex .top-pickup .slider-item-wrap{position:relative!important;overflow:visible!important;}body#pageIndex .top-rank .slick-list,
  body#pageIndex .top-pickup .slick-list{box-sizing:content-box!important;overflow:hidden!important;padding-right:24%!important;margin-right:-24%!important;touch-action:pan-y!important;cursor:grab!important;}body#pageIndex .top-rank .slick-list:active,
  body#pageIndex .top-pickup .slick-list:active{cursor:grabbing!important;}body#pageIndex .top-rank .slick-track,
  body#pageIndex .top-pickup .slick-track{display:flex!important;}body#pageIndex .top-rank .slick-slide,
  body#pageIndex .top-pickup .slick-slide{height:auto!important;}body#pageIndex .top-rank .slick-slide>div,
  body#pageIndex .top-pickup .slick-slide>div{height:100%!important;}body#pageIndex .top-rank .items,
  body#pageIndex .top-pickup .items{box-sizing:border-box!important;padding-right:8px!important;}body#pageIndex .top-rank .slick-arrow,
  body#pageIndex .top-pickup .slick-arrow{display:none!important;visibility:hidden!important;pointer-events:none!important;}body#pageIndex .top-rank .slider-item-wrap::before,
  body#pageIndex .top-rank .slider-item-wrap::after,
  body#pageIndex .top-pickup .slider-item-wrap::before,
  body#pageIndex .top-pickup .slider-item-wrap::after{content:none!important;display:none!important;}body#pageIndex .ssaw-shelf-field-controls{position:absolute!important;top:0!important;bottom:0!important;left:-12px!important;right:-24%!important;z-index:50!important;display:block!important;pointer-events:none!important;}body#pageIndex .ssaw-shelf-field-controls[hidden]{display:none!important;}body#pageIndex .ssaw-shelf-field-controls
  .ssaw-field-notes-arrow{position:absolute!important;top:var(--ssaw-field-arrow-y,50%)!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:30px!important;min-width:30px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(0,0,48,.06)!important;color:rgba(0,0,48,.78)!important;opacity:.68!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important;transform:translateY(-50%)!important;appearance:none!important;-webkit-appearance:none!important;z-index:51!important;}body#pageIndex .ssaw-shelf-field-controls
  .ssaw-field-notes-arrow.is-prev{left:0!important;right:auto!important;}body#pageIndex .ssaw-shelf-field-controls
  .ssaw-field-notes-arrow.is-next{right:0!important;left:auto!important;}body#pageIndex .ssaw-shelf-field-controls
  .ssaw-field-notes-arrow svg{display:block!important;width:8px!important;height:14px!important;}body#pageIndex .ssaw-shelf-field-controls
  .ssaw-field-notes-arrow:disabled{opacity:.14!important;cursor:default!important;pointer-events:none!important;}}@media screen and (min-width:768px){body#pageIndex .ssaw-shelf-field-controls{display:none!important;}}body#pageIndex .ssaw-note-journal{box-sizing:border-box;width:100%;margin:112px 0 84px;padding:0;color:#00236d;}body#pageIndex .ssaw-note-journal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0;}body#pageIndex .ssaw-note-journal-heading{min-width:0;}body#pageIndex .ssaw-note-journal .ttl-h2:not(.ssaw-home-heading){margin:0;}body#pageIndex .ssaw-note-journal-lead{max-width:560px;margin:10px 0 0;color:#596273;font-size:12px;line-height:1.8;}body#pageIndex .ssaw-note-journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;}body#pageIndex .ssaw-note-journal-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid transparent;background:#fff;color:#00236d;text-decoration:none;overflow:hidden;}body#pageIndex .ssaw-note-journal-card:focus-visible{outline:none;}body#pageIndex .ssaw-note-journal-image{position:relative;display:block;width:100%;aspect-ratio:1.91/1;overflow:hidden;background:#f3f5f8;}body#pageIndex .ssaw-note-journal-image img{display:block;width:100%;height:100%;object-fit:cover;}body#pageIndex .ssaw-note-journal-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:18px;background:linear-gradient(135deg,rgba(0,35,109,.035),rgba(0,35,109,.09));color:#00236d;text-align:center;}body#pageIndex .ssaw-note-journal-placeholder b{font-size:25px;font-weight:500;letter-spacing:.06em;}body#pageIndex .ssaw-note-journal-placeholder small{margin-top:5px;font-size:8px;font-weight:600;letter-spacing:.18em;opacity:.58;}body#pageIndex .ssaw-note-journal-body{display:flex;flex:1 1 auto;flex-direction:column;box-sizing:border-box;padding:18px 18px 20px;}body#pageIndex .ssaw-note-journal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px;margin:0 0 10px;}body#pageIndex .ssaw-note-journal-category{display:inline-flex;align-items:center;min-height:18px;padding:2px 7px;background:#00236d;color:#fff;font-size:8px;font-weight:700;letter-spacing:.1em;line-height:1.4;}body#pageIndex .ssaw-note-journal-date{color:#838b98;font-size:9px;line-height:1.4;white-space:nowrap;}body#pageIndex .ssaw-note-journal-title{display:-webkit-box;min-height:3.2em;margin:0;overflow:hidden;color:#121b32;font-size:15px;font-weight:700;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;}body#pageIndex .ssaw-note-journal-summary{display:-webkit-box;min-height:3.5em;margin:10px 0 0;overflow:hidden;color:#5d6676;font-size:11px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2;}body#pageIndex .ssaw-note-journal-read{display:inline-flex;align-items:center;justify-content:flex-end;align-self:stretch;box-sizing:border-box;flex-shrink:0;height:33px;width:100%;text-align:right;margin-top:auto;padding-top:18px;font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体";font-size:10px;font-weight:500;line-height:16.5px;letter-spacing:.025em;color:#00236d;opacity:1;background:none;border:0;outline:none;text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:4px;transform:none;translate:none;transition:opacity 160ms ease-out;}body#pageIndex .ssaw-note-journal-card:is(:focus-visible,:active) .ssaw-note-journal-read,body#pageIndex .ssaw-note-journal-read:hover,body#pageIndex .ssaw-note-journal-all a:is(:hover,:focus-visible,:active){opacity:.65;}body#pageIndex .ssaw-note-journal-dots{display:none;}body#pageIndex .ssaw-note-journal-all{margin:22px 0 0;text-align:center;}body#pageIndex .ssaw-note-journal-all a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:11px 0;font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体";font-size:10px;font-weight:500;line-height:16.5px;letter-spacing:.025em;color:#00236d;opacity:1;background:none;border:0;outline:none;text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:4px;transform:none;translate:none;transition:opacity 160ms ease-out;}@media screen and (max-width:767px){body#pageIndex .ssaw-note-journal{margin:56px 0 56px;padding-top:0;}body#pageIndex .ssaw-note-journal-head{display:block;padding:0 14px;}body#pageIndex .ssaw-note-journal-lead{margin-top:8px;font-size:11px;line-height:1.75;}body#pageIndex .ssaw-note-journal-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;gap:8px;margin-right:-14px;padding:0 14px 2px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}body#pageIndex .ssaw-note-journal-cards::-webkit-scrollbar{display:none;}body#pageIndex .ssaw-note-journal-card{scroll-snap-align:start;}body#pageIndex .ssaw-note-journal-image{aspect-ratio:2.45/1;}body#pageIndex .ssaw-note-journal-placeholder b{font-size:19px;}body#pageIndex .ssaw-note-journal-body{padding:9px 10px 10px;}body#pageIndex .ssaw-note-journal-meta{min-height:15px;margin-bottom:5px;}body#pageIndex .ssaw-note-journal-title{min-height:2.8em;font-size:12px;line-height:1.4;}body#pageIndex .ssaw-note-journal-summary{min-height:2.8em;margin-top:6px;font-size:9px;line-height:1.5;}body#pageIndex .ssaw-note-journal-read{height:21.5px;padding-top:8px;}body#pageIndex .ssaw-note-journal-dots{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0;padding:0 14px;}body#pageIndex .ssaw-note-journal-dot{width:7px;height:7px;padding:0;border:1px solid #00236d;border-radius:999px;background:#fff;opacity:.55;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease;}body#pageIndex .ssaw-note-journal-dot.is-active{background:#00236d;border-color:#00236d;opacity:1;transform:scale(1.08);}body#pageIndex .ssaw-note-journal-all{margin-top:12px;padding:0 14px;}body#pageIndex .ssaw-note-journal-all a{min-height:42px;}}@media (prefers-reduced-motion:reduce){body#pageIndex .ssaw-note-journal-read,
  body#pageIndex .ssaw-note-journal-all a{transition:none!important;}}@media screen and (max-width:767px){body#pageIndex .top-concept{height:auto!important;min-height:0!important;padding:0!important;background-position:center center!important;}body#pageIndex .top-concept .top-concept-inner{box-sizing:border-box!important;min-height:0!important;padding:34px 16px 32px!important;}body#pageIndex .top-concept .ttl{margin:0 0 13px!important;font-size:17px!important;line-height:1.35!important;letter-spacing:.01em!important;}body#pageIndex .top-concept .txt{width:100%!important;max-width:100%!important;margin:0 auto!important;font-size:10px!important;line-height:1.6!important;letter-spacing:0!important;line-break:strict!important;word-break:auto-phrase!important;text-wrap:pretty!important;}body#pageIndex .top-concept .txt.is-ssaw-mobile-formatted .ssaw-concept-line{display:block;}body#pageIndex .top-concept .txt.is-ssaw-mobile-formatted .ssaw-concept-line.is-paragraph-start{margin-top:8px;}body#pageIndex .top-concept .btn{margin-top:16px!important;}body#pageIndex .top-concept .btn a{min-height:40px!important;padding:9px 16px!important;font-size:10px!important;}}@media screen and (max-width:767px){body#pageIndex .ssaw-note-journal-cards{scroll-snap-type:x mandatory!important;scroll-padding-inline:14px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x pan-y!important;}body#pageIndex .ssaw-note-journal-card{scroll-snap-align:start!important;scroll-snap-stop:always;}}@media screen and (max-width:767px){}@media screen and (max-width: 767px){}@media screen and (max-width: 767px){body#pageIndex #itemsList{row-gap:22px!important;align-items:start!important;}body#pageIndex #itemsList > li{margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important;}body#pageIndex #itemsList > li > a{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;}body#pageIndex #itemsList .items-data{height:auto!important;min-height:0!important;margin-top:6px!important;padding-bottom:0!important;}body#pageIndex #itemsList .items-status{margin-top:3px!important;margin-bottom:0!important;}}.top-rank-load.ssaw-slider-skeleton{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%;margin:18px 0 0;}.ssaw-slider-skeleton-card{display:block;min-width:0;}.ssaw-slider-skeleton-card::before,.ssaw-slider-skeleton-card::after{content:"";display:block;background:linear-gradient( 100deg,rgba(20,20,24,.06) 20%,rgba(20,20,24,.12) 40%,rgba(20,20,24,.06) 60% );background-size:220% 100%;animation:ssaw-slider-shimmer 1.35s ease-in-out infinite;}.ssaw-slider-skeleton-card::before{aspect-ratio:1/1;border-radius:2px;}.ssaw-slider-skeleton-card::after{width:72%;height:10px;margin-top:12px;border-radius:999px;}.slider-item.is-ready .top-rank-load,.slider-item.is-partial .top-rank-load,.slider-item.is-failed .top-rank-load{display:none!important;}.ssaw-slider-runtime-fallback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px 18px;border:1px solid rgba(20,20,24,.13);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);}.ssaw-slider-runtime-fallback__message{margin:0;font-size:13px;line-height:1.7;}.ssaw-slider-runtime-fallback__actions{display:flex;flex:0 0 auto;align-items:center;gap:10px;}.ssaw-slider-runtime-fallback__retry,.ssaw-slider-runtime-fallback__link{box-sizing:border-box;min-height:38px;padding:9px 14px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer;}.ssaw-slider-runtime-fallback__retry:hover,.ssaw-slider-runtime-fallback__link:hover,.ssaw-slider-runtime-fallback__retry:focus-visible,.ssaw-slider-runtime-fallback__link:focus-visible{background:#111;color:#fff;}.ssaw-slider-noscript-list{margin:14px 0 0;padding-left:1.4em;}.ssaw-slider-noscript-list li+li{margin-top:6px;}@keyframes ssaw-slider-shimmer{from{background-position:100% 0;}to{background-position:-100% 0;}}@media screen and (max-width:767px){.top-rank-load.ssaw-slider-skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:hidden;}.top-rank-load.ssaw-slider-skeleton .ssaw-slider-skeleton-card:nth-child(n+4){display:none;}.ssaw-slider-skeleton-card::after{width:82%;height:9px;margin-top:9px;}.ssaw-slider-runtime-fallback{align-items:flex-start;flex-direction:column;gap:12px;padding:14px;}.ssaw-slider-runtime-fallback__actions{width:100%;}.ssaw-slider-runtime-fallback__retry,.ssaw-slider-runtime-fallback__link{flex:1 1 50%;text-align:center;}}@media (prefers-reduced-motion:reduce){.ssaw-slider-skeleton-card::before,.ssaw-slider-skeleton-card::after{animation:none;}}
/*! moved from inline #ssaw-current-css-v4 | 2026-08-23 */
#pageIndex .ssaw-top-info-current-column{min-width:0;width:auto!important;display:flex;flex-direction:column}#pageIndex .ssaw-top-info-current-column>.top-info{box-sizing:border-box;width:100%!important}#pageIndex .ssaw-top-info-current-column>.ssaw-current{margin-top:clamp(28px,3vw,42px)}#pageIndex .ssaw-top-info-current-column .top-info-list{display:grid!important;grid-auto-rows:44px!important;row-gap:0!important;box-sizing:border-box;margin:0!important;padding:0!important}#pageIndex .ssaw-top-info-current-column .top-info-data{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;column-gap:14px!important;align-items:stretch!important;box-sizing:border-box;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important}#pageIndex .ssaw-top-info-current-column .top-info-data .date,#pageIndex .ssaw-top-info-current-column .top-info-data .ttl{box-sizing:border-box;min-width:0;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important}#pageIndex .ssaw-top-info-current-column .top-info-data .date{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important}#pageIndex .ssaw-top-info-current-column .top-info-data .ttl{display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden;text-align:left!important;font-size:12px!important;line-height:1.55!important;letter-spacing:.015em}#pageIndex .ssaw-current-label,#pageIndex .ssaw-info-date-label{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:82px;min-width:82px;max-width:82px;height:22px;min-height:22px;max-height:22px;margin:0!important;padding:0 7px!important;border:1px solid #00236d;border-radius:2px;background:#00236d;color:#fff;font-family:"Noto Sans JP",sans-serif;font-size:10px;font-weight:700;line-height:1!important;letter-spacing:.055em;text-align:center!important;text-indent:.055em;white-space:nowrap}#pageIndex .ssaw-top-review-panel{box-sizing:border-box;min-width:0;width:auto!important;flex:none!important}#pageIndex .ssaw-top-review-expand:not([hidden]){display:flex!important;flex-direction:column!important;overflow:hidden!important;overscroll-behavior:auto!important}#pageIndex #ssawTopReviewList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain}#pageIndex #ssawTopReviewLoadMore{flex:0 0 auto!important}@media(min-width:768px){#pageIndex .ssaw-top-info-review-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start!important}#pageIndex .ssaw-top-review-expand:not([hidden]){height:316px!important;max-height:316px!important}}@media(max-width:767px){#pageIndex .ssaw-top-info-review-row{display:flex!important;flex-direction:column;align-items:stretch!important;gap:56px}#pageIndex .ssaw-top-info-current-column{gap:22px}#pageIndex .ssaw-top-info-current-column>.ssaw-current{margin-top:0}#pageIndex .ssaw-top-review-panel{margin-top:0}#pageIndex .ssaw-top-info-current-column .top-info-list{grid-auto-rows:minmax(44px,auto)!important;margin-top:12px!important}#pageIndex .ssaw-top-info-current-column .top-info-data{grid-template-columns:62px minmax(0,1fr)!important;column-gap:8px!important;height:auto!important;min-height:44px!important}#pageIndex .ssaw-top-info-current-column .top-info-data .date,#pageIndex .ssaw-top-info-current-column .top-info-data .ttl{height:auto!important;min-height:44px!important}#pageIndex .ssaw-top-info-current-column .top-info-data .ttl{overflow:visible!important;font-size:10.5px!important;line-height:1.6!important;overflow-wrap:anywhere!important}#pageIndex .ssaw-current-label,#pageIndex .ssaw-info-date-label{width:62px!important;min-width:62px!important;max-width:62px!important;height:19px!important;min-height:19px!important;max-height:19px!important;padding:0 3px!important;font-size:8px!important;letter-spacing:.02em!important;text-indent:.02em!important}#pageIndex .ssaw-top-review-expand:not([hidden]){height:auto!important;max-height:none!important;overflow:visible!important}#pageIndex #ssawTopReviewList{flex:none!important;max-height:340px!important}}

/* Hero layout, including its first HTML paint. Slick owns fade opacity/position. */
body#pageIndex .top-mv {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  transform: none !important;
}
body#pageIndex #topMvSlider {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body#pageIndex #topMvSlider .slick-list {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  touch-action: pan-y;
  cursor: grab;
}
body#pageIndex #topMvSlider .slick-track { height: 100% !important; }
body#pageIndex #topMvSlider .slick-slide,
body#pageIndex #topMvSlider .top-mv-box,
body#pageIndex #topMvSlider .ssaw-concept-hero {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
body#pageIndex #topMvSlider .top-mv-box { display: block; background: #fff; }
body#pageIndex #topMvSlider .top-mv-box img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  user-select: none;
  -webkit-user-drag: none;
}
body#pageIndex #topMvSlider:not(.slick-initialized) {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
}
body#pageIndex .top-mv #topMvSlider:not(.slick-initialized) > * { display: none !important; }


body#pageIndex #topMvSlider .ssaw-concept-hero {
  --ssaw-hero-display: flex;
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;

  background-size: cover;
  background-position: center;
}
body#pageIndex #topMvSlider .ssaw-concept-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 5, 28, .10);
  pointer-events: none;
}
body#pageIndex #topMvSlider .ssaw-concept-hero > span {
  position: relative;
  flex: 0 0 auto;
  width: 42%;
  max-width: 560px;
  aspect-ratio: 3292 / 1208;
  background: url("https://basefile.akamaized.net/ssawlab-base-shop/6aa6d57fb1cb4/ssaw-concept-lettering-v1.png") center / contain no-repeat;
  pointer-events: none;
}
body#pageIndex #topMvSlider .ssaw-concept-hero > a {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-width: 64px;
  min-height: 44px;
  max-width: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  aspect-ratio: auto;
  color: #fff;
  background: transparent;
  font-family: Caveat, cursive;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .08em;
  text-decoration: none;
  opacity: .9;
  text-shadow: 0 1px 3px rgba(0,5,28,.18);
  text-underline-offset: 4px;
}
body#pageIndex #topMvSlider a:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
body#pageIndex #topMvSlider .ssaw-concept-hero > a:hover,
body#pageIndex #topMvSlider .ssaw-concept-hero > a:focus-visible { opacity: 1; text-decoration: underline; }
body#pageIndex #topMvSlider .slick-dots {
  position: static !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
body#pageIndex #topMvSlider .slick-dots li { width: 24px; height: 28px; margin: 0; padding: 0; }
body#pageIndex #topMvSlider .slick-dots button { width: 24px; height: 28px; margin: 0; padding: 0; font-size: 0; border: 0; background: transparent; cursor: pointer; }
body#pageIndex #topMvSlider .slick-dots button::before { width: 5px; height: 5px; border-radius: 50%; background: #000030; opacity: .25; }
body#pageIndex #topMvSlider .slick-dots .slick-active button::before { opacity: .7; }
body#pageIndex #topMvSlider .slick-dots button:focus-visible { outline: 1px solid #000030; outline-offset: -2px; }
@media (min-width: 1024px) {
  body#pageIndex .top-mv { width: min(calc(100% - 128px), 1360px) !important; max-width: 1360px !important; margin-top: 0 !important; margin-bottom: 30px !important; }
  body#pageIndex #topMvSlider .top-mv-box img { object-fit: contain !important; }
}
@media (max-width: 767px) {
  body#pageIndex .top-mv { width: min(100%, 390px) !important; max-width: 390px !important; margin-top: 48px !important; }
  body#pageIndex #topMvSlider .slick-list,
  body#pageIndex #topMvSlider:not(.slick-initialized) { aspect-ratio: 8 / 5 !important; }
  body#pageIndex #topMvSlider .ssaw-concept-hero > span { width: 50%; }
  body#pageIndex #topMvSlider .ssaw-concept-hero { gap: 4px; }
  body#pageIndex #topMvSlider .ssaw-concept-hero > a { font-size: 14px; }
}

/* The selected background paints progressively in the initial Hero DOM. */
html:not(.ssaw-hero-photo) body#pageIndex #topMvSlider .ssaw-concept-hero {
  display: none !important;
}
html.ssaw-hero-photo body#pageIndex .top-mv #topMvSlider:not(.slick-initialized) > .ssaw-concept-hero {
  display: flex !important;
  width: 100% !important;
}
html:not(.ssaw-hero-photo) body#pageIndex .top-mv #topMvSlider:not(.slick-initialized) > :nth-child(1 of .top-mv-box) {
  display: block !important;
  width: 100% !important;
}
body#pageIndex #topMvSlider .ssaw-concept-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--ssaw-hero-photo);
  background-position: inherit;
  background-size: inherit;
  pointer-events: none;
}
body#pageIndex #topMvSlider .ssaw-concept-hero::before { z-index: 1; }
body#pageIndex #topMvSlider .ssaw-concept-hero > span,
body#pageIndex #topMvSlider .ssaw-concept-hero > a { z-index: 2; }
html.ssaw-hero-intro:not(.ssaw-hero-ready) body#pageIndex #topMvSlider .ssaw-concept-hero::after {
  filter: brightness(.86) contrast(.94) saturate(.94);
}
html.ssaw-hero-intro:not(.ssaw-hero-ready) body#pageIndex #topMvSlider .ssaw-concept-hero > span { opacity: .85; }
html.ssaw-hero-intro:not(.ssaw-hero-ready) body#pageIndex #topMvSlider .ssaw-concept-hero > a { opacity: .8; }
html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero::after {
  animation: ssaw-hero-exposure 600ms ease-out both;
}
html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero > span {
  animation: ssaw-hero-lettering 350ms 150ms ease-out both;
}
html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero > a {
  animation: ssaw-hero-about 350ms 220ms ease-out both;
}
@keyframes ssaw-hero-exposure {
  from { filter: brightness(.86) contrast(.94) saturate(.94); }
  to { filter: brightness(1) contrast(1) saturate(1); }
}
@keyframes ssaw-hero-lettering { from { opacity: .85; } to { opacity: 1; } }
@keyframes ssaw-hero-about { from { opacity: .8; } to { opacity: .9; } }
@media (prefers-reduced-motion: reduce) {
  html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero::after,
  html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero > span,
  html.ssaw-hero-intro.ssaw-hero-ready body#pageIndex #topMvSlider .ssaw-concept-hero > a { animation: none; }
}

/* Home-only initial states. Both headings and one BASE item loop are in HTML. */
body#pageIndex #ssaw-all-items .ssaw-all-heading,
body#pageIndex #ssaw-all-items:not(:target) #moreItems,
body#pageIndex #ssaw-all-items:not(:target) #loading,
body#pageIndex #ssaw-all-items:target .ssaw-new-heading,
body#pageIndex #ssaw-all-items:target .ssaw-new-actions,
body#pageIndex #ssaw-all-items #moreItems[hidden],
body#pageIndex #ssaw-all-items #ssaw-new-more[hidden] { display:none!important; }
body#pageIndex #ssaw-all-items:target .ssaw-all-heading { display:flex!important; }
/* One in-flow action at a time: no empty slot for the final link. */
/* Only outer section spacing changes; Select's inner geometry stays intact. */
body#pageIndex .top-right-contents-wrap > .top-pickup { margin-top:80px; }
body#pageIndex #ssaw-all-items { padding-top:56px; }
body#pageIndex #ssaw-all-items .ssaw-new-actions,
body#pageIndex #ssaw-all-items #moreItems { margin:32px 0 0; padding:0; width:auto; text-align:center; }
body#pageIndex #ssaw-new-more,
body#pageIndex #ssaw-all-items .ssaw-new-actions a,
body#pageIndex #ssaw-all-items #moreItems a {
  display:inline-block; box-sizing:border-box; width:auto; min-width:0; height:32px;
  margin:0; padding:4px 0; border:0; border-radius:0; background:none; box-shadow:none; outline:none;
  font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体";font-size:10px;font-weight:500;line-height:16.5px;letter-spacing:.025em;color:#00236d;opacity:1;background:none;border:0;outline:none;text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:4px;transform:none;translate:none;transition:opacity 160ms ease-out;
  padding:7.75px 0; vertical-align:top; cursor:pointer;
}
body#pageIndex #ssaw-new-more:is(:hover,:focus-visible,:active),
body#pageIndex #ssaw-all-items .ssaw-new-actions a:is(:hover,:focus-visible,:active),
body#pageIndex #ssaw-all-items #moreItems a:is(:hover,:focus-visible,:active) { opacity:.65; }
body#pageIndex #ssaw-all-items .ssaw-new-actions a { display:none; }
@media (min-width:768px) {
  body#pageIndex #ssaw-all-items:not(:target) #itemsList > li:nth-child(n+5) { display:none!important; }
  body#pageIndex #ssaw-all-items:not(:target)[data-reveal="8"] #itemsList > li:nth-child(-n+8),
  body#pageIndex #ssaw-all-items:not(:target)[data-reveal="12"] #itemsList > li:nth-child(-n+12) { display:block!important; }
  body#pageIndex #ssaw-all-items[data-reveal="12"] .ssaw-new-actions a { display:inline-block; }
}
@media (min-width:768px) and (max-width:1023px) {
  body#pageIndex .top-right-contents-wrap > .top-pickup { margin-top:40px; }
  body#pageIndex #ssaw-all-items { padding-top:40px; }
}


/* Popular retains the current five-column desktop and mobile Slick geometry. */
/* Select exception: reserve the existing completed Slick card geometry only. */
body#pageIndex .top-pickup { container-type:inline-size; --ssaw-select-count:1; }
body#pageIndex .top-pickup:has(:nth-child(2 of .rankItemUrl)) { --ssaw-select-count:2; }
body#pageIndex .top-pickup:has(:nth-child(3 of .rankItemUrl)) { --ssaw-select-count:3; }
body#pageIndex .top-pickup:has(.rankItemUrl) .slider-item-wrap { min-height:calc(round(up, 100cqw / var(--ssaw-select-count), 1px) - 16px + 84.6px); }
body#pageIndex .top-rank { container-type:inline-size; }
body#pageIndex .top-rank .top-rank-load { display:none!important; }
body#pageIndex .top-rank .slider-item-wrap { min-height:calc((100cqw - 64px) / 5 + 84.6px); }
body#pageIndex #topRankSlider .items-item::before,
body#pageIndex #topRankSlider .items-item::after { content:none!important; display:none!important; }

body#pageIndex #topRankSlider.ssaw-popular-ready { animation:ssaw-popular-in 300ms ease-out both; }
body#pageIndex #topRankSlider .items-img img { opacity:0; transition:opacity 180ms ease-out; }
body#pageIndex #topRankSlider .items-img img.ssaw-popular-image-ready { opacity:1; }
@keyframes ssaw-popular-in { from { opacity:0; } to { opacity:1; } }
@media (max-width:767px) {
  body#pageIndex .top-pickup:has(.rankItemUrl) .slider-item-wrap { min-height:calc(round(up, 85cqw / min(2, var(--ssaw-select-count)), 1px) + 71.25px); }
  body#pageIndex #ssaw-all-items:not(:target) #itemsList > li:nth-child(n+7) { display:none!important; }
  body#pageIndex #ssaw-all-items #ssaw-new-more { display:none!important; }
  body#pageIndex .top-rank .slider-item-wrap { min-height:calc(round(up, 42.5cqw, 1px) + 71.25px); }
  body#pageIndex .top-right-contents-wrap > .top-pickup { margin-top:8px; }
  body#pageIndex #ssaw-all-items { padding-top:28px; }
  body#pageIndex #ssaw-all-items .ssaw-new-actions,
  body#pageIndex #ssaw-all-items #moreItems { margin-top:24px; }
  body#pageIndex #ssaw-all-items .ssaw-new-actions a { display:inline-block; }
}
@media (prefers-reduced-motion:reduce) {
  body#pageIndex #topRankSlider.ssaw-popular-ready { animation:none; }
  body#pageIndex #topRankSlider .items-img img { transition:none; }
}

/* Product-image/title hover and bordered navigation cards: fine desktop pointer only. */
@media(min-width:768px) and (hover:hover) and (pointer:fine){body#pageIndex :is(#topPickSlider .items-item,#itemsList>li,#topRankSlider .items-item,.ssaw-note-journal-card):hover :is(.items-img>img,.ssaw-note-journal-image>img){opacity:.87;transform:scale(1.015)}body#pageIndex :is(#topPickSlider .items-item,#itemsList>li,#topRankSlider .items-item,.ssaw-note-journal-card):hover :is(.items-title,.ssaw-note-journal-title){text-decoration:underline;text-underline-offset:3px}body#pageIndex :is(.ssaw-category-card,.ssaw-myog-accordion__trigger,.ssaw-myog-accordion__child,.ssaw-myog-accordion__parent-link):hover{border-color:rgba(0,35,109,.55)}@media(prefers-reduced-motion:no-preference){body#pageIndex :is(#topPickSlider .items-item,#itemsList>li,#topRankSlider .items-item,.ssaw-note-journal-card) :is(.items-img>img,.ssaw-note-journal-image>img){transition:transform 200ms ease-out,opacity 200ms ease-out}}}