body {
    background-color:#fff !important;
    color: #333;
    font-family:"Zen Maru Gothic", serif;
    font-weight: bolder;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;

}
h1,h2,h3,h4,ul,li,dl,dt,dd{
    margin: 0;
}
a {
    text-decoration: none;
}
p{
    margin: 0 0 1em 0;
}
img {
    pointer-events: none; 
    user-select:none;
}
a img , .pointer{
    pointer-events: auto; 
    user-select:auto;
}
section{
    margin-bottom: 4em;
}
#container {
    margin: auto;
}
.inner {
    margin: auto;
    width: 900px;
}
.inner_l {
    margin: auto;
    width: 1200px;
}
header{
    position: fixed;
    background-color: #f6c715;
    margin: 0;
    width: 100%;
    top:0;
    left: 0;
    z-index: 5;
}
header::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left:0;
    background-image: url("../images/75th/navi_line.png") ;
    background-position: bottom ;
    background-repeat: repeat-x ;
}
header .inner{
    width: 700px;
    padding: 35px 0px 20px;
    background-image: url("../images/75th/header_logo.png");
    background-repeat: no-repeat;
    background-size: 56px 68px;
    background-position: left center ;
}
header .inner nav ul{
    margin-left: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
nav{
    display: block; 
}
#fv{
    position: relative;
    padding-top: 150px;
    padding-bottom: 100px;
    background: url("../images/75th/header_pattern.jpg") ;
    background-size: 6em;
    background-repeat: repeat;
}
#fv::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left:0;
    bottom:0;
    background-image: url("../images/75th/scroll.png"),url("../images/75th/header_line.png") ;
    background-position: center bottom 20px ,bottom ;
    background-repeat: no-repeat,repeat-x;
}
#stamp,#kisekae,#game,#premium,#colabo,#special{
    padding-top: 150px;
    margin-top:-150px;
}

#kisekae .bg,#premium .bg, .copyright .bg{
    position: relative;
    width: 100%;
}
#kisekae .bg::before{
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 85px);
    min-width: 1300px;
   height: calc(100% - 100px);
    background-color: #ebe8df;
    z-index: -1;
    bottom: 0;
    right: 0;
    border-radius: 2em 0 0 2em;
}
#premium .bg::before{
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 85px);
    min-width: 1300px;
    height: calc(100% - 100px);
    background-color: #e8e8e8;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 0 2em 2em 0;
}
.copyright .bg{
    padding-bottom: 180px;;
}
.copyright .bg::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 100px);
    background-color: #fcf9ea;
    z-index: -1;
    bottom:0;
    background-image: url("../images/75th/footer_img.png"),url("../images/75th/footr_copy.jpg");
    background-repeat: repeat-x,no-repeat;
    background-position: 50% 92% , 50% 96%;
}
#stamp ul , 
#premium ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#kisekae ul, 
#game ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
#stamp ul li, 
#kisekae ul li, 
#premium ul li, 
#game ul li{
    position: relative;
    margin-bottom: 2em;
    width: 47%;
}
#stamp ul li{
}
#game ul li{
    width: 31%;
}
#premium ul li{
    width: 18%;
}
#stamp ul.link {
    justify-content: center;
}
#stamp ul.link li{
    position: relative;
    width: 12em;
    border-radius: 0.8em;
    padding: 0.5em;
    padding-left: 1em;
    background: #000;
}
#stamp ul.link li::before{
    position: absolute;
    content: "▼";
    color: #fff;
    left: 0.9em;
}
#stamp ul.link li+li{
    margin-left: 6%;
}
#stamp ul.link li a{
    color: #fff;
    display: inline-block;
}
#stamp .stamp_list dl,
#kisekae .kisekae_list dl ,
#game .game_list dl,
#premium .premium_list dl{
    overflow: hidden;
    border: #333 2px solid;
    border-radius: 1em;
    background-color: #fff;
    background-repeat: repeat;
    background-size: 80px;
    height: 100%;
}
#stamp .stamp_list dl{
    background-image: url("../images/75th/lits_bg_pattern.jpg");
}
#stamp .stamp_list dl dt,
#kisekae .kisekae_list dl dt,
#premium .premium_list dl dt,
#game .game_list dl dt{
    font-size: 120%;
    position: relative;
    padding: 0.5em;
    font-weight: bold;
}
#stamp .stamp_list dl dt{
    margin-bottom: 1em;
    background-color: rgba(246, 199 , 20 ,0.25);
}
#stamp .stamp_list dl dt::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: -10px;
    left:0;
    background-image: url("../images/75th/list_line_yellow.png") ;
    background-position: bottom ;
    background-repeat: repeat-x ;
    background-size: contain;
}
#stamp .stamp_list .icon,
#kisekae .kisekae_list .icon,
#premium .premium_list .icon,
#game .game_list .icon{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 55px;
}

