@charset "utf-8";
/****************************************
hobby round - after report 2025.05.03 style
last update - 2025.05.12
****************************************/
.main-img {
  background: #fff url("/event/afterrepo/assets/image/hr32/hr32_ar_header_bg.jpg") 50% 0% no-repeat;
  line-height: 0;
  text-align: center;
}
.ornament {
  height: calc(var(--rs) * 8);
  background-color: rgba(212, 7, 40, 1);
  background-image: repeating-linear-gradient(-80deg, transparent, transparent 10px, rgba(195, 13, 35, 1) 10px, rgba(195, 13, 35, 1) 20px);
}
.repo-container {
  background: hsl(0deg 0% 100% / 90%);
  background-image: url(/event/assets/image/common/bg-ruledline.png);
  background-position: 50% 50%;
  background-size: calc(var(--rs)* 8);
  background-repeat: repeat;
  padding: 0 0 calc(var(--rs) * 2);
}
.repo-wrap {
  width: var(--w-cont);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--bs-cmn);
  position: relative;
  z-index: 10;
  top: calc(0px - calc(var(--rs)* 4));
}
.ar-cont + .ar-cont {
  padding: calc(var(--rs) * 6) 0 0;
}
.ar-cont > hr {
  border-top: 1px solid rgba(50,50,50,.1);
  border-bottom: 2px solid #fff;
}
.ar-title	{
  font-size: calc(var(--fs) * 2.2);
  font-weight: bold;
  line-height: 1.25em;
  text-align: center;
  color: #fff;
  margin: 0 auto 3rem;
  padding: 0.8em 2em 0.7em 2em;
  background: url(https://dollfie.volks.co.jp//event/htd_nagoya8/image/ormnt_kiraA-wht.png) 1.5% 50% / auto 1.5em no-repeat,url(https://dollfie.volks.co.jp//event/htd_nagoya8/image/ormnt_kiraB-wht.png) 98.5% 50% / auto 1.5em no-repeat,linear-gradient(to right, #A62C33 0%,#D9343F 50%,#A62C33 100%);
  box-shadow: rgba(196, 0, 0, 0.35) 0px .8rem .5rem -.5rem;
  overflow: hidden;
  display: block;
  position: relative;
  @media(min-width: 767px) {
    font-size: calc(var(--fs) * 2.5);
  }
}
.ar-title::before,
.ar-title::after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: .1rem;
  content: "";
  display: block;
  background: #FFF9DF;
}
.ar-title::before {
  top: .5rem;
}
.ar-title::after {
  bottom: .5rem;
}
.ar-text {
  font-size: calc(var(--fs) * 1.6);
  line-height: 1.7;
  margin: 0 0 1rem;
}
.ar-banner {
  font-size: calc(var(--fs) * 1.8);
  font-weight: bold;
  text-align: center;
  width: min(96%, 72rem);
  display: block;
  margin: 0 auto;
}
.ar-banner img {
  padding: 0 0 0.5rem;
}
.rerated-link {
  width: min(96%, 86rem);
  padding: 0;
  margin: 4rem auto;
  background: var(--color-white);
  box-shadow: var(--bs-cmn);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rerated-link__banner {
  width: 50%;
}
.rerated-link__text {
  padding: 0 1em;
  margin: 0 auto;
}
.rerated-link.dolpaportal	{
  width: min(96%, 72rem);
}
/*-------------------------------
 イベントTOPへ戻るボタン：区切り（フッターとは別枠）
---------------------------------*//* SP-ALL */
.ar-lnkPtop {
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: calc(var(--rs)* 4) 0 0;
}
.ar-lnkPtop a {
  display: block;
  text-align: center;
  font-size: calc(var(--fs) * 1.4);
  line-height: 1.2;
  overflow: hidden;
}
/*-------------------------------
 gallery
---------------------------------*/
.gallery {
  margin: 0 auto 1.5rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(var(--rs) * 1);
    &::after {
    content: "";
    display: block;
    width: calc(var(--col3) - calc(var(--rs) * 1));
  }
}
.gallery__list {
  width: calc(var(--col3) - calc(var(--rs) * 1));
  border: 0.3rem  solid var(--color-white);
  box-shadow: var(--bs-cmn);
  position: relative;
}
.gallery__list > a {
  display: block;
  position: relative;
}
.gallery__list > a::before{
  content: url("/event/assets/image/hr/ic_magnify_blue_l.gif");
  position: absolute;
  right: -0.8rem;
  bottom: -0.6rem;
  z-index: 2;
}
.gallery__list--col2 {
  width: calc(var(--col2) - 2rem);
}
.gallery__list--col1 {
  width: var(--col1);
}
/* ブロッカーズ甲子園 */
.ar-vlockers {
  font-size: calc(var(--fs-xxl) + 0.2vw);
  margin: 4rem 0 1.5rem;
  border-bottom: 0.2rem solid #c80852;
}
.koushien-cont {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.6rem 1rem 1rem 1rem;
  margin: 0 auto 4rem;
  background: #fff6ef;
  border: 0.1rem solid #eee5de;
}
.koushien-wrap dt {
  font-weight: bold;
}
.koushien-wrap dd {
  margin-left: 1em;
}