/* Data
=================================== */

.dt-ttl { margin-bottom:0.8em; padding:0.5em 0.7em; background-color:#c71322; border-radius:10px; color:#fff; font-size:140%; line-height:130%; }
.dt-sttl { position:relative; margin-bottom:15px; padding:0 0 15px 0; font-size:130%; line-height:140%; color:#C70025; }
.dt-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.dt-sttl::after { bottom: 0; border-top: 1px solid #e33c7d; border-bottom: 2px solid #C70025; }

.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 0.5em 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) {

.dt-ttl { 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%; }

}