/* ============================================
   Vayu Magazine（page-magazine.php）専用スタイル
   設置場所: /wp-content/themes/swell_child/assets/css/vayu-magazine.css
   ============================================ */

.vayu-mag{
  --vm-bg: #F6F4EE;
  --vm-card-bg: #FCFAF5;
  --vm-ink: #303633;
  --vm-ink-soft: #727A76;
  --vm-line: rgba(48,54,51,.15);
  --vm-shadow: rgba(54,61,59,.14);

  --vm-sage: #718579;
  --vm-honey: #C49B48;
  --vm-foods: #A87452;
  --vm-body: #63847F;
  --vm-mind: #7D708E;
  --vm-journey: #668699;
  --vm-salon: #A96C7C;
  --vm-daily: #718579;
  --vm-band: #E8EEF0;
  --vm-tiffany: #E8EEF0;
  --vm-tiffany-deep: #657A7A;
  --vm-coral: #B85F72;
  --vm-zunda: #E8EEF0;
  --vm-lavender: #E8EEF0;

  background: var(--vm-bg);
  color: var(--vm-ink);
  padding-top: 0 !important;
}
@media (prefers-color-scheme: dark){
  .vayu-mag{
    --vm-bg: #1c1c18; --vm-card-bg: #2a2a24; --vm-ink: #eee9df; --vm-ink-soft: #a39d90;
    --vm-line: rgba(238,233,223,.14); --vm-shadow: rgba(0,0,0,.5);
    --vm-sage: #9bb093; --vm-honey: #d9b578;
    --vm-foods: #d6a479; --vm-body: #8fc1b8; --vm-mind: #b3a4cc; --vm-journey: #9ec1d6; --vm-salon: #d9a9a9; --vm-daily: #9bb093; --vm-band: #332a29;
    --vm-tiffany: #2b3f3d; --vm-tiffany-deep: #7fc2ba; --vm-coral: #e8956f;
    --vm-zunda: #a3ad64;
    --vm-lavender: #7d6a91;
  }
}

/* このファイルはMagazineページにのみ読み込まれるため、ページ全体の余白リセットもここに含める */
.l-content.l-container{ margin-bottom:0 !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
main#main_content.l-mainContent{ max-width:none !important; width:100% !important; margin-left:0 !important; margin-right:0 !important; flex:1 1 100% !important; }

.vayu-mag *{ box-sizing:border-box; }
.vayu-mag .vm-en{ font-family:'Josefin Sans','Zen Kaku Gothic New',sans-serif; }
.vayu-mag img{ display:block; width:100%; height:100%; object-fit:cover; }
.vayu-mag .vm-wrap{
  width:100%;
  margin:0 auto;
  padding:0;
}

/* 巻頭：雑誌の入口と、Vayu独自の「Shelf」を同時に伝える標本箱の表紙 */
.vayu-mag .vm-topband{
  background:
    radial-gradient(circle at 12% 16%, rgba(183,101,121,.13) 0 2px, transparent 2.5px),
    radial-gradient(circle at 87% 22%, rgba(201,155,67,.15) 0 2px, transparent 2.5px),
    linear-gradient(135deg, rgba(255,255,255,.32), transparent 42%),
    var(--vm-tiffany);
  background-size:88px 88px,116px 116px,auto,auto;
  margin: -40px 0 0;
  padding:22px max(28px, calc((100vw - 1044px) / 2)) 25px;
  border-radius:0;
  position: relative;
  z-index: 1;
  border-top:1px solid rgba(63,67,62,.09);
  border-bottom:1px solid rgba(63,67,62,.13);
}
.vayu-mag .vm-topband::before,
.vayu-mag .vm-topband::after{
  content:"";
  position:absolute;
  top:24px;
  width:72px;
  height:1px;
  background:var(--vm-coral);
  opacity:.58;
}
.vayu-mag .vm-topband::before{ left:max(28px, calc((100vw - 1044px) / 2)); }
.vayu-mag .vm-topband::after{ right:max(28px, calc((100vw - 1044px) / 2)); }

/* masthead lead (既存の巻頭言タイトル・本文) */
.vayu-mag .vayu-shelf__lead{ text-align:center; padding:4px 0 0; margin:0 !important; }
.vayu-mag .vm-cover{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);
  align-items:start;
  gap:24px;
  padding:4px 0 8px;
}
.vayu-mag .vm-cover.-solo{ grid-template-columns:1fr; }
.vayu-mag .vm-cover__copy{
  position:relative;
  text-align:left;
  padding:5px 0 0;
}
.vayu-mag .vm-cover__copy::after{
  content:"";
  position:absolute;
  z-index:0;
  top:18px;
  right:4px;
  width:148px;
  height:170px;
  pointer-events:none;
  opacity:.62;
  transform:none;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 170'%3E%3Cg fill='none' stroke='%236E8468' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M62 158C67 126 63 91 70 55C74 34 82 20 91 9' stroke-width='2.2'/%3E%3Cpath d='M68 121C52 113 39 103 29 89M69 99C83 89 94 76 101 61M69 78C54 70 43 59 36 45M75 52C91 45 101 34 108 22' stroke-width='1.35'/%3E%3Cg fill='%2397A58D' stroke-width='1.1'%3E%3Cpath d='M56 116C42 116 31 109 27 95C41 94 52 101 56 116Z'/%3E%3Cpath d='M47 102C34 101 24 94 21 82C34 81 44 89 47 102Z'/%3E%3Cpath d='M76 94C88 82 101 79 114 84C106 97 92 101 76 94Z'/%3E%3Cpath d='M78 77C89 66 101 64 112 69C104 80 92 84 78 77Z'/%3E%3Cpath d='M57 72C44 72 34 65 30 52C43 51 54 59 57 72Z'/%3E%3Cpath d='M62 57C50 56 41 49 38 38C50 37 59 45 62 57Z'/%3E%3Cpath d='M83 49C93 38 104 35 115 39C108 51 96 55 83 49Z'/%3E%3Cpath d='M87 34C96 24 106 21 116 25C110 36 99 40 87 34Z'/%3E%3C/g%3E%3Cg fill='%23D4A5A5' stroke='none' opacity='.78'%3E%3Ccircle cx='91' cy='9' r='3.2'/%3E%3Ccircle cx='85' cy='12' r='2.3'/%3E%3Ccircle cx='96' cy='14' r='2.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.vayu-mag .vm-cover__copy > *{
  position:relative;
  z-index:1;
}
.vayu-mag .vm-masthead__eyebrow{
  color:var(--vm-coral);
  font-size:9px;
  font-weight:600;
  letter-spacing:.34em;
  margin-bottom:7px;
}
.vayu-mag .vm-masthead__eyebrow small{
  margin-left:7px;
  font-size:.8em;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:none;
}
.vayu-mag .vayu-shelf__lead .vayu-shelf__title{
  color: var(--vm-ink) !important;
  font-family:"Helvetica Neue","Avenir Next","Zen Kaku Gothic New",sans-serif !important;
  font-style:normal !important;
  font-weight:300 !important;
  letter-spacing:.19em !important;
  font-size:clamp(46px,6.2vw,68px) !important;
  line-height:1.02 !important;
  transform:none;
  margin:0 0 4px !important;
  text-shadow:none;
  position:relative;
  display:inline-block;
}
.vayu-mag .vayu-shelf__lead .vayu-shelf__title::before{
  content:none !important;
  display:none !important;
}
html body #body_wrap main .vayu-mag h1.vayu-shelf__title::before{
  content:none !important;
  display:none !important;
}
html body #body_wrap #main_content .vayu-mag h1.vayu-shelf__title::before{
  content:none !important;
  display:none !important;
}
html body #body_wrap #main_content .vayu-mag h1.vayu-shelf__title{
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  color:var(--vm-ink) !important;
  font-family:"Helvetica Neue","Avenir Next","Zen Kaku Gothic New",sans-serif !important;
  font-size:clamp(46px,6.2vw,68px) !important;
  font-style:normal !important;
  font-weight:300 !important;
  line-height:1.02 !important;
  letter-spacing:.19em !important;
  margin:0 0 4px !important;
}
.vayu-mag .vayu-shelf__lead .vayu-shelf__title::after{
  display:none;
}
.vayu-mag .vm-masthead__subtitle{
  color:var(--vm-ink);
  font-family:'Zen Kaku Gothic New',sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:.18em;
  margin:2px 0 8px;
}
.vayu-mag .vm-masthead__accent{
  width:26px;
  height:1px;
  margin:0 0 9px;
  background:var(--vm-coral);
}
.vayu-mag .vm-masthead__categories{
  color:var(--vm-muted);
  font-size:8px;
  font-weight:500;
  letter-spacing:.2em;
  margin-bottom:16px;
}
.vayu-mag .vm-masthead__specimen{
  display:none !important;
}

