@media screen and (min-width:668px) and ( max-width:768px) {
    
    img{max-width: 100%;}
    
/*==================================
ヘッダー
===================================*/
header {
width:100%;height:auto;
    padding-top:150%;
margin: 0 auto 10vh;
position: relative;overflow: hidden;
}
header div{position: absolute;}

header div#logo{width:40%;z-index:2;right:01%;top:1%;}
header div#day{width:70%;z-index:2;left:0;right:0;margin:0 auto;bottom:0px;}
header div#title{width:90%;z-index:2;left:0;right:0;margin:0 auto;bottom:17%;}
header div#chara{width:120%; z-index:1;left:0;top:2%;}

#lower header{width:100%;height:25%;margin:0 auto;padding:0;}

header img {
    width: 100%;
}


/*==================================
基本フォーマット
===================================*/
section.whiteBlock{width:100%;margin:0 auto;background:#f3fbff;position: relative;}

section.whiteBlock:before{
content:"";display:block;
background: url('../_img/line_top.png') center top repeat-x;width:100%;height:133px;position: absolute;top:-5vh; z-index:-1}

section.whiteBlock:after{
content:"";display:block;
background: url('../_img/line_bottom.png')center top repeat-x;width:100%;height:133px;position: absolute;bottom:-8vh; z-index:-1}

.btn1{width:100%; margin:12px auto;background:#209cd8;color:#FFF; padding:6px 0;font-size:4vw;text-align:center;display:block;font-weight:bold;letter-spacing: 0.2em;position:absolute;bottom:0;cursor: pointer !important;}
.btn1:hover{background:#145a7c;cursor: pointer !important;}

.btn{width:100%; margin:12px auto;background:#209cd8;color:#FFF; padding:10px 0;font-size:5vw;text-align:center;display:block;font-weight:bold;letter-spacing: 0.2em;cursor: pointer !important;}
.btn:hover{background:#145a7c;cursor: pointer !important;}

.btn2{width:80%; margin:12px auto;background:#f482c6;color:#FFF; padding:2vh 0;font-size:5vw;text-align:center;display:block;font-weight:bold;letter-spacing: 0.1em;cursor: pointer !important;}
.btn2:hover{background:#145a7c;cursor: pointer !important;}

.f_btn {
    margin: 3vh auto;
    font-size: 5vw;color:#FFF;font-weight:bold;letter-spacing: 0.1em;
    background: #f482c6;
    padding: 1rem;
    width: 80%;
    display: block;
    box-sizing: border-box;
}
.top_btn {
    margin: 3ch auto 0;
    font-size: 4vw;color:#FFF;font-weight:bold;letter-spacing: 0.1em;
    background: #209cd8;
    padding: 1rem;
    width: 70%;
    display: block;
    box-sizing: border-box;text-align: center;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

/*==================================
リード漫画
===================================*/
section#lead h2{width:70%; margin:0 auto;text-align:center;}
section#lead #manga{width:95%; margin:0 auto;}

/*==================================
ダウンロード予告
===================================*/
section#download_yokoku{width:95%;margin:0 auto;position: relative;z-index:-1;padding:10vh 0 6vh;}

/*==================================
キャラクター選択
===================================*/
section#chara_select h2{width:92%;margin:0 auto;}
section#chara_select ul#charas{width:94%;margin:0 auto;display:flex; flex-wrap: wrap;}
section#chara_select ul#charas li{width:32%;margin:2% 0.5%;position: relative;padding-bottom:65px;font-size:3vw;}
.dropShadow{
    -webkit-filter: drop-shadow(0px 3px 5px rgba(94,165,203,.5));
    filter: drop-shadow(0px 0px 5px rgba(94,165,203,.5));}

dd span{display:block;text-align:center;margin:12px 0;font-size:3.5vw;letter-spacing: 0em;color:#209cd8;font-weight:bold;}



/*==================================
プレゼント
===================================*/
section#present {
width:96%;margin:0 auto; padding:2% 2% 4%;border-radius: 10px;
background:url("../_img/bg_present.jpg") center top no-repeat #f3fbff;background-size:100% auto; box-sizing: border-box; font-size:3vw;
}
section#present strong{display: block;font-weight:bold; text-align:center !important;font-size:4vw;margin-top:30px;}

section#present ul#stampList{width:100%;margin:0 auto;display:flex; flex-wrap: wrap;padding-top:32vh;}
section#present ul#stampList li{width:23%;margin: 1%;}
    

/*==================================
ダウンロード
===================================*/
#donwload{width:100%;margin:0px auto 0px}
#donwload #dllBtn a.true{width:717px; height:auto; background:URL("../_img/btn_dll_on.png") no-repeat;background-size:100% auto; 
    display: block!important;
}
#donwload #dllBtn a{display:none; font-size:0;}
#donwload #dllBtn{width:100%; height:auto; padding-bottom:6vh;margin:3vh 0; background:URL("../_img/btn_dll_off.png") no-repeat;background-size:100% auto; }
    
    
/*==================================
その他情報部分
===================================*/
section#info{padding-top:10vh;}
section#info dl{width:85%; margin: 30px auto;background:#f3fbff;padding:20px;box-sizing: border-box; font-size:3.5vw;}
section#info dl dt{width:60%;margin:3% auto; float:none;}
section#info dl dd{margin-left:0%}
section#info dl dd .midashi{color:#209cd8;font-size:5vw;font-weight:bold;margin-bottom:0.5em;}


/*==================================
サンクス画面、投票確認画面
===================================*/
section#thanks,section#voteCheck {width:96%;margin:0 auto; padding:0 0 2vh;}
section#thanks h2{width:60%;margin:0px auto 2vh;}
section#voteCheck h2{width:60%;margin:0px auto 2vh;}

section#thanks #select_pict,section#voteCheck #select_pict{width:60%; margin:0 auto;}

section#thanks #select_pict img,section#voteCheck #select_pict img{border:1px solid #CCC;}
#name_obi{width:100%;background:#FFFF00;text-align:center;padding:1vw;font-size:5vw;margin:2vh 0;letter-spacing: 0.1em;box-sizing: border-box;}

section#thanks #spgazou_info{width:100%;height:auto;background:url(../_img/spgazou_img.jpg) no-repeat; background-size:100% auto; position: relative;padding-top:35vh;}
    
section#thanks #spgazou_info .btn1{width:80%;position:static;margin:0 auto;padding:12px 0;}

    #download_spgazou .pict2{width:100%;margin:0 auto;}
#download_spgazou{display:none;width:80%;padding:3vw; margin:4vh auto; border:1px solid #FFF;text-align:center;border-radius: 10px;
background-image: linear-gradient(150deg, rgba(181, 236, 239, 1) 10%, rgba(209, 206, 237, 1) 50%, rgba(249, 233, 244, 1));}
#download_spgazou p.settei{text-align:left;margin:2vh 0;font-size:3.5vw;}
#download_spgazou p.settei span{font-weight:bold;font-size:4vw;}
#download_spgazou p.sns_txt{text-align:center;font-size:4vw;color:#0099cc;font-weight:bold;}

/*==================================
フッター
===================================*/
footer{font-size:12px;text-align:center;padding:0px 0 10px;}
    
}