/*  Boshu
=============================================== */

#boshu .box .subttl { background-image:url(../img/boshu/subttl_boshu.png), url(../img/common/subttl_bg.jpg); }

#boshu .box { text-align:left; }

#boshu .box .box-body { border-radius:10px; }

#boshu .chapter { padding-top:10px; }
#boshu-info { margin-bottom:30px; padding-bottom:20px; border-bottom:#ddd 1px solid; }

#boshu .sttl { margin-bottom:0.7em; padding:0.7em 0.6em; background:url(../img/common/subttl_bg.jpg) center bottom no-repeat; background-size:cover; border-radius:0.5em; font-size:120%; line-height:120%; color:#fff; text-shadow:0px 0px 4px rgba(0,0,0,0.1); }

#boshu .txt { line-height:160%; padding-bottom:15px; }

#boshu .column { margin-bottom:20px; padding:20px 20px 10px 20px; border:rgba(77,113,197,0.2) 3px solid; border-radius:20px; }
#boshu .column .sttl { margin-bottom:0.7em; padding:0.8em 0.6em; background-color:rgba(77,113,197,0.2); border-radius:0.5em; }

#boshu .btn { width:60%; margin:0 20% 20px 20%; font-size:150%; }
#boshu .btn a { padding:1.1em 0; border-radius:1.7em; background:url(../img/boshu/btn_bg.jpg) center center no-repeat; background-size:cover; }

#opr-env { margin-bottom:20px; padding:15px; border-radius:15px; border:rgba(77,113,197,0.2) 3px solid; }
#opr-env-ttl { font-size:110%; color:#4d71c5; cursor:pointer; }
#opr-env-ttl::after { content:"▼"; display:inline-block; vertical-align:bottom; margin:0 0 0.15em 0.5em; font-size:70%; }
#opr-env-ttl.active::after { content:"▲"; }
#opr-env-txt { margin-top:20px; line-height:160%; }

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

@media all and (max-width: 767px) {

#boshu .txt { font-size:90%; }

#boshu-info { margin-bottom:20px; padding-bottom:10px; }

#boshu .sttl { font-size:100%; }

#boshu .column { padding:10px 10px 0px 10px; border-radius:10px; }
#boshu .column .sttl { font-size:85%; }

#boshu .btn { width:80%; margin:0 10% 20px 10%; font-size:130%; }

#opr-env { padding:10px; border-radius:10px; }
#opr-env-ttl { font-size:100%; }
#opr-env-txt { font-size:90%; }

}

@media all and (max-width: 600px) {

#boshu .btn { width:90%; margin:0 5% 20px 5%; font-size:100%; }

}

@media all and (max-width: 450px) {

#boshu .btn { font-size:90%; }

}