/*
 * Bootstrap 3 互換（必要な部分だけ）
 * 旧 Lightning 6 用のひな形と、記事本文で使っている Bootstrap 3 のクラスを
 * Lightning 15（G3）上で同じように表示するためのもの。Bootstrap v3.4.1（MIT License）を元に作成。
 */

.row{margin-left:-15px;margin-right:-15px}
.row:before,.row:after,.clearfix:before,.clearfix:after{content:" ";display:table}
.row:after,.clearfix:after{clear:both}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.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-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-1{width:8.33333333%}
.col-xs-2{width:16.66666667%}
.col-xs-3{width:25%}
.col-xs-4{width:33.33333333%}
.col-xs-5{width:41.66666667%}
.col-xs-6{width:50%}
.col-xs-7{width:58.33333333%}
.col-xs-8{width:66.66666667%}
.col-xs-9{width:75%}
.col-xs-10{width:83.33333333%}
.col-xs-11{width:91.66666667%}
.col-xs-12{width:100%}
.col-xs-offset-0{margin-left:0%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-12{margin-left:100%}
@media (min-width:768px){
.col-sm-1,.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-sm-10,.col-sm-11,.col-sm-12{float:left}
.col-sm-1{width:8.33333333%}
.col-sm-2{width:16.66666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333333%}
.col-sm-5{width:41.66666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333333%}
.col-sm-8{width:66.66666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333333%}
.col-sm-11{width:91.66666667%}
.col-sm-12{width:100%}
.col-sm-offset-0{margin-left:0%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-12{margin-left:100%}
}
@media (min-width:992px){
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
.col-md-1{width:8.33333333%}
.col-md-2{width:16.66666667%}
.col-md-3{width:25%}
.col-md-4{width:33.33333333%}
.col-md-5{width:41.66666667%}
.col-md-6{width:50%}
.col-md-7{width:58.33333333%}
.col-md-8{width:66.66666667%}
.col-md-9{width:75%}
.col-md-10{width:83.33333333%}
.col-md-11{width:91.66666667%}
.col-md-12{width:100%}
.col-md-offset-0{margin-left:0%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-12{margin-left:100%}
}
@media (min-width:1200px){
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}
.col-lg-1{width:8.33333333%}
.col-lg-2{width:16.66666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.33333333%}
.col-lg-5{width:41.66666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.33333333%}
.col-lg-8{width:66.66666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.33333333%}
.col-lg-11{width:91.66666667%}
.col-lg-12{width:100%}
.col-lg-offset-0{margin-left:0%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-12{margin-left:100%}
}
.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-inline,.visible-xs-block,.visible-xs-inline-block{display:none!important}
@media (max-width:767px){.visible-xs{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-block{display:block!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}.hidden-sm{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}.hidden-md{display:none!important}}
@media (min-width:1200px){.visible-lg{display:block!important}.hidden-lg{display:none!important}}
.pull-right{float:right!important}.pull-left{float:left!important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.list-unstyled{padding-left:0;list-style:none}.img-responsive{display:block;max-width:100%;height:auto}.center-block{display:block;margin-left:auto;margin-right:auto}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px}.media{overflow:hidden}.media-body{overflow:hidden}.hidden{display:none!important}
.table{width:100%;max-width:100%;margin-bottom:20px;border-collapse:collapse}.table>thead>tr>th,.table>tbody>tr>th,.table>tbody>tr>td,.table>thead>tr>td{padding:8px;line-height:1.42857;vertical-align:top;border-top:1px solid #ddd}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>td{border:1px solid #ddd}
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;border-radius:4px;text-decoration:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:var(--vk-color-primary,#841313);border-color:var(--vk-color-primary,#841313)}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover{background-color:#449d44;color:#fff}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33333;border-radius:6px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;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-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.modal{display:none}.fade{opacity:1}
/* forms */
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}
.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;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-appearance:auto;appearance:auto}
.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::placeholder{color:#999;opacity:1}
textarea.form-control{height:auto}
input.form-control{margin-bottom:3px}
.form-group{margin-bottom:15px}
@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 .control-label{margin-bottom:0;vertical-align:middle}}