/* リフィルスタイルhtml5 UTF-8 */


section{
    background-image: url("images/bg.jpg");
    border-radius: 8px;
    }

.camp-title img {border-radius: 8px 8px 0 0;}

article {
    padding: 40px 20px!important;
    margin: 0!important;
    /*border: solid 1px!important;*/
    }
.grid-2 {
    padding: 0;
    margin-bottom: 0!important;
    /*background-color: rgba(0,0,0,0.04);*/
    }

/*****　概要　*****/
.camp-summary {text-align: center;}
.camp-summary img {margin: auto;}
.camp-summary h2 img {
    width: 750px;
    margin-bottom: 20px;
    }
.camp-summary img.text {
    width: 750px;
    margin-bottom: 50px;
    }

.camp-prize img {
    display: block;
    margin: auto;
    }
img.prize-photo {
    width: 60%;
    margin-bottom: 20px;
    }
img.prize-name {width: 220px;}


/*****　ラインナップ　*****/

.camp-lineup h2 img {
    width: 280px;
    display: block;
    margin: 0 auto 10px;
    }
.camp-lineup .grid-2 img {
    display: block;
    width: 330px;
    margin: 0 auto 10px;
    }
.camp-lineup .grid-2 a {display: block;}
.camp-lineup .grid-2 p {
    background-color: #fff;
    width: 200px;
    text-align: center;
    border-radius: 20px;
    background-image: url(../../../study-style/images_shop/arrow.png);
	background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 7px 0;
    margin: 15px auto 0;
    }


/*****　応募方法　*****/

.campaign-rule h2 {
    text-align: center;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 100%;
    }
.campaign-rule aside {
    background-color: #FFD900;
    border: none;
	}
.campaign-rule .table-spec {
    border-top: solid 2px rgba(255,255,255,1);
    border-bottom: solid 2px rgba(255,255,255,1);
    margin-bottom: 20px;
    }
.campaign-rule th,
.campaign-rule td {
    border-bottom: solid 1px rgba(255,255,255,0.3);
    padding: 10px;
    }
.campaign-rule tr:last-child th,
.campaign-rule tr:last-child td {border-bottom: none;}

.campaign-rule tr:nth-child(odd) {background-color: rgba(255,255,255,0.15);}
.campaign-rule tr.caution {color: #f00;}

.campaign-rule th {width: 150px}
.campaign-rule td {width: auto}

.campaign-rule ul {
    padding: 0;
    margin-left: 1.5em;
    }

.btn-download a {
    display: block;
    background-color: #fff;
    width: 420px;
    border-radius: 30px;
    padding: 15px 0 13px;
    margin: auto;
    }
.btn-download img {
    width: 300px;
    display: block;
    margin: auto;
    }


/***********************************************************************/

@media (max-width: 1024px) {


/*****　概要　*****/

.camp-summary h2 img {
    width: 620px;
    margin-bottom: 10px;}
.camp-summary img.text {width: 600px;}
img.prize-photo {width: 70%; }


/*****　ラインナップ　*****/

.camp-lineup h2 img {width: 240px;}
.camp-lineup .grid-2 img {width: 80%;}
    

}


/***********************************************************************/

@media (max-width: 768px) {


article {padding: 30px 20px!important;}

/*****　概要　*****/

.camp-summary h2 img {width: 90%;}
.camp-summary img.text {width: 90%;}
img.prize-photo {width: 80%; }
img.prize-name {width: 200px;}


/*****　ラインナップ　*****/

.camp-lineup h2 img {width: 220px;}
.camp-lineup .grid-2 img {width: 90%;}


/*****　応募方法　*****/

.campaign-rule h2 {font-size: 22px;}
.campaign-rule aside {padding: 20px 10px;}

.campaign-rule th {width: 120px}

.btn-download a {width: 320px;}
.btn-download img {width: 260px;}
    

}


/***********************************************************************/

@media (max-width: 600px) {


/*****　概要　*****/

.camp-summary h2 img {width: 95%;}
.camp-summary img.text {width: 95%;}
img.prize-photo {width: 90%; }
img.prize-name {width: 180px;}


/*****　ラインナップ　*****/

.camp-lineup h2 img {width: 200px;}
.camp-lineup .grid-2 img {width: 100%;}

}


/***********************************************************************/

@media (max-width: 480px) {


article {padding: 20px 10px!important;}

/*****　概要　*****/

.camp-summary h2 img {width: 70%;}
.camp-summary img.text {
    width: 100%;
     margin-bottom: 20px;
    }
img.prize-photo {width: 70%; }

.camp-prize .grid-2.keep,
.camp-lineup .grid-2.keep {
    float: none;
    width: 100%;
    margin: 0;
    }

/*****　ラインナップ　*****/

.camp-lineup h2 img {width: 200px;}
.camp-lineup .grid-2 img {width: 80%;}
.camp-lineup .grid-2 + .grid-2 {margin-top: 40px}


/*****　応募方法　*****/

.campaign-rule h2 {font-size: 20px;}

.campaign-rule th,
.campaign-rule td{
    float: left;
    display: block;
    width: 94%;
    padding: 15px 3%;
    }
.campaign-rule th {
    border: none;
    font-size: 15px;
    padding-bottom: 0;
    }

.btn-download a {width: 270px;}
.btn-download img {width: 230px;}


}


/***********************************************************************/

@media (max-width: 375px) {


/*****　概要　*****/

.camp-summary h2 img {width: 80%;}
.camp-summary img.text {width: 100%;}
img.prize-photo {width: 80%; }

.camp-prize .grid-2.keep {
    float: none;
    width: 100%;
    margin: 0;
    }


/*****　ラインナップ　*****/

.camp-lineup h2 img {width: 180px;}
.camp-lineup .grid-2 img {width: 90%;}


}