* {
font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html,
body {
margin: 0 !important;
padding: 0 !important;
height: 100%;
}
body {
background: #000;
}
.wrap {
padding-top: 30px;
padding-bottom: 30px;
background-size: cover;
height: 100%;
}
.row.box {
margin-bottom: 5px;
}
.header {
height: 110px; margin-left: 15px;
margin-right: 15px;
background: #fff;
padding: 15px;
}
.header .col-lg-1,
.header .col-lg-2,
.header .col-lg-3,
.header .col-lg-4,
.header .col-lg-5,
.header .col-lg-6,
.header .col-lg-7,
.header .col-lg-8,
.header .col-lg-9,
.header .col-lg-10,
.header .col-lg-11,
.header .col-lg-12 {
height: 100%;
}
.header .col-lg-6,
.header .col-lg-7,
.header .col-lg-8 {
max-height: 80px;
}
.header img { max-width: 100%;
max-height: 100%;
height: auto;
width: auto; }
.header p.title {
font-size: 2rem;
margin: 0;
padding: 0;
}
.top-slider-outer {
height: 100%;
width: 100%;
}
.top-slider-outer ul {
height: 100%;
padding: 0;
}
.top-slider-outer ul li {
height: 100%;
list-style: none;
}
.top-slider-outer ul li div {
height: 100%;
width: 100%;
}
.top-slider {
max-height: 80px;
height: 100%;
width: 100%;
}
.logo-box,
.title-box {
display: flex;
justify-content: center;
align-items: center;
}
.logo-box,
.title-box {
height: 100%;
max-height: 80px;
}
.top-slick-box a {
height: 100%;
width: 100%; display: block;
position: relative;
}
div.top-slick-box a:active,
div.top-slick-box a:visited,
div.top-slick-box a:focus,
div.top-slick-box a:link {
text-decoration: none;
outline: none;
}
.top-msg {
width: 100%;
height: 60px;
border: 1px solid #ccc;
background: rgba(0, 0, 0, 0.4);
color: #fff;
padding: 6px;
font-size: 16px;
}
.top-msg a { color: #7ae7ff;
}
.top-msg a:hover {
color: #96cdfd;
}
.chat-box iframe {
max-width: 100%;
width: 100%;
border: 1px solid #ccc;
}
.chat-box-iframe iframe {
border: 1px solid #ccc;
}
.chat-box a {
color: #7ae7ff;
text-decoration: underline; margin-left: 0.15rem;
margin-right: 0.15rem;
}
.chat-box a:hover {
color: #96cdfd;
} .timetable-box {
background: rgba(51, 51, 51, 0.5);
overflow: hidden;
border: 1px solid #ccc;
}
.timetable {
height: 100%;
color: #fff;
font-size: 0.8rem;
padding: 15px;
overflow-y: scroll;
}
.timetable p {
margin: 0;
padding: 0;
line-height: 1.4;
}
.question-timetable .btn {
border: 1px solid #fff !important;
background: #666;
color: #fff;
}
.question-timetable .btn::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.question-timetable .btn-to-form,
.question-timetable .btn-to-tt {
margin: 13px 0;
}
#btn-login {
border: 2px solid #f75353;
background: #f75353;
color: #fff;
font-weight: 600;
}
#btn-login:hover {
background: #fff;
color: #f75353;
}
.max-w100 {
max-width: 100%;
}
#loading {
background: #fff; display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.loading-img {
width: 180px; max-width: 100%;
}
.qa-tt-adj {
margin-top: -6px;
}
.qa-tt-adj .btn-switch {
width: 100%;
}
.btn-switch svg {
width: 14px;
height: 14px;
margin-right: 0.5rem;
margin-bottom: -2px;
}
.btn-switch:hover {
border: 1px solid #666 !important;
background: #fff;
color: #666;
}
.top-slider-outer .slick-list,
.top-slider-outer .slick-track,
.top-slider-outer .slick-slide {
height: 100%;
width: 100%;
}
.form-lead p {
font-size: 1rem;
}
a.link-url {
word-break: break-all;
font-weight: 600;
}
@media(max-width: 991px) {
.wrap {
height: auto;
background-repeat: repeat;
background-size: contain;
}
.header {
height: auto;
}
.header .row {
height: auto;
}
.header .col-lg-2,
.header .col-lg-3,
.header .col-lg-4,
.header .col-lg-8,
.header .col-lg-10,
.header .col-lg-12 {
height: auto;
}
.header img {
max-height: 80px;
max-width: 300px;
display: block;
margin-left: auto;
margin-right: auto;
}
.top-slider,
.top-slick-box,
.logo-box,
.title-box {
max-height: 60px;
}
.top-msg {
height: auto;
}
.live-frame {
margin-bottom: 5px;
position: relative;
}
}
@media(max-width: 800px) {
.header p.title br {
display: none;
}
}
@media(max-width: 600px) {
.header p.title {
font-size: 1.6rem;
}
.header img {
max-height: 60px;
max-width: 60%;
}
}
@media(min-width: 600px) {}
@media(min-width: 800px) {}
@media(min-width: 992px) {
.container {
width: 94%;
}
}
@media (min-width: 1200px) {
.container {
width: 94%;
max-width: 1800px;
}
} body {
font-size: 16px;
line-height: 1.4;
color: #333;
}
.row.box {
margin-top: 5px;
margin-bottom: 5px;
}
.header {
margin-left: 0;
margin-right: 0;
}
.header .row {
height: 100%;
}
.header .logo-box {
padding-left: 10px;
}
.header p.title {
font-size: 20px;
}
.header .top-slider {
padding-right: 10px;
}
.embed-responsive-16by9 {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.embed-responsive-16by9 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.timetable {
width: 100%;
word-wrap: break-word;
}
.timetable ul {
padding-left: 1.3rem;
margin-bottom: 0;
}
@media(max-width: 1600px){
.timetable span,  .timetable p, .timetable li {
font-size: 14px !important;
}
}
@media(max-width: 991px) {
.header {
padding: 20px 15px;
}
.header .row {
height: auto;
}
.header img.logo,
.header .top-slider img {
max-width: 300px !important;
max-height: 60px !important;
width: auto;
height: auto;
}
.header .logo-block,
.header .title-block,
.header .top-slide-block { margin-bottom: 1rem;
}
.header p.title {
font-size: 1rem;
}
.title-box {
justify-content: center !important;
}
}
@media(max-width: 480px) {
.header img.logo,
.header .top-slider img {
max-width: 180px !important;
max-height: 60px !important;
width: auto;
height: auto;
}
.top-msg {
font-size: 14px;
}
}