@charset "UTF-8";
/*=======================================
ENTRY INFO - 応募規約 -
=======================================*/
#info{background: #aa0806;}
#info::before{
  background-image: url(../img/prize-bg_top.png);
  padding-top: min(14.81vw, 160px);
  background-position: 0 100%;
  border-radius: 40px 40px 0 0;
}
#info::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
  background-image: url(../img/prize-bg_btm.png);
  background-position: 0 100%;
  bottom: 0;
  padding-top: 20.37%;
}
.info-title span{background-image: url(../img/ttl-info-1.png); padding-top: min(6.25vw, 60px);}
#info .section-title {
  background-image: url(../img/ttl-info-2.png);
  max-width: 960px;
  padding-top: 60px;
}

.entry-info #l-header{
  background-position: 0 -10%;
}
.entry-info .mv_main {
  padding-top: 80px;
  padding-bottom: 50px;
}
.entry-info .mv_main::before,
.entry-info .mv_main::after{
  max-height: 400px;
}
.entry-info .mv_main .notice{
  margin: -1em auto 1em;
  text-align: center;
}
.entry-info .mv_main .note-list{
  margin-bottom: 0;
}
.entry-info .mv_main .note-list li{
  font-weight: 700;
  letter-spacing: .035em;
  font-feature-settings: "palt";
}
.entry-info .mv_main .mv_img2{
  margin: 0 auto;
}
.entry-info .mv_main .mv_prize::before{
  background-image: url(../img/prize-bg_btm.png);
  bottom: 0;
}


@media only screen and (max-width: 767px) {
  #info::before{background-image: url(../img/info-bg_top_sp.png);padding-top: 28.5714%;border-radius: 0;}
  #info::after{background-image: url(../img/info-bg_btm_sp.png);padding-top: 28.5714%}
  .info-title span{background-image: url(../img/ttl-info-1_sp.png); padding-top: 24.5%;}
  #info .section-title {background-image: url(../img/ttl-info-2_sp.png);}
  .entry-info .mv_main {
    /*padding: 10px 20px 40px;*/
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 430px) {
  .entry-info #l-header::after{
    bottom: 18.933vw;
  }
  .entry-info .mv_main{
    padding-bottom: 20px;
  }
  .entry-info .mv_main .notice{
    text-align: right;
    padding-right: 6%;
  }
  .entry-info .mv_main .note-list{
    font-size: 17px;
    color: #fedfe7;
  }
  .entry-info .mv_main .mv_img2{
    margin-left: -6.818%;
    margin-right: -6.818%;
  }
  .entry-info .mv_main .mv_prize::before{background-image: url(../img/section-bg_btm_sp.png);}
}


.info-title {
  background: #A60200;
  background: rgba(118,1,0,.5);
  color: #fff;
  /*font-family: "Kaisei Tokumin", serif;*/
  font-size: min(3.518vw, 38px);
  font-weight: 700;
  /*padding: .8em 60px .4em;*/
  padding: .5em 60px .25em;
  margin: -10px -60px 50px;
}
.info-title::before, .info-title::after {
  content: "";
  display: inline-block;
  width: 1.68em;
  height: 1.26em;
  background-repeat: no-repeat;
  background-image: url(../img/mark-excl.png);
  background-size: contain;
  vertical-align: .1em;
}
.info-title::before {
  margin-right: 25px;
}
.info-title::after {
  margin-left: 25px;
}
.info-title span{
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  max-width: 540px;
  width: 100%;
  height: 0;
  
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
/*.info-title em {
  display: inline-block;
  position: relative;
}
.info-title em::before {
  content: "";
  width: 100%;
  height: .23em;
  background: url(../img/mark-em.png) 0 0 repeat-x;
  background-size: 1em auto;
  position: absolute;
  display: inline-block;
  bottom: 100%;
}*/

@media screen and (max-width: 1080px) {
  .info-title {
    padding-left: 6.35%;
    padding-right: 6.35%;
    margin-left: -6.25%;
    margin-right: -6.25%;
    margin-top: -2.083%;
  }
}

#info .section-header::before {
  content: none;
}
#info .section-title {
  /*padding-right: .29em;*/
  /*font-size: 37px;
  letter-spacing: 0;
  text-indent: 0;*/
  /*text-align: left;*/
  width: 100%;
}
#info .section-title::after {
  /*content: none;*/
}

@media only screen and (max-width: 767px) {
  .info-title {
    margin: 0 -10px 20px;
    font-size: 22px;
    padding-top: .5em;
    padding-left: 2em;
    padding-right: 2em;
    position: relative;
    line-height: 1.5;
  }
  .info-title em::before {
    margin-bottom: -.15em;
  }
  .info-title::before, .info-title::after {
    position: absolute;
    top: 50%;
    margin-top: -.63em;
  }
  .info-title::before {
    left: 10px;
  }
  .info-title::after {
    right: 10px;
  }
}
.column-wrap {
  display: flex;
  column-gap: 4.5%;
}
.column-item {
  max-width: 420px;
  width: 47.72%;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: .05em;
  font-weight: 400;
}
.column-item .ttl {
  text-align: center;
  font-size: 20px;
  letter-spacing: .05em;
  font-weight: 700;
  background: #A87E21;
  color: #fff;
  border-radius: 1em;
  margin-bottom: 2em;
  padding: .25em 1em;
}
@media only screen and (max-width: 767px) {
  .column-wrap {
    flex-direction: column;
  }
  .column-item {
    width: 100%;
    font-size: 16px;
  }
  .column-item + .column-item {
    margin-top: 2em;
  }
  .column-item .ttl {
    margin-bottom: 1em;
    font-size: 16px;
  }
}

