/*バックグラウンドイメージ -------------------------------- */
body{ 
    background-image: url("../image/campImg08.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

/*メインコンテンツ ---------------------------------------- */
#wapper{
    display: block;
    width: 90%;
    max-width: 548px;
    height: auto;
    background: #fff;
    margin: 0 auto;
}
#titleImg{ width: 100%;}

.linkBtn{ display: block; width: 90%; max-width:548px; margin: 8% auto 0; transition-duration: 0.4s;}
.linkBtn:hover{ opacity: 0.7;}

.contBox{ display: block; width: 90%; max-width:548px;margin: 10% auto 0;}

/*見出し*/
.headingTitle{ display: flex; align-items: center ;text-align: center; font-size: calc((100vw - 640px) / 140 + 30px); color: #5c4537; margin: 0 0 4% 0;}
.headingTitle:before,.headingTitle:after{
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
.headingTitle:before { margin-right: 1rem; }
.headingTitle:after { margin-left: 1rem; }

/*賞品*/
.contWap{ display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; max-width: 548px;}
.contWap li{ width: 48%; margin: 0 0 2% 0;}
.contWap li img { width: 100%;}

/*応募方法*/
.textList li{
    margin: 0 0 2% 0;
    line-height: 1.4;
    text-indent: -1em;
    padding-left: 1em;
}
.textColir1{ color: #0084ff;}
.textHb2{
    padding-left: 2em!important;
}

/*個人情報の取扱について*/
.linkUrl{word-break: break-all;}

/**/
#link { display: block;width: 100%; height: auto; margin: 10% 0 0;}
#link a img{ width: 100%; vertical-align: bottom; transition-duration: 0.4s;}
#link a img:hover{ opacity: 0.7;}

footer{
    margin: 2% auto 4%;
    width: 100%;
    max-width: 548px;
    text-align: center;
}

@media screen and (max-width:1024px){
    body{background:none; 
        font-family: 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif;
        box-sizing: border-box;
    } /*PC用の背景はオフ*/
    body::before{
        content:"";
        display:block;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
        width:100%;
        height:100vh;
        background:url(../image/campImg08_sp.jpg) center/cover no-repeat; /*fixedをトル！*/
        -webkit-background-size:cover;/*Android4*/
        font-feature-settings : "palt"1;
    }

@media screen and (max-width:640px) {
    }
    .headingTitle { font-size: calc((100vw - 640px) / 140 + 26px);}
}