/* =========================================================
   common-detail.css  —  詳細ページ (講師詳細 / レッスン詳細) 共用の軽量CSS

   'lite-css' セクションを宣言したページで、common/head.blade.php が
   bootstrap.min.css + style.css の代わりに読み込む。

   ■ 中身
     このファイルは手書きではなく、bootstrap.min.css と style.css から
     「詳細ページのマークアップに一致し得るルールだけ」を、元の記述順と
     詳細度を一切変えずに機械抽出して連結したもの。
     カスケードが元と同一になるため、見た目は従来と変わらない。

   ■ 順序 (入れ替えないこと)
     [1] bootstrap.min.css 抜粋
     [2] style.css 抜粋
     ※ style.css の 1行目にあった @import url("202110.css") は
        common/head.blade.php 側で <link> に置き換えている。
        common-detail.css より前に 202110.css を読み込むこと。

   ■ 再生成について
     元の bootstrap.min.css / style.css を修正したときは、この抜粋も
     作り直す必要がある。作り直さない場合、詳細ページにだけ修正が
     反映されないので注意。
   ========================================================= */

/* ===== [1] bootstrap.min.css (v3.4.1) 抜粋 ===== */
body {margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
[hidden], template {display:none}
a {background-color:transparent}
a:active, a:hover {outline:0}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}
b, strong {font-weight:700}
dfn {font-style:italic}
h1 {font-size:2em;margin:.67em 0}
mark {background:#ff0;color:#000}
small {font-size:80%}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
img {border:0}
svg:not(:root) {overflow:hidden}
figure {margin:1em 40px}
hr {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre {overflow:auto}
code, kbd, pre, samp {font-family:monospace,monospace;font-size:1em}
button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0}
button {overflow:visible}
button, select {text-transform:none}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer}
button[disabled], html input[disabled] {cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
input {line-height:normal}
input[type=checkbox], input[type=radio] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend {border:0;padding:0}
textarea {overflow:auto}
optgroup {font-weight:700}
table {border-collapse:collapse;border-spacing:0}
td, th {padding:0}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
button, input, select, textarea {font-family:inherit;font-size:inherit;line-height:inherit}
a {color:#337ab7;text-decoration:none}
a:focus, a:hover {color:#23527c;text-decoration:underline}
a:focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure {margin:0}
img {vertical-align:middle}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[role=button] {cursor:pointer}
h1, h2, h3, h4, h5, h6 {font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight:400;line-height:1;color:#777}
h1, h2, h3 {margin-top:20px;margin-bottom:10px}
h1 small, h2 small, h3 small {font-size:65%}
h4, h5, h6 {margin-top:10px;margin-bottom:10px}
h4 small, h5 small, h6 small {font-size:75%}
h1 {font-size:36px}
h2 {font-size:30px}
h3 {font-size:24px}
h4 {font-size:18px}
h5 {font-size:14px}
h6 {font-size:12px}
p {margin:0 0 10px}
small {font-size:85%}
mark {padding:.2em;background-color:#fcf8e3}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.text-muted {color:#777}
.text-danger {color:#a94442}
a.text-danger:focus, a.text-danger:hover {color:#843534}
ol, ul {margin-top:0;margin-bottom:10px}
ol ol, ol ul, ul ol, ul ul {margin-bottom:0}
dl {margin-top:0;margin-bottom:20px}
dd, dt {line-height:1.42857143}
dt {font-weight:700}
dd {margin-left:0}
abbr[data-original-title], abbr[title] {cursor:help}
blockquote {padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {margin-bottom:0}
blockquote footer, blockquote small {display:block;font-size:80%;line-height:1.42857143;color:#777}
blockquote footer:before, blockquote small:before {content:"\2014 \00A0"}
blockquote.pull-right {padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}
blockquote.pull-right footer:before, blockquote.pull-right small:before {content:""}
blockquote.pull-right footer:after, blockquote.pull-right small:after {content:"\00A0 \2014"}
address {margin-bottom:20px;font-style:normal;line-height:1.42857143}
code, kbd, pre, samp {font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
code {padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
kbd {padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
kbd kbd {padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}
pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
pre code {padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
.container {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px) {
.container {width:750px}
}
@media (min-width:992px) {
.container {width:970px}
}
@media (min-width:1200px) {
.container {width:1170px}
}
.container-fluid {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row {margin-right:-15px;margin-left:-15px}
.col-md-12, .col-md-4, .col-md-6, .col-md-8, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {width:75%}
.col-xs-8 {width:66.66666667%}
.col-xs-7 {width:58.33333333%}
.col-xs-6 {width:50%}
.col-xs-5 {width:41.66666667%}
.col-xs-4 {width:33.33333333%}
.col-xs-3 {width:25%}
.col-xs-2 {width:16.66666667%}
.col-xs-1 {width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-12, .col-md-4, .col-md-6, .col-md-8 {float:left}
.col-md-12 {width:100%}
.col-md-8 {width:66.66666667%}
.col-md-6 {width:50%}
.col-md-4 {width:33.33333333%}
}
table {background-color:transparent}
table col[class*=col-] {position:static;display:table-column;float:none}
table td[class*=col-], table th[class*=col-] {position:static;display:table-cell;float:none}
caption {padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th {text-align:left}
.table {width:100%;max-width:100%;margin-bottom:20px}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th {vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {border-top:0}
.table>tbody+tbody {border-top:2px solid #ddd}
.table .table {background-color:#fff}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {padding:5px}
.table-bordered {border:1px solid #ddd}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:1px solid #ddd}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom-width:2px}
.table-striped>tbody>tr:nth-of-type(odd) {background-color:#f9f9f9}
.table-hover>tbody>tr:hover {background-color:#f5f5f5}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {background-color:#f5f5f5}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {background-color:#e8e8e8}
.table-responsive {min-height:.01%;overflow-x:auto}
@media screen and (max-width:767px) {
.table-responsive {width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
.table-responsive>.table {margin-bottom:0}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {white-space:nowrap}
.table-responsive>.table-bordered {border:0}
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {border-left:0}
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom:0}
}
fieldset {min-width:0;padding:0;margin:0;border:0}
legend {display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label {display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=checkbox], input[type=radio] {margin:4px 0 0;margin-top:1px\9;line-height:normal}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {cursor:not-allowed}
input[type=file] {display:block}
input[type=range] {display:block;width:100%}
select[multiple], select[size] {height:auto}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output {display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}
.form-control {display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}
.form-control:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder {color:#999;opacity:1}
.form-control:-ms-input-placeholder {color:#999}
.form-control::-webkit-input-placeholder {color:#999}
.form-control::-ms-expand {background-color:transparent;border:0}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color:#eee;opacity:1}
.form-control[disabled], fieldset[disabled] .form-control {cursor:not-allowed}
textarea.form-control {height:auto}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {line-height:34px}
}
.form-group {margin-bottom:15px}
.checkbox, .radio {position:relative;display:block;margin-top:10px;margin-bottom:10px}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {cursor:not-allowed}
.checkbox label, .radio label {min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type=checkbox], .radio input[type=radio] {position:absolute;margin-top:4px\9;margin-left:-20px}
.checkbox+.checkbox, .radio+.radio {margin-top:-5px}
.help-block {display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media (min-width:768px) {
.form-inline .form-group {display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control {display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group {display:inline-table;vertical-align:middle}
.form-inline .input-group .form-control {width:auto}
.form-inline .input-group>.form-control {width:100%}
.form-inline .control-label {margin-bottom:0;vertical-align:middle}
.form-inline .checkbox, .form-inline .radio {display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .checkbox label, .form-inline .radio label {padding-left:0}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {position:relative;margin-left:0}
}
.btn {display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn.active:focus, .btn:active:focus, .btn:focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:focus, .btn:hover {color:#333;text-decoration:none}
.btn.active, .btn:active {background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}
a.btn.disabled, fieldset[disabled] a.btn {pointer-events:none}
.btn-default {color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus {color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover {color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active, .btn-default:active {color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}
.btn-default.active:focus, .btn-default.active:hover, .btn-default:active:focus, .btn-default:active:hover {color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {background-color:#fff;border-color:#ccc}
.btn-primary {color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary:focus {color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:hover {color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active, .btn-primary:active {color:#fff;background-color:#286090;background-image:none;border-color:#204d74}
.btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary:active:hover {color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {background-color:#337ab7;border-color:#2e6da4}
.btn-link {font-weight:400;color:#337ab7;border-radius:0}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {border-color:transparent}
.btn-link:focus, .btn-link:hover {color:#23527c;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {color:#777;text-decoration:none}
.btn-lg {padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-sm {padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block {display:block;width:100%}
.btn-block+.btn-block {margin-top:5px}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {width:100%}
.fade {opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in {opacity:1}
.collapse {display:none}
.collapse.in {display:block}
tr.collapse.in {display:table-row}
tbody.collapse.in {display:table-row-group}
.dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right {right:0;left:auto}
.dropdown-menu>li>a {display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {color:#777}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu {display:block}
.open>a {outline:0}
.pull-right>.dropdown-menu {right:0;left:auto}
.btn-group {position:relative;display:inline-block;vertical-align:middle}
.btn-group>.btn {position:relative;float:left}
.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover {z-index:2}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left:-1px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius:0}
.btn-group>.btn:first-child {margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn:last-child:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn-group {float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {border-radius:0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child {border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius:0;border-bottom-left-radius:0}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.input-group {position:relative;display:table;border-collapse:separate}
.input-group[class*=col-] {float:none;padding-right:0;padding-left:0}
.input-group .form-control {position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group .form-control:focus {z-index:3}
.input-group .form-control {display:table-cell}
.input-group .form-control:not(:first-child):not(:last-child) {border-radius:0}
.input-group .form-control:first-child {border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .form-control:last-child {border-top-left-radius:0;border-bottom-left-radius:0}
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li {display:inline}
.pagination>li>a, .pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.alert {padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4 {margin-top:0;color:inherit}
.alert>p, .alert>ul {margin-bottom:0}
.alert>p+p {margin-top:5px}
.alert-dismissible {padding-right:35px}
.alert-dismissible .close {position:relative;top:-2px;right:-21px;color:inherit}
.alert-success {color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr {border-top-color:#c9e2b3}
.alert-info {color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr {border-top-color:#a6e1ec}
.alert-warning {color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-warning hr {border-top-color:#f7e1b5}
.alert-danger {color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-danger hr {border-top-color:#e4b9c0}
@-webkit-keyframes progress-bar-stripes {from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes {from{background-position:40px 0}to{background-position:0 0}}
.panel {margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-body {padding:15px}
.panel-heading {padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.panel-title {margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>a, .panel-title>small, .panel-title>small>a {color:inherit}
.panel>.table, .panel>.table-responsive>.table {margin-bottom:0}
.panel>.table caption, .panel>.table-responsive>.table caption {padding-right:15px;padding-left:15px}
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child {border-top-left-radius:3px;border-top-right-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {border-top-left-radius:3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {border-top-right-radius:3px}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child {border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {border-bottom-left-radius:3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {border-bottom-right-radius:3px}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {border-top:1px solid #ddd}
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {border-top:0}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {border:0}
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {border-left:0}
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {border-right:0}
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {border-bottom:0}
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom:0}
.panel>.table-responsive {margin-bottom:0;border:0}
.panel-default {border-color:#ddd}
.panel-default>.panel-heading {color:#333;background-color:#f5f5f5;border-color:#ddd}
.close {float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}
.close:focus, .close:hover {color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}
button.close {padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .panel-body:after, .panel-body:before, .row:after, .row:before {display:table;content:" "}
.clearfix:after, .container-fluid:after, .container:after, .panel-body:after, .row:after {clear:both}
.pull-right {float:right!important}
.pull-left {float:left!important}
.show {display:block!important}
.hidden {display:none!important}

/* ===== [2] style.css 抜粋 ===== */
html {
  font-size: 16px; }
body {
  font-size: 1.07143rem;
  color: #333;
  font-family: Meiryo, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, sans-serif;
  position: relative;
  line-height: 1.8em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 360px; }
a {
  color: #12b5eb;
  text-decoration: none; }
a:hover, a:active, a:visited {
  color: #12b5eb; }
a:hover {
  text-decoration: underline; }
.pc a:hover img {
  opacity: 0.7; }
.sp a:not(.boxer):hover img {
  opacity: 0.7; }
a:focus, *:focus {
  outline: none; }
.m10 {
  margin-top: 10px !important; }
.m20 {
  margin-top: 20px !important; }
.m30 {
  margin-top: 30px !important; }
.m50 {
  margin-top: 50px !important; }
img {
  max-width: 100%; }
.btn-box {
  text-align: center; }
.blue {
  color: #2c67cc; }
a.btn-pink, button.btn-pink {
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e54350;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  -moz-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  background: -moz-linear-gradient(top, #ed6578 0%, #ed6578 50%, #e54350 50%, #e54350);
  background: -webkit-gradient(linear, left top, left bottom, from(#ed6578), color-stop(0.5, #ed6578), color-stop(0.5, #e54350), to(#e54350));
  background: -ms-linear-gradient(top, #ed6578 0%, #ed6578 50%, #e54350 50%, #e54350);
  text-shadow: -1px -1px 2px #e54350, 1px -1px 2px #e54350, 1px 1px 2px #e54350, -1px 1px 2px #e54350; }
a.btn-blue, button.btn-blue {
  display: inline-block;
  text-align: center;
  color: #fff;
  border-width: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #2c67cc;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  -moz-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  background: -moz-linear-gradient(top, #0998e0 0%, #0998e0 50%, #2c67cc 50%, #2c67cc);
  background: -webkit-gradient(linear, left top, left bottom, from(#0998e0), color-stop(0.5, #0998e0), color-stop(0.5, #2c67cc), to(#2c67cc));
  background: -ms-linear-gradient(top, #0998e0 0%, #0998e0 50%, #0fa6e7 50%, #2c67cc);}
a.btn-blue:hover, a.btn-pink:hover, button.btn-blue:hover, button.btn-pink:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #fff; }
/* レイアウト */
.container {
  width: 960px; }
#header {
  background-color: #fafafb;
  min-height: 40px; }
#header .container {
    position: relative; }
#header p {
    font-size: 1rem; }
#footer {
  background-color: #12b5eb;
  color: #fff;
  text-align: center;
  padding: 10px; }
#footer p {
    margin: 0;
    padding: 0;
    font-size: 0.78571rem;
    line-height: 1; }
.news {
  font-size: 1.0rem; }
ul.news {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none; }
ul.news li {
    position: relative; }
ul.news li a {
      color: #754947; }
ul.news li:before {
    content: "\f0da";
    font-family: "FontAwesome";
    color: #f50620;
    position: absolute;
    left: -1em;
    top: 0; }
h1.page-title {
  font-family: sans-serif;
  background-color: #12b5eb;
  color: #fff;
  font-size: 1.2rem;
  padding: 10px 10px;
  border-left: 2px solid #fff;
  box-shadow: -3px 0px #12b5eb;
  margin: 0 0 20px 3px; }
h2.title {
  font-family: sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  border-bottom: 1px dotted #f5b1aa;
  border-left: 5px solid #f50620;
  padding: 5px 0 5px 10px;
  margin-top: 0;
  line-height: 1.4em;
  margin-bottom: 25px;
	color: #4a4a8a; }
h2.title span {
    font-size: 1.42857rem;
    margin-left: 5px; }
h3.s-title {
  font-size: 1.28571rem;
  padding-bottom: 5px;
  margin-top: 15px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  line-height: 1.4em; }
.section-header {
  position: relative;
  overflow: hidden; }
.section-header .list-link {
    position: absolute;
    right: 0;
    top: 0;
    color: #333; }
.section-header .list-link i {
      color: #12b5eb; }
h4 {
  font-size: 1.14286rem;
  font-weight: bold; }
a.btn-sm {
  font-size: 1rem;
  padding: 3px 10px; }
a.btn-sm.btn-default {
  color: #333; }
.btn-list .btn i {
  color: #12b5eb; }
.cnt-box {
  position: relative;
  background-color: #fafafb;
  padding: 10px 10px 10px 55px;
  margin-bottom: 5px; }
.cnt-box .thumb {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 38px;
    height: 38px; }
.cnt-box .thumb img {
      position: absolute;
      margin: auto;
      max-height: 100%;
      max-width: 100%;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
.cnt-box ul, .cnt-box li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.4em; }
.cnt-box .cnt-title {
    font-size: 1.14286rem;
    font-weight: bold; }
.cnt-box .cnt-copy {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.cnt-block {
  max-height: 1310px;
  overflow: auto; }
@media (max-width: 680px) {
.cnt-block {
      max-height: 1250px; }
}
.fa-arrow-right {
  color: #12b5eb; }
.panel-body {
  padding: 15px; }
.attention {
  color: #f50620; }
#main section + section {
  margin-top: 50px; }
input[type=date].form-control {
  line-height: 1.42857143;
  width: 170px; }
.btn-trial {
  padding: 25px;
  font-size: 1.28571rem;
  width: 230px; }
/* CheckBox */
@media (min-width: 681px) {
  .form-inline .checkbox label, .form-inline .radio label {
    padding-left: 32px; } }
.checkbox {
  margin: 0; }
option {
  color: #333 !important; }
.radio input[type=radio], .radio input[type=checkbox], .checkbox input[type=radio], .checkbox input[type=checkbox] {
  display: none; }
/* radio */
.radio {
  margin: 0; }
.check-list2 {
  margin: 0 0 0 10px;
  padding: 0 0 0 1em;
  list-style: none; }
.check-list2 li {
    position: relative;
    font-size: 1.14286rem;
    font-weight: bold; }
.check-list2 li:before {
    content: "\f046";
    font-family: "FontAwesome";
    color: #f50620;
    position: absolute;
    left: -1.2em;
    top: 0;
    font-weight: normal; }
.check-list2 li + li {
    margin-top: 5px; }
.panel-body {
  padding: 15px 20px; }
.photo {
  position: relative;
  background-color: #fff; }
.photo img {
    position: absolute;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
#main .schedule h3 {
  font-size: 1.28571rem;
  font-weight: bold;
  margin-top: 5px; }
#main .schedule .btn-group .btn {
  padding: 3px 10px; }
#main .schedule .btn-group i {
  color: #12b5eb;
  font-size: 1.14286rem; }
#main .schedule .cal-table {
  border: 0;
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  border-spacing: 0;
  border-collapse: separate; }
#main .schedule .cal-table th, #main .schedule .cal-table tr {
    vertical-align: top;
    padding: 8px;
    line-height: 1.4em; }
#main .schedule .cal-table tr th, #main .schedule .cal-table tr td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd; }
#main .schedule .cal-table tr th:first-child, #main .schedule .cal-table tr td:first-child {
      border-left: none; }
#main .schedule .cal-table td {
    padding: 5px; }
#main .schedule .cal-table th {
    background-color: #fafafb;
    text-align: center;
    padding: 2px;
    font-weight: normal;
    width: 14%;
    border-bottom: 1px solid #ddd; }
#main .schedule .cal-table td.today {
    background-color: #e9f4e0; }
#main .schedule .cal-table td span.date {
    font-weight: bold;
    line-height: 1; }
#main .schedule .cal-table th.sun, #main .schedule .cal-table td.sun span.date, #main .schedule .cal-table td.holiday span.date {
    color: #f50620; }
#main .schedule .cal-table th.sat, #main .schedule .cal-table td.sat span.date {
    color: #12b5eb; }
#main .schedule .cal-table .koma {
    padding: 1px;
    color: #fff;
    line-height: 1.7em;
    font-size: 0.85714rem;
    border-radius: 3px;
    margin-top: 1px; }
#main .schedule .cal-table .end {
    background-color: #ccc; }
#main .schedule .cal-table .open {
    background-color: #ff8000; }
#main .schedule .cal-table .lesson {
    background-color: #2c67cc; }
#main .schedule .cal-table .past {
    background-color: #9dacc5; }
#main .schedule .cal-table .lesson:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #12b5eb; }
#main .schedule .cal-table .open:hover {
    text-decoration: none;
    cursor: pointer;
    /*background-color: #f50620; */
  }
#main .schedule .cal-table .past:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: #2c67cc; }
#main .schedule .cal-table .non {
    background-color: #888; }
#main .schedule .cal-table .date {
    display: block; }
#main .schedule .cal-table td.next-month {
    background-color: #fafafa; }
#main .schedule .cal-table td.next-month span.date {
    font-weight: normal; }
@media screen and (max-width: 680px) {
#main .schedule .cal-table th, #main .schedule .cal-table td {
      padding: 2px;
      width: 50px; }
#main .schedule .cal-table td span.date {
      font-size: 0.9rem; }
#main .schedule .cal-table .koma {
      font-size: 0.9rem; }
}
#main .schedule#teacher-schedule tbody td:before {
  width: 0px;
  content: '';
  float: left;
  overflow: hidden;
  height: 65px;
  font-size: 0; }
@media screen and (max-width: 680px) {
#main .schedule#teacher-schedule tbody td:before {
      height: 40px; }
}
#main .schedule#teacher-schedule .end:after {
  content: "受付終了";
  margin-left: 3px;
  display: inline-block; }
#main .schedule#teacher-schedule .open:after {
  content: "空き";
  margin-left: 3px;
  display: inline-block; }
#main .schedule#teacher-schedule .lesson:after {
  content: "レッスン";
  margin-left: 3px;
  display: inline-block; }
#main .schedule#teacher-schedule .non:after {
  content: "予約あり";
  margin-left: 3px;
  display: inline-block; }
#main .schedule#teacher-schedule .past:after {
  content: "終了";
  margin-left: 3px;
  display: inline-block; }
@media screen and (max-width: 680px) {
#main .schedule#teacher-schedule .koma:after {
    margin: 0 !important; }
}
#main #teach-data, #main .teach-box {
  overflow: hidden; }
#main #teach-data .panel-body, #main .teach-box .panel-body {
    padding: 15px 15px;
    position: relative; }
#main #teach-data .panel-body #sns-list, #main .teach-box .panel-body #sns-list {
      position: absolute;
      top: 15px;
      right: 15px;
      list-style: none;
      margin: 0;
      padding: 0;
      z-index: 1;}
#main #teach-data .panel-body #sns-list li, #main .teach-box .panel-body #sns-list li {
        display: inline-block;
        font-size: 2.14286rem; }
#main #teach-data .panel-body #sns-list li.twitter a, #main .teach-box .panel-body #sns-list li.twitter a {
        color: #12b5eb; }
#main #teach-data .panel-body #sns-list li.rss a, #main .teach-box .panel-body #sns-list li.rss a {
        color: orange; }
#main #teach-data .row, #main .teach-box .row {
    margin-right: -5px;
    margin-left: -5px; }
#main #teach-data .col-xs-5, #main #teach-data .col-xs-6, #main #teach-data .col-xs-7, #main #teach-data .col-sm-2, #main #teach-data .col-sm-3, #main #teach-data .col-sm-4, #main #teach-data .col-sm-5, #main #teach-data .col-sm-6, #main #teach-data .col-sm-7, #main #teach-data .col-sm-8, #main #teach-data .col-sm-9, #main .teach-box .col-xs-5, #main .teach-box .col-xs-6, #main .teach-box .col-xs-7, #main .teach-box .col-sm-2, #main .teach-box .col-sm-3, #main .teach-box .col-sm-4, #main .teach-box .col-sm-5, #main .teach-box .col-sm-6, #main .teach-box .col-sm-7, #main .teach-box .col-sm-8, #main .teach-box .col-sm-9 {
    padding-right: 5px;
    padding-left: 5px; }
#main #teach-data .plan-box, #main .teach-box .plan-box {
    overflow: hidden; }
#main #teach-data .plan-box h2, #main .teach-box .plan-box h2 {
      font-size: 1.25rem;
      line-height: 1.4;
      margin-top: 0; }
#main #teach-data .plan-box .plan-data-L, #main .teach-box .plan-box .plan-data-L {
      width: 150px;
      float: left; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-L, #main .teach-box .plan-box .plan-data-L {
          width: 120px; }
}
#main #teach-data .plan-box .plan-data-L .photo, #main .teach-box .plan-box .plan-data-L .photo {
        width: 150px;
        height: 150px; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-L .photo, #main .teach-box .plan-box .plan-data-L .photo {
            width: 120px;
            height: 120px; }
}
#main #teach-data .plan-box .plan-data-R1, #main .teach-box .plan-box .plan-data-R1 {
      width: 490px;
      float: right;
      margin-bottom: 0; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-R1, #main .teach-box .plan-box .plan-data-R1 {
          width: 180px; }
}
#main #teach-data .plan-box .plan-data-R1 .aki, #main .teach-box .plan-box .plan-data-R1 .aki {
        margin-bottom: 0; }
#main #teach-data .plan-box .plan-data-R2, #main .teach-box .plan-box .plan-data-R2 {
      width: 490px;
      float: right; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-R2, #main .teach-box .plan-box .plan-data-R2 {
          width: 100%;
          margin-top: 10px; }
}
#main #teach-data .plan-box .plan-data-R2 .photo, #main .teach-box .plan-box .plan-data-R2 .photo {
        width: 90px;
        height: 90px;
        float: left;
        margin-right: 10px; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-R2 .photo, #main .teach-box .plan-box .plan-data-R2 .photo {
            width: 60px;
            height: 55px; }
}
#main #teach-data .plan-box .plan-data-R2 .name, #main .teach-box .plan-box .plan-data-R2 .name {
        font-size: 1.25rem;
        margin: 0; }
#main #teach-data .plan-box .plan-data-R2 .point, #main .teach-box .plan-box .plan-data-R2 .point {
        text-align: right; }
#main #teach-data .plan-box .plan-data-R2 h4, #main .teach-box .plan-box .plan-data-R2 h4 {
        float: left;
        margin: 5px 1em 0 0; }
#main #teach-data .plan-box .plan-data-R2 p, #main .teach-box .plan-box .plan-data-R2 p {
        font-size: 1.28571rem;
        margin-bottom: 5px; }
#main #teach-data .plan-box .plan-data-R2 .teach-table, #main .teach-box .plan-box .plan-data-R2 .teach-table {
        width: auto;
        border-top: 1px solid #ddd;
        margin-bottom: 0; }
#main #teach-data .plan-box .plan-data-R2 .btn-list .btn, #main .teach-box .plan-box .plan-data-R2 .btn-list .btn {
        width: 100%; }
#main #teach-data .plan-box .plan-data-R2 .btn-list .btn span, #main .teach-box .plan-box .plan-data-R2 .btn-list .btn span {
          width: 6em;
          display: inline-block; }
@media (max-width: 680px) {
#main #teach-data .plan-box .plan-data-R2 .btn-list li, #main .teach-box .plan-box .plan-data-R2 .btn-list li {
          width: 49%;
          display: inline-block; }
}
#main #teach-data .plan-box .plan-data-R2 .btn-list li + li, #main .teach-box .plan-box .plan-data-R2 .btn-list li + li {
        margin-top: 5px; }
#main #teach-data .plan-box .plan-data-R2 .point .num, #main .teach-box .plan-box .plan-data-R2 .point .num {
        font-size: 1.28571rem;
        font-weight: bold; }
#main #teach-data .btn-list li + li, #main .teach-box .btn-list li + li {
    margin-top: 5px; }
#main #teach-data #teach-data-L, #main #teach-data .teach-box-L, #main .teach-box #teach-data-L, #main .teach-box .teach-box-L {
    width: 170px;
    float: left; }
#main #teach-data #teach-data-L .photo, #main #teach-data .teach-box-L .photo, #main .teach-box #teach-data-L .photo, #main .teach-box .teach-box-L .photo {
      width: 120px;
      height: 120px;
      margin: 5px auto 20px; }
#main #teach-data #teach-data-L .photo.favorite:before, #main #teach-data .teach-box-L .photo.favorite:before, #main .teach-box #teach-data-L .photo.favorite:before, #main .teach-box .teach-box-L .photo.favorite:before {
      content: "\f005";
      font-family: "FontAwesome";
      font-size: 1.85714rem;
      color: #fdf681;
      position: absolute;
      left: 3px;
      bottom: 3px;
      z-index: 10;
      text-shadow: 0 0 5px #aaa; }
#main #teach-data #teach-data-L h3.name, #main #teach-data .teach-box-L h3.name, #main .teach-box #teach-data-L h3.name, #main .teach-box .teach-box-L h3.name {
      font-size: 1.28571rem;
      text-align: center;
      margin: 0; }
#main #teach-data #teach-data-L h4, #main #teach-data .teach-box-L h4, #main .teach-box #teach-data-L h4, #main .teach-box .teach-box-L h4 {
      font-size: 1rem;
      font-weight: bold;
      text-align: center;
      margin: 20px 0 5px; }
#main #teach-data #teach-data-L p, #main #teach-data .teach-box-L p, #main .teach-box #teach-data-L p, #main .teach-box .teach-box-L p {
      font-size: 1.28571rem;
      text-align: center; }
#main #teach-data #teach-data-L p span.num, #main #teach-data .teach-box-L p span.num, #main .teach-box #teach-data-L p span.num, #main .teach-box .teach-box-L p span.num {
      font-size: 1.71429rem;
      color: #8291d2; }
#main #teach-data #teach-data-L ul, #main #teach-data .teach-box-L ul, #main .teach-box #teach-data-L ul, #main .teach-box .teach-box-L ul {
      margin: 0;
      padding: 0;
      list-style: none; }
#main #teach-data #teach-data-L li + li, #main #teach-data .teach-box-L li + li, #main .teach-box #teach-data-L li + li, #main .teach-box .teach-box-L li + li {
      margin-top: 10px;}
#main #teach-data #teach-data-L li a, #main #teach-data .teach-box-L li a, #main .teach-box #teach-data-L li a, #main .teach-box .teach-box-L li a {
      width: 100%;
      text-align: left;
      font-size: 1rem;
      color: #333; }
#main #teach-data #teach-data-L li a i, #main #teach-data .teach-box-L li a i, #main .teach-box #teach-data-L li a i, #main .teach-box .teach-box-L li a i {
      color: #12b5eb;
      display: inline-block;
      width: 1em;
      text-align: center; }
#main #teach-data #teach-data-L li a i.fa-star, #main #teach-data .teach-box-L li a i.fa-star, #main .teach-box #teach-data-L li a i.fa-star, #main .teach-box .teach-box-L li a i.fa-star {
      color: #ffcc00; }
#main #teach-data #teach-data-R .btn i, #main .teach-box #teach-data-R .btn i {
    color: #12b5eb; }
#main #teach-data #teach-data-R .teach-table th, #main .teach-box #teach-data-R .teach-table th {
    width: 7em; }
#main #teach-data #teach-data-R, #main #teach-data .teach-box-R, #main .teach-box #teach-data-R, #main .teach-box .teach-box-R {
    width: 470px;
    float: right; }
#main .teach-table {
  font-size: 1.14286rem;
  margin-bottom: 5px; }
#main .teach-table th {
    background-color: #fafafb;
    font-weight: normal;
    width: 8.5em; }
@media (max-width: 680px) {
#main .teach-table th {
        width: 7em; }
}
#main .teach-table th, #main .teach-table td {
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
    padding-right: 8px; }
#main .teach-table .num {
    font-weight: bold;
    font-size: 1.28571rem;
    color: #8291d2; }
#main .teach-table .photo {
    width: 80px;
    height: 80px; }
#main .int-list, #main .tag-list {
  margin: 0;
  padding: 0;
  list-style: none; }
#main .int-list li, #main .tag-list li {
    display: inline-block; }
#main .int-list span {
  position: relative;
  background-color: #e5f7fd;
  padding: 5px 15px 5px 8px;
  color: #333;
  overflow: hidden; }
#main .int-list span:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 8px 8px 0;
  /* This trick side-steps a webkit bug */
  border-style: solid;
  border-color: #fff #fff #b6e9f9 #b6e9f9;
  /* A bit more verbose to work with .rounded too */
  background: #b6e9f9;
  /* For Opera when also applying a border-radius */
  display: block;
  width: 0;
  /* Only for Firefox 3.0 damage limitation */ }
#main .int-list a:hover {
  text-decoration: none; }
#main .int-list a:hover span {
    background-color: #b6e9f9;
    text-decoration: none; }
#main .tag-list li {
  margin: 1px 3px 1px 0;
  padding: 0; }
#main .tag-list li span {
    background-color: #e5f7fd;
    padding: 5px;
    color: #333;
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 0.2em 0 1.5em;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #ddd; }
#main .tag-list li span:before {
    content: "\f02b";
    font-family: "FontAwesome";
    color: #12b5eb;
    position: absolute;
    left: 5px; }
#main .tag-list li a:hover span {
  color: #12b5eb; }
#main #teach-comment {
  margin-top: 0; }
#main #teach-comment .panel-body {
    padding: 15px 20px; }
#main #teach-comment h3.s-title ~ h3.s-title {
    margin-top: 40px; }
#main #teach-comment h4 {
    font-size: 1.14286rem;
    margin-top: 20px; }
#main #teach-comment ul {
    margin: 0;
    padding: 0 0 0 0.5em; }
.user-movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 15px 0; }
.user-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
ul.check-list {
  margin: 0;
  padding: 0 0 0 1.2em;
  list-style: none; }
ul.check-list li {
    position: relative; }
ul.check-list li:before {
    content: "\f058";
    font-family: "FontAwesome";
    color: #12b5eb;
    position: absolute;
    left: -1.2em;
    top: 0; }
ul.check-list a:before {
    content: "\f0da";
    font-family: "FontAwesome";
    color: #12b5eb;
    display: inline-block;
    margin-right: 3px; }
@media (max-width: 680px) {
.cal-table-wrapper {
    margin-left: -6px;
    margin-right: -6px; }
}
#teach-search .panel-body {
  margin-right: -25px; }
@media screen and (max-width: 680px) {
#teach-search .panel-body {
      margin-right: -15px; }
}
#teach-search input[type="text"] {
  min-width: 250px; }
.sort-list {
  padding: 0;
  list-style: none;
  margin-bottom: 10px; }
.sort-list li {
    display: inline-block; }
.sort-list a {
    color: #333; }
.sort-list i {
    color: #12b5eb; }
.aki {
  padding: 2px 0 2px 35px;
  position: relative; }
.aki:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "空";
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  font-size: 1.35714rem;
  padding: 6px;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  z-index: 5; }
.aki:after {
  position: absolute;
  left: 25px;
  top: 20px;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #ff8000;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 6px solid transparent;
  transform: rotate(-45deg);
  z-index: 5; }
.aki.off:before {
  background-color: #ccc; }
.aki.off:after {
  border-top-color: #ccc; }
.photo.aki:before {
  bottom: 5px;
  top: auto;
  left: 5px;
  box-shadow: 0 0 3px #000; }
.photo.aki:after {
  bottom: -5px;
  left: 30px;
  top: auto; }
#main .teach-box h3 {
  margin-top: 0;
  font-size: 1.42857rem;
  line-height: 1.4em;
  max-width: 280px; }
@media screen and (max-width: 680px) {
#main .teach-box h3 {
      max-width: 225px; }
}
#main .teach-box .teach-box-R .point {
  float: right; }
#main .teach-box .teach-box-R .point span.num {
    font-weight: bold;
    font-size: 1.28571rem; }
.btn-list {
  list-style: none;
  margin: 0;
  padding: 0; }
/* ===========================================
	for sp
   =========================================== */
@media screen and (max-width: 680px) {
  body {
    line-height: 1.8em; }
  .container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden; }
  .panel-body {
    padding: 15px 10px; }
  #contents {
    margin-top: 15px; }
  h1.page-title {
    font-size: 1.28571rem;
    margin-bottom: 15px; }
  h2.title {
    font-size: 1.42857rem;
    margin-bottom: 15px; }
  h2.title span {
    display: block; }
  h3.s-title {
    font-size: 1.14286rem; }
  h3.c-title {
    font-size: 1.14286rem; }
  h3.p-title {
    font-size: 1.07143rem; }
  .bn-list {
    margin: 0;
    padding: 0;
    list-style: none; }
    .bn-list li {
      display: inline-block; }
  #main section + section {
    margin-top: 30px; }
  #header {
    min-height: 40px; }
    #header #header-logo {
      margin: 0; }
    #header #user-name {
      margin: 8px 0 5px;
      line-height: 1.2em; }
    #header .num {
      font-size: 0.85714rem; }
    #header #point {
      margin: 8px 0 5px;
      line-height: 1.2em;
      float: right; }
    #header .head-left {
      float: left;
      width: 130px; }
    #header #header-menu {
      position: absolute;
      top: 0;
      right: 0;}
      #header #header-menu li a {
        width: 55px;
        font-size: 0.85714rem; }
      #header #header-menu #btn-smenu-L {
        display: inline-block; }
        #header #header-menu #btn-smenu-L i {
          font-size: 1rem; }
        #header #header-menu #btn-smenu-L a {
          width: 75px !important;
          border-radius: 0 0 0 5px; }
    #header #btn-smenu-R {
      position: absolute;
      top: 0;
      width: 190px;
      right: 0;
      white-space: nowrap; }
      #header #btn-smenu-R i {
        font-size: 1.28571rem;
        vertical-align: middle; }
      #header #btn-smenu-R a {
        border-radius: 0 0 0 5px;
	width: 50%;
	margin: 0 0 0 auto; }
    #header #login-header {
      padding: 0; }
    #header #header-pd {
      right: 0; }
      #header #header-pd a#btn-pd {
        width: 170px;
        border-radius: 0 0 0 5px; }
  #header.login-header {
    min-height: 75px !important; }
    #header.login-header #header-logo {
      float: none; }
  #main-image {
    height: 163px; }
    #main-image > div {
      height: 163px; }
    #main-image #main01 {
      background: url(../images/main-bg01s.jpg) center top no-repeat #fcfbf7; }
    #main-image #main02 {
      background: url(../images/main-bg02s.png) center top no-repeat #fcfbf7; }
    #main-image #main03 {
      background: url(../images/main-bg03s.png) center top no-repeat #fcfbf7; }
    #main-image #main04 {
      background: url(../images/main-bg04s.png) center top no-repeat #fcfbf7; }
    #main-image #main041 {
      background: url(../images/main-bg04s.png) center top no-repeat #fcfbf7; }
    #main-image h2 {
      display: none; }
    #main-image .main-inner {
      margin: 40px 0 0 0;
      width: 100%; }
      #main-image .main-inner h3 {
        font-size: 1.07143rem; }
      #main-image .main-inner h1 {
        margin: 0;
        width: 150px; }
  #top-news .news {
    height: 75px;
    overflow-y: auto; }
  #osusume {
    max-height: 200px; }
  #osusume .osusume-box .osusume-img {
    width: 100px;
    height: 100px; }
  #feature #feature-box {
    margin: 0 -10px;
    padding: 15px;
    background: url(../images/feature-box-bg-s.png) center top no-repeat; }
    #feature #feature-box h2 {
      font-size: 1.85714rem;
      margin-bottom: 190px; }

  #feature #feature-box3 {
    margin: 0 -10px;
    padding: 15px;
    background: url(../images/feature-box2-bg-s.png) center top no-repeat; }
    #feature #feature-box3 h2 {
      font-size: 1.85714rem;
      margin-top: -20px;
      margin-bottom: 175px; }
    #feature #feature-box3 p {
      font-size: 1.14286rem;}
  #feature #feature-list {
    margin-top: 0; }
    #feature #feature-list .col-sm-4 {
      text-align: center;
      margin-bottom: 25px; }
      #feature #feature-list .col-sm-4 p {
        text-align: left; }
  #user-news {
    padding: 0;
    border: 0; }
  #footer-menu .col-xs-6 {
    padding-right: 0; }
  #sp-footer {
    margin-top: 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    #sp-footer a {
      display: block;
      text-align: center;
      padding: 8px;
      color: #333; }
      #sp-footer a i {
        color: #12b5eb; }
    #sp-footer .btn-pc-view {
      background-color: #efefef;
      border-bottom: 1px solid #ccc; }
    #sp-footer ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: table;
      width: 100%; }
    #sp-footer li {
      display: table-cell;
      width: 50%; }
      #sp-footer li a {
        background-color: #fff; }
    #sp-footer li:first-of-type {
      border-right: 1px solid #ccc; }
  #footer-menu {
    margin-top: 0;
    padding: 15px 0;
    font-size: 1.0rem; }
    #footer-menu h2 {
      width: 160px;
      margin: 0 auto; }
  #top-news .btn-pink {
    margin-bottom: 10px;
    line-height: 15px;
    height: auto; }
  #top-news .news {
    font-size: 1rem; }
  #top-info .top-info-box {
    height: 160px; }
  .about-p {
    width: 130px;
    float: right; }
  .form-table {
    margin: 0;
    width: 297px; }
    .form-table th, .form-table td {
      width: 297px;
      display: block;
      padding: 3px 0; }
    .form-table th {
      line-height: 1.3em;
      padding-top: 15px; }
    .form-table th.required:after {
      top: 10px;
      position: absolute; }
    .form-table #area {
      height: 70px; }
    .form-table .row {
      width: 312px;
      margin-left: -7px;
      margin-right: -8px; }
    .form-table .col-xs-6, .form-table .col-sm-4, .form-table .col-sm-8 {
      padding-left: 7px;
      padding-right: 8px; }
  #about-point {
    padding: 10px 10px 80px;
    background-size: 120%; }
  .check-list2, #about-point ul {
    margin: 0 0 0 5px;
    padding: 0 0 0 1.2em;
    list-style: none; }
    .check-list2 li, #about-point ul li {
      font-size: 1rem; }
    .check-list2 li + li, #about-point ul li + li {
      margin-top: 0; }
  .about-point-after {
    font-size: 1rem; }
  #main #teach-data #sns-list, #main .teach-box #sns-list {
    top: 10px;
    right: 10px; }
  #main #teach-data #teach-data-L, #main #teach-data #teach-data-R,
  #main #teach-data .teach-box-L, #main #teach-data .teach-box-R, #main .teach-box #teach-data-L, #main .teach-box #teach-data-R,
  #main .teach-box .teach-box-L, #main .teach-box .teach-box-R {
    width: 100%; }
  #main #teach-data #teach-data-L, #main #teach-data .teach-box-L, #main .teach-box #teach-data-L, #main .teach-box .teach-box-L {
    margin-bottom: 10px; }
    #main #teach-data #teach-data-L h3.name, #main #teach-data .teach-box-L h3.name, #main .teach-box #teach-data-L h3.name, #main .teach-box .teach-box-L h3.name {
      font-size: 1.14286rem; }
    #main #teach-data #teach-data-L .photo, #main #teach-data .teach-box-L .photo, #main .teach-box #teach-data-L .photo, #main .teach-box .teach-box-L .photo {
      width: 115px;
      height: 115px; }
    #main #teach-data #teach-data-L h4, #main #teach-data .teach-box-L h4, #main .teach-box #teach-data-L h4, #main .teach-box .teach-box-L h4 {
      margin-top: 5px; }
    #main #teach-data #teach-data-L h4, #main #teach-data #teach-data-L p, #main #teach-data .teach-box-L h4, #main #teach-data .teach-box-L p, #main .teach-box #teach-data-L h4, #main .teach-box #teach-data-L p, #main .teach-box .teach-box-L h4, #main .teach-box .teach-box-L p {
      text-align: left; }
  #main #teach-data #teach-box-R .tb-title-L, #main #teach-data #teach-box-R .point, #main .teach-box #teach-box-R .tb-title-L, #main .teach-box #teach-box-R .point {
    float: none;
    display: block;
    width: 100%; }
  #main #teach-comment .panel-body {
    padding: 10px 15px; }
  #main #my-data #my-data-L .photo {
    width: 115px;
    height: 115px; }
  #main #my-data #my-data-L h4, #main #my-data #my-data-L p {
    text-align: left; }
  #main #my-data #my-data-L h4:first-of-type {
    margin-top: 5px; }
  #mypage-contents h3, .panel-header h3 {
    font-size: 1.14286rem; }
  .cnt-box .cnt-title {
    font-size: 1rem; }
  .section-header .list-link {
    position: relative;
    float: right;
    margin-bottom: 5px; }
  .contents-box .cnt-box .cnt-table li {
    display: list-item; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  #message-board .btn-box {
    margin-top: 20px; }
  #hokoku-select {
    max-width: 250px; } }