#stamp .stamp_list dl dt span,
#kisekae .kisekae_list dl dt span,
#premium .premium_list dl dt span,
#game .game_list dl dt span{
    font-size: 70%;
}
#stamp .stamp_list dl dt.bnr::before{
    position: absolute;
    top: -39%;
    left: -17.5%;
    background: #000;
    color: #fff;
    font-size: 70%;
    padding: 3em 5em .5em;
    transform: rotate(-35deg);
}
#stamp .stamp_list dl dt.bnr.no1::before{content: "第1弾";}
#stamp .stamp_list dl dt.bnr.no2::before{content: "第2弾";}
#stamp .stamp_list dl dt.bnr.no3::before{content: "第3弾";}
#stamp .stamp_list dl dt.bnr.no4::before{content: "第4弾";}
#stamp .stamp_list dl dt.bnr.no5::before{content: "第5弾";}
#stamp .stamp_list dl dt.bnr.no6::before{content: "第6弾";}

#stamp #special.stamp_list dl dt{
    background-color: rgba(255,167,176,0.3);
}
#stamp #special.stamp_list dl dt::after{
    background-image: url("../images/75th/list_line_pink.png") ;
}

#stamp .stamp_list dd,
#kisekae .kisekae_list dd,
#premium .premium_list dd,
#game .game_list dd{
    width: 90%;
    margin: 1em auto;
}
#stamp .stamp_list .date,#kisekae .kisekae_list .date,#game .game_list .date{
    font-size: 80%;
    padding: 0.3em 0;
    width: 20em;
    border-radius: 1em;
}
#stamp .stamp_list .date ,
#kisekae .kisekae_list .date{
    background-color: #eee;
}
#stamp .stamp_list .date.blank{
    background-color: unset;
}
#stamp .stamp_list .image img ,
#kisekae .kisekae_list .image img,
#premium .premium_list .image img,
#game .game_list .image img{
    width: 100%;
}
#stamp .stamp_list .desc,
#kisekae .kisekae_list .desc,
#premium .premium_list .desc,
#game .game_list .desc{
    text-align: left;
}
#stamp .stamp_list .comingsoon,
#kisekae .kisekae_list .comingsoon,
#premium .premium_list .comingsoon,
#game .game_list .comingsoon{
    margin: 4em auto 6em;
}
#stamp h3 .comingsoon,
#kisekae h3 .comingsoon,
#premium h3 .comingsoon,
#game h3 .comingsoon{
    width: 600px;
}

#container footer .copyright {
    background-color: unset !important;
}

.to_top{
    right: 50px;
}
.copyright .flex_box{
    display: flex;
    justify-content: center;
}
.copyright .flex_box p{
    width: 50%;
}
.sp_menu{
    display: none;
}

.pos_absolute {
    position: absolute;
}

.pos_relative {
    position: relative;
}
.pc_only{
    display: block;
}
.sp_only{
    display: none;
}

