@charset "utf-8";
/* マジカルミライ 出展告知 from 2025 */
:root {
  /*color*/
  --c-mm2025-pnk-light: #fef4fe;
  --c-mm2025-pnk: #ea2888;
  --c-mm2025-red: #df5571;
  --c-mm2025-blu: #3fa0a5;
  --c-mm2025-ylw: #ebae2f;
  --c-mm2025-org: #ff7e0b;
  --c-mm2025-contBg: #fffbf8;
  /*font-size*/
  --fs: min(2.114vw,1rem);
  --rs: clamp(0.5rem, 1.042vw, 1rem);
  /*header hight*/
}
/* color */
.tc-mm2025-pnk { color: var(--c-mm2025-pnk);}
.tc-mm2025-red { color: var(--c-mm2025-red);}
.tc-mm2025-blu { color: var(--c-mm2025-blu);}
.tc-mm2025-ylw { color: var(--c-mm2025-ylw);}

/*-------------------------------
 event titel
---------------------------------*/
h3.event-tit {
  --color-gry: #142560;
  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: 559px) {
  h3.event-tit {
    font-size: calc(var(--fs) * 2);
  }
}
.eventDtl-cnt {
  padding: 0;
}
/*-------------------------------
 event intro
---------------------------------*/
.eventDtl-ctg--cmn h4[class],
.eventDtl-ctg--cmn h5[class] {
  background: none;
}
.event-introHeader {
  padding: 0 1em;
  color: #142560;
  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.8);
  line-height: 1.6;
  text-align: center;
}
.event-intro em {
  color: #142560;
}
@media screen and (max-width: 559px) {
  .event-intro {
      padding: 0;
      margin: 0 auto 2em;
    font-size: calc(var(--fs) * 1.6);
  }
}
/*-------------------------------
 backgraound
---------------------------------*/
.bg-mm2025 {
  border-top: 6px solid #4481ca;
  background: none;
}
.bg-mm2025-contscmn {
  background: linear-gradient(180deg, #053789 40%, #4745d2 100%);
}
/*-------------------------------
 event summary
---------------------------------*/
#cnt-mm2025_smmry {
  width: min(100%, 108rem);
  padding: calc(var(--fs) * 1) 0;
  margin: 0 auto;
  background: linear-gradient(10deg, #8cd6e3 0%, #2b5bb8 50%, #0e2452 100% );
  margin-bottom: calc(var(--fs) * 2);
  position: relative;
}
.mm2025-smmry {
  position: relative;
  padding: calc(var(--fs) * 1) 0;
  line-height: 1.6;
}
.mm2025-smmry-tit {
  padding: 0 1em;
  margin-bottom: calc(var(--fs) * 1);
  color:#fff;
  font-size: calc(var(--fs) * 2.6);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  line-height: 1.2;
}
.mm2025-smmry-txt {
  margin-bottom: calc(var(--fs) * 2);
  font-size: calc(var(--fs) * 1.4);
}
.mm2025-smmry-txt a {
  margin-bottom: 1em;
  color: var(--c-mm2025-pnk-light)
}
.mm2025-smmry-txt a:hover {
  color: var(--color-link-cmn);
  text-decoration: underline;
}
/*summary box*/
#smmryContainer {
  padding: 0 4% calc(var(--fs) * 1);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: calc(var(--fs) * 2);
}
#smmryContainer::after {
  content: "";
  width: min(94%, 24rem);
  height: 0;
  flex: 1 1 auto;
}
.mm2025-smmry-box {
  width: min(94%, 24rem);
  padding: 1em;
  margin: 0 auto;
  box-shadow: 0 2px calc(var(--rs) * 0.6) #7c7bc3;
  color: #fff;
  text-align: center;
  position: relative;
  flex: 1 1 auto;
}
.mm2025-title {
  padding: 0 0.5rem;
  margin-bottom: 0;
  border-bottom: 1px #fff solid;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  letter-spacing: 1px;
  transform: scaleY(1.25);
}
.ex-sendai .mm2025-title {
  color: #cfc2de;
}
.ex-tokyo .mm2025-title {
  color: #f6dce8;
}
.ex-osaka .mm2025-title {
  color: #d5eaea;
}
.mm2025-date {
  padding: 0 0.5rem;
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
}
.mm2025-lc {
  padding: 0 0.5rem;
  font-size: calc(var(--fs) * 1.7);
  font-weight: bold;
}
.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;
}
.mm2025-area {
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.5);
}
.mm2025-smmry-hr {}
/*-------------------------------
 volks exhibition & link store
---------------------------------*/
#mm2025-vsBooth,
#mm2025-vsLinkStore {
  width: min(100%, 108rem);
  margin: 0 auto;
  font-size: calc(var(--fs) * 1.6);
  text-align: left;
  display: flex;
  flex-flow: row wrap;
}
/*vs  booth*/
#mm2025-vsBooth {
  padding: 0 2%;
}
.vsBooth-img {
  width: min(100%, 32rem);
  margin-left: -0.5em;
  flex: 1 1 auto;
}
.vsBooth-cont {
  width: min(100%, 32rem);
  padding: 0 1em;
  flex: 10 1 auto;
}
.vsBooth-title {
  color: var(--c-mm2025-pnk);
  font-size: calc(var(--fs) * 2);
}
.vsBooth-text {
  margin: 1em 0;
  line-height: 1.6;
}
/*vs link store*/
#mm2025-vsLinkStore {
  color: #fff;
  font-size: calc(var(--fs) * 1.6);
  flex-direction: row-reverse;
}
.vsLinkStore-img {
  width: min(100%, 32rem);
  margin-right: -3em;
  flex: 1 1 auto;
}
.vsLinkStore-cont {
  width: min(96%, 32rem);
  padding: 1em;
  margin: 0 auto;
  flex: 10 1 auto;
}
.vsLinkStore-title {
  margin-top: 0.5em;
  color: #f8dde9;
  font-size: calc(var(--fs) * 2);
}
.vsLinkStore-text {
  padding: 0 1em;
  margin: 1em 0;
  line-height: 1.6;
}
.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 {
  margin: 1em 0;
  background: rgb(0 0 0 / 10%);
  box-shadow: 0 1px 6px 1px rgb(0 0 0 / 40%);
  font-size: calc(var(--fs) * 1.4);
}
.vsLinkStore-schedule caption {
  padding: 0.5em;
  background: rgb(255 255 255 / 90%);
  color: #000;
  font-weight: bold;
}
.vsLinkStore-schedule th {
  padding: 0.75em 1em;
  font-weight: normal;
}
.vsLinkStore-schedule td {
  padding: 0.75em 1em;

}
.vsLinkStore-schedule tr:nth-child(2n-1) {
  background: rgb(5 55 137 / 90%);
}
/*-------------------------------
 Majical Mirai 2025 VS Contents
---------------------------------*/
#mm2025-Main {
  padding: calc(var(--rs) * 8) 0;
}
.mm2025-tit {
  display: inline-block;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--fs) * 4);
  font-weight: bold;
  color: rgb(13, 50, 67);
  /*color: #fff;
  text-shadow: 0 0 0 #4481ca, 0 1px 1px #4481ca, 0 0 5px #4481ca, 0 0 10px #4481ca;*/
  padding: 0;
  margin: 0 auto calc(var(--fs) * 2);
  line-height: 1.4;
}
.mm2025-tit span {
  font-size: 75%;
  }
