@charset "utf-8";
/* マジカルミライ 出展告知 from 2025 */
:root {
  /*color*/
  --c-mm2026-pnk-light: #ff7193;
  --c-mm2026-pnk: #ea2888;
  --c-mm2026-red: #df5571;
  --c-mm2026-blu: #3fa0a5;
  --c-mm2026-ylw: #fff078;
  --c-mm2026-org: #ff7e0b;
  --c-mm2026-contBg: #fffbf8;
  --c-mm2026-border: #a4b5bd;
  /*color overwrite*/
  --color-link-cmn: #39c5bc;
  /*font family*/
  --ff-NtSnsJP: YakuHanJP, "Noto Sans JP", sans-serif;
  --ff-NtSrfJP: YakuHanMP, "Noto Serif JP", serif;
  --ff-YuMc: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  --ff-YuGtc: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif --ff-SwMc: 'Sawarabi Mincho', sans-serif;
  --ff-zenmaruG: "Zen Maru Gothic", "Noto Sans JP", "sans-serif";
  /*font-size*/
  --fs: min(2.114vw,1rem);
  --rs: clamp(0.5rem, 1.042vw, 1rem);
  /*width*/
  --w-vsshopcont: min(94%, 108rem);
}
/* color */
.tc-mm2026-pnk-light { color: var(--c-mm2026-pnk-light);}
.tc-mm2026-pnk { color: var(--c-mm2026-pnk);}
.tc-mm2026-red { color: var(--c-mm2026-red);}
.tc-mm2026-blu { color: var(--c-mm2026-blu);}
.tc-mm2026-ylw { color: var(--c-mm2026-ylw);}
/*-------------------------------
 ancher
---------------------------------*/
a[id]:not([href]) {
    height: 4rem;
    margin-top: -4rem;
    display: block;
}
a.linkButton {
  width: min(94%,68rem);
  padding: calc(var(--fs) * 1.8) 1em calc(var(--fs) * 1.4);
  margin: 0 auto;
  background: var(--c-mm2026-pnk);
  border-radius: calc(var(--rs) * 1);
  color: #fff;
  font-size: calc(var(--fs) * 1.6);
  text-align: center;
  display: block;
}
a.linkButton.linkButton-anchorLink {
  background: var(--c-mm2026-pnk-light);
} 
a.linkButton:hover {
  color: #fff;
  filter: brightness(1.1);
}
p:has(a.linkButton) {
  margin: 1.5em auto;
}
/*-------------------------------
 event titel
---------------------------------*/
h3.event-tit {
  --color-gry: #96833f;
  padding: calc(var(--fs) * 1);
  margin: calc(var(--rs) * 1) auto;
  border-left: calc(var(--fs) * 1) solid var(--color-gry);
  color: var(--color-gry);
  font-size: calc(var(--fs) * 2.4);
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 960px) {
  h3.event-tit {
    border: none;
    text-align: center;
  }
}
.eventDtl-cnt {
  padding: 0;
}
/*-------------------------------
 event intro
---------------------------------*/
.eventDtl-ctg--cmn h4[class],
.eventDtl-ctg--cmn h5[class] {
  background: none;
}
.event-introHeader {
  padding: 0 1em;
  color: #96833f;
  font-size: calc(var(--fs) * 2.4);
  line-height: 1.3;
  text-align: center;
}
.event-intro {
  width: 94%;
  padding: 0 1em;
  margin: 1em auto 4em;
  font-size: calc(var(--fs) * 1.4 + var(--rs) * 0.4);
  line-height: 1.6;
  text-align: center;
}
.event-intro em {
  color: #96833f;
}
/*-------------------------------
 backgraound
---------------------------------*/
#mm2026 {
  padding-bottom: calc(var(--fs) * 4);
  background: 
    linear-gradient(0deg, rgb(255 255 255 / 60%) 0%, rgb(255 255 255 / 60%) 100%),
    url("/dd/special/piapro/image/event/ev_mm2026/bg_dot_ptrn-btm.jpg") 50% 100% / calc(var(--rs) * 120) repeat-x
  ;
  color: #684a45;
}
.bg-mm2026 {
  border-top: 6px solid #4481ca;
  background: none;
}
.bg-mm2026-contscmn {
  background:
    linear-gradient(178deg, transparent 10%, rgb(238 211 138 / 30%) 20%, rgb(238 211 138 / 30%) 25%, transparent 50%),
    linear-gradient(180deg, rgb(255 255 255 / 90%) 0%, rgb(208 236 247 / 60%) 50%,  rgb(255 255 255 / 90%) 100%)
  ;
}
/*-------------------------------
 event summary
---------------------------------*/
#cnt-mm2026_smmry {
  width: min(100%, 108rem);
  padding: calc(var(--fs) * 1) 0;
  margin: 0 auto;
  margin-bottom: calc(var(--fs) * 2);
  background: 
    linear-gradient(175deg, #edfde5 0%, #feffff 40%, rgb(146 220 248 / 60%) 60%,  #eaf1fe 90%, #eefbf3 100%)
    /*url(https://magicalmirai.com/2026/images/index/bg_info.jpg) 50% 50% / cover no-repeat*/
  ;
  box-shadow: 0 -1px 5px -1px rgb(211 230 246 / 80%);
  position: relative;
}
.mm2026-smmry {
  position: relative;
  padding: calc(var(--fs) * 1) 0;
  line-height: 1.6;
}
.mm2026-smmry-tit {
  padding: 0 1em;
  margin-bottom: calc(var(--fs) * 1);
  color: var(--c-mm2026-pnk);
  font-size: calc(var(--fs) * 2.6);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  line-height: 1.2;
}
.mm2026-smmry-txt {
  margin-bottom: calc(var(--fs) * 2);
  font-size: calc(var(--fs) * 1.4);
}
.mm2026-smmry-txt a {
  margin-bottom: 1em;
  text-shadow: 1px 1px 1px #fff, 0 0 3px #fff, 0 0 5px #fff;
}
.mm2026-smmry-txt a:hover {
  color: var(--color-link-cmn);
  text-decoration: underline;
}
/*summary box*/
#smmryContainer {
  padding: 0 4%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2%;
}
#smmryContainer::after {
  content: "";
  width: min(94%, 24rem);
  height: 0;
  flex: 1 1 auto;
}
.mm2026-smmry-box {
  width: min(94%, 24rem);
  padding: 1em 0.5em;
  margin: 0 auto 2em;
  box-shadow: 0 4px calc(var(--fs) * 1) 2px #d3e6f6;
  color: #684a45;
  text-align: center;
  position: relative;
  flex: 1 1 auto;
}
.mm2026-title {
  padding: 0 0.5rem;
  margin-bottom: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff;
  filter: drop-shadow(0px 0px 0px #fff) drop-shadow(0px 1px 1px #0875bb);
  transform: scaleY(1.25);
}
.ex-hanamatsu .mm2026-title {
  color: #e99a1e;
}
.ex-osaka .mm2026-title {
  color: #d93a8c;
}
.ex-tokyo .mm2026-title {
  color: #3da9c9;
}
.mm2026-date {
  padding: 0 0.5rem;
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px #684a45 solid;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
}
.mm2026-lc {
  padding: 0 0.5rem;
  font-size: calc(var(--fs) * 1.7);
  font-weight: bold;
}
.mm2026-date,
.mm2026-lc {
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff;
}
.smmry-note {
  padding-left: 1em;
  margin: 0.5em 0;
  font-size: calc(var(--fs) * 1.3);
  font-weight: normal;
  line-height: 1.3;
  text-align: left;
  text-indent: -1em;
  display: inline-block;
}
.mm2026-area {
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.5);
}
.mm2026-smmry-hr {}
/*-------------------------------
 volks exhibition & link store
---------------------------------*/
#mm2026-vsBooth,
#mm2026-vsLinkStore {
  width: min(100%, 108rem);
  margin: 0 auto;
  font-size: calc(var(--fs) * 1.6);
  text-align: left;
}
/*vs  booth*/
#mm2026-vsBooth {
  padding: 0 2%;
  display: flex;
  flex-flow: row wrap;
}
.vsBooth-img {
  width: min(26%, 22rem);
  flex: 1 1 auto;
}
.vsBooth-cont {
  width: min(100%, 32rem);
  padding: 0 1em;
  flex: 10 1 auto;
}
.vsLinkStore-img {
  width: min(30%, 16rem);
  margin: -2em -1em 0 1em;
  filter: drop-shadow(0 0 5px #fff);
  float: right;
}
.vsBooth-title {
  margin-top: 1em;
  color: var(--c-mm2026-pnk);
  font-size: calc(var(--fs) * 2);
}
.vsBooth-text {
  width: min(100%, 96rem);
  margin: 1em 0;
  line-height: 1.6;
}
/*vs link store*/
#mm2026-vsLinkStore {
  width: min(94%, 108rem);
  margin: 0 auto 0;
  background: #fff;
  box-shadow: 0 4px calc(var(--fs) * 1) 2px #d3e6f6;
  font-size: calc(var(--fs) * 1.6);
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: flex-start;
}
.vsLinkStore-cont {
  width: min(100%, 60rem);
  padding: 1em 0.5em;
  margin: 0 auto;
  flex: 1 1 auto;
}
.vsLinkStore-thumbimg {
  width: min(100%, 26rem);
  margin: 0 auto;
  text-align: center;
  flex: 1 1 auto;
}
.vsLinkStore-title {
  padding-left: 1em;
  margin-top: 0.5em;
  color: var(--c-mm2026-pnk);
  font-size: calc(var(--fs) * 2);
  line-height: 1.3;
  text-indent: -0.5em;
}
.vsLinkStore-text {
  padding: 0 1em;
  margin: 1em 0;
  line-height: 1.6;
}
.vsLinkStore-text > b {
  color: #224ea1;
}
.text-note {
  width: 96%;
  padding-left: 1em;
  margin: 1em auto;
  font-size: calc(var(--fs) * 1.2);
  line-height: 1.3;
  text-indent: -1em;
}
.vsLinkStore-schedule {
  width: min(96%, 64rem);
  margin: 1em 2% 0.5em;
  background: #40b0ff;
  font-size: calc(var(--fs) * 1.5);
  display: flex;
  flex-flow: row nowrap;
}
@media screen and (max-width: 767px) {
  .vsLinkStore-thumbimg {
    padding: 0 2% 2%;
  }
  .vsLinkStore-schedule {
    display: table;
  }
  .vsLinkStore-schedule caption {
    margin-bottom: 0.5em;
  }
}
.vsLinkStore-schedule caption {
  padding: 0.5em 1em;
  background: #40b0ff;
  color: #fff;
  letter-spacing: 0.05em;
  align-self: center;
}
.vsLinkStore-schedule tbody {
  background: #fff;
  font-weight: bold;
  flex: 1 1 auto;
}
.vsLinkStore-schedule th,
.vsLinkStore-schedule td {
  padding: 0.25em 0.5em;
}
.vsLinkStore-schedule td::before {
  content: "：";
  position: relative;
  left: -0.5em;
}
.photocaption {
  padding: 0.5em 0;
  font-size: calc(var(--fs) * 1.0);
  text-align: right;
  position: absolute;
  right: 0;
  bottom: -3em;
}
/*-------------------------------
 Magical Mirai 2025 Exhibit
---------------------------------*/
#mm2026Exhibit {
  padding: calc(var(--rs) * 6) 0;
  background: 
    linear-gradient(179deg, rgb(0 0 0 / 50%) 0%,  transparent calc(var(--rs) * 20) )
    ;
  color: #fff;
  letter-spacing: 0.05em;
  position: relative;
}
#mm2026Exhibit::before {
  content: "";
  width: 100%;
  height: 100%;
  background: 
    url("/dd/special/piapro/image/event/ev_mm2026/bg_sky.jpg") 0 0 / cover no-repeat,
    linear-gradient(10deg, #1b3b73 0%, #112858 50%, #2d528e 90%, #5d82a9 100% )
    ;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}