textarea {
  resize: vertical;
  overflow: auto; }
/* スライドメニュー */
#header {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
0, 0);
       -moz-transform: translate3d(260px, 0, 0);
            transform: translate3d(260px, 0 {
  z-index: 5;
  background-color: #2c67cc;
  position: fixed;
  top: 0;
  right: -260px;
  width: 260px;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
.fixed {
  position: fixed;
  width: 100%;
  height: 100%; }
/* special lesson */
#main .teach-box .plan-box .plan-data-R1, #main .teach-box .plan-box .plan-data-R2 {
  width: calc(100% - 150px);
  padding-left: 30px;
}
#main .teach-box .plan-box .plan-data-R1 {
  margin-bottom: 10px;
  color: #12B5EE;
}
#main .teach-box .plan-box .plan-data-R2 .name {
  color: #12B5EE;
  font-size: 17px;
}
@media (max-width: 1023px) {
#main.col-sm-9 {
    width: 100%;
  }
}
@media (max-width: 680px) {
#main .teach-box .plan-box .plan-data-R1 {
    margin-bottom: 0;
    padding-left: 0;
    width: calc(100% - 120px);
    padding-left: 15px;
  }
#main .teach-box .plan-box .plan-data-R2 {
    width: 100%;
    padding-left: 0;
  }
}
/* teacher list */
#main .teach-box .teach-box-L {
  width: 180px;
}
#main .teach-box .teach-box-R {
  width: calc(100% - 180px);
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
#main .teach-box .teach-box-R {
    width: 100%;
    padding-left: 0;
  }