.expl-wrap {
  display: flex;
  align-items: flex-start;
  max-width: 772px;
  margin: 40px auto 0;
  column-gap: 5.18%;
}
.expl-ttl {
  width: 180px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .05em;
  text-align: center;
  color: #fff;
  border-radius: 1em;
  padding: .25em 1em;
}
#good-expl .expl-ttl {
  background-color: #F7478C;
}
#bad-expl .expl-ttl {
  background-color: #6BA4E7;
}
.expl-list {
  max-width: 552px;
  width: calc(100% - 180px - 5.18%);
  display: flex;
  flex-wrap: wrap;
  column-gap: 5.43%;
  margin-bottom: -4.53%;
}
.expl-list li {
  max-width: 162px;
  width: 29.34%;
  margin-bottom: 6.3%;
}
.expl-list li img {
  display: block;
}
.expl-list li .caption {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-top: 1em;
  font-weight: 400;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  .expl-wrap {
    flex-direction: column;
  }
  .expl-ttl {
    width: 100%;
    margin-bottom: 1em;
    font-size: 18px;
  }
  .expl-list {
    width: 100%;
    max-width: inherit;
    column-gap: 10px;
    margin-bottom: -20px;
  }
  .expl-list li {
    width: calc((100% - 20px) / 3);
    margin-bottom: 20px;
  }
  .expl-list li .caption {
    font-size: 14px;
    margin-top: 5px;
  }
}

.scroll-box {
  max-width: 686px;
  height: 307px;
  overflow-y: scroll;
  margin: 80px auto 50px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .05em;
}
.scroll-box .headline {
  text-align: center;
  margin-bottom: 1.466em;
  font-size: 18px;
  font-weight: 700;
}
.scroll-box .ttl {
  font-weight: 700;
  margin-top: 1.466em;
}
@media only screen and (max-width: 767px) {
  .scroll-box {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 15px;
    padding: 15px 10px;
  }
  .scroll-box .headline {
    font-size: 16px;
  }
  .scroll-box .ttl {
    margin-top: 1em;
  }
}

.prize-note dd {
  margin-top: 1em;
}

.check_p {
  text-align: center;
  color: #fff;
  font-size: 23px;
  letter-spacing: .05em;
  font-weight: 400;
  position: relative;
}

.checkbox {
  width: 2.25em;
  height: 2.25em;
  position: absolute;
  margin: .25em 0;
  visibility: hidden;
}
.checkbox + label .check-mark {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid currentColor;
  position: relative;
  vertical-align: bottom;
  margin-right: 10px;
}
.checkbox + label .check-mark::before {
  content: "";
  width: 1.15em;
  height: .5em;
  transform: rotate(-55deg);
  transform-origin: left bottom;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: 25%;
  left: 70%;
  opacity: 0;
}
.checkbox:checked + label .check-mark::before {
  opacity: 1;
}

.check .btn-w:not(.on) a {
  cursor: none;
  opacity: .75;
}

@media only screen and (max-width: 767px) {
  .check_p {
    font-size: 16px;
    text-align: left;
    text-indent: calc(-1.25em - 10px);
    padding-left: calc(1.25em + 10px);
  }
}

#info .check p.btn-w a{
  display: block;
  box-sizing: border-box;
  max-width: 405px;
  width: 100%;
  height: 0;
  padding-top: min(8.33vw, 90px);
  position: relative;
  text-indent: -9999em;
  overflow: hidden;
  background-color: transparent;
  box-shadow: none;
  
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  background-image: url(../img/btn-submit.png);
}
#info .check p.btn-w a:hover{
  opacity: .75;
}


.entry-info .mv_main .mv_img1,
.entry-info .mv_main .mv_img1 img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  display: block;
}
@supports (background-image: url('../img/bg-mv_entry-info-1.webp')) {
  .entry-info .mv_main .mv_img1 {background-image: url(../img/bg-mv_entry-info-1.webp);}
  .entry-info .mv_main .mv_img1 img{visibility: hidden;}
}
.entry-info .mv_main .mv_img1 img {background-image: url(../img/bg-mv_entry-info-1.png);}
@media screen and (max-width: 430px) {
  @supports (background-image: url('../img/bg-mv_entry-info-1_sp.webp')) {
    .entry-info .mv_main .mv_img1 {background-image: url(../img/bg-mv_entry-info-1_sp.webp);}
  }
}