#mm2026Exhibit a {
  color: var(--color-link-cmn);
}
/*exhibit title*/
.mm2026-tit {
  padding: 0;
  margin: 0 auto calc(var(--fs) * 2);
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--fs) * 2 + var(--rs) * 2);
  font-weight: bold;
  line-height: 1.4;
  position: relative;

}
.mm2026-tit span {
  font-size: 75%;
  }
/* event list*/
.mm2026-evList {
  width: min(100%, 96rem);
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.mm2026-evList li {
  width: calc(100% / 2 - var(--rs) * 2);
  margin: calc(var(--rs) * 1);
  text-align: center;
}
.mm2026-evList a {
  padding: 0.7em 1.2em;
  background: #fdfdfd;
  border: 1px #3d93ad solid;
  border-radius: 10em;
  color: #0d3243;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  display: block;
  position: relative;
}
.mm2026-evEX {
  width: min(96%, 96rem);
  margin: calc(var(--fs) * 2) auto calc(var(--fs) * 4);
  font-size: calc(var(--fs) * 1.6);
}
/*-------------------------------
 Magical Mirai 2025 VS Contents
---------------------------------*/
.mm2026Cnt {
  width: min(94%, 108rem);
  padding: calc(var(--rs) * 3) 3%;
  margin: calc(var(--rs) * 6) auto 0;
  background: rgb(0 8 33 / 50%);
  backdrop-filter: blur(3px);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: left;
  position: relative;
}
.mm2026Cnt::before,
.mm2026Cnt::after {
  content: "";
  width: 1px;
  height: calc(100% - var(--rs) * 6);
  background: #fff;
  position: absolute;
  top: calc(var(--rs) * 3);
  order: 0;
}
.mm2026Cnt::before {
  left: 0;
}
.mm2026Cnt::after {
  right: 0;
}
.contDeco {
  width: calc(100% - var(--rs) * 6);
  border-top: 1px solid #fff;
  position: absolute;
  left: calc(var(--rs) * 3);
  z-index: 1;
}
.contDeco.decoTop {
  top: 0;
}
.contDeco.decoBtm {
  bottom: 0;
}
.contDeco::before,
.contDeco::after {
  content: "\002605";
  color: #fff;
  font-size: calc(var(--rs) * 4);
  position: absolute;
  top: calc(var(--rs) * -1);
}
.contDeco::before {
  left: calc(var(--rs) * -5) ;
}
.contDeco::after {
  right: calc(var(--rs) * -5) ;
}
/*elements*/
hr.mm2026-hr {
  width: min(94%, 96rem);
  height: 0;
  margin: calc(var(--rs) * 10) auto;
  border-bottom: calc(var(--rs) * 0.6) dashed #4481ca/*#727a7c*/;
}
/*title & text*/
.mm2026Cnt-tit {
  margin-bottom: calc(var(--fs) * 1);
  font-size: calc(var(--fs) * 1 + var(--rs) * 1.6);
  font-weight: bold;
  line-height: 1.3;
}
.mm2026Cnt-txt {
  padding: 0.5em;
  margin: 1em 0;
  font-size: calc(var(--fs) * 1.7);
  line-height: 1.8;
}
/* contents detail */
.cntDtl-mm2026 {
  width: 100%;
  position: relative;
  margin: calc(var(--rs) * 3) auto 0;
}
.cntDtl-flex {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2%;
}
.cntDtl-flex > .picArea {
  width: min(32rem, 100%);
  margin: 0 auto calc(var(--fs) * 1);
  flex: 1 1 auto;
}
.cntDtl-flex > .txtArea {
  width: min(32rem, 96%);
  margin: 0 auto;
  flex: 1 1 auto;
}
.cntDtl-mm2026 .picArea {
  padding: 0;
  margin-bottom: calc(var(--fs) * 1);
}
.picArea-col2 {
  display: flex;
  flex-flow: row wrap;
  gop: calc(var(--rs) * 1);
  align-items: flex-start;
  justify-content: center;
  gap: 1%;
}
.picArea-col2 .thumPic {
  width: min(100%, 32rem);
  flex: 1 1 auto;
  border: 1px solid var(--c-mm2026-border);
}
.thumPic-data {
  padding: 1em;
  font-size: calc(var(--fs) * 1.6);
}
.thumPic-title {
  font-weight: bold;
}
.thumPic-price {
  margin-top: 0.5em;
  color: var(--c-mm2026-ylw);
  text-align: right;
}
/*.picArea img {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}*/
.cntDtl-mm2026-txt {
  width: 100%;
  margin: 0 auto;
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.8;
  text-align: left;
}
/* contents detail - spec table */
.tbl-mm2026 {
  width: 100%;
  margin: calc(var(--rs) * 2) 0 1em;
  background: rgb(0 0 0 / 90%);
  border: 1px solid var(--c-mm2026-border);
  border-collapse: separate;
  border-spacing: 1px;
}
.tbl-mm2026 caption {
  padding: 0.5em calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  }
.tbl-mm2026 th,
.tbl-mm2026 td {
  padding: 0.5em;
  font-size: calc(var(--fs) * 1.6);
}
.tbl-mm2026 th {
  max-width: 7em;
  background: var(--c-mm2026-ylw);
  /*border-bottom: solid 1px #101c40;*/
  color: #101c41;
  text-align: center;
  white-space: nowrap;
}
.tbl-mm2026 td {
  background: #101c40;
  /*border-bottom: solid 1px #9cc9ff;*/
}
.tbl-mm2026-list {
  position: relative;
}
.tbl-mm2026-list li {
  padding-left: 1em;
  margin: 0.25em auto;
  text-indent: -1em;
  line-height: 1.5
}
.flex-clm-change .picArea .thumPic {
  border:none;
}
/*price tax*/
span.price-tax {
  color: var(--c-mm2026-ylw);
}
/*note list*/
.note-list {
  width: 100%;
  margin: 0.5em auto;
  font-size: calc(var(--fs) * 1.3);
}
.note-list li {
  margin-top: 0.5em;
}
/*-------------------------------
 contents detail - item thumb list 
---------------------------------*/
.card-prdct-mm2026 {
  width: 101%;
  margin: calc(var(--fs) * 1) auto;
  justify-content: flex-start;
  gap: 2%;
}
.card-prdct-mm2026 > li {
  width: calc(100% / 4 - 2%);
  padding-bottom: 3em;
  margin: 1% 0 2%;
  background: none;
  border-top: 1px solid var(--c-mm2026-border);
  border-left: 1px solid var(--c-mm2026-border);
  border-right: 1px solid var(--c-mm2026-border);
  border-bottom-width: calc(var(--rs) * 0.8);
  color: var(--color-gry-dk);
  position: relative;
}
.card-prdct-mm2026 .card-prdct__title {
  color: #fff;
  font-size: calc(var(--fs) * 1.4);
}
.card-prdct-mm2026 .card-prdct__price {
  color: var(--c-mm2026-ylw);
  font-size: calc(var(--fs) * 1.6);
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0em;
}
@media screen and (max-width: 559px) {
  .card-prdct-mm2026 > li {
    width: calc(100% / 2 - 1%);
  }
}
/*-------------------------------
 VS店舗連動企画
---------------------------------*/
#vsshop {
  padding: calc(var(--rs) * 4) 0;
  background: rgb(0 8 33 / 50%);
  backdrop-filter: blur(3px);
  border-top: 1px solid #fff;
  font-family: 'Noto Sans JP', sans-serif;
}
#vsshop a {
  color: var(--color-link-cmn);
}
#vsshop .thumPic-data {
  background: rgb(5 5 20 / 40%);
}
.mm2026CntShop {
  width: 100%;
  padding: calc(var(--rs)* 4) 0 calc(var(--fs)* 6);
  margin: -5px auto 0;
  background: none;
  color: #fff;
  text-align: left;
  position: relative;
}
.mm2026CntShop-tit {
  width: var(--w-vsshopcont);
  padding: 0.8em 0;
  margin: 0 auto calc(var(--fs)* 1);
  color: #fff;
  font-size: calc(var(--rs) *3.6);
  line-height: 1;
  text-align: center;
}
/*va shop catch*/
.mm2026CntShop-catch {
  width: min(94%, 96rem);
  margin: 0 auto;
  text-align: center;
}
.mm2026CntShop-catchText {
  font-size: calc(var(--fs) * 1.6);
  font-weight: normal;
  line-height: 1.8;
}
.mm2026CntShop-catchText > em {
  margin-bottom: 0.5em;
  font-size: calc(var(--fs) * 1.8);
  line-height: 1.3;
  display: inline-block;
}
table.mm2026-exShop {
  min-width: 80%;
  margin: 1em auto;
  background: #fff;
  border: 1px solid var(--c-mm2026-border);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  color: #111;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  text-align: left;
}
.mm2026-exShop caption {
  padding: 0.5em;
  color: #fff;
  background: rgb(5 65 225 / 40%);
}
.mm2026-exShop th {
  width: 12em;
}
.mm2026-exShop th,
.mm2026-exShop td {
  padding: 1em;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.3;
  vertical-align: middle;
  position: relative;
}
.mm2026-exShop tr:nth-child(2n) th,
.mm2026-exShop tr:nth-child(2n) td {
  background: #f5f5f5;
}
.mm2026-exShop th::after {
  content: "：";
  position: absolute;
  right: 0;
  top: calc(50% - 0.5em);
}
.mm2026-exShop a {
  /*color: var(--c-mm2026-org);*/
  color: var(--color-link-cmn);
  font-size: calc(var(--fs) * 1.4);
  font-weight: normal;
}
.exShop-shcdule {
  font-size: calc(var(--fs) * 1.4);
  font-weight: normal;
}
.exShop-shcdule li {
  margin-top: 0.5em;
  margin-right: 1em;
  display: inline-block;
}
/*vs shop contents*/
.vsshopCont {
  width: var(--w-vsshopcont);
  padding: 0;
  margin: calc(var(--rs) * 6) auto 0;
  background: rgb(10 50 120 / 30%);
  border: 1px solid var(--c-mm2026-border);
}
.vsshopCont .cntDtl-mm2026 {
  width: 94%;
  margin: calc(var(--fs) * 2) auto;
}
.vsshopCont-title {
  width: 100%;
  padding: 0.6em calc(var(--rs) * 1);
  margin: 0;
  color: var(--color-wht);
  background: linear-gradient(45deg, rgb(15 151 182 / 50%) 0%, rgb(1 110 236 / 50%) 100%);
  font-size: calc(var(--fs) * 1.8);
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  position: relative;
}
.vsshopCont-text {
  padding: 1em;
  font-size: calc(var(--fs) * 1.7);
  line-height: 1.8;
}
.txtArea .vsshopCont-text {
  padding: 0.5em 2%;
}
/*vs shop info*/
.vsShop-info {
  width: 96%;
  padding: 1em 0;
  margin: 1em auto 0;
  font-size: calc(var(--fs) * 1.6);
}
.vsShop-info dt {
  padding: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid var(--c-mm2026-border);
  background: rgb(5 65 225 / 40%);
}
.vsShop-info dd {
  margin-left: 0.5em;
  margin-top: 0.5em;
}
.vsShop-info dd > b {
  font-size: calc(var(--fs) * 1.8);
}
.vsShop-info div ~ div {
  margin-top: 1em;
}
.vsShop-info div.indent-list dd {
  padding-left: 1em;
  text-indent: -1em;
}
/*vs shop point*/
.vsShop-point {
  padding: 1em;
  background: #efefef;
  border-radius: calc(var(--rs) * 1);
  color: #111;
  font-size: calc(var(--fs) * 1.6);
}
.vsShop-point p ~ p {
  margin-top: 1em;
}
/* members only */
.mm2026-membersOnly {
  width: 96%;
  padding: calc(var(--fs) * 1) 0.5em;
  margin: calc(var(--rs) * 2) auto;
  background: rgb(5 65 225 / 40%);
  border: 1px solid var(--c-mm2026-border);
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fs) * 1.4);
  font-weight: normal;
}
.mm2026-membersOnly b {
  margin: 0 0 0.25em -0.5em;
  color: var(--c-mm2026-red);
  font-size: calc(var(--fs) * 1.5);
  display: inline-block;
}
.ic-members {
  width: min(15%, calc(var(--fs)* 8));
  margin: calc(var(--rs) * -2) 1.5em calc(var(--rs) * 4) calc(var(--rs) * -2);
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1;
}
/* payment method */
.mm2026-paymentMethod {
  width: 100%;
  padding: 0.25em 0.5em 0.25em 2em;
  margin: 1em auto 0;
  background: rgb(5 5 20 / 50%);
  border-radius: calc(var(--rs) * 1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fs) * 1.6);
  list-style: decimal;
}
.mm2026-paymentMethod li {
  margin: 0.75em auto;
  line-height: 1.5;
}
/*-------------------------------
 local contetns navi
---------------------------------*/
.mm2026-contNavi {
  width: var(--w-vsshopcont);
  padding: 0.5em;
  margin: calc(var(--fs) * 4) auto 0;
  background: rgb(0 0 0 / 60%);
  border: 1px solid var(--c-mm2026-border);
  font-size: calc(var(--fs) * 1.5);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.mm2026-contNavi li {
  padding: 0.5em;
  margin-right: 1em;
  text-align: left;
}