@charset "utf-8";
/*********************************
VOLKS AKIBA FESTIVAL - 2025.07.19 
last update - 2025.06.25
*********************************/
:root {
  --main: #a82823;
  --gr-gld: #a67a35 0%, #eae8ae 7%, #d09e3e 9%, #a67a35 25%, #eae8ae 40%, #a67a35 45%, #d09e3e 65%, #eae8ae 70%, #a67a35 80%, #eae8ae 95%, #a67a35 99%;
  --ar-bs: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
}
/* over write */
.container {
  width: min(96% , 96rem);
  padding: 0 calc(var(--rs) * 1) calc(var(--rs) * 1);
  background: none;
  @media (min-width: 767px) {
    box-shadow: none;
  }
}
.outline-sec {
  padding: calc(var(--rs) * 6) calc(var(--rs) * 2) calc(var(--rs) * 8);
}
.text-lead-page {
  max-width: var(--width-box);
}
.link-container {
  margin: 1em auto 0;
}
.br-off {
  display: none;
}
.br-on {
  display: block;
}
@media screen and (min-width: 767px) {
  .br-off {
    display: block;
  }
  .br-on {
    display: none;
  }
}
.work-map {
  padding: 0.5em 0 0;
}
.work-map li a::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 1rem;
  border: 0;
  border-top: 0.2em solid var(--color-link-nml);
  border-right: 0.2em solid var(--color-link-nml);
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  top: -0.1em;
}
.rerated-link {
  max-width: var(--width-box);
  padding: 0;
  margin: calc(var(--rs) * 6) auto calc(var(--rs) * 2);
  background: #fff;
  box-shadow: var(--ar-bs);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rerated-link:hover {
  color: inherit;
}
.rerated-link__banner {
  width: 50%;
  flex-shrink: 0;
}
.rerated-link__text {
  padding: 0 1em;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  color: #240000;
}
/*-------------------------------
 hero header
---------------------------------*/
.main-img {
  background: #fff url(/event/special/assets/image/250719/akiba250719_fes-bg.jpg) 50% 0% no-repeat;
  line-height: 0;
  text-align: center;
}
.menu-sec {
  background: #f2f1ed;
  background: url(https://www.volks.co.jp/image/cmnPrts/bg_ptrn_zarazara01.png) 0 0 repeat, #fbdb81;
  padding: 2rem calc(var(--rs) * 2) 1.8rem;
}
.menu-title {
  font-size: 200%;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-shadow: 0 0.1rem 0.1rem rgb(0 0 0 / 50%);
  max-width: var(--w-cont);
  margin: 0 auto;
  padding: 0.5rem 0 0.2rem;
  background-color: #378AD2;
  background-size: auto auto;
}
.menu-cont {
  max-width: var(--w-cont);
  padding-bottom: calc(var(--fs) * 1);
  margin: 0 auto;
  background: #f5f5f5;
  border: 0.2rem solid #378AD2;
}
.menu__wrap {
  padding: calc(var(--fs) * 1);
  margin: 0 calc(var(--fs) * 1) 0;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  display: grid;
  grid-template-columns: minmax(10em, auto) 1fr;
  gap: 1rem;
  place-content: center;
}
.menu__wrap:first-of-type {
  margin-top: calc(var(--fs) * 1);
}
.menu__wrap > div ~ div {
  border-top: 1px solid #fefefe;
}
.menu__date {
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.85;
  white-space: nowrap;
  min-width: 14em;
  padding: 0.2rem 0.8em 0;
  background: #B01C1E;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu__dd {
  display: block;
  position: relative;
  font-size: calc(var(--fs) * 2);
}
.menu__dd :hover {
  background: #fdff6e;
}
.menu__dd::after {
  content: "";
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-left-color: var(--c-link);
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -0.25em;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menu__link {
  padding: 0.5rem;
  padding-right: 4em;
  display: block;
}
a.menu__link:hover::after {
  border-left-color: var(--c-link-hover);
}
.menu__link:hover {
  text-decoration: none;
}
@media (max-width: 700px) {
  .menu__wrap {
    grid-template-columns: 1fr;
  }
  .onlin-menu__date {
    margin-bottom: 0.2rem;
    margin-right: 0;
  }
}
/*-------------------------------
 event-container
---------------------------------*/
.fair-sec {
  padding: calc(var(--rs) * 6) 0;
  min-height: calc(100vh - var(--rs) * 14);
  background-color: #a7c9ee;
  background-image: url("/event/special/assets/image/250719/heroHeader_bg-base.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.fair-cont {
  width: min(96% , 96rem);
  padding: calc(var(--rs) * 2 ) calc(var(--rs) * 2 );
  background: rgba(255,255,255,1);
  @media (min-width: 767px) {
    box-shadow: 2px 4px 10px 1px rgb(50 50 50 / 50%);
  }
}
.fair-cont + .fair-cont {
  margin-top: calc(var(--rs) * 6);
}
.fair-wrap {
  padding: 0 0;
}
.fair-wrap--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.fair-wrap--flex figure,
.fair-wrap--flex p,
.fair-wrap--flex div {
  flex: 0 1 100%;
}
@media (min-width: 767px) {
  .fair-wrap--flex {
    flex-wrap: nowrap;
  }
  .fair-wrap--flex figure {
    flex: 0 1 40%;
  }
  .fair-wrap--flex p,
  .fair-wrap--flex div {
    flex: 0 1 70%;
  }
}
.fair-tit {
  font-size: calc(var(--fs) * 3);
  color: #fff;
  background: var(--main);
  background: linear-gradient(to right, #CE2822 20%,#E05A1B 100%);
  padding: calc(var(--rs) * 1.8) calc(var(--rs) * 2) calc(var(--rs) * 1.6);
  margin-bottom: calc(var(--rs) * 2);
  text-align: center;
  @media (min-width: 767px) {
    font-size: calc(var(--fs) * 3.6);
  }
}
.fair-tit span {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--fs) * 2);
  color: #333;
  white-space: nowrap;
  padding: 0.8rem calc(var(--fs) * 1.6) 0.6rem;
  background: #fff;
  display: flex;
  align-items: center;
  text-align: center;
}
.fair-wrap figure {
  margin-bottom: calc(var(--fs) * 1.5);
}
.event-img {
  display: flex;
  gap: 1%;
}
.event-img img {
  width: 49%;
}
.event-descrip {
  font-size: calc(var(--fs) * 1.8);
  font-weight: normal;
  line-height: 1.7;
  margin-bottom: calc(var(--fs) * 1.5);
}
.fair-wrap--flex + .fair-event-data {
  margin: calc(var(--rs) * 2) auto 0;
}
.fair-event-data {
  padding: 0.5rem;
  margin: 0 auto;
  background: #f2f1ed;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.fair-event-data > * {
  padding: 0.5rem 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  flex: 1 1 100%;
}
@media screen and (min-width: 767px) {
  .fair-event-data > * {
    flex: 1 1 50%;
  }
}
.fair-event-data__head {
  min-width: 6em;
  padding: 0.6rem 1rem;
  margin-right: 1em;
  background: #fff;
  border: 0.2rem solid #ea5805;
  border-radius: 0.6rem;
  color: #ea5805;
  font-size: 87.5%;
  line-height: 1.2;
  text-align: center;
}
.fair-event-data__text {
  padding: 0.4rem 0;
  color: #ea5805;
  text-shadow: 0.1rem 0.1rem 0.1rem #fff;
}
@media screen and (min-width: 767px) {
  .fair-event-data {
    padding: 1rem;
  }
  .fair-contents {
    padding: 1rem 0.5em;
  }
}
/* copywrite. */
.event-sponsored {
  font-size: calc(var(--rs) * 1.2);
  text-align: right;
  margin: 1rem 0 0;   
}
.eventinfo-copyright {
  font-size: calc(var(--rs) * 1.2);
  text-align: right;
}
.eventinfo-copyright li {
  
}
/* 特別販売 */
.item-wrap {
  margin: 0 0 calc(var(--rs) * 1);
}
.item-wrap + .item-wrap {
  margin-top: calc(var(--rs) * 6);
}
.item-wrap h4 {
  font-size: calc(var(--fs) * 2.5);
  color: #a13027;
  /* text-align: center; */
  /* border-top: 2px solid; */
  /* border-bottom: 1px solid; */
  padding: calc(var(--rs) * 1) calc(var(--rs) * 1) 0;
  margin: calc(var(--rs) * 3) 0 0;
}
.item-list--group {
  padding: calc(var(--rs) * 1) calc(var(--rs) * 1) calc(var(--rs) * 1);
}
@media screen and (min-width: 767px) {
  .item-list--group {
    background: hsl(0deg 0% 100%);
  }
}
.list-title {
  padding: 0 0 0.2em 1.5em;
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  text-indent: -1.5em;
  position: relative;
}
.list-title + .list-title {
  border-top: 0.2rem solid #edbfaf;
}
.list-title::before {
  font-size: 70%;
  color: #a13027;
  vertical-align: middle;
  content: "\0025cf";
  margin-right: 0.5rem;
}
.item-col + .list-title {
  margin-top: 4rem;
}
.shop-item-list {
  font-weight: bold;
  padding: 1rem 0.5em;
  background: hsla(0,0%,100%,1.00);
  border-bottom: 2px solid hsla(15,63%,81%,1.00);
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-item-group > .shop-item-list:nth-of-type(2n + 1) {
  background: #fffaf7;
}
.shop-item-group + .shop-item-group {
  margin-top: calc(var(--rs) * 2);
}
.list-title {
  display: none;
}
.shop-item-list > a::after {
  content: attr(data-link);
  margin: 0;
  color: var(--c-link);
  font-size: 75%;
  line-height: 1.5;
  vertical-align: middle;
  display: block;
}
.shop-item-list > a:hover,
.shop-item-list > a:hover::after{
  color: var(--c-link-hover);
  text-decoration: none;
}
.shop-item-list__price {
  padding-left: 1em;
  margin-left: auto;
  font-weight: bold;
  flex: 0 0 auto;
}
/* 抽選申込 */
.shop-item-lottery {
  padding: 0 calc(var(--rs) * 1)
}
.fs--text {
  font-size: calc(var(--fs) * 1.6);
  padding: calc(var(--rs) * 0.5) 0 calc(var(--rs) * 1);
}
.apptbl {
  text-align: left;
  position: relative;
}
.sales-method__info__icon {
  display: none;
}
.app-th, .app-td {
  display: block;
}
.app-th {
  padding: calc(var(--rs) * 1.5) 0 0.5rem 0;
  color: var(--main);
}
.app-td {
  padding: 0 0 calc(var(--rs) * 1.5) 0;
}
@media screen and (min-width: 767px) {
  .app-th {
    color: inherit;
  }
  .app-td {
    padding: 0 0 1.5rem 1em;
  }
}
.app-note {
  font-size: calc(var(--fs) * 1.2);
  padding: 0.1em 0 0;
  line-height: 1.7;
}
.app-note li {
  text-indent: -1em;
  line-height: 1.3;
  margin-left: 1em;
  padding-top: 0.2rem;
}
@media screen and (min-width: 767px) {
  .app-th, .app-td {
    display: revert;
  }
  .app-th {
    font-weight: normal;
    width: 5%;
    white-space: nowrap;
    position: relative;
    padding: 1.5rem 0 1.5rem 0;
  }
  .app-th:after {
    content: ":";
    position: absolute;
    right: 0;
    color: #7c7c7c;
  }
  .app-th {
    padding: 0 1em 1.5rem 0;
    vertical-align: top;
  }
  .sales-method__info__icon.store-method {
    top: -2em;
  }
}
.tit--dec05 {
  padding: .5em 1em;
  line-height: 1.25;
  margin: 1.5em auto 0.5em;
  background: #cf3f42;
  color: #fff;
  position: relative;
}
.notice-list {
  margin: 0 0 1rem calc(var(--rs) * 1);
}
.notice-list li {
  font-size: calc(var(--fs) * 1.2);
  text-indent: -1em;
  padding-left: 1em;
}
.toaru-dscr {
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  color: #cf3f42;
  padding-top: calc(var(--rs) * 1);
}
.toaru-outline {
  font-weight: bold;
  padding: calc(var(--rs) * 1) 0 calc(var(--rs) * 1);
}
/*-------------------------------
 access
---------------------------------*/
.access_sec {
  padding: 0 0 calc(var(--rs) * 2);
  border-top: calc(var(--rs) * 2) solid #152777;
}
.access_sec .container {
  padding: calc(var(--rs) * 2) calc(var(--rs) * 1);
}

.access_sec iframe {
  width: 100%;
  height: calc(var(--fs) * 60);
  padding-bottom: calc(var(--rs) * 1);
}
.shop-access + .link-container {
  margin: 3rem auto 1rem;
}
.notice-cont {
  background: #f2f1ed;
}