@charset "Shift_JIS";

/*全体*/
#info_contents{margin-bottom:0!important;}
.body_sph .contents_main{margin: 0;}

#page_2509_7000coupon{
background-color: #ffcd87;
}

#page_2509_7000coupon img{
width: 100%;
}

/*クロールに読み込ませるが非表示にする*/
#page_2509_7000coupon .visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/*===============================
wrapper
===============================*/
#page_2509_7000coupon .wrapper-big,
#page_2509_7000coupon .wrapper-middle,
#page_2509_7000coupon .wrapper-small{
   margin-inline:auto;
}

#page_2509_7000coupon .wrapper-big{
    width: 662px;
}
#page_2509_7000coupon .wrapper-middle{
    width: 596px;
}
#page_2509_7000coupon .wrapper-small{
    width: 537px;
}

#page_2509_7000coupon .wrapper-relative{
    position: relative;
}

/*左右上下中央ぞろえ*/
#page_2509_7000coupon .center-center{
    display: grid;
    place-content: center; /*要素の中央揃え*/
    place-items: center; /*要素同士の中央揃え*/
}
/*===============================
光るアニメーション
===============================*/

.shiny {
    position: relative;
    overflow: hidden;
}
.shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: rgba(255,255,255,0.7) ;
    z-index: 10;
    animation: shinyshiny 2s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    75% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    76% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*===============================
seciton
===============================*/
/*FV*/
#page_2509_7000coupon #fv .coupon7000{
    position: absolute;
    width: 537px;
    left: 50%;
    top: 440px;
    transform: translateX(-50%);
}
#page_2509_7000coupon .triangle{
    margin: 11% auto;
    text-align: center; 
}
#page_2509_7000coupon .triangle img{
    width: 10%;
}

/*商品例*/
#page_2509_7000coupon #exam{
    padding-bottom: 8%;

}

#page_2509_7000coupon .exam-title{
    margin-bottom: 6%;
}
#page_2509_7000coupon .item:not(:last-of-type){
    margin-bottom: 8%;
}
#page_2509_7000coupon .link-wrap {
  position: relative;
  display: inline-block;
}
.link-area1,
.link-area2{
    position: absolute;
    top: 6%;
    width: 41%;
    height: 54%;
    display: block;
}
.link-area1{
  left: 5%;
}
.link-area2{
  left: 54%;
}

#page_2509_7000coupon .exam-last{
    background-color: #fff;
    border-radius: 10px;
    padding-top: 10%;
    padding-bottom: 10%; 
}

#page_2509_7000coupon .exam-last .coupon7000{
    margin-bottom: 12%;
}
/*********************************** 
応募方法部分 
**********************************/

#page_2509_7000coupon #last-annotation{
    padding: 4% 0 8%;
    color: #776f6c;
    background-color: #fff;
}


#page_2509_7000coupon #last-annotation .annotation-title{
    font-weight: bold;
}


#page_2509_7000coupon #last-annotation ul li{
    margin-bottom: 0.5%;
}



/*================
以下スマホ用
==================*/
@media screen and (max-width:768px){
    
    /*wrapper*/
    #page_2509_7000coupon .wrapper-big{
        width: 92vw;
    }
    #page_2509_7000coupon .wrapper-middle{
    width: 82vw;
}
    #page_2509_7000coupon .wrapper-small{
        width: 75vw;
    }

/*FV*/
#page_2509_7000coupon #fv .coupon7000{
    position: absolute;
    width: 75%;
    top: 34%;
}
#page_2509_7000coupon .triangle{
    margin: 11% auto 8%;
}
#page_2509_7000coupon #last-annotation{
    padding: 6% 0 8%;
    font-size: 0.75em;
}

}