@media screen and (max-width: 900px) {
    .pc_only{
        display: none;
    }
    .sp_only{
        display: block;
    }
    body {
        font-size: 3.9vw;
    }
    img{
        width: 100%;
    }
    header::after{
        background-size: 10vw;
        height: 3vw;
        bottom: -2vw;
    }
    header .inner {
        width: unset;
        background-size: 10%;
        background-position: 4% 2vw;
        padding: 4% 4% 2%;
        text-align: right;
    }
    .inner ,.inner_l{
        margin: auto;
        width: 90%;
    }
    nav{
        display: none; 
        position: fixed;
        width: calc(100vw - 8%);
        height: 100vh;
        background-color: #f6c715;
        left: 0;
        top:0;
        background-image: url("../images/75th/header_logo.png") ,url("../images/75th/menu_logo.jpg");
        background-size: 10% ,auto 30%;
        background-position: 4% 2vw , 50% 80%;
        background-repeat: no-repeat,no-repeat;
        padding: 4% 4% 2%;
    }
    header .inner nav ul{
        flex-flow: column;
        align-items: flex-start;
        margin-top: 10vh;
        margin-left: 15vw;
    }
    header .inner nav ul li{
        width: 50vw;
        height: 5vh;
        margin-bottom: 5vh;
        text-align: left;
    }
    header .inner nav ul li a{
        display: block;
    }
    header .inner nav ul li img{
        height: 100%;
        width: auto;
    }

    .sp_menu{
        display: inline-block;
        width: 10%;
    }
    #fv{
        padding-top: 25vw;
        padding-bottom: 25vw;
        background-size: 4em;
    }
    #fv::after{
        height: 22vw;
        background-position: center bottom 5vw ,bottom ;
        background-size: 12vw ,350% ;
    }
    #fv img{
        width:50%;
    }
    #fv h1 img{
        width: 80%;
    }

    #stamp,#kisekae,#game,#premium,#colabo,#special{
        padding-top: 20vw;
        margin-top: -20vw;
    }
    section h2 {
        width: 75%;
        margin: auto;
    }
    footer h2 {
        width: 50%;
        margin: auto;
    }
    #stamp ul.link li{
        width: 40%;
    }
    #stamp ul.link li+li{
        margin-left: 4%;
    }
    #stamp ul.link li::before{
        top: 33%;
    }
    #stamp ul li, 
    #kisekae ul li, 
    #game ul li{
        width:100%;
        background-color: unset;
    }
    #premium ul li{
        width: 47%;
    }
    #stamp .stamp_list .icon,
    #kisekae .kisekae_list .icon,
    #premium .premium_list .icon,
    #game .game_list .icon{
        top: -4vw;
        right: -4vw;
        width: 13vw;
    }
    #stamp .stamp_list .comingsoon,
    #kisekae .kisekae_list .comingsoon,
    #premium .premium_list .comingsoon,
    #game .game_list .comingsoon{
        margin: 2em auto 1em;
    }
    #stamp h3 .comingsoon,
    #kisekae h3 .comingsoon,
    #premium h3 .comingsoon,
    #game h3 .comingsoon{
        width: unset;
    }
    #stamp .stamp_list dl dt.bnr::before{
        top: -42%;
        left: -20.5%;
    }
    .to_top{
        width: 18%;
        bottom: -8vw;
        right: 2vw;
    }
    #kisekae .bg::before{
        width: calc(100% - 0.6em);
        min-width: unset;
        height: calc(100% - 18vw);
    }
    #premium .bg::before{
        width: calc(100% - 0.6em);
        min-width: unset;
        height: calc(100% - 18vw);
    }
    
    .copyright .flex_box{
        display: block;
    }
    .copyright .flex_box p{
        width: 100%;
    }
    .copyright .bg{
        padding-bottom: 20vw;
    }
    .copyright .bg::before{
        background-size: 80% ,120%;
        height: calc(100% - 33vw);
        background-position: 50% 96% ,50% 99%;
    }
    
}
@keyframes animation-scale{
    0%{
        transform: scale(0);
    }
    70%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

.scAnm.animation{
    animation-name: animation-scale;
    animation-duration:0.5s;
    transform: scale(1);
}


.fadeIn {
    transform: translate3d(0, -10px, 0);
    transition: 1s;
    opacity: 0;
}

.fadeIn.animation {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


.blink_anime {
    animation: blink 1.5s ease-in-out infinite alternate;
}
.blink_anime.reverse {
    animation-name: reverse_blink;
}
@keyframes blink {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes reverse_blink {
    0% { opacity: 1; }
  100% { opacity: 0; }
}


.w95 {
    width: 95%;
    margin: 0 auto;
}

.w90 {
    width: 90%;
    margin: 0 auto;
}

.w80 {
    width: 80%;
    margin: 0 auto;
}

.w75 {
    width: 75%;
    margin: 0 auto;
}

.w70 {
    width: 70%;
    margin: 0 auto;
}

.w60 {
    width: 60%;
    margin: 0 auto;
}

.m_0 {
    margin: 0;
}

.m_b0 {
    margin-bottom: 0 !important;
}
.m_b5 {
    margin-bottom: 0.5em !important;
}

.m_b10 {
    margin-bottom: 1em !important;
}

.m_t10 {
    margin-top: 1em !important;
}

.m_t20 {
    margin-top: 2em !important;
}

.m_b20 {
    margin-bottom: 2em !important;
}

.m_t20 {
    margin-top: 2em !important;
}

.p_t10 {
    padding-top: 1em !important;
}

.p_t20 {
    padding-top: 2em !important;
}

.p_b10 {
    padding-bottom: 1em !important;
}

.p_b20 {
    padding-bottom: 2em !important;
}

.t_left {
    text-align: left;
}

.t_xlarge {
    font-size: 1.4em;
    font-weight: bold;
}

.t_large {
    font-size: 1.2em;
}

.t_small {
    font-size: 0.9em;
}
.t_xsmall {
    font-size: 0.72em;
}

.t_blue {
    color: #2276b3;
}

.t_red {
    color: #e35151;
}

.t_pink {
    color: #fce9eb;
}

.t_gray {
    color: black;
    text-decoration: underline;
}

.t_orange {
    color: #e84732;
}

.t_yellow {
    color: #fdf5d0;
}

ul,li {
    list-style: none;
    list-style-image: none;
}

.f_boby {
    text-align: center;
    margin: 0 auto;
}

.f_boby li {
    width: 49%;
    display: inline-block;
}


.cfx {
    clear: both;
}

.hide {
    display: none;
}


.swiper-button-prev, .swiper-button-next {
    position: absolute;
    width: 5%;
    height: 10%;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 65% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 1%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 1%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/75th/img_arrow_black_01.png");
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("../images/75th/img_arrow_black_02.png");
}

/*swiper pagination*/
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: -7%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 3%;
}
.swiper-pagination-bullet {
    width: 0.5em;
    height: 0.5em;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f39b9a;
}

@media screen and (min-width: 768px) {
    body {
        font-size: 18px;
    }
}