/* Data
=================================== */
.left-box{float:left;width:48%;}
.right-box{float:right;width:48%;}

.dt-ttl { margin-bottom:0.8em; padding:0.5em 0.7em; background-color:#425f58; border-radius:10px; color:#fff; font-size:150%; line-height:130%;text-align:center; }
.dt-ttl2 { margin-bottom:0.8em; padding:0.5em 0.7em; background-color:#ec0050; border-radius:10px; color:#fff; font-size:150%; line-height:130%;  text-align:center;}

.dt-sttl { position:relative; margin-bottom:5px; padding:0 0 8px 0; font-size:130%; line-height:100%; color:#425f58; }
.dt-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 3px; box-sizing: border-box; }
.dt-sttl::after { bottom: 0; border-top: 1px solid #121D22; border-bottom: 2px solid #425f58; }



.dt-sttl2 { position:relative; margin-bottom:5px; padding:0 0 8px 0; font-size:130%; line-height:100%; color:#ec0050; }
.dt-sttl2::after { position: absolute; left: 0; content: ''; width: 100%; height: 3px; box-sizing: border-box; }
.dt-sttl2::after { bottom: 0; border-top: 1px solid #ec0050; border-bottom: 2px solid #ec0050; }



.dt-txt { padding-bottom:20px; line-height:160%;}

.dt-ol { padding-left:1.0em; }
.dt-ol li { padding-bottom:0.5em; line-height:160%; list-style-type:decimal; }

#dt-pic-present { width:80%; margin:0 10% 20px 10%; }
#dt-pic-present p { position:relative; width:100%; height:0; padding-top:56.25%; }
#dt-pic-present p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#dt-btn-entry { width:17.0em; margin:0 auto 1.0em auto; text-align:center; font-size:120%; }
#dt-btn-entry a { display:inline-block; position:relative; width:100%; padding:1.0em 0; border-radius:2.2em; line-height:130%; font-weight:bold; color:#fff; text-decoration:none; background:#c71322; transition: opacity 0.2s ease-out; }
#dt-btn-entry a::before { display:inline-block; position:absolute; top:1.95em; left:2.2em; margin-right:0.7em; content:"▶︎"; font-size:50%; }
#dt-btn-entry a:hover { opacity:0.5; }

#dt-prize { margin:10px 20px 20px 20px; text-align:center; /* for space */ font-size:0; }
#dt-prize li { display:inline-block; margin:0 1.66%; width:30%; vertical-align:middle; /* for space */ font-size:1rem; }
#dt-prize li p { position:relative; width:100%; height:0; padding-top:100%; }
#dt-prize li p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border-radius:20px; border:#ccc 5px solid; box-sizing:border-box; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {
.br_smp { display: -webkit-block; display: block; }
.dt-ttl,.dt-ttl2{ font-size:120%; }
.dt-sttl { font-size:100%; }

.dt-txt,
.dt-ol { font-size:90%; }

#dtpr-btn-entry { font-size:100%; }

#dt-prize li { margin:2% 1%; width:48%; }

}



.txt-r{text-align:right; }
.oubo-banner{margin:5px auto;text-align:center;}

.btn {
margin:5px auto;
padding: 15px;
font-weight: bold;
display: inline-block;
text-decoration: none !important;
font-size: 20px;
border-radius: 5px;
}

.oubo {
    background-color: #fc1954;
    border: 2px solid #fc1954;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.oubo:hover {
    background-color: transparent;
    border: 2px solid #fc4087;
    color: #fc4087 !important;
    border-radius: 30px;
}

.clearboth{clear:both;}
.clearboth hr{display:none;}



@media all and (min-width: 768px) {.br_smp{ display: none; } }