/* event list*/
.mm2025-evList {
  width: min(100%, 96rem);
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.mm2025-evList li {
  width: calc(100% / 2 - var(--rs) * 2);
  margin: calc(var(--rs) * 1);
  text-align: center;
}
.mm2025-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;
}
.mm2025-evEX {
  width: min(96%, 96rem);
  margin: calc(var(--fs) * 2) auto calc(var(--fs) * 4);
  font-size: calc(var(--fs) * 1.6);
}
/* contents */
.mm2025Cnt {
  width: min(94%, 96rem);
  padding: calc(var(--fs) * 6) 3%;
  margin: -5px auto 0;
  background: var(--c-mm2025-contBg);
  border: 5px #727a7c solid;
  border-radius: 30px;
  color: rgb(13, 50, 67);
  font-weight: bold;
  text-align: left;
  position: relative;
}
.mm2025Cnt.firstCnt {
  margin-top: calc(var(--rs) * 4);
}
.mm2025Cnt:not(.firstCnt)::after {
  content: "";
  width: calc(100% - 60px);
  height: 0;
  border-bottom: calc(var(--rs) * 1.2) dashed var(--c-mm2025-contBg);
  position: absolute;
  left: 30px;
  top: -6px;
}
hr.mm2025-hr {
  width: min(94%, 96rem);
  height: 0;
  margin: calc(var(--rs) * 10) auto;
  border-bottom: calc(var(--rs) * 0.6) dashed #4481ca/*#727a7c*/;
}
.mm2025Cnt-tit {
  margin-bottom: calc(var(--fs) * 1);
  font-size: calc(var(--fs) * 2.6);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}
