/* Course
=================================== */

#course main { padding:32px; }

#cs-total { margin:0 10px 20px 10px; background:#fcf3d4; padding:15px 10px; text-align:center; }
#cs-total p { display:inline; font-size:110%; line-height:1.25; font-weight:bold; }
.cs-t-nm { color:#835005; }
#course .mov-box { margin-bottom:15px; }

#cs-main:after {content:"";clear:both;display:block;}

#cs-box-l { width:500px; background:url(../img/course/bg_line.png) repeat-y 10px 0 ; float:left; }
#cs-box-r { width:380px; float:right; }
.p-point { font-size:90%; margin-left:40px; line-height:1.5; margin-bottom:1em; }
.p-point strong { color:#e10a20; font-size:150%; }
.length-box { margin:0 0 1em 40px; display:flex; }
.length-num { color:#e10a20; font-size:150%; font-weight:bold; }
.length-num .arrow { padding:0 0.25em; color:#333; }
.length-num .txts { font-size:60%; }
.bx-kakoi { background:#fcf3d4; padding:15px; margin:0 0 20px 40px; }
.bx-kakoi p { font-size:90%; line-height:1.5; }
#cs-main h3 { background:#835005; margin-bottom:1em; }
#cs-main h3 span { color:#fff; display:block; font-size:90%; letter-spacing:.05em; line-height:1.25; padding:.5em 1em; }
#cs-main h3 span a { color:#fff462; }
#cs-box-r h4 { color:#835005; line-height:1.5; margin-left:1em; margin-bottom:.75em; }
#cs-box-r p { font-size:90%; line-height:1.6; margin-left:1em; margin-bottom:2em; }

#course #mov-caution { margin-top:15px; }

#cs-link { font-size:110%; line-height:140%; text-align:center; margin-bottom:15px; }
#cs-link a { color:#835005; }
#cs-link a:hover { text-decoration:none; }

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

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

#course main { padding:10px; }

#cs-total { margin:0 0 20px 0; padding:10px 10px 5px 10px; text-align:left; }
#cs-total p { display:inline-block; font-size:90%; padding-bottom:5px; }
.cs-t-hd { display:inline-block; }

#cs-dgm { width:100%; margin:0 auto 20px auto; }

#cs-box-l,
#cs-box-r { width:100%; float:none; }

#cs-box-l { margin-bottom:30px; }

.bx-kakoi { padding:10px; }

#cs-box-r h3 { margin-bottom:0.5em; }
#cs-box-r h4 { margin-left:0; margin-bottom:0.3em; }
#cs-box-r p { margin-left:0; margin-bottom:1em; }

#cs-link { font-size:90%; margin-bottom:10px; }

}