/*
Theme Name: 明海学院ブログテーマ
Author: Ryohei Oba
Description: 明海学院のブログ用テーマ
Version: 1.0.0
*/

.footer__logo_red{
    color: #ff0000;
    font-size: 12px;
    font-weight: bold;
}

.footer__logo {
    color: #039;
    font-size: 18px;
    font-weight: bold;
    line-height:1.2em
}

/* メディアクエリ表示・非表示 */
.visible-xs {
  display: block;
}

@media only screen and (min-width: 544px) {
  .visible-xs {
    display: none;
  }
}

.visible-sm {
  display: none;
}

@media screen and (min-width:544px) and ( max-width:767px) {
  .visible-sm {
    display: block;
  }
}

.visible-md {
  display: none;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .visible-md {
    display: block;
  }
}

.visible-ld {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .visible-ld {
    display: block;
  }
}


.hidden-xs {
  display: none;
}

@media only screen and (min-width: 544px) {
  .hidden-xs {
    display: block;
  }
}

.hidden-sm {
  display: block;
}

@media screen and (min-width:544px) and ( max-width:767px) {
  .hidden-sm {
    display: none;
  }
}

.hidden-md {
  display: block;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .hidden-md {
    display: none;
  }
}

.hidden-ld {
  display: block;
}

@media only screen and (min-width: 1200px) {
  .hidden-ld {
    display: none;
  }
}

/* 20190116 沖縄特設ページ作成 */
.catch-okinawa {
  color: #003399;
  font-weight: bold;
  font-size: 36px;
  text-align:center;
  margin-bottom: 23px;
  letter-spacing: 10px;
}

@media only screen and (min-width: 768px) {
  .catch-okinawa {
    font-size: 48px;
    letter-spacing: 14px;
    margin-bottom: 53px;
  }
}

@media only screen and (min-width: 992px) {
  .catch-okinawa {
    font-size: 76px;
  }
}


.greeting-okinawa {
  background-image: url(./images/common/stripe-blue.gif);
}

.greeting-okinawa .greeting__no1__title {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 26px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .greeting-okinawa .greeting__no1__title {
    line-height: 1.5;
  }
}

.greeting-okinawa p {
  color: #fff;
}

.greeting-okinawa-box {
  padding: 20px;
}

@media only screen and (min-width: 992px) {
  .greeting-okinawa-box {
    padding: 20px 0;
  }
}


.greeting-okinawa-box-l {
  margin-left: 0;
}

@media only screen and (min-width: 992px) {
  .greeting-okinawa-box-l {
    margin-left: 20px;
  }
}

.greeting-okinawa-box-r {
  margin-right: 0;
}

@media only screen and (min-width: 992px) {
  .greeting-okinawa-box-r {
    margin-right: 20px;
  }
}

.greeting-okinawa .no-padding {
  padding-left: 0;
  padding-right: 0;
}

.greeting-okinawa-text {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .greeting-okinawa-text {
    margin-bottom: 60px;
  }
}

.bnr-okinawa {
  padding-inline-start: 0;
  margin-top: 30px;
}

@media only screen and (min-width: 992px) {
  .bnr-okinawa {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
  }
}

.bnr-okinawa li {
  list-style: none;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
  .bnr-okinawa li {
    padding: 0 10px;
  }
}

.jukuto-sign {
  float: right;
}

.jukuto-img {
  background-image:none;
}

@media only screen and (max-width: 543px) {
  .jukuto-img img {
      padding: 0 20px;
  }
}

@media only screen and (min-width: 992px) {
  .jukuto-img {
    background-image:url(./images/okinawa/jukuto-img.jpg);
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
  }

  .jukuto-img img {
    display: none;
  }
}

.course-okinawa th {
  width: 25%;
}

/* @media only screen and (min-width: 992px) {
  .jukuto-img-inner {
    display: none;
  }
} */

/* @media screen and (min-width:992px) and (max-width:1199px) {
  .jukuto-img {
    padding-top: 25%;
  }
} */