.mm2025Cnt-txt {
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.4;
}
.mm2025Cnt-txt + .mm2025Cnt-txt {
  margin-top: 1em;
}
.mm2025Cnt-tit-2nd {
  padding: 0.6em calc(var(--rs) * 1);
  margin: calc(var(--rs) * 3) auto;
  color: var(--color-wht);
  background-color: #2b8195;
  font-size: calc(var(--fs) * 1.8);
  font-weight: normal;
  text-align: left;
  position: relative;
}
/* contents detail */
.cntDtl-mm2025 {
  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-mm2025 .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;
}
.picArea img {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.cntDtl-mm2025-txt {
  width: 100%;
  margin: 0 auto;
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.6;
  text-align: left;
}
/* contents detail - spec table */
.tbl-mm2025 {
  width: 100%;
  margin: calc(var(--fs) * 2) 0 1em;
  border: 1px solid #a4b5bd;

  color: #555;
}
.tbl-mm2025 caption {
  padding: 0.5em;
  margin-bottom: 2px;
  border-left: solid 10px #a4b5bd;
  color: #0d3243;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  }
.tbl-mm2025 th,
.tbl-mm2025 td {
  padding: 0.5em;
  font-size: calc(var(--fs) * 1.4);
  color: #0d3243;
}
.tbl-mm2025 th {
  min-width: 7em;
  background: #e0edef;
  border-bottom: solid 1px #a4b5bd;
}
.tbl-mm2025 td {
  border-bottom: solid 1px #a4b5bd;
}
.tbl-mm2025-list {
  position: relative;
}
.tbl-mm2025-list li {
  padding-left: 1em;
  margin: 0.25em auto;
  text-indent: -1em;
  line-height: 1.5
}
.flex-clm-change .picArea .thumPic {
  border:none;
}
.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-mm2025 {
  justify-content: center;
}
.card-prdct-mm2025 > li {
  width: calc(var(--col3) - var(--rs) * 2);
  max-width: 28rem;
  margin: calc(var(--rs) * 1);
  color: var(--color-gry-dk);
}
@media screen and (max-width: 559px) {
  .card-prdct-mm2025 > li {
    width: calc(50% - calc(var(--rs) * 2));
  }
}
/* うちのこかわいい ドルフィートートバッグ*/

/* 店舗連動企画 */
#vsshop {
  padding: calc(var(--rs) * 8) 0;
  background: #f2d373;
}
.mm2025CntShop {
  width: min(94%, 96rem);
  padding: calc(var(--fs)* 8) 3% calc(var(--fs)* 6);
  margin: -5px auto 0;
  background: var(--c-mm2025-contBg);
  color: rgb(13, 50, 67);
  font-weight: bold;
  text-align: left;
  position: relative;
}
.mm2025CntShop-tit {
  padding: 0.8em 3%;
  margin-bottom: calc(var(--fs)* 1);
  background: #636869;
  color: #fff;
  font-size: calc(var(--fs) * 1 + var(--rs) *1.6);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  left: -2%;
  top: calc(var(--rs)* 2);
}  
.mm2025CntShop-tit::after {
  content: "";
  border: solid #636869;
  border-width: calc(1.3em + 1px) 1em 1.3em;
  position: absolute;
  bottom: calc(var(--rs)* 0.7);
  border-right-width: 0.6em;
  border-right-color: transparent;
  right: -1em;
  top: 0;
}
.card-prdct-mm2025DD {
  margin: 0 auto;
}
.card-prdct-mm2025DD > li {
  width: calc(var(--col4) - var(--rs) * 2);
  margin: calc(var(--rs) * 1);
  color: var(--color-gry-dk);
}
.mm2025-exShop {
  width: 100%;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fs) * 1.4);
}
.mm2025-exShop th,
.mm2025-exShop td {
  padding: 1em 0.25em;
  padding-left: 0.5em;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.3;
  position: relative;
}
.mm2025-exShop tr:nth-child(2n) th,
.mm2025-exShop tr:nth-child(2n) td {
  background: #f5f5f5;
}
.mm2025-exShop th::after {
  content: "：";
  position: absolute;
  right: 0;
  top: 1em;
}
.mm2025-exShop a {
  color: var(--c-mm2025-org);
}
/* members only */
.mm2025-membersOnly {
  width: 96%;
  padding: calc(var(--fs) * 1) 0.5em;
  margin: calc(var(--rs) * 2) auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fs) * 1.4);
  font-weight: normal;
}
.mm2025-membersOnly b {
  margin: 0 0 0.25em -0.5em;
  color: var(--c-mm2025-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 */
.mm2025-paymentMethod {
  width: 98%;
  padding: 0.5em 0.5em 0.5em 2em;
  margin: 1em auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-size: calc(var(--fs) * 1.6);
  list-style: decimal;
}
.mm2025-paymentMethod li {
  margin: 0.5em auto;
}