@font-face {
  font-family: "Bebas";
  src: url("../font/BebasNeue-Regular.ttf");
}

body{margin: 0px auto;padding:0px;width:auto;background: #FFF;background-size: 100% 100%;background-position: center bottom;background-attachment: fixed;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}

ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.featherlight .featherlight-close-icon{
    line-height: 50px;
    width: 50px;
    font-size: 21px;
    background: none;
}
.featherlight .featherlight-content{
    border-radius: 20px;
}
.featherlight .featherlight-content h2{
    margin: 10px 0 30px;
}
.floating img{width: 100%;}
@keyframes floatSlideUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.end_box{
    position: relative;
    margin: 0 0 12%;
}
/* 通常状態 */
.floating {
  position: relative;
  transition: opacity 0.4s ease;
  z-index: 9999;
  opacity: 0;
  transform: none; /* ← 元位置ではズレを防ぐ */
}

/* フローティングとして出現時のみ transform を適用 */
.floating.is-fixed {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  animation: floatSlideUp 0.6s ease-out;
  transform: none; /* ← アニメ後はリセット（ズレ防止） */
  max-width: 425px;
  width: 100%;
  padding: 10px 40px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px 20px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 表示制御 */
.floating.is-visible {
  opacity: 1;
}

.floating.is-hidden {
  opacity: 0;
  pointer-events: none;
}


.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}

.popup {
    display: none; /* 初期は非表示 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* 半透明の背景色 */
    z-index: 1000; /* 他の要素より手前に表示 */
    text-align: center; /* コンテンツを中央に配置 */
}

/* ポップアップのコンテンツ */
.popup-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%); /* 垂直方向中央に配置 */
     /* ポップアップの背景色 */
    max-width: 28%; /* コンテンツの最大幅 */
    margin: 0 auto; /* 水平方向中央に配置 */
    padding: 20px;
    border-radius: 5px;
}
.close-popup-button{
    position: absolute;
    right: 0;
    top: 0;
    width: 3%;
    cursor: pointer;
}
.close-popup-button img{
    width: 100%;
}
.popupimg{
    width: 100%;
}

.floating_btn {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 10;
    width: 14.78%;
}
.floating_btn a {
    display: block;
}
.floating_btn img{ width:100%;}
.lightbox { display: none; }
.scroll{ display:none;}


