@charset "utf-8";
body{
  font-family: Roboto, 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  overflow-x: hidden;
  background: #c00009;
}

#body-inside {
    height: 82px;
}
@media (max-width: 769px){
#body-inside {
    height: 75px;
}

}

.notice3{
    margin-top: 10px;
    display: block;
    font-size: 90%;
}

body{
  font-family: setimo, 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.footer-copyright {
    margin-bottom: 0;
    line-height: 1;
}

#pagetop,
.float-bnr{
  display: none;
}
img {
    max-width: 100%;
    width: fit-content;
}
p>b {
    font-weight:bold;
    white-space: pre-wrap;
}
#wrapper{
  position: relative;
  top: -6vw;
}

#wrapper section{
    margin: 0 auto 6%;
    padding: 40px 3%;
    text-align: center;
    position: relative;
    background: #040000;
    color: #fff;

    background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%);
    background-color: #262626;
    background-color: #141414;
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;

}

#wrapper section:after,
#wrapper section:before{
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;

/*background: repeating-linear-gradient(white 0px, transparent 0px, transparent 5px, #c00009 5px, #c00009 10px);
background-color: #262626;*/

/*background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%);
    background-color: #262626;
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;
    width: 20px;*/
}

#wrapper section:before{
  left:0;
}

h3{
  font-weight: bold;
  position: relative;
  width: fit-content;
  margin: 2% auto 0;
  font-size: min(7vw,3rem);
}
.coming{
    display: inline-block;
    line-height: 1.6;
    border: solid 1px;
    margin: 0 10px;
    font-weight: bold;
    right: 10px;
    top: 20px;
    background: #c00009;
    color: #000;
    padding: 3%;
    max-width: 600px;
    border-radius: 10px;
    font-size: 15px;
}
.more{
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-15deg);
    position: absolute;
      font-size: 22px;
  height: 0;
  left: -6px;
  top: -18px;
      color: #fff700;
  width: fit-content;
  background: transparent;
}

#beres-nx{
  /*margin-bottom: 0!important;*/
}

#beres-nx h3{
  font-size: min(3.5vw, 44px);
  line-height: 1.6em;
  text-align: left;
}

#beres-nx h3 span{
    font-size: min(4.2vw,18px);
    display: inline-block;
    text-indent: 20px;
    font-weight: bold;
}
.big-text{
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  line-height: 1.4em;
font-size: min(5.8vw,28px);
  background: #c00009;
  padding: 3%;
}

.mt50{
  margin-top:3%;
}

.align-left{
  text-align: left;
}

.big-text-body{
    background: #fff;
    color: #000;
    padding: 0 3%;
}
.mini-text{
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4rem;
  margin: 1%;
}
.date{
  font-weight: bold;
  border: #fff 1px solid;
  border-width: 1px 0 0;
  font-size: 30px;
  font-size: min(4.7vw,30px);
}
.round-date{
  font-weight: bold;
  font-size: min(3.7vw, 24px);
  line-height: 1;
  margin: 1%;
}
.round-detail{
  font-size: min(3vw,16px);
  line-height: 1.8em;
  display: block;
}
.indent{
    text-indent: 20px;
    margin-top: 6%;
    padding-top: 40px;
}
.wchance{
    transform: rotate(-15deg);
    position: absolute;
    color: #fff700;
    margin-top: -30px;
    font-size: 70%;
    margin-left: -35px;
    text-indent: 0;
    letter-spacing: -1px;
}
.article-outer{
    display: flex;
}
.article-outer article{
  width: 50%;
}
.forall{
  position: absolute;
  left: 0;
  background: #000;
  font-weight: bold;
}

.anchor-link{
  font-weight: bold;
  font-size: 22px;
  background: #c00009;
  border-radius: 100px;
  padding: 10px;
  margin: 1% auto;
  display: block;
  max-width: 800px;
}
.prize-title{
  font-size: 30px;
  font-weight: bold;
}
.color{
  font-size: 110%;
  color: #ffb94f;
}
.club-example{
    font-size: 16px;
    line-height: 1.6rem;
    text-align: left;
}
.club-example span{
    font-size: 90%;
}
.sub-box span{
    
    display: block;
}
.sub-box.first figure{
  max-width: 250px;
}
.sub-box.second figure{
  max-width: 250px;
  margin-top: 40px;
  position: relative;
  margin-bottom: -40px;
}

#date-757{
font-weight: bold;
    padding: 10px;
    display: block;
    border: solid 1px;
    margin-top: 20px;
    font-size: min(4vw,22px);
}

