@charset "UTF-8";
/* -----------------------------
OIT@IKEN レスポンシブCSS
----------------------------- */

img {
  max-width: 100%;
}
h2.heading--title {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.grid-col4 {
    width: 24%;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 0 .5% 2em;
}
.sec_bg {
  background: #f2ffe5;
}
.tour-point, .oit-bnr {
  display: flex;
  justify-content: center;
}
.tour-point {
  flex-wrap: wrap;
}
.tour-point dt {
  background: #369E51;
  border-radius: 0.8em;
  color: #fff;
  padding: 0 .5em;
}
.tour-point dd,
.oit-bnr li {
  margin: 0 .5em;
}
.button[class*='--icon-'] {
  font-weight: bold;
}
.text--smallPrice {
  font-weight: bold;
  text-align: center;
}
.grid-col4.end .imgContainer--full::after{
  content: "";
  background: url("../images/end.png") no-repeat center center / contain;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.grid-col4.end .imgContainer--full::before{
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-col4.end .grid-col__link,.grid-col4.comingsoon .grid-col__link {
  pointer-events: none;
}
.grid-col4.comingsoon .imgContainer--full::after{
  content: "";
  background: url("../images/comingsoon.png") no-repeat center center / contain;
  width: 100%;
  height: 85%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}
.grid-col4.comingsoon .imgContainer--full::before{
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.grid-col4 .imgContainer--full::after {
  content: '';
  position: absolute;
  background-image: url(https://www.his-j.com/cmn/icon/icon_arrow_right_white.svg);
  width: 70px;
  height: 70px;
  top: calc( 100%/2 - 35px);
  right: -10px;
}
/* ipad用 */
.is-ipad .breadcrumb,
.headfoot-is-sp .breadcrumb {
   width: 100%;
 }
.is-ipad .section__container,
.headfoot-is-sp .section__container {
  width: 100%;
}
.is-ipad .grid-col4 {
    width: 48%;
}
.is-ipad .tour-point dt {
  width: 100%;
  margin: .5em 0;
}
/* デスクトップのみ */
@media (min-width: 767px){
  .button[class*='--icon-'] {
    font-size: 1.2em;
  }
}

/* スマホ用 */
@media (max-width: 767px){
  .simpleMv--full>.simpleMv__img {
    height: auto;
  }
  .grid-col4 {
      width: 100%;
  }
  .tour-point {
    flex-direction: column;
  }
  .tour-point dt {
    margin: .5em 0;
  }