.content{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.pc{ display:block;}
.sp{ display:none;}

.p1{
	background-color: #FFCA03;
	border-radius: 0 0 50px 50px;
	position: relative;
	height: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 166%; /* 1:1 */
    }

.p1h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p2{position:relative;height: auto;margin: 0 0 0 0;background-color: #fff;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    }
.p2h{
    }

.p3{
	position:
	relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	background: #FFF6CE;
	border-radius: 50px;
	padding: 0 0 13% 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    overflow: visible;
    }

.p4{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p4:before{
    content: "";
    display: block;
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

    .p5{
        background: #FF6236;
        position:relative;
        height: auto;
        margin: 0 0 0 0;
        z-index: 0;
        }
    .p5:before{
        content: "";
        display: block;
        }
    .p5h{
        height:auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right:0;
        width: 100%;
        height: 100%;
        margin:0 auto;
        }

        .p6{
            background: #fff;
            position:
            relative;
            height: auto;
            margin: 0 0 0% 0;
            z-index: 0;
            }
        .p6:before{
            content: "";
            display: block;
            }
        .p6h{
            height:auto;
            padding: 0;
            position: relative;
            top: 0;
            left: 0;
            right:0;
            width: 100%;
            height: 100%;
            margin:0 auto;
            overflow: visible;
            }
.p7{
	background: #FFF6CE;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	border-radius: 50px;
	}
.p7:before{
    content: "";
    display: block;
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    overflow: visible;
    }

.p8{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p8:before{
    content: "";
    display: block;
    }

.p8h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p9{
	background: #FFCA03;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	border-radius: 50px 50px 0 0;
	}
.p9:before{
    content: "";
    display: block;
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img{ width:100%;}


.sp_box{
    max-width: 480px;
    margin: 0 auto;
    left: 0;
    position: relative;
    z-index: 10;
    background: #FFF;
    filter: drop-shadow(0px 0px 28px rgba(0,0,0,0.2));
    overflow: hidden;
}

.button{
    width: 83%;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.box_01_wrap{
    width: 100%;
    background: #fff;
}
.box_01{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 435px;
    width: 91%;
    padding: 3% 0 2%;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}
.b_02{
    border-radius: 0 0 15px 15px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.b_03{
    max-width: 394px;
    width: 83%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.b_03_img{
    width: 45.7%;
    position: relative;
}
.b_04{
    max-width: 398px;
    width: 83%;
    margin: 10% auto 2.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_05{
    max-width: 426px;
    width: 89%;
    padding: 9.6% 0 8%;
    position: relative;
    margin: 0 auto;
}
.b_05_right{
    width: 22.4%;
    height: 68.3%;
    position: absolute;
    top: -4.7%;
    right: 0;
    z-index: 10;
}
.b_05_left{
    width: 23%;
    height: 74%;
    position: absolute;
    top: -8%;
    left: 0;
    z-index: 15;
}
.b_06{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.b_06_left,.b_06_right{
    width: 47%;
}
.b_06_left{
}
.b_06_right{}
.b_06_text{
    width: 81%;
    margin: -5% auto 0;
}
.b_06_img{}
.arrow_wrap{
    width: 7%;
    margin: 8% auto;
}
.arrow{
    margin-bottom: 26%;
}
.arrow_2{}
.b_07{
    position: relative;
    width: 89%;
    margin: 14% auto 9%;
}
.b_08{
    margin-bottom: 8%;
}
.b_08_img{
    width: 87.5%;
    margin: 0 auto;
}
.arrow_3 {
    width: 3.8%;
    max-width: 15px;
    margin: 3% auto 2%;
}
.p4 .button{
    position: relative;
    top: 0;
    margin-bottom: 16%;
}

.b_09{
}
.prize_wrap{
    width: 93%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 11%;
    position: relative;
    flex-wrap: wrap;
}
.prize_inner{
    position: relative;
    width: 48.3%;
    height: auto;
    margin-bottom: 4%;
}
.prize_inner::before{
    content: "";
    display: block;
    padding-top: 52%;
}
.prize_container{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", sans-serif;
    }
.prize__date_wrap{
    text-align: left;
    position: relative;
    margin: 3% 0 0%;
}
.prize__date{
    display: inline;
    position: relative;
    left: 11%;
    margin: 0 0 0 0;
    font-size: 18px;
    font-weight: bolder;
}
.prize__date span{
    font-size: 11px;
    margin-left: 0%;
    position: relative;
    top: -1px;
}
.prize__red{
    background: #D80000;
    color: #fff;
    text-align: left;
    margin: 0 0 2.7% 0;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    padding: 2.2% 0;
    font-family: 'numFont', 'IBM Plex Sans JP', sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.prize__race{
    margin: 0 0 0% 0;
    display: inline-block;
    position: relative;
    left: 10%;
}
@font-face {
  font-family: 'numFont';
  src: local('IBM Plex Sans JP');
  unicode-range: U+0030-0039,U+0041-005A,U+0061-007A;
}
.prize__price{
    font-family:"Bebas Neue", sans-serif;
    font-size : 51px;
    color : #D80000;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0em;
    text-shadow: 1px 1px 0 #FFFDB2,    -1px 1px 0 #FFFDB2,    -1px -1px 0 #FFFDB2,    1px -1px 0 #FFFDB2;
    margin: 0 0 0 0;
    line-height: 0.9em;
}

.prize__price .price-comma {
  position: relative;
  top: -0.06em;   /* ← ここだけ微調整（-0.08em〜-0.15em） */
  display: inline-block;
  font-family: "Bebas Neue", sans-serif;
  font-size: 51px;
  color: #D80000;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  text-shadow: 1px 1px 0 #FFFDB2, -1px 1px 0 #FFFDB2, -1px -1px 0 #FFFDB2, 1px -1px 0 #FFFDB2;
  margin: 0 0 0 0;
  font-weight: 500;
}

.prize__price span{
    font-family: A-OTF 新ゴ Pro;
    font-size : 19px;
    color : #D80000;
    letter-spacing: 0;
    margin-left: 2%;
    font-weight: 600;
    position: relative;
    top: -2px;
}
.prize_badge{
    position: absolute;
    width: 30%;
    top: -4%;
    right: -0.5%;
    z-index: 10;
}
.prize_bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    filter: drop-shadow(2px 2px 3px #4F1A00);
}

.b_10{
    width: 85%;
    padding: 13.5% 0 5%;
    margin: 0 auto;
}
.b_11{
    width: 87.5%;
    margin: 0 auto;
    position: relative;
    padding-top: 19%;
}
.b_12{
    margin-top: 9%;
}
.b_12 div{
    width: 87%;
    margin: 0 auto 9%;
}
.b_13{
    width: 91%;
    margin: 0 auto;
    padding-top: 12%;
    position: relative;
}
.b_14{}
.b_14 .button{
    position: relative;
    margin: 0 auto 14%;
}


[data-aos="e5-zoom-left"] {
  transform: translateX(30px) scale(0.8);
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e5-zoom-left"].aos-animate {
  transform: translateX(0) scale(1);
  opacity: 1;
}


[data-aos="e8-fade-down-left"] {
  transform: translate(50px, -50px); /* ← 左＋上（スタート位置） */
  opacity: 0;
}

[data-aos="e8-fade-down-left"].aos-animate {
  transform: translate(0, 0); /* ← 元の位置へ */
  opacity: 1;
}

/* 出てくる前（スタート位置） */
[data-aos="e16-fade-up"] {
  transform: translateY(20px); /* ← 下から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e16-fade-up"].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

/* 出てくる前（スタート位置） */
[data-aos="e30-fade-right"] {
  transform: translateX(-20px); /* ← 左から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e30-fade-right"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}

[data-aos="arrow-fade-down"] {
  transform: translateY(-20px); /* ← 上から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="arrow-fade-down"].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

[data-aos="e50-fade-down-right"] {
  transform: translate(-40px, -40px); /* ← 左＋上（スタート位置） */
  opacity: 0;
}

[data-aos="e50-fade-down-right"].aos-animate {
  transform: translate(0, 0); /* ← 元の位置へ */
  opacity: 1;}

/* 右上から飛んでくる（今のまま） */
[data-aos="e48-fade-down-left"] {
  transform: translate(30px, -30px);
  opacity: 0;
  }

[data-aos="e48-fade-down-left"].aos-animate {
  transform: translate(0);
  opacity: 1;
}

[data-aos="e55-fade-left"] {
  transform: translateX(20px ); /* ← 上から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="e55-fade-left"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}

/* 出てくる前（スタート位置：下から＋少しズーム） */
[data-aos="e55-zoom-up"] {
  transform: translateY(15px) scale(0.35); /* ← 下から近く・ズームも控えめ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e55-zoom-up"].aos-animate {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.e1{
    width: 53.7%;
    max-width: 233px;
}
.e2{
    width: 43%;
    max-width: 187px;
}
.e3{
    position: absolute;
    top: 6.5%;
    left: 12%;
    width: 26%;
}
.e4{
    position: absolute;
    width: 37%;
    top: 3%;
    right: 13%;
}
.e5{
    position: absolute;
    width: 11%;
    top: 7%;
    right: 45%;
}
.e6{
    width: 17.5%;
    position: absolute;
    top: 12.5%;
    left: 29%;
}
.e7{
    position: absolute;
    width: 10.5%;
    top: 25%;
    left: 21.5%;
}
.e8{
    width: 41.2%;
    position: absolute;
    top: 13.8%;
    left: 27%;
}
.e9{
    width: 14%;
    position: absolute;
    top: 30.5%;
    left: 9.5%;
}
.e10{
    width: 7%;
    position: absolute;
    top: 32.8%;
    right: 36%;
    z-index: 10;
}
.e11{
    width: 7%;
    position: absolute;
    top: 29%;
    right: 30%;
    z-index: 9;
}
.e12{
    width: 7%;
    position: absolute;
    top: 25%;
    right: 24%;
    z-index: 8;
}
.e13{
    width: 7%;
    position: absolute;
    top: 20.5%;
    right: 18%;
    z-index: 7;
}
.e14{
    width: 13%;
    position: absolute;
    z-index: 10;
}
.e14_1{
    top: 33.5%;
    right: 15%;
    z-index: 9;
}
.e14_2{
    top: 31.5%;
    right: 10%;
    z-index: 8;
}
.e14_3{
    top: 30.7%;
    right: 13.1%;
    z-index: 10;
}
.e15{
    position: absolute;
    width: 83.5%;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 15;
}
.e15_1{
    width: 41.4%;
    position: absolute;
    top: 37.5%;
    left: 8%;
    z-index: 10;
}
.e15_2{
    position: absolute;
    width: 11%;
    top: 39%;
    left: 50%;
    z-index: 10;
}
.e15_3{
    position: absolute;
    width: 31.52%;
    top: 37%;
    left: 61%;
    z-index: 10;
}
.e16{
    position: absolute;
    width: 87.5%;
    top: 47.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}
.e17{
}
.e18{}
.e19{
    position: absolute;
    width: 133%;
    left: -15%;
    top: -21%;
}
.e20{max-width: 263px;width: 67%;}
.e21{
    max-width: 94px;
    width: 24%;
}
.e22{
    width: 84.2%;
    margin: 0 auto 17%;
}
.e23{
    position: relative;
    width: 44.4%;
    margin: 0 auto;
}
.e24{
    width: 95%;
    margin: 5% auto 0;
}
.e25{
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
}
.e26{
    width: 39%;
    position: absolute;
    left: 0;
    top: 26%;
}
.e27{
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 19%;
}
.e28{
    width: 63%;
    position: absolute;
    left: 0;
    top: 0;
}
.e29{
    width: 46%;
    position: absolute;
    right: 0;
    top: 13%;
    z-index: 10;
}
.e30{
    width: 32%;
    position: absolute;
    bottom: 0;
    left: 17%;
}
.e31{
    width: 53%;
    position: absolute;
    top: 62%;
    right: 17%;
}
.e32{}
.e33{}
.e34{}
.e35{}
.e36{
    width: 86%;
    margin: 0 auto;
}
.e37{
    width: 63%;
    margin: -5% auto 0;
}
.e38{
    width: 52%;
    position: relative;
}
.e39{
    position: absolute;
    width: 43%;
    right: 0;
    top: -65%;
    z-index: 10;
}
.e40{}
.e41{}
.e42{}
.e43{
    width: 73.8%;
    margin: 0 auto 3%;
}
.e44{
    width: 55.5%;
    margin: 9% auto 2.5%;
}
.e45{
    width: 89.6%;
    margin: 0 auto;
}
.e46{
    width: 82.5%;
    margin: 3.8% auto 15%;
}
.e47_wrap{
}
.e47{
    width: 28%;
    position: absolute;
    z-index: 10;
}
.e47_1{top: -13.5%;left: 30%;z-index: 10;}
.e47_2{
    top: -20%;
    left: 40%;
    z-index: 7;
}
.e47_3{top: -23.5%;left: 33.5%;z-index: 11;}
.e48{
    width: 47.2%;
    position: relative;
    margin: 18.5% auto 5%;
    z-index: 15;
}
.e48_2{
    width: 10%;
    position: absolute;
    top: -2.0%;
    right: 23.5%;
    z-index: 15;
}
.e49{
    width: 18%;
    position: absolute;
    top: -8%;
    left: 9%;
}
.e50{
    width: 16.2%;
    position: absolute;
    top: -2%;
    right: 8.5%;
    z-index: 15;
}
.e51{
    width: 93.8%;
    position: absolute;
    top: -11%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.e52{}
.e53{}
.e54{
    position: relative;
    width: 65.5%;
    margin: 0% 0 6%;
}
.e55{
    width: 16%;
    position: absolute;
}
.e55_0{position: absolute;top: 14%;right: 7%;}
.e55_1{position: absolute;top: 10.5%;right: 7%;}
.e55_2{position: absolute;top: 7%;right: 7%;}
.e55_3{position: absolute;width: 12.5%;top: -4%;right: 8.6%;}
.e55_4{position: absolute;width: 7.5%;top: 9.5%;right: 25%;}
.e55_5{position: absolute;width: 7%;top: 2.5%;right: 23.5%;}
.e56{
    width: 99.2%;
    position: relative;
    margin: 0 0 0 auto;
}
.e57{
    width: 86%;
    margin: 0 auto;
}
.e58{
    width: 71%;
    margin: 6% auto 0;
    padding-bottom: 13%;
}
.e59{
    width: 45%;
    position: relative;
    margin: 0% 0 0;
}
.e60{
    width: 46%;
    position: absolute;
    top: 34%;
    right: 0;
}
.e61{}
.e62{}
.e63{}
.e64{
    width: 100%;
    position: relative;
    z-index: 10;
}
.e65_0{
    width: 14.5%;
    position: absolute;
    top: 48%;
    right: -1.5%;
    z-index: 6;
}
.e65_1{
    width: 29.5%;
    position: absolute;
    top: 31%;
    left: 71%;
    z-index: 5;
}
.e65_2{
    width: 25%;
    position: absolute;
    top: 19%;
    left: 70%;
    z-index: 4;
}
.e65_3{
    width: 21%;
    position: absolute;
    top: 13%;
    right: 15%;
    z-index: 3;
}
.e65_4{
    width: 27%;
    position: absolute;
    top: 10%;
    right: 22%;
    z-index: 2;
}
.e66{
    width: 72%;
    margin: 4% auto 3.5%;
}


.cl{background: #000;color: #fff;padding: 7.7485% 0;}
.f_menu{}
.f_Copyright{
            text-align: center;
            margin: 0 auto;
            letter-spacing: 0.1em;
            font-size: 10px;
}
.footer{
    padding: 0% 0 0%;
}
.foot_menu{
    margin: 0 0 3% 0;
}
.foot_menu ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.foot_menu li{
    margin: 0 2% 0 0;
}
.foot_menu li:not(:last-child)::after {
  content: "|";
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
  margin-left: 8px;
}
.foot_menu a{
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}
.copy{
    color: rgb(255, 255, 255);
    opacity: 0.4;
    font-size: 12px;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}

.line_btn a{ display:block;}
.line_btn img,.line_btn input
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}

	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media screen and ( max-width:1048px )
{}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }

.pc{ display:none;}
.sp{ display:block;}


.p1{
	background-color: #FFCA03;
	border-radius: 0 0 50px 50px;
	position: relative;
	height: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	}
.p1:before{
    content: "";
    display: block;
    padding-top: 166%; /* 1:1 */
    }

.p1h{
    height:auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p2{position:relative;height: auto;margin: 0 0 0 0;background-color: #fff;}
.p2:before{
    content: "";
    display: block;
     /* 1:1 */
    }
.p2h{
    }

.p3{
	position:
	relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	background: #FFF6CE;
	border-radius: 50px;
	padding: 0 0 13% 0;
	}
.p3:before{
    content: "";
    display: block;
     /* 1:1 */
    }

.p3h{
    overflow: visible;
    }

.p4{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p4:before{
    content: "";
    display: block;
    }

.p4h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

    .p5{
        background: #FF6236;
        position:relative;
        height: auto;
        margin: 0 0 0 0;
        z-index: 0;
        }
    .p5:before{
        content: "";
        display: block;
        }
    .p5h{
        height:auto;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        right:0;
        width: 100%;
        height: 100%;
        margin:0 auto;
        }

        .p6{
            background: #fff;
            position:
            relative;
            height: auto;
            margin: 0 0 0% 0;
            z-index: 0;
            }
        .p6:before{
            content: "";
            display: block;
            }
        .p6h{
            height:auto;
            padding: 0;
            position: relative;
            top: 0;
            left: 0;
            right:0;
            width: 100%;
            height: 100%;
            margin:0 auto;
            overflow: visible;
            }
.p7{
	background: #FFF6CE;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	border-radius: 50px;
	}
.p7:before{
    content: "";
    display: block;
    }

.p7h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    overflow: visible;
    }

.p8{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	}
.p8:before{
    content: "";
    display: block;
    }

.p8h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }

.p9{
	background: #FFCA03;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	z-index: 0;
	border-radius: 50px 50px 0 0;
	}
.p9:before{
    content: "";
    display: block;
    }

.p9h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }


.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img{ width:100%;}


.sp_box{
    max-width: 480px;
    margin: 0 auto;
    left: 0;
    position: relative;
    z-index: 10;
    background: #FFF;
    filter: drop-shadow(0px 0px 28px rgba(0,0,0,0.2));
    overflow: hidden;
}

.button{
    width: 83%;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.box_01_wrap{
    width: 100%;
    background: #fff;
}
.box_01{
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 435px;
    width: 91%;
    padding: 3% 0 2%;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}
.b_02{
    border-radius: 0 0 15px 15px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.b_03{
    max-width: 394px;
    width: 83%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.b_03_img{
    width: 45.7%;
    position: relative;
}
.b_04{
    max-width: 398px;
    width: 83%;
    margin: 10% auto 2.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_05{
    max-width: 426px;
    width: 89%;
    padding: 9.6% 0 8%;
    position: relative;
    margin: 0 auto;
}
.b_05_right{
    width: 22.4%;
    height: 68.3%;
    position: absolute;
    top: -4.7%;
    right: 0;
    z-index: 10;
}
.b_05_left{
    width: 23%;
    height: 74%;
    position: absolute;
    top: -8%;
    left: 0;
    z-index: 15;
}
.b_06{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.b_06_left,.b_06_right{
    width: 47%;
}
.b_06_left{
}
.b_06_right{}
.b_06_text{
    width: 81%;
    margin: -5% auto 0;
}
.b_06_img{}
.arrow_wrap{
    width: 7%;
    margin: 8% auto;
}
.arrow{
    margin-bottom: 26%;
}
.arrow_2{}
.b_07{
    position: relative;
    width: 89%;
    margin: 14% auto 9%;
}
.b_08{
    margin-bottom: 8%;
}
.b_08_img{
    width: 87.5%;
    margin: 0 auto;
}
.arrow_3 {
    width: 3.8%;
    max-width: 15px;
    margin: 3% auto 2%;
}
.p4 .button{
    position: relative;
    top: 0;
    margin-bottom: 16%;
}

.b_09{
}
.prize_wrap{
    width: 93%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 11%;
    position: relative;
    flex-wrap: wrap;
}
.prize_inner{
    position: relative;
    width: 48.3%;
    height: auto;
    margin-bottom: 4%;
}
.prize_inner::before{
    content: "";
    display: block;
    padding-top: 52%;
}
.prize_container{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", sans-serif;
    }
.prize__date_wrap{
    text-align: left;
    position: relative;
    margin: 3% 0 0%;
}
.prize__date{
    display: inline;
    position: relative;
    left: 9%;
    margin: 0 0 0 0;
    font-size: min(4vw, 18px);
    font-weight: bolder;
}
.prize__date span{
    font-size: min(3vw, 11px);
    margin-left: 0%;
    position: relative;
    top: -1px;
}
.prize__red{
    background: #D80000;
    color: #fff;
    text-align: left;
    margin: 0.3vw 0 0.5vw 0;
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    padding: 2.2% 0;
    font-family: 'numFont', 'IBM Plex Sans JP', sans-serif;
    font-size: min(2.5vw, 12px);
    font-weight: 600;
}
.prize__race{
    margin: 0 0 0% 0;
    display: inline-block;
    position: relative;
    left: 8%;
}
@font-face {
  font-family: 'numFont';
  src: local('IBM Plex Sans JP');
  unicode-range: U+0030-0039,U+0041-005A,U+0061-007A;
}
.prize__price{
    font-family: Bebas Neue;
    font-size: min(10.5vw, 51px);
    color : #D80000;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    text-shadow: 1px 1px 0 #FFFDB2,    -1px 1px 0 #FFFDB2,    -1px -1px 0 #FFFDB2,    1px -1px 0 #FFFDB2;
    margin: 0 0 0 0;
    line-height: 0.9em;
}
.prize__price span{
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(4.5vw, 19px);
    color : #D80000;
    letter-spacing: 0;
    margin-left: 1%;
    font-weight: 800;
    position: relative;
    top: -2px;
}
.prize_badge{
    position: absolute;
    width: 30%;
    top: -4%;
    right: -0.5%;
    z-index: 10;
}
.prize_bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    filter: drop-shadow(2px 2px 3px #4F1A00);
}

.b_10{
    width: 85%;
    padding: 13.5% 0 5%;
    margin: 0 auto;
}
.b_11{
    width: 87.5%;
    margin: 0 auto;
    position: relative;
    padding-top: 19%;
}
.b_12{
    margin-top: 9%;
}
.b_12 div{
    width: 87%;
    margin: 0 auto 9%;
}
.b_13{
    width: 91%;
    margin: 0 auto;
    padding-top: 12%;
    position: relative;
}
.b_14{}
.b_14 .button{
    position: relative;
    margin: 0 auto 14%;
}


[data-aos="e5-zoom-left"] {
  transform: translateX(30px) scale(0.8);
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e5-zoom-left"].aos-animate {
  transform: translateX(0) scale(1);
  opacity: 1;
}


[data-aos="e8-fade-down-left"] {
  transform: translate(50px, -50px); /* ← 左＋上（スタート位置） */
  opacity: 0;
}

[data-aos="e8-fade-down-left"].aos-animate {
  transform: translate(0, 0); /* ← 元の位置へ */
  opacity: 1;
}

/* 出てくる前（スタート位置） */
[data-aos="e16-fade-up"] {
  transform: translateY(20px); /* ← 下から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e16-fade-up"].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

/* 出てくる前（スタート位置） */
[data-aos="e30-fade-right"] {
  transform: translateX(-20px); /* ← 左から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e30-fade-right"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}

[data-aos="arrow-fade-down"] {
  transform: translateY(-20px); /* ← 上から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="arrow-fade-down"].aos-animate {
  transform: translateY(0);
  opacity: 1;
}

[data-aos="e50-fade-down-right"] {
  transform: translate(-40px, -40px); /* ← 左＋上（スタート位置） */
  opacity: 0;
}

[data-aos="e50-fade-down-right"].aos-animate {
  transform: translate(0, 0); /* ← 元の位置へ */
  opacity: 1;}

/* 右上から飛んでくる（今のまま） */
[data-aos="e48-fade-down-left"] {
  transform: translate(30px, -30px);
  opacity: 0;
  }

[data-aos="e48-fade-down-left"].aos-animate {
  transform: translate(0);
  opacity: 1;
}


[data-aos="e55-fade-left"] {
  transform: translateX(20px ); /* ← 上から少しだけ */
  opacity: 0;
  transition-property: transform, opacity;
}

[data-aos="e55-fade-left"].aos-animate {
  transform: translateX(0);
  opacity: 1;
}

/* 出てくる前（スタート位置：下から＋少しズーム） */
[data-aos="e55-zoom-up"] {
  transform: translateY(15px) scale(0.35); /* ← 下から近く・ズームも控えめ */
  opacity: 0;
  transition-property: transform, opacity;
}

/* 出てきた後（ゴール） */
[data-aos="e55-zoom-up"].aos-animate {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.e1{
    width: 53.7%;
    max-width: 233px;
}
.e2{
    width: 43%;
    max-width: 187px;
}
.e3{
    position: absolute;
    top: 6.5%;
    left: 12%;
    width: 26%;
}
.e4{
    position: absolute;
    width: 37%;
    top: 3%;
    right: 13%;
}
.e5{
    position: absolute;
    width: 11%;
    top: 7%;
    right: 45%;
}
.e6{
    width: 17.5%;
    position: absolute;
    top: 12.5%;
    left: 29%;
}
.e7{
    position: absolute;
    width: 10.5%;
    top: 25%;
    left: 21.5%;
}
.e8{
    width: 41.2%;
    position: absolute;
    top: 13.8%;
    left: 27%;
}
.e9{
    width: 14%;
    position: absolute;
    top: 30.5%;
    left: 9.5%;
}
.e10{
    width: 7%;
    position: absolute;
    top: 32.8%;
    right: 36%;
    z-index: 10;
}
.e11{
    width: 7%;
    position: absolute;
    top: 29%;
    right: 30%;
    z-index: 9;
}
.e12{
    width: 7%;
    position: absolute;
    top: 25%;
    right: 24%;
    z-index: 8;
}
.e13{
    width: 7%;
    position: absolute;
    top: 20.5%;
    right: 18%;
    z-index: 7;
}
.e14{
    width: 13%;
    position: absolute;
    z-index: 10;
}
.e14_1{
    top: 33.5%;
    right: 15%;
    z-index: 9;
}
.e14_2{
    top: 31.5%;
    right: 10%;
    z-index: 8;
}
.e14_3{
    top: 30.7%;
    right: 13.1%;
    z-index: 10;
}
.e15{
    position: absolute;
    width: 83.5%;
    top: 37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 15;
}
.e15_1{
    width: 41.4%;
    position: absolute;
    top: 37.5%;
    left: 8%;
    z-index: 10;
}
.e15_2{
    position: absolute;
    width: 11%;
    top: 39%;
    left: 50%;
    z-index: 10;
}
.e15_3{
    position: absolute;
    width: 31.52%;
    top: 37%;
    left: 61%;
    z-index: 10;
}
.e16{
    position: absolute;
    width: 87.5%;
    top: 47.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}
.e17{
}
.e18{}
.e19{
    position: absolute;
    width: 133%;
    left: -15%;
    top: -21%;
}
.e20{max-width: 263px;width: 67%;}
.e21{
    max-width: 94px;
    width: 24%;
}
.e22{
    width: 84.2%;
    margin: 0 auto 17%;
}
.e23{
    position: relative;
    width: 44.4%;
    margin: 0 auto;
}
.e24{
    width: 95%;
    margin: 5% auto 0;
}
.e25{
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
}
.e26{
    width: 39%;
    position: absolute;
    left: 0;
    top: 26%;
}
.e27{
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 19%;
}
.e28{
    width: 63%;
    position: absolute;
    left: 0;
    top: 0;
}
.e29{
    width: 46%;
    position: absolute;
    right: 0;
    top: 13%;
    z-index: 10;
}
.e30{
    width: 32%;
    position: absolute;
    bottom: 0;
    left: 17%;
}
.e31{
    width: 53%;
    position: absolute;
    top: 62%;
    right: 17%;
}
.e32{}
.e33{}
.e34{}
.e35{}
.e36{
    width: 86%;
    margin: 0 auto;
}
.e37{
    width: 63%;
    margin: -5% auto 0;
}
.e38{
    width: 52%;
    position: relative;
}
.e39{
    position: absolute;
    width: 43%;
    right: 0;
    top: -65%;
    z-index: 10;
}
.e40{}
.e41{}
.e42{}
.e43{
    width: 73.8%;
    margin: 0 auto 3%;
}
.e44{
    width: 55.5%;
    margin: 9% auto 2.5%;
}
.e45{
    width: 89.6%;
    margin: 0 auto;
}
.e46{
    width: 82.5%;
    margin: 3.8% auto 15%;
}
.e47_wrap{
}
.e47{
    width: 28%;
    position: absolute;
    z-index: 10;
}
.e47_1{top: -13.5%;left: 30%;z-index: 10;}
.e47_2{
    top: -20%;
    left: 40%;
    z-index: 7;
}
.e47_3{top: -23.5%;left: 34.5%;z-index: 11;}
.e48{
    width: 47.2%;
    position: relative;
    margin: 18.5% auto 5%;
    z-index: 15;
}
.e48_2{
    width: 10%;
    position: absolute;
    top: -2.0%;
    right: 23.5%;
    z-index: 15;
}
.e49{
    width: 18%;
    position: absolute;
    top: -8%;
    left: 9%;
}
.e50{
    width: 16.2%;
    position: absolute;
    top: -2%;
    right: 8.5%;
    z-index: 15;
}
.e51{
    width: 93.8%;
    position: absolute;
    top: -11%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.e52{}
.e53{}
.e54{
    position: relative;
    width: 65.5%;
    margin: 0% 0 6%;
}
.e55{
    width: 16%;
    position: absolute;
}
.e55_0{position: absolute;top: 14%;right: 7%;}
.e55_1{position: absolute;top: 10.5%;right: 7%;}
.e55_2{position: absolute;top: 7%;right: 7%;}
.e55_3{position: absolute;width: 12.5%;top: -4%;right: 8.6%;}
.e55_4{position: absolute;width: 7.5%;top: 9.5%;right: 25%;}
.e55_5{position: absolute;width: 7%;top: 2.5%;right: 23.5%;}
.e56{
    width: 99.2%;
    position: relative;
    margin: 0 0 0 auto;
}
.e57{
    width: 86%;
    margin: 0 auto;
}
.e58{
    width: 71%;
    margin: 6% auto 0;
    padding-bottom: 13%;
}
.e59{
    width: 45%;
    position: relative;
    margin: 0% 0 0;
}
.e60{
    width: 46%;
    position: absolute;
    top: 34%;
    right: 0;
}
.e61{}
.e62{}
.e63{}
.e64{
    width: 100%;
    position: relative;
    z-index: 10;
}
.e65_0{
    width: 14.5%;
    position: absolute;
    top: 48%;
    right: -1.5%;
    z-index: 6;
}
.e65_1{
    width: 29.5%;
    position: absolute;
    top: 31%;
    left: 71%;
    z-index: 5;
}
.e65_2{
    width: 25%;
    position: absolute;
    top: 19%;
    left: 70%;
    z-index: 4;
}
.e65_3{
    width: 21%;
    position: absolute;
    top: 13%;
    right: 15%;
    z-index: 3;
}
.e65_4{
    width: 27%;
    position: absolute;
    top: 10%;
    right: 22%;
    z-index: 2;
}
.e66{
    width: 72%;
    margin: 4% auto 3.5%;
}


.cl{background: #000;color: #fff;padding: 7.7485% 0;}
.f_menu{}
.f_Copyright{
            text-align: center;
            margin: 0 auto;
            letter-spacing: 0.1em;
            font-size: 10px;
}
.footer{
    padding: 0% 0 0%;
}
.foot_menu{
    margin: 0 0 3% 0;
}
.foot_menu ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.foot_menu li{
    margin: 0 2% 0 0;
}
.foot_menu li:not(:last-child)::after {
  content: "|";
  color: #fff;
  opacity: 0.8;
  font-size: 14px;
  margin-left: 8px;
}
.foot_menu a{
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}
.copy{
    color: rgb(255, 255, 255);
    opacity: 0.4;
    font-size: 12px;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}

.line_btn a{ display:block;}
.line_btn img,.line_btn input
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}

	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}
}

@media screen and ( max-width:600px )
{


}

@media screen and ( max-width:425px )
{
}

@media screen and ( max-width:414px )
{
}


@media screen and ( max-width:393px )
{
}


@media screen and ( max-width:375px )
{

}

@media screen and ( max-width:360px )
{

}

@media screen and ( max-width:320px )
{

}
@media screen and ( min-width:2000px )
{

.t01{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 33.65%;
    margin: 0 auto;
    z-index: 5;
    font-size: min(2.35vw,47px);
    color: #ff6633;
    font-weight: bold;
}
.t01:before{content:'';display: inline-block;position: absolute;width: 2.4rem;height: 5rem;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t01:after{content:'';display: inline-block;position: absolute;width: 2.4rem;height: 5rem;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}


.t02{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    width: 26.5%;
    margin: 0 auto;
    z-index: 5;
    font-size: 32px;
}
.t02:before{ content:'';display: inline-block;position: absolute;width: 2.4rem;height: 4rem;margin: 0 0 0 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;top: 10%;left: 0;}
.t02:after{ content:'';display: inline-block;position: absolute;width: 2.4rem;height: 12rem;margin: 0 0 0 0;top: 10%;right: 0;background: url(../img/yay.svg) no-repeat;background-size: contain;vertical-align: middle;transform: scale(-1, 1);}



.rand_num1{
    font-size: min(2.35vw,47px);
}


}