/* マストヘッドの植物画は使用しない */
.vayu-mag .vm-cover__copy::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.vayu-mag .vayu-shelf__leadText{ color: var(--vm-ink); margin-top:2px; margin-bottom:0 !important; }
.vayu-mag .vayu-shelf__leadText p{ margin:0 !important; }
.vayu-mag .vm-cover__copy .vayu-shelf__leadText{
  max-width:31em;
  font-size:12.5px;
  line-height:1.9;
}
.vayu-mag .vm-cover__windows{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid rgba(63,67,62,.14);
}
.vayu-mag .vm-smallWindow{
  position:relative;
  min-height:58px;
  padding:9px 28px 10px 11px;
  border:1px solid rgba(63,67,62,.13);
  color:var(--vm-ink);
  text-align:left;
  text-decoration:none;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.vayu-mag .vm-smallWindow:hover{
  transform:translateY(-2px) rotate(0deg);
  box-shadow:0 10px 20px -17px var(--vm-shadow);
}
.vayu-mag .vm-smallWindow.-window1{ background:#E9D7CF; border-radius:3px 18px 4px 10px; transform:rotate(-1deg); }
.vayu-mag .vm-smallWindow.-window2{ background:#D6E0DF; border-radius:15px 3px 12px 4px; transform:translateY(4px) rotate(.6deg); }
.vayu-mag .vm-smallWindow.-window3{ background:#DDD8E3; border-radius:12px 4px 3px 17px; transform:translateX(7px) rotate(.8deg); }
.vayu-mag .vm-smallWindow.-window4{ background:#E7D9AB; border-radius:4px 15px 10px 3px; transform:translate(2px,5px) rotate(-.7deg); }
@media (prefers-color-scheme: dark){
  .vayu-mag .vm-smallWindow.-window1{ background:#382e29; }
  .vayu-mag .vm-smallWindow.-window2{ background:#263130; }
  .vayu-mag .vm-smallWindow.-window3{ background:#2c2833; }
  .vayu-mag .vm-smallWindow.-window4{ background:#352c1c; }
}
.vayu-mag .vm-smallWindow__no{
  display:block;
  color:var(--vm-ink-soft);
  font-size:6.5px;
  letter-spacing:.15em;
  margin-bottom:3px;
}
.vayu-mag .vm-smallWindow__label{
  display:block;
  font-size:10.5px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.05em;
}
.vayu-mag .vm-smallWindow__arrow{
  position:absolute;
  right:9px;
  bottom:8px;
  color:var(--vm-coral);
  font-size:11px;
  opacity:.75;
}
.vayu-mag .vm-coverStory{
  position:relative;
  display:block;
  min-width:0;
  aspect-ratio:12/7;
  color:var(--vm-ink);
  text-decoration:none;
  overflow:visible;
  isolation:isolate;
}
.vayu-mag .vm-coverStory::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:1%;
  right:0;
  width:54%;
  height:70%;
  border-radius:8px 42px 8px 24px;
  background:rgba(183,101,121,.55);
  transform:rotate(3deg);
}
.vayu-mag .vm-coverStory::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:7%;
  bottom:4%;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(201,155,67,.72);
}
.vayu-mag .vm-coverStory__image{
  position:absolute;
  z-index:1;
  inset:6% 8% 13% 1%;
  overflow:hidden;
  border:5px solid var(--vm-card-bg);
  border-radius:34px 7px 42px 12px;
  transform:rotate(1.2deg);
  box-shadow:0 24px 48px -28px rgba(63,67,62,.5);
}
.vayu-mag .vm-coverStory__image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(28,27,23,.5));
}
.vayu-mag .vm-coverStory__issue{
  position:absolute;
  top:2%;
  left:-1%;
  z-index:4;
  padding:7px 12px 6px;
  color:#fff;
  background:var(--vm-coral);
  border:2px solid var(--vm-card-bg);
  border-radius:3px 10px 3px 9px;
  font-size:8px;
  letter-spacing:.18em;
  transform:rotate(-4deg);
  box-shadow:0 8px 18px -12px rgba(63,67,62,.5);
}
.vayu-mag .vm-coverStory__caption{
  position:absolute;
  right:1%;
  bottom:0;
  left:25%;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:9px 14px;
  padding:13px 16px 14px;
  background:var(--vm-card-bg);
  border:1px solid rgba(63,67,62,.12);
  border-radius:18px 5px 20px 6px;
  transform:rotate(-1deg);
  box-shadow:0 16px 28px -22px rgba(63,67,62,.5);
}
.vayu-mag .vm-coverStory__cat{
  grid-column:1/-1;
  font-size:8px;
  font-weight:600;
  letter-spacing:.14em;
}
.vayu-mag .vm-coverStory__caption strong{
  min-width:0;
  font-size:13.5px;
  font-weight:500;
  line-height:1.55;
  word-break:normal;
  line-break:strict;
  text-wrap:pretty;
}
.vayu-mag .vm-coverStory__caption time{
  color:var(--vm-ink-soft);
  font-size:9px;
  white-space:nowrap;
}

/* pickup */
.vayu-mag .vm-pickupHead{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:10px 0 8px;
  padding-top:10px;
  border-top:1px solid rgba(63,67,62,.14);
}
.vayu-mag .vm-pickupHead::before{
  content:"01";
  color:var(--vm-coral);
  font:500 9px/1 'Josefin Sans',sans-serif;
  letter-spacing:.1em;
}
.vayu-mag .vm-pickupHead__title{
  font-size:20px;
  font-weight:500;
  letter-spacing:.1em;
}
.vayu-mag .vm-pickupHead small{
  font-size:11px;
  font-weight:400;
  letter-spacing:.08em;
  color:var(--vm-ink-soft);
}
.vayu-mag .vm-pickup{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scrollbar-width:none;
  margin-top:4px !important;
  padding:0 0 4px !important;
  border-top:none !important;
}
.vayu-mag .vm-pickup::-webkit-scrollbar{ display:none; }
.vayu-mag .vm-pickup__item{
  position:relative;
  flex:0 0 auto;
  width:calc((100% - 36px)/4);
  min-width:220px;
  aspect-ratio:4/5;
  cursor:pointer;
  border:1px solid rgba(63,67,62,.12);
  border-radius:5px 18px 5px 5px;
  overflow:hidden;
  box-shadow:0 12px 28px -22px var(--vm-shadow);
}
.vayu-mag .vm-pickup__item:nth-child(3n+2){ aspect-ratio:3/4; }
.vayu-mag .vm-pickup__item:nth-child(3n+3){ aspect-ratio:5/6; }
.vayu-mag .vm-pickup__cat{ position:absolute; top:12px; left:12px; z-index:2; font-family:'Josefin Sans',sans-serif; font-size:9.5px; letter-spacing:.12em; color:#fff; padding:3px 10px; border-radius:20px; }
.vayu-mag .vm-pickup__title{
  position:absolute; left:0; right:18%; bottom:0; z-index:2;
  background: var(--vm-card-bg); color:var(--vm-ink);
  font-size:12.5px; font-weight:500; line-height:1.55;
  padding:12px 14px 13px;
  border-radius: 0 15px 0 0;
  box-shadow: 6px -6px 20px -8px var(--vm-shadow);
}
.vayu-mag .vm-pickup__titleText,
.vayu-mag .vm-card__title,
.vayu-mag .vayu-card__title,
.vayu-mag .vm-rank__title{
  word-break:normal;
  line-break:strict;
  text-wrap:pretty;
}
.vayu-mag .vm-pickup__date{ display:block; margin-top:8px; font-size:10.5px; color:var(--vm-ink-soft); font-weight:400; letter-spacing:.03em; }
.vayu-mag .vayu-content-type{ display:block; margin-top:6px; font-size:9px; color:var(--vm-ink-soft); font-weight:500; letter-spacing:.1em; }
/* vayu-common.css の .vayu-content-type.-card は position:absolute 前提（SWELL標準カード用）。
   Shelf独自のカード構造には対応する position:relative の親がなく、
   カテゴリー名との重なりやページ左上への飛び出しが起きるため、Shelf内では無効化して通常表示に戻す。 */
.vayu-mag .vayu-content-type.-card{
  position:static;
  top:auto;
  left:auto;
  z-index:auto;
  display:block;
  margin-top:6px;
  padding:0;
  background:none;
  border-radius:0;
  color:var(--vm-ink-soft);
  font-size:9px;
  font-weight:500;
  letter-spacing:.1em;
}
/* カバーストーリーのキャプションはgrid(minmax(0,1fr) auto)。
   ラベルをタイトルと同じ行の狭い列に置かず、カテゴリー名と同様に全幅の行として確保する
  （そうしないと列が極端に狭くなり、英字ラベルが1文字ずつ縦に折り返されてしまう）。 */
.vayu-mag .vm-coverStory__caption .vayu-content-type.-card{
  grid-column:1/-1;
}

/* section shell */
.vayu-mag .vm-sec{ margin-top:0; padding:20px 0 22px; }
.vayu-mag .vm-sec.-band{
  background: var(--vm-band);
  margin-left:0;
  margin-right:0;
  padding-left:max(28px, calc((100vw - 1044px) / 2));
  padding-right:max(28px, calc((100vw - 1044px) / 2));
  border-radius:0;
  border-top:1px solid rgba(63,67,62,.12);
}
.vayu-mag .vm-sec.-band.-sage{ background: var(--vm-zunda); }
.vayu-mag .vm-sec.-band.-sage .vm-sec__title,
.vayu-mag .vm-sec.-band.-sage .vm-sec__more,
.vayu-mag .vm-sec.-band.-sage .vm-sec__title small{ color:var(--vm-ink); }
.vayu-mag .vm-sec.-band.-sage .vm-sec__dash{ background:var(--vm-ink); }

.vayu-mag .vm-sec.-band.-lavender{ background: var(--vm-lavender); padding-top:10px; padding-bottom:10px; }
.vayu-mag .vm-sec.-band.-lavender .vm-sec__title,
.vayu-mag .vm-sec.-band.-lavender .vm-sec__more,
.vayu-mag .vm-sec.-band.-lavender .vm-sec__title small{ color:var(--vm-ink); }
.vayu-mag .vm-sec.-band.-lavender .vm-sec__dash{ background:var(--vm-ink); }
.vayu-mag .vm-sec.-band.-lavender .vayu-catBand__label{ color:var(--vm-ink); }
.vayu-mag .vm-sec.-band.-lavender .vayu-catBand__sub,
.vayu-mag .vm-sec.-band.-lavender .vayu-catBand__arrow{ color:var(--vm-ink-soft); }

.vayu-mag .vm-sec__dash{ width:42px; height:1px; background:var(--vm-coral); margin:0 0 7px; }
.vayu-mag .vm-sec__head{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:8px; }
.vayu-mag .vm-sec__title{ font-family:'Josefin Sans',sans-serif; font-size:21px; letter-spacing:.1em; font-weight:500; display:flex; align-items:baseline; gap:12px; }
.vayu-mag .vm-sec__title small{ font-family:'Zen Kaku Gothic New',sans-serif; font-size:12px; color:var(--vm-ink-soft); font-weight:400; letter-spacing:.08em; }
.vayu-mag .vm-sec__more{ font-size:11px; color:var(--vm-ink-soft); white-space:nowrap; text-decoration:none; }

/* series strip (photo cards) */
.vayu-mag .vm-shelfStrip{ display:flex; gap:12px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px; }
.vayu-mag .vm-shelfStrip::-webkit-scrollbar{ display:none; }
.vayu-mag .vm-shelf{
  position:relative;
  flex:0 0 auto;
  width:calc((100% - 60px)/6);
  min-width:160px;
  aspect-ratio:4/5;
  text-decoration:none;
  display:block;
  border:1px solid rgba(63,67,62,.12);
  border-radius:4px 16px 4px 4px;
  overflow:hidden;
}
.vayu-mag .vm-shelf:nth-child(even){ transform:translateY(7px); }
.vayu-mag .vm-shelf.-wide.-worldReading{
  transform:none;
  width:392px;
  aspect-ratio:auto;
  display:grid;
  grid-template-columns: 148px 1fr;
  align-items:stretch;
  background: var(--vm-card-bg);
  border:1px solid rgba(63,67,62,.18);
  border-radius:4px 20px 4px 4px;
  box-shadow: 0 2px 10px -4px var(--vm-shadow);
}
.vayu-mag .vm-shelf.-wide.-worldReading .vm-shelf__wrImg{
  position:relative; min-height:100%; background-size:cover; background-position:center;
}
.vayu-mag .vm-shelf.-wide.-worldReading .vm-shelf__wrBody{
  padding:12px 16px 12px 14px; display:flex; flex-direction:column; justify-content:center;
  min-width:0; border-left:1px solid var(--vm-line);
}
.vayu-mag .vm-shelf__wrKicker{
  display:flex; align-items:center; gap:6px; font-family:'Josefin Sans',sans-serif;
  font-size:10px; letter-spacing:.12em; font-weight:600; color:#8A6B72; margin-bottom:2px;
}
.vayu-mag .vm-shelf__wrKicker .dot{ width:5px; height:5px; border-radius:50%; background:#B08FA0; display:inline-block; }
.vayu-mag .vm-shelf__wrJa{ font-size:11px; color:var(--vm-ink-soft); letter-spacing:.02em; margin-bottom:8px; }
.vayu-mag .vm-shelf__wrDesc{
  font-size:11px; line-height:1.6; color:var(--vm-ink-soft); margin-bottom:9px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.vayu-mag .vm-shelf__wrPostRow{
  display:flex; align-items:baseline; gap:6px; flex-wrap:wrap;
  border-top:1px solid var(--vm-line); padding-top:8px;
}
.vayu-mag .vm-shelf__wrCat{
  font-family:'Josefin Sans',sans-serif; font-size:9px; letter-spacing:.06em; font-weight:600;
  color:#fff; padding:2px 7px; border-radius:20px; flex:0 0 auto;
}
.vayu-mag .vm-shelf__wrPostTitle{
  font-size:11.5px; line-height:1.45; font-weight:500;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

.vayu-mag .vm-shelf__title{
  position:absolute; left:0; right:18%; bottom:0; z-index:2;
  background: var(--vm-card-bg); color:var(--vm-ink);
  font-family:'Josefin Sans',sans-serif; font-size:12px; letter-spacing:.1em; font-weight:600;
  padding:11px 14px 4px;
  border-radius: 0 14px 0 0;
  box-shadow: 5px -5px 16px -6px var(--vm-shadow);
}
.vayu-mag .vm-shelf__sub{ display:block; font-family:'Zen Kaku Gothic New',sans-serif; font-size:10px; color:var(--vm-ink-soft); font-weight:400; letter-spacing:.03em; margin-top:3px; padding-bottom:9px; }
.vayu-mag .vm-shelf.-note{
  background:#F1E7E5;
  border-color:rgba(183,101,121,.25);
}
.vayu-mag .vm-shelf__noteVisual{
  position:absolute;
  inset:0;
  overflow:hidden;
  padding:24px 18px;
  color:#596B55;
  background:
    radial-gradient(circle at 82% 18%, rgba(183,101,121,.23) 0 8%, transparent 8.5%),
    radial-gradient(circle at 72% 27%, rgba(218,169,177,.28) 0 6%, transparent 6.5%),
    linear-gradient(145deg, #F8F1EC 0%, #E9DED9 100%);
}
.vayu-mag .vm-shelf__noteVisual::before{
  content:"";
  position:absolute;
  width:72%;
  height:54%;
  left:13%;
  top:25%;
  border:1px solid rgba(110,132,104,.28);
  border-radius:2px 18px 2px 2px;
  transform:rotate(-3deg);
}
.vayu-mag .vm-shelf__noteVisual::after{
  content:"";
  position:absolute;
  width:44px;
  height:72px;
  right:5px;
  top:5px;
  opacity:.7;
  transform:rotate(28deg);
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 80'%3E%3Cpath d='M30 4C46 18 54 36 46 54C40 68 30 76 30 76C30 76 20 68 14 54C6 36 14 18 30 4Z' fill='%236E8468'/%3E%3Cpath d='M30 14V70' stroke='%23F8F1EC' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M30 30 L20 24M30 30 L40 24M30 46 L18 40M30 46 L42 40M30 60 L20 55M30 60 L40 55' stroke='%23F8F1EC' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.vayu-mag .vm-shelf__noteKicker{
  position:relative;
  z-index:1;
  display:block;
  max-width:11em;
  font-size:7px;
  letter-spacing:.17em;
  line-height:1.5;
  color:#8B6C72;
}
.vayu-mag .vm-shelf__noteWord{
  position:relative;
  z-index:1;
  display:block;
  margin-top:29%;
  font-family:'Josefin Sans',sans-serif;
  font-size:35px;
  font-weight:300;
  letter-spacing:.02em;
}
.vayu-mag .vm-shelf__noteLine{
  position:relative;
  z-index:1;
  display:block;
  width:34px;
  height:1px;
  margin:7px 0;
  background:#B76579;
}
.vayu-mag .vm-shelf__noteVayu{
  position:relative;
  z-index:1;
  font-size:8px;
  letter-spacing:.2em;
  color:#8B8278;
}

/* main grid: cards + ranking panel（レスポンシブ指定は末尾のブレークポイント節にまとめている） */
.vayu-mag .vm-mainGrid{ display:grid; grid-template-columns:minmax(0, 1fr) 286px; gap:28px; align-items:start; }
.vayu-mag .vm-cardGrid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); column-gap:12px; row-gap:22px; }

.vayu-mag .vm-card{ cursor:pointer; text-decoration:none; color:inherit; display:block; }
.vayu-mag .vm-card__thumb{ position:relative; aspect-ratio:1; border:1px solid rgba(63,67,62,.1); border-radius:4px 12px 4px 4px; overflow:hidden; box-shadow:0 8px 22px -16px var(--vm-shadow); }
.vayu-mag .vm-card__cat{ position:absolute; left:6px; bottom:6px; z-index:2; font-family:'Josefin Sans',sans-serif; font-size:8.5px; letter-spacing:.08em; color:#fff; padding:2px 7px; border-radius:20px; }
.vayu-mag .vm-card__series{ position:absolute; right:6px; bottom:6px; z-index:2; max-width:calc(100% - 12px); font-family:"Zen Kaku Gothic New",sans-serif; font-size:8px; letter-spacing:.02em; color:#fff; padding:2px 7px; border-radius:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vayu-mag .vm-card__series.-kurashi{ background:#B08A63; }
.vayu-mag .vm-card__series.-koyomi{ background:#A9925A; }
.vayu-mag .vm-card__series.-karada{ background:#B08FA0; }
.vayu-mag .vm-card__series.-kaori{ background:#8FA0A8; }
.vayu-mag .vm-card__title{ font-size:11px; margin-top:7px; line-height:1.5; }
.vayu-mag .vm-card__date{ font-size:9.5px; color:var(--vm-ink-soft); margin-top:3px; }
.vayu-mag .vm-cardGrid > .vm-card:first-child{
  grid-column:span 2;
}
.vayu-mag .vm-cardGrid > .vm-card:first-child .vm-card__thumb{
  aspect-ratio:16/9;
  border-radius:4px 18px 4px 4px;
}
.vayu-mag .vm-cardGrid > .vm-card:first-child .vm-card__title{
  max-width:38em;
  margin-top:9px;
  font-size:13px;
}

.vayu-mag .vm-rankPanel{ background:var(--vm-card-bg); border:1px solid rgba(63,67,62,.13); border-radius:4px 18px 4px 4px; padding:22px 20px 10px; box-shadow:0 18px 42px -24px var(--vm-shadow); }
.vayu-mag .vm-rankPanel__title{ font-family:'Josefin Sans',sans-serif; font-size:18px; letter-spacing:.12em; font-weight:500; margin-bottom:14px; }
.vayu-mag .vm-rank__item{ display:flex; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--vm-line); text-decoration:none; color:inherit; }
.vayu-mag .vm-rank__item:last-child{ border-bottom:none; }
.vayu-mag .vm-rank__num{ font-family:'Josefin Sans',sans-serif; font-size:17px; color:var(--vm-honey); font-weight:300; width:20px; flex-shrink:0; }
.vayu-mag .vm-rank__thumb{ width:42px; height:42px; border-radius:6px; overflow:hidden; flex-shrink:0; }
.vayu-mag .vm-rank__title{ font-size:11px; line-height:1.4; }
.vayu-mag .vm-rank__cat{ font-size:9px; letter-spacing:.05em; margin-top:2px; }
@media(min-width:861px){
  .vayu-mag .vm-mainGrid > div:last-child{ align-self:stretch; }
  .vayu-mag .vm-rankPanel{ height:100%; display:flex; flex-direction:column; }
  .vayu-mag .vm-rank__item{ flex:1; }
}

/* ticker */
.vayu-mag .vm-ticker{ background:rgba(255,252,245,.72); color:var(--vm-ink); border:1px solid rgba(183,101,121,.34); border-radius:3px 14px 3px 14px; padding:9px 20px; display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:2px; margin:17px 0 0; max-width:560px; }
.vayu-mag .vm-ticker__label{ color:var(--vm-coral); font-family:'Josefin Sans',sans-serif; font-size:9.5px; font-weight:600; letter-spacing:.2em; opacity:.95; white-space:nowrap; }
.vayu-mag .vm-ticker__text{ font-size:12px; }

/* category bands (existing 巡る section, densely packed small cards) */
.vayu-mag .vayu-catBand{
  margin-top:3px !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-top:none !important;
}
.vayu-mag .vm-sec__head + .vayu-catBand{ margin-top:0 !important; }
.vayu-mag .vayu-catBand__head{ display:flex; align-items:baseline; gap:12px; text-decoration:none; color:var(--vm-ink); margin-bottom:2px; }
.vayu-mag .vayu-catBand__label{ font-family:'Josefin Sans',sans-serif; font-size:17px; letter-spacing:.1em; font-weight:500; }
.vayu-mag .vayu-catBand__sub{ font-size:11px; color:var(--vm-ink-soft); }
.vayu-mag .vayu-catBand__arrow{ font-size:11px; color:var(--vm-ink-soft); }

.vayu-mag .vayu-cardGrid--band{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:12px; max-width:none !important; }

.vayu-mag .vayu-cardGrid--band .vayu-card__link{ display:block; min-width:0; text-decoration:none; color:inherit; }
.vayu-mag .vayu-cardGrid--band .vayu-card__thumb{ position:relative; aspect-ratio:4/3; border-radius:12px; overflow:hidden; box-shadow:0 8px 20px -16px var(--vm-shadow); }
.vayu-mag .vayu-cardGrid--band .vayu-card__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.vayu-mag .vayu-cardGrid--band .vayu-card__catLabel{ display:none; }
.vayu-mag .vayu-cardGrid--band .vayu-card__body{ padding-top:2px; }
.vayu-mag .vayu-cardGrid--band .vayu-card__title{
  font-size:10.5px; line-height:1.45; font-weight:500; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
.vayu-mag .vayu-cardGrid--band .vayu-card__excerpt{ display:none; }

/* modal */
.vm-modalOverlay{ position:fixed; inset:0; background:rgba(30,26,18,.5); display:none; align-items:center; justify-content:center; z-index:9999; padding:24px; backdrop-filter:blur(2px); }
.vm-modalOverlay.-open{ display:flex; }
.vm-modal{ background:var(--vm-card-bg, #fffdf7); border-radius:16px; max-width:400px; width:100%; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,.4); animation:vmPop .25s cubic-bezier(.2,.9,.3,1.1); }
@keyframes vmPop{ from{ transform:scale(.92); opacity:0; } to{ transform:scale(1); opacity:1; } }
.vm-modal__thumb{ aspect-ratio:16/10; position:relative; }
.vm-modal__thumb img{ display:block; width:100%; height:100%; object-fit:cover; }
.vm-modal__close{ position:absolute; top:10px; right:10px; z-index:5; width:28px;height:28px;border-radius:50%; background:rgba(0,0,0,.35); color:#fff; border:none; font-size:15px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.vm-modal__body{ padding:20px 22px 22px; }
.vm-modal__cat{ font-family:'Josefin Sans',sans-serif; font-size:10px; letter-spacing:.1em; color:#fff; display:inline-block; padding:3px 11px; border-radius:20px; margin-bottom:10px; }
.vm-modal__title{ font-size:15.5px; font-weight:500; line-height:1.6; margin-bottom:8px; color:#302E28; }
.vm-modal__excerpt{ font-size:12.5px; color:#7A756A; line-height:1.8; }
.vm-modal__cta{ display:inline-block; margin-top:13px; font-family:'Josefin Sans',sans-serif; font-size:11px; letter-spacing:.1em; color:#fff; background:#302E28; padding:8px 18px; border-radius:24px; text-decoration:none; }

/* VAYU SELECTION：6つの入口がゆっくり流れる横長バー */
.vm-featureOverlay{
  position:fixed; left:0; right:0; bottom:14px; z-index:1000000;
  display:none; justify-content:center; padding:0 18px;
  pointer-events:none; isolation:isolate;
}
.vm-featureOverlay.-open{ display:flex; }
.vm-feature{
  position:relative; display:grid; grid-template-columns:84px minmax(0,1fr);
  width:min(980px, calc(100vw - 36px)); min-height:112px; overflow:hidden;
  color:#FFF9F2; background:#A96478;
  border:1px solid rgba(255,255,255,.34); border-radius:18px;
  box-shadow:0 18px 42px -18px rgba(35,43,44,.55);
  pointer-events:auto; animation:vmFeatureBarIn .45s cubic-bezier(.2,.8,.25,1);
}
.vm-feature::before{
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  pointer-events:none;
}
@keyframes vmFeatureBarIn{
  from{ transform:translateY(34px); opacity:0; }
  to{ transform:translateY(0); opacity:1; }
}
.vm-feature__close{
  position:absolute; top:10px; right:11px; z-index:20; display:grid; place-items:center;
  width:27px; height:27px; padding:0; border:1px solid rgba(255,255,255,.78);
  border-radius:50%; background:#FFF8F2; color:#9D5D70;
  font:300 17px/1 Arial,sans-serif; cursor:pointer;
}
.vm-feature__visual{
  display:block; width:70px; height:70px; margin:20px 7px 20px 14px;
  overflow:hidden; border-radius:10px; background:#F6EDDC;
}
.vm-feature__visual img{ display:block; width:100%; height:100%; object-fit:cover; }
.vm-feature__body{ min-width:0; padding:16px 47px 13px 10px; }
.vm-feature__headline{
  display:flex; align-items:baseline; gap:13px; min-width:0;
  padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.28);
}
.vm-feature__eyebrow{
  flex:none; font-size:10px; font-weight:700; letter-spacing:.14em; opacity:.88;
}
.vm-feature__title{
  flex:none; margin:0; color:#FFF8F2; font-family:"Zen Kaku Gothic New",sans-serif;
  font-size:18px; font-weight:500; letter-spacing:.05em; line-height:1.4;
}
.vm-feature__lead{
  min-width:0; overflow:hidden; color:rgba(255,248,242,.82);
  font-size:11px; white-space:nowrap; text-overflow:ellipsis;
}
.vm-feature__articles{
  min-width:0; overflow:hidden; padding-top:10px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);
}
.vm-feature__articles::-webkit-scrollbar{ display:none; }
.vm-feature__track{
  display:flex; gap:8px; width:max-content;
  animation:vmFeatureFlow 34s linear infinite;
}
.vm-feature__articles:hover .vm-feature__track,
.vm-feature__articles:focus-within .vm-feature__track{ animation-play-state:paused; }
@keyframes vmFeatureFlow{
  to{ transform:translateX(calc(-50% - 4px)); }
}
.vm-feature__article{
  display:flex; flex:0 0 auto; align-items:center; gap:8px; min-width:158px;
  padding:5px 11px; color:#FFF8F2; text-decoration:none;
  border:1px solid rgba(255,255,255,.68); border-radius:999px;
  transition:background .2s ease,color .2s ease;
}
.vm-feature__article:hover{ color:#9D5D70; background:#FFF8F2; }
.vm-feature__articleCat{ flex:none; font-size:8px; letter-spacing:.08em; opacity:.78; }
.vm-feature__articleTitle{
  font-size:11px; line-height:1.25; white-space:nowrap;
}

@media(prefers-reduced-motion:reduce){
  .vm-feature__articles{ overflow-x:auto; mask-image:none; -webkit-mask-image:none; }
  .vm-feature__track{ animation:none; }
  .vm-feature__track > [aria-hidden="true"]{ display:none; }
}

@media(max-width:640px){
  .vm-featureOverlay{ bottom:8px; padding:0 8px; }
  .vm-feature{
    grid-template-columns:62px minmax(0,1fr);
    width:100%; min-height:94px; border-radius:14px;
  }
  .vm-feature__visual{ width:50px; height:50px; margin:13px 5px 12px 11px; border-radius:8px; }
  .vm-feature__body{ padding:11px 39px 10px 7px; }
  .vm-feature__headline{ display:block; padding-bottom:7px; }
  .vm-feature__eyebrow{ display:block; margin-bottom:2px; font-size:8px; }
  .vm-feature__title{ font-size:15px; }
  .vm-feature__lead{ display:none; }
  .vm-feature__articles{ padding-top:7px; }
  .vm-feature__track{ gap:6px; animation-duration:21s; }
  .vm-feature__article{ min-width:140px; padding:4px 9px; }
  .vm-feature__articleCat{ font-size:7px; }
  .vm-feature__articleTitle{ font-size:9.5px; }
  .vm-feature__close{ top:9px; right:9px; width:24px; height:24px; font-size:15px; }
}

.vayu-mag .vm-hint{ text-align:center; font-size:11.5px; color:var(--vm-ink-soft); margin-top:10px; }

/* ============================================
   ブレークポイント（〜860px：タブレット）
   1カラムに畳み、グリッドの列数を減らす
   ============================================ */
@media(max-width:860px){
  .vayu-mag .vm-sec.-band{ padding-left:22px; padding-right:22px; }
  .vayu-mag .vm-mainGrid{ grid-template-columns:1fr; gap:32px; }
  .vayu-mag .vm-cardGrid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .vayu-mag .vayu-cardGrid--band{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:24px 18px; }
}

/* ============================================
   ブレークポイント（〜560px：iPhone）
   「縮小版」ではなく、縦長の小さな雑誌として組み直す
   ============================================ */
@media(max-width:560px){
  /* 全体の余白・セクション */
  .vayu-mag .vm-sec{ padding-top:16px; padding-bottom:18px; }
  .vayu-mag .vm-sec.-band{ padding-left:16px; padding-right:16px; }
  .vayu-mag .vm-cardGrid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px 11px; }
  /* カテゴリ帯は横スクロールのカード列に切り替える */
  .vayu-mag .vayu-cardGrid--band{ display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; }
  .vayu-mag .vayu-cardGrid--band .vayu-card{ flex:0 0 72%; }

  .vayu-mag .vm-topband{
    margin-top:-28px;
    padding-top:17px;
    padding-bottom:18px;
    padding-left:16px;
    padding-right:16px;
    background-size:66px 66px,92px 92px,auto,auto;
  }
  .vayu-mag .vm-topband::before,
  .vayu-mag .vm-topband::after{
    top:18px;
    width:30px;
  }
  .vayu-mag .vm-topband::before{ left:16px; }
  .vayu-mag .vm-topband::after{ right:16px; }
  .vayu-mag .vm-masthead__eyebrow{
    font-size:8px;
    letter-spacing:.28em;
  }
  .vayu-mag .vm-cover{
    grid-template-columns:1fr;
    gap:13px;
    padding-top:0;
  }
  .vayu-mag .vm-cover__copy{
    text-align:center;
    padding-bottom:0;
  }
  .vayu-mag .vm-cover__copy::after{ display:none; }
  .vayu-mag .vm-masthead__subtitle{
    font-size:13px;
    letter-spacing:.12em;
    margin-bottom:7px;
  }
  .vayu-mag .vm-masthead__accent{
    margin-right:auto;
    margin-left:auto;
  }
  .vayu-mag .vm-masthead__categories{
    margin-bottom:11px;
    font-size:6.5px;
    letter-spacing:.12em;
  }
  .vayu-mag .vm-masthead__specimen{ display:none; }
  .vayu-mag .vm-cover__copy .vayu-shelf__leadText{
    margin-right:auto;
    margin-left:auto;
    font-size:11px;
  }
  .vayu-mag .vm-cover__windows{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    width:100%;
    margin-top:10px;
    padding-top:10px;
  }
  .vayu-mag .vm-smallWindow{
    min-height:48px;
    padding:7px 12px 7px 7px;
    text-align:center;
  }
  .vayu-mag .vm-smallWindow.-window3,
  .vayu-mag .vm-smallWindow.-window4{ transform:none; }
  .vayu-mag .vm-smallWindow__no{ font-size:5px; letter-spacing:.08em; }
  .vayu-mag .vm-smallWindow__label{ font-size:8px; letter-spacing:0; }
  .vayu-mag .vm-smallWindow__arrow{ display:none; }
  .vayu-mag .vm-coverStory{
    width:100%;
    aspect-ratio:5/4;
  }
  .vayu-mag .vm-coverStory::before{
    right:2%;
    width:58%;
    border-radius:6px 28px 6px 18px;
  }
  .vayu-mag .vm-coverStory::after{
    right:5%;
    width:62px;
    height:62px;
  }
  .vayu-mag .vm-coverStory__image{
    inset:6% 5% 15% 0;
    border-width:4px;
    border-radius:24px 6px 30px 9px;
  }
  .vayu-mag .vm-coverStory__caption{
    right:0;
    left:13%;
    grid-template-columns:1fr auto;
    padding:12px 14px 13px;
  }
  .vayu-mag .vm-coverStory__issue{
    top:1%;
    left:0;
  }
  .vayu-mag .vm-coverStory__caption strong{
    font-size:12.5px;
  }
  .vayu-mag .vm-coverStory__caption time{
    font-size:8px;
  }
  .vayu-mag .vayu-shelf__lead .vayu-shelf__title{
    font-size:43px !important;
    letter-spacing:.15em !important;
    margin-bottom:4px !important;
  }
  html body #body_wrap #main_content .vayu-mag h1.vayu-shelf__title{
    font-size:43px !important;
    letter-spacing:.15em !important;
  }
  .vayu-mag .vm-ticker{
    max-width:none;
    padding:8px 12px;
    align-items:center;
    text-align:center;
    margin-top:12px;
  }
  .vayu-mag .vm-ticker__text{
    max-width:28em;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:10.5px;
  }
  .vayu-mag .vayu-shelf__leadText{
    font-size:11px;
    line-height:1.8;
  }
  .vayu-mag .vm-pickupHead{
    margin-top:8px;
    padding-top:8px;
  }
  .vayu-mag .vm-pickup{
    gap:12px;
    scroll-padding-left:0;
  }
  .vayu-mag .vm-pickup__item{
    width:82%;
    min-width:0;
    aspect-ratio:3/4;
  }
  .vayu-mag .vm-pickup__item:nth-child(3n+2),
  .vayu-mag .vm-pickup__item:nth-child(3n+3){
    aspect-ratio:3/4;
  }
  .vayu-mag .vm-pickup__title{
    right:14%;
    padding:12px 14px 13px;
    font-size:12px;
  }
  .vayu-mag .vm-sec__title{
    font-size:18px;
  }
  .vayu-mag .vm-sec__title small{
    font-size:10px;
  }
  .vayu-mag .vm-shelfStrip{ gap:16px; }
  .vayu-mag .vm-shelf{
    width:72%;
    min-width:0;
    aspect-ratio:3/4;
  }
  .vayu-mag .vm-shelf:nth-child(even){ transform:none; }
  .vayu-mag .vm-shelf.-wide.-worldReading{
    width:86%;
    grid-template-columns: 1fr;
    grid-template-rows: 148px auto;
  }
  .vayu-mag .vm-shelf.-wide.-worldReading .vm-shelf__wrImg{ min-height:148px; }
  .vayu-mag .vm-shelf.-wide.-worldReading .vm-shelf__wrBody{
    border-left:none; border-top:1px solid var(--vm-line);
    padding:12px 14px 14px;
  }

  .vayu-mag .vm-rankPanel{
    border-radius:4px 15px 4px 4px;
  }
  .vm-featureOverlay{
    bottom:6px;
    padding:0 6px;
  }
  .vm-feature{
    grid-template-columns:52px minmax(0,1fr);
    min-height:82px;
    border-radius:5px 14px 5px 5px;
  }
  .vm-feature::before{
    inset:4px;
    border-radius:4px 10px 4px 4px;
  }
  .vm-feature__visual{
    width:42px;
    height:42px;
    margin:12px 4px 10px 8px;
    border-radius:3px 8px 3px 3px;
  }
  .vm-feature__body{
    padding:9px 34px 8px 5px;
  }
  .vm-feature__title{
    font-size:13px;
  }
  .vm-feature__close{
    top:7px;
    right:7px;
    width:22px;
    height:22px;
  }
}

/* ============================================
   2026-07-30 Shelf entrance
   「雑誌の表紙」と「目次」を一画面にまとめた、密度重視の巻頭。
   PICK UP以下の構造は変えず、大きな背景面だけを同じ紙色に統一する。
   ============================================ */

.vayu-mag .vm-topband{
  margin-top:-40px;
  padding:20px max(28px, calc((100vw - 1044px) / 2)) 22px;
  background:
    radial-gradient(circle at 8px 8px, rgba(48,54,51,.055) 0 1px, transparent 1.2px),
    linear-gradient(90deg, rgba(184,95,114,.035), transparent 36%),
    var(--vm-bg);
  background-size:22px 22px,auto,auto;
  border-top:1px solid var(--vm-line);
  border-bottom:1px solid var(--vm-line);
}
.vayu-mag .vm-topband::before,
.vayu-mag .vm-topband::after{
  display:none;
}

/* Shelf：今日の一頁は、目次ではなく巻頭ヘッダー右上の余白へ */
@media(min-width:861px){
  .vayu-mag .vm-topband.vayu-td-host > .vayu-td[data-room="shelf"]{
    top:18px!important;
    right:max(28px,calc((100vw - 1044px)/2))!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
  }
}

.vayu-mag .vm-coverMasthead{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:30px;
  align-items:end;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:2px 0 12px;
  text-align:left;
  border-bottom:2px solid var(--vm-ink);
}
.vayu-mag .vm-coverMasthead__main{
  min-width:0;
}
.vayu-mag .vm-coverMasthead__titleRow{
  display:flex;
  align-items:baseline;
  gap:20px;
  min-width:0;
}
.vayu-mag .vm-masthead__eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 7px;
  color:var(--vm-coral);
  font-size:9px;
  letter-spacing:.26em;
}
.vayu-mag .vm-masthead__eyebrow::before{
  content:"";
  width:27px;
  height:1px;
  background:currentColor;
}
.vayu-mag .vm-masthead__eyebrow small{
  margin-left:0;
  color:var(--vm-ink-soft);
}
.vayu-mag .vayu-shelf__lead .vayu-shelf__title,
html body #body_wrap #main_content .vayu-mag h1.vayu-shelf__title{
  flex:none;
  margin:0 !important;
  font-size:clamp(46px,5.2vw,58px) !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
}
.vayu-mag .vm-masthead__subtitle{
  margin:0;
  color:var(--vm-ink);
  font-size:16px;
  letter-spacing:.15em;
  white-space:nowrap;
}
.vayu-mag .vm-masthead__lead{
  margin:0;
  color:var(--vm-ink-soft);
  font-size:12px;
  line-height:1.85;
  letter-spacing:.05em;
}

/* DAILYは、表紙を開いたときに最初に見える細い便り */
.vayu-mag .vm-ticker{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  max-width:none;
  margin:0;
  padding:10px 14px 9px;
  color:var(--vm-ink);
  background:rgba(252,250,245,.76);
  border:0;
  border-bottom:1px solid var(--vm-line);
  border-radius:0;
  text-align:left;
}
@media (prefers-color-scheme: dark){
  .vayu-mag .vm-ticker{ background:rgba(42,42,36,.86); }
}
.vayu-mag .vm-ticker__label{
  color:var(--vm-coral);
  font-size:9px;
  letter-spacing:.19em;
}
.vayu-mag .vm-ticker__text{
  min-width:0;
  overflow:hidden;
  font-size:11.5px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.vayu-mag .vm-ticker__arrow{
  color:var(--vm-coral);
  font-size:12px;
}

.vayu-mag .vm-coverDesk{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  padding:16px 0 11px;
}
.vayu-mag .vm-coverDesk.-solo{
  grid-template-columns:1fr;
}

/* COVER STORYとCONTENTSを等分し、表紙と目次を同じ重さで見せる */
.vayu-mag .vm-coverStory{
  align-self:stretch;
  min-height:292px;
  aspect-ratio:auto;
  overflow:hidden;
  background:var(--vm-card-bg);
  border:1px solid var(--vm-line);
  border-radius:2px;
  box-shadow:0 13px 30px -25px var(--vm-shadow);
}
.vayu-mag .vm-coverStory::before,
.vayu-mag .vm-coverStory::after{
  display:none;
}
.vayu-mag .vm-coverStory__image{
  inset:0 0 78px;
  border:0;
  border-radius:0;
  transform:none;
  box-shadow:none;
}
.vayu-mag .vm-coverStory__image::after{
  background:linear-gradient(180deg,transparent 62%,rgba(30,34,32,.23));
}
.vayu-mag .vm-coverStory__issue{
  top:10px;
  left:10px;
  padding:6px 9px 5px;
  border:0;
  border-radius:0;
  transform:none;
  box-shadow:none;
}
.vayu-mag .vm-coverStory__caption{
  right:0;
  bottom:0;
  left:0;
  min-height:78px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px 10px;
  padding:10px 12px 11px;
  background:var(--vm-card-bg);
  border:0;
  border-top:1px solid var(--vm-line);
  border-radius:0;
  transform:none;
  box-shadow:none;
}
.vayu-mag .vm-coverStory__caption strong{
  font-size:12px;
  line-height:1.48;
}
.vayu-mag .vm-coverStory__caption time{
  font-size:8.5px;
}

/* 雑誌の目次。色ではなく、番号・罫線・文字量で密度を作る */
.vayu-mag .vm-contentsDesk{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:15px 16px 13px;
  background:var(--vm-band);
  border:1px solid var(--vm-line);
}
.vayu-mag .vm-contentsDesk__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  padding-bottom:9px;
  border-bottom:1px solid var(--vm-ink);
}
.vayu-mag .vm-contentsDesk__head > div{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.vayu-mag .vm-contentsDesk__eyebrow{
  font-size:17px;
  letter-spacing:.12em;
  font-weight:500;
}
.vayu-mag .vm-contentsDesk__head strong{
  font-size:11px;
  font-weight:400;
  letter-spacing:.08em;
}
.vayu-mag .vm-contentsDesk__issue{
  color:var(--vm-ink-soft);
  font-size:7px;
  letter-spacing:.13em;
  white-space:nowrap;
}
.vayu-mag .vm-contentsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:18px;
}
.vayu-mag .vm-contentsGrid a{
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:0;
  min-height:55px;
  padding:8px 0 7px;
  color:var(--vm-ink);
  text-decoration:none;
  border-bottom:1px solid var(--vm-line);
}
.vayu-mag .vm-contentsGrid a:hover{
  color:var(--vm-coral);
}
.vayu-mag .vm-contentsGrid__no{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  color:var(--vm-ink);
  background:var(--vm-card-bg);
  border:1px solid rgba(48,54,51,.11);
  border-radius:50%;
  font-size:7.5px;
}
.vayu-mag .vm-contentsGrid a:nth-child(3n+2) .vm-contentsGrid__no{
  background:#F3E3E5;
}
.vayu-mag .vm-contentsGrid a:nth-child(3n) .vm-contentsGrid__no{
  background:#F2E9C9;
}
.vayu-mag .vm-contentsGrid small{
  display:block;
  margin-bottom:2px;
  color:var(--vm-ink-soft);
  font-size:7px;
  letter-spacing:.1em;
}
.vayu-mag .vm-contentsGrid strong{
  display:block;
  overflow:hidden;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.03em;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.vayu-mag .vm-contentsGrid a > span:last-child{
  color:var(--vm-coral);
  font-size:10px;
}

/* 「気分で選ぶ」は目次の下に小さく詰め、制御されたごちゃごちゃ感を残す */
.vayu-mag .vm-contentsDesk .vm-cover__windows{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:auto;
  padding-top:10px;
  border-top:0;
}
.vayu-mag .vm-contentsDesk .vm-smallWindow{
  min-height:48px;
  padding:7px 15px 7px 8px;
  border-color:rgba(48,54,51,.12);
  border-radius:2px 9px 2px 5px;
}
.vayu-mag .vm-contentsDesk .vm-smallWindow.-window1{ background:#EEDFD9; transform:rotate(-.8deg); }
.vayu-mag .vm-contentsDesk .vm-smallWindow.-window2{ background:#DCE5E5; transform:translateY(2px) rotate(.5deg); }
.vayu-mag .vm-contentsDesk .vm-smallWindow.-window3{ background:#E5E0E9; transform:rotate(.6deg); }
.vayu-mag .vm-contentsDesk .vm-smallWindow.-window4{ background:#EEE2B9; transform:translateY(2px) rotate(-.5deg); }
@media (prefers-color-scheme: dark){
  .vayu-mag .vm-contentsDesk .vm-smallWindow.-window1{ background:#382e29; }
  .vayu-mag .vm-contentsDesk .vm-smallWindow.-window2{ background:#263130; }
  .vayu-mag .vm-contentsDesk .vm-smallWindow.-window3{ background:#2c2833; }
  .vayu-mag .vm-contentsDesk .vm-smallWindow.-window4{ background:#352c1c; }
}
.vayu-mag .vm-contentsDesk .vm-smallWindow__no{
  font-size:5.5px;
}
.vayu-mag .vm-contentsDesk .vm-smallWindow__label{
  font-size:8.5px;
  line-height:1.3;
}
.vayu-mag .vm-contentsDesk .vm-smallWindow__arrow{
  right:6px;
  bottom:6px;
  font-size:8px;
}

/* PICK UP以下：レイアウトは維持し、背景の大きな面だけ同色にする */
.vayu-mag .vm-sec.-band,
.vayu-mag .vm-sec.-band.-sage,
.vayu-mag .vm-sec.-band.-lavender{
  background:var(--vm-band);
}
.vayu-mag .vm-sec.-band + .vm-sec.-band{
  border-top:1px solid rgba(48,54,51,.2);
}
.vayu-mag .vm-sec.-band.-sage .vm-sec__dash,
.vayu-mag .vm-sec.-band.-lavender .vm-sec__dash{
  background:var(--vm-coral);
}
.vayu-mag .vm-sec.-band.-lavender{
  padding-top:20px;
  padding-bottom:22px;
}
.vayu-mag .vm-rankPanel{
  background:var(--vm-card-bg);
}
.vayu-mag #vmPickupSection,
.vayu-mag #vmSeries,
.vayu-mag #vmNew,
.vayu-mag #vmRanking,
.vayu-mag #vmCategory{
  scroll-margin-top:120px;
}

/* Shelfだけに出るSELECTIONバー。表紙のピンクとつながる、落ち着いたくすみ色 */
.vm-feature{
  color:#FAF8F1;
  background:#A96F80;
}
.vm-feature__close{
  color:#A96F80;
}
.vm-feature__article:hover{
  color:#A96F80;
}

@media(max-width:860px){
  .vayu-mag .vm-topband{
    padding-right:22px;
    padding-left:22px;
  }
  .vayu-mag .vm-coverMasthead{
    grid-template-columns:minmax(0,1fr) minmax(235px,.64fr);
    gap:22px;
  }
  .vayu-mag .vm-coverMasthead__titleRow{
    gap:14px;
  }
  .vayu-mag .vm-masthead__subtitle{
    font-size:14px;
  }
  .vayu-mag .vm-coverDesk{
    grid-template-columns:minmax(215px,.62fr) minmax(0,1.38fr);
    gap:14px;
  }
  .vayu-mag .vm-coverStory{
    min-height:304px;
  }
  .vayu-mag .vm-contentsDesk{
    padding:13px 13px 11px;
  }
  .vayu-mag .vm-contentsGrid{
    column-gap:12px;
  }
  .vayu-mag .vm-contentsGrid a{
    grid-template-columns:23px minmax(0,1fr) auto;
    gap:6px;
    min-height:52px;
  }
  .vayu-mag .vm-contentsGrid__no{
    width:23px;
    height:23px;
  }
  .vayu-mag .vm-contentsGrid strong{
    font-size:9.5px;
  }
  .vayu-mag .vm-contentsDesk .vm-smallWindow{
    padding-right:8px;
  }
  .vayu-mag .vm-contentsDesk .vm-smallWindow__arrow{
    display:none;
  }
}

@media(max-width:680px){
  .vayu-mag .vm-topband{
    margin-top:-28px;
    padding:16px 16px 18px;
  }
  .vayu-mag .vm-coverMasthead{
    grid-template-columns:1fr;
    gap:8px;
    padding-bottom:10px;
  }
  .vayu-mag .vm-coverMasthead__titleRow{
    justify-content:space-between;
  }
  .vayu-mag .vm-masthead__lead br{
    display:none;
  }
  .vayu-mag .vm-ticker{
    gap:9px;
    padding-right:8px;
    padding-left:8px;
  }
  .vayu-mag .vm-coverDesk{
    grid-template-columns:1fr;
    gap:10px;
    padding-top:11px;
  }
  .vayu-mag .vm-coverStory{
    min-height:350px;
  }
  .vayu-mag .vm-coverStory__image{
    inset:0 0 46px;
  }
  .vayu-mag .vm-coverStory__caption{
    min-height:70px;
  }
  .vayu-mag .vm-contentsDesk__issue{
    display:none;
  }
  .vayu-mag .vm-contentsGrid{
    column-gap:10px;
  }
  .vayu-mag .vm-contentsGrid a{
    min-height:51px;
  }
  .vayu-mag .vm-contentsGrid strong{
    font-size:10px;
  }
}

@media(max-width:420px){
  .vayu-mag .vayu-shelf__lead .vayu-shelf__title,
  html body #body_wrap #main_content .vayu-mag h1.vayu-shelf__title{
    font-size:40px !important;
  }
  .vayu-mag .vm-coverMasthead__titleRow{
    gap:8px;
  }
  .vayu-mag .vm-masthead__subtitle{
    font-size:12px;
    letter-spacing:.09em;
  }
  .vayu-mag .vm-masthead__lead{
    font-size:10.5px;
  }
  .vayu-mag .vm-contentsDesk{
    padding-right:10px;
    padding-left:10px;
  }
  .vayu-mag .vm-contentsDesk__head > div{
    gap:8px;
  }
  .vayu-mag .vm-contentsDesk__eyebrow{
    font-size:15px;
  }
  .vayu-mag .vm-contentsDesk__head strong{
    font-size:9.5px;
  }
  .vayu-mag .vm-contentsGrid{
    column-gap:8px;
  }
  .vayu-mag .vm-contentsGrid a{
    grid-template-columns:21px minmax(0,1fr) auto;
    gap:5px;
  }
  .vayu-mag .vm-contentsGrid__no{
    width:21px;
    height:21px;
  }
  .vayu-mag .vm-contentsGrid strong{
    font-size:9px;
  }
  .vayu-mag .vm-contentsDesk .vm-smallWindow{
    min-height:45px;
    padding:6px 4px;
    text-align:center;
  }
  .vayu-mag .vm-contentsDesk .vm-smallWindow__label{
    font-size:7.5px;
  }
}