/* CSS Document */
@media only screen and (max-width: 750px) {
    .pc { 
        display: none !important; 
    }
    .sp { 
        display: block !important; 
    }

/*ヘッダー*/
    header{
        background-image: url("../images/sp/kv-bg_sp.png");
    }

    /*セクション背景*/
    .sec-bg{
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    /*セクション背景*/
    .sec-bg{
        background-size: 100% auto; /* 変更1: 幅を100%にし、高さを自動調整 */
        background-repeat: no-repeat;
        background-position: center top; /* 追記: 背景画像を上部中央に配置 */
        position: relative;
    }

    /*セクション内インナー*/
    .inner{
        width: 100%;
        margin: 0;
    }

    
/*    トップへ戻るボタン*/
    .top-btn{
        bottom: 8vw;
        right: 4vw;
        max-width: 100px;
        max-height: 100px;
        width: 17%;
    }
    .top-btn img{
        width: 17vw;
    }
    

    /*スペシャルイベント*/
    #sp-event_sp{
        background-image: url("../images/sp/sp-event_bg-sp.jpg");

    }
    #sp-event_sp .inner{
        padding-bottom: 260%;
    }

    .sp-event_img{
        width: 100%;
    }
    .sp-event_img:first-of-type{
        top: 13%;
    }
    .sp-event_img:last-of-type{
        bottom: 2%;
        right: 0;
        width: 100%;
    }


    /*シェアグルメ*/
    #share-gour_sp{
        background-image: url("../images/sp/share-gour_bg-sp.jpg");
    }
    #share-gour_sp .inner{
        padding-bottom: 395%;
    }
    .share-gour_img:first-of-type{
        top: 9%;
        left: 0;
        width: 100%;
    }
    .share-gour_img:nth-of-type(2){
        top: 35%;
        right: 0;
        width: 100%;
    }
    .share-gour_img:nth-of-type(3){
        top: 59.3%;
        left: 0;
        width: 100%;
    }
    .share-gour_img:last-of-type{
        top: 80%;
        right: 0;
        width: 100%;
    }

    /*ハピネスギフト*/
    #hp-gift_sp{
        background-image: url("../images/sp/hp-gift_bg-sp.jpg");
    }
    #hp-gift_sp .inner{
        padding-bottom: 415%;
    }
    .hp-gift_img:first-of-type{
        top: 9%;
        left: 0;
        width: 100%;
    }
    .hp-gift_img:nth-of-type(2){
        top: 28%;
        right: 0;
        width: 100%;
    }
    .hp-gift_img:nth-of-type(3){
        top: 39%;
        left: 0;
        width: 100%;
    }
    .hp-gift_img:nth-of-type(4){
        top: 63%;
        left: 0;
        width: 100%;
    }
    .hp-gift_img:last-of-type{
        bottom: 2%;
        left: 0;
        width: 100%;
    }
    

    /*ホリデイコレクション*/
    #hd-coll_sp{
        background-image: url("../images/sp/hd-coll_bg-sp.jpg");
    }
    #hd-coll_sp .inner{
        padding-bottom: 837%;
    }
    .hd-coll_img:first-of-type{
        top: 4%;
        left: 0;
        width: 100%
    }
    .hd-coll_img:nth-of-type(2){
        top: 22.7%;
        right: 0;
        width: 100%;
    }
    .hd-coll_img:nth-of-type(3){
        top: 39.3%;
        left: 0;
        width: 100%;
    }
    .hd-coll_img:nth-of-type(4){
        top: 52.5%;
        right: 0;
        width: 100%;
    }
    .hd-coll_img:nth-of-type(5){
        top: 66.2%;
        left: 0;
        width: 100%;
    }
    .hd-coll_img:nth-of-type(6){
        top: 79%;
        right: 0;
        width: 100%;
        z-index: 10;
    }
    .hd-coll_img:last-of-type{
        bottom: 1%;
        left: 0;
        width: 100%;
    }

/*    モーダルsp*/
    .modal-img__box {
        width: 90vw;
       
    }
    /*クローズボタン*/
    .close-btn{
        width: 22px;
        height: 22px;
        top: 1.5%;
        right: 3%;
    }

    
    
    
    
}