.btn{
    border:0;
    background: #ff8100;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3% auto;
    font-weight: bold;
    font-size: 30px;
    padding: 3%;
    max-width: 600px;
    border-radius: 10px;
    color: #fff;

    background-image: linear-gradient(180deg, #ff8100 0%, #FF2525 74%);
}
.btn.none{
  pointer-events: none;
  background: #999;
}
.min-btn{
    border-radius: 10px;
    font-weight: bold;
    padding: 10px;
    display: block;
    color: #fff;
    font-size: 20px;
    margin: 3% 0 1%;
    background: #ff8100;
    background-image: linear-gradient(180deg, #ff8100 0%, #FF2525 74%);
}
.notice{
  font-size: 12px;
  line-height: 1.2rem;
  display: block;
  text-align: right;
  margin-top: 3%;
}
.notice2{
    padding: 15px 0;
    display: block;
    line-height: 1.6rem;
    font-size: 90%;
}
footer{
  background: #fff;
}
.season {
    background: #c00009;
    border-radius: 100px;
    color: #fff;
    height: 150px;
    width: 150px;
    display: flex;
    font-size: 40px;
    align-items: center;
    justify-content: center;
    transform: rotate(-15deg);
    position: absolute;
    left: -160px;
    top: -40px;
}


@media (max-width: 769px){
  .pc{display: none;}
  .sp{display: block;}
  #main-bg {padding: 0;}

#wrapper{
  top:0;
}

.season {
    height: 15vw;
    width: 15vw;
    font-size: 5vw;
    left: -15vw;
    top: -5vw;
}

#beres-nx h3 {
    font-size: min(4.8vw);
}

.sub-box {
    flex-direction: column;
}
.sub-box.first figure {
    margin: 0 auto;
}
.sub-box.second figure{
  display: none;
}

.sub-box .text{
  margin: 0;
}
.more {
  top: -7vw;
}
.club-example {
   /* font-size: 13px;*/
}
.btn {
    font-size: 20px;
    padding: 6%;
}

}

.wchance-detail-outer{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  font-size: min(6.2vw,30px);
  padding: 20px;
  padding-bottom: 0;
}

.wchance-detail-outer i{
  display: block;
  background: #000;
  width: 1px;
}

@media (max-width: 769px){

.wchance-detail-outer i{
    width: 100%;
  height: 1px;
  margin: 3% 0;
}

}

.wchance-detail{
  font-weight: bold;
}
.wchance-detail dt,dd{
  display: flex;
  align-items: center;
  justify-content: end;
}
.wchance-detail dt{
  font-size: 60%;
}
.wchance-detail dd{
  color: #c00009;
}
.wchance-detail b{
  font-size: 120%;
  margin-left: 10px;
}


#goods-prize{
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 30px;
}
#goods-prize i{
    display: block;
    background: #fff;
    width: 1px;
}
#goods-prize-inner{
    display: flex;
    align-items: start;
    justify-content: center;
}
#goods-prize-inner span{
    font-size: 90%;
}

#goods-prize>article:first-of-type{
    width: 50%;
}
#goods-prize>article:last-of-type{
    width: 43%;
}
#goods-prize figure{
  width: 250px;
  margin: 0 auto;
}

@media (max-width: 900px){
#goods-prize>article:first-of-type,
#goods-prize>article:last-of-type{
  width: 100%;  
}
#goods-prize i {
    width: 100%;
    height: 1px;
    margin: 30px 0;
}


}



/********レシート************/
#howto g{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3% 0;
}
#howto{
  border: solid 1px;
  border-radius: 10px;
  padding: 3%;
      margin-top: 3%;
  background: #fff;
  color: #000;
}
#howto h3{
  font-size: min(6vw,2rem);
  margin: 0 auto;
  border-bottom: 2px solid;
}

#flow{
  display: flex;
  flex-wrap: wrap;
}
#flow li{
    width: 33.3%;
    padding: 3%;
    font-size: 16px;
    margin: 0 auto;
}
#flow li b{
  font-size: 140%;
}
#flow li span{
  font-size: 80%;
  display: block;
}
#flow img{
    background: #c00009;
object-fit: contain;
    border-radius: 100%;
    aspect-ratio: 1/1;
    width: 100%;
    position: relative;
}
#caution{
    display: flex;
}
#caution figure{
    background: #f7ffd7;
    padding: 3%;
    border: solid 20px #ccc;
    margin-right: 30px;
    max-width: 450px;
    min-width: 450px;
}
#caution p{
  text-align: left;
  font-size: 14px;
}
.orange-text{
    font-size: min(4vw,1.2rem)!important;
    font-weight: bold;
    color: red;
}
#caution2 .orange-text{
    margin: 6% auto -3%;
}
#caution2 figure{
    width: 24%;
    padding: 1%;
    font-weight: bold;
    font-size: 16px;
}
@media (max-width: 990px){
#caution{
  flex-direction: column;
}
#caution figure {
  max-width: 100%;
  min-width: 100%;
  margin-right: 0;
}
}

@media (max-width: 769px){
#flow li {
    width: 60%;
}
#caution2 g{
  flex-wrap: wrap;
}
#caution2 figure{
  width: 48%;
}

}


.float-bnr {
    display: none!important;
}