#main .teach-box .teach-box-L {
    width: 100%;
    max-width: 330px;
  }
}
#main .schedule .cal-table tr:first-child th {
    border-top: none; }
arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s {
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #dadce0;
  border-radius: 24px;
  box-sizing: border-box;
  color: #3c4043;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 24px;
  position: relative;
  text-align: center;
  transition: background-color .218s, border-color .218s;
  vertical-align: middle;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
arial {
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}


/* =========================================================
   [3] 追加分
   - user_2.css の :root カスタムプロパティ (他CSSと名前衝突なしのため
     ここへ前倒し。lite-css ページでは user_2.css を読み込まないため)
   - .detail-pad は mypage_2.css にしかなく、ログイン前では従来から
     未適用だった。従来の見た目を変えないため「値はそのまま」記載する。
   ========================================================= */
/*  ========= 共通 ========== */
:root {
  --background-light: "#f6f4f2";
  --background-dark: "#1A1A1A";
  --text-light: "#333333";
  --text-dark: "#E5E5E5";
  --card-light: "#FFFFFF";
  --card-dark: "#2D2D2D";
  --accent-light: "#FFD166";
  --accent-dark: "#FFC74C";
  --cta-blue: "#5fbcf1";
  --hero-bg: "#FFF5F0";
  --border-gray-100: #f3f4f6;
}

/* .main-layout.detail-pad (mypage_2.css より。値は原本と同一) */
.detail-pad {
  padding-left: 0rem;
  padding-right: 0rem;
}