@charset "UTF-8";
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#shikari-root a.shikari__footer__nav__item__link {
    color: #000;
}
#shikari-root a:hover.shikari__footer__nav__item__link {
  text-decoration: underline !important;
  transition: .5s;
}

#shikari-root * {
  margin: 0px;
  padding: 0px;
  border: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
}

#shikari-root *:focus {
  outline: none;
}

#shikari-root html {
  -webkit-text-size-adjust: 100%;
}

#shikari-root body {
  line-height: 1;
}

#shikari-root ol, #shikari-root ul {
  list-style: none;
  list-style-type: none;
}

#shikari-root a {
  display: block;
  text-decoration: none;
}

#shikari-root a:hover {
  cursor: pointer;
}

#shikari-root small {
  display: block;
}

#shikari-root img {
  display: block;
  width: 100%;
}

#shikari-root video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#shikari-root input, #shikari-root button, #shikari-root textarea, #shikari-root select {
  /* デフォルトスタイルをリセット */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* font-familyを継承しないので、継承させる */
  font-family: inherit;
  /* iOSの角丸をリセット */
  border-radius: 0;
  /* box-size */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 文字の大きさ iOSでズームさせないために16px以上を指定 */
  font-size: 16px;
  /* 文字色を親から継承 */
  color: inherit;
  background-color: transparent;
}

#shikari-root textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}

#shikari-root select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

#shikari-root select:hover {
  cursor: pointer;
}

#shikari-root select::-ms-expand {
  display: none;
}

#shikari-root label:hover {
  cursor: pointer;
}

#shikari-root input[type="submit"] {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

#shikari-root input[type="submit"]:hover {
  cursor: pointer;
}

#shikari-root button {
  display: block;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#shikari-root .disable-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/*
  プロジェクト独自のフォントや色を定義するファイルです。

  1.IE対応のため、fontのファイルは、
    ・woff
      を用意する
    ・ttf→サブセット化（サブセット化ソフト）→woff作成（woff化ソフト）
      例：
        @font-face
          font-family: 'SoukouMincho'
          src: url("../fonts/SoukouMincho.woff") format('woff')

  2.サイトのテーマフォントを設定する（出てくるフォント全部）
    例：
      $yuGothic: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif

  3.サイトのテーマ色を設定する（3回以上使われているものを変数にする）
    例：
      $black: #242424 */
#shikari-root * {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

/* 便利な関数や継承元クラスを定義するファイルです。 */

#shikari-root .or-pc {
  display: block;
}

#shikari-root .or-sp {
  display: none;
}

@media screen and (max-width: 750px) {
  #shikari-root .or-pc {
    display: none;
  }
  #shikari-root .or-sp {
    display: block;
  }
}

#shikari-root .or-pc-br {
  display: block;
}

#shikari-root .or-sp-br {
  display: none;
}

@media screen and (max-width: 750px) {
  #shikari-root .or-pc-br {
    display: none;
  }
  #shikari-root .or-sp-br {
    display: block;
  }
}

/* shikari-crosssell
---------------------------------------------- */
#shikari-crosssell {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

#shikari-crosssell .cv-area {
  position: relative;
}

#shikari-crosssell .cv-area_btn01 {
  position: absolute;
  left: 50%;
  bottom: 40%;
  width: 85%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#shikari-crosssell .cv-area_btn02 {
  position: absolute;
  left: 50%;
  bottom: 4%;
  width: 85%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}


/* footer
---------------------------------------------- */
#shikari-root .shikari__footer {
  background-color: #fff;
  padding: 5.65% 0 3.15%;
}

#shikari-root .shikari__footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#shikari-root .shikari__footer__nav__hr {
  width: 1px;
  height: 18px;
  background-color: #000000;
  margin: 0 3.5px;
}

#shikari-root .shikari__footer__nav__item__link {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 1;
}

#shikari-root .shikari__footer__copyright {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: center;
  margin-top: 1.4%;
}

/* gif */
.anime-wrapper {
  position: relative;
}

.anime-wrapper .gif01,
.anime-wrapper .gif02{
  position: absolute;
  left: 50%;
  top: 0;
  width: 84.5%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}


/* banner */
.fixedbanner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 10;
}

#fixedbanner-inner {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  display: none;
}
#banner-count {
  background: #f66b75;
  text-align: center;
  color: #fff;
  padding: 1.5% 0!important;
  line-height: 1.2;
  font-size: 24px;
  font-family: 'Noto Serif JP', serif!important;
}
#banner-count .t_title {
  display: inline-block;
  font-size: 36px;
  font-family: 'Noto Serif JP', serif!important;
  padding-bottom: 1.2%;
}
#banner-count .t_big {
  font-size: 56px;
  font-family: 'Noto Serif JP', serif!important;
}
#banner-count .t_color {
  color: #feff8b;
}
#text-bg {
  width: 100%;
  background: url(../img/text_bg.jpg) top left no-repeat;
  background-size: cover;
  padding: 5% 0 0;
}
.text {
  text-align: center;
  font-size: 26px;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
.text span{
  font-size: 30px;
  color: #f66b75;
  }
#text01 {
  padding-bottom: 4%;
}
#text02 {
  line-height: 1.7;
  padding-bottom: 4%;
}
#text03 {
  line-height: 1.7;
  padding-bottom: 6%;

}
.swiper-bg {
  background: url(../img/slide_bg.jpg) top left no-repeat;
  background-size: cover;
}
.swiper-title {
  padding-top: 10%!important;
}
.swiper {
  width: 100%;
  height: 774px;
}
.swiper--wrapper {
  width: 100%;
  height: 718px;
}

.swiper-slide {
  width: 100%;
  height: 100%;
  padding-bottom: 5%!important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 60px;
  height: 60px;
  top: 43%;
}
.swiper-button-prev:after {
  content:' '!important;
  width: 60px;
  height: 60px;
  background: url(../img/arrow_prev.png) top left no-repeat;
  background-size: contain;
}
.swiper-button-prev {
  left: 4%;
}
.swiper-button-next {
  right: 4%;
}
.swiper-button-next:after {
  content:' '!important;
  width: 60px;
  height: 60px;
  background: url(../img/arrow_next.png) top left no-repeat;
  background-size: contain;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

#shikari-root .img-26-bg {
   background: #87b3cc;
}
#shikari-root .img-26-bg .img-26-box {
  display: block;
  width: 92%;
  margin: 0 auto;
  border: solid 10px #fff;
}
#shikari-root .img-26-bg .img-26-box .img-26-box-text {
  width: 87%;
  margin: 0 auto;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  #shikari-root .shikari__header {
    height: 44px;
  }
  #shikari-root .shikari__header__logo-wrapper {
    padding: 0 13px;
  }
  #shikari-root .shikari__header__logo-wrapper__heading__image {
    width: 74.5px;
  }
  #shikari-root .shikari__footer__nav__hr {
    height: 3vw;
  }
  #shikari-root .shikari__footer__nav__item__link {
    font-size: 2.13vw;
  }
  #shikari-root .shikari__footer__copyright {
    font-size: 2.4vw;
  }
  #banner-count {
    font-size: 3.2vw;
  }
  #banner-count .t_title {
    font-size: 4.6vw;
  }
  #banner-count .t_big {
    font-size: 8vw;
  }
  #text-name-box-text {
    font-size: 3.5vw;
  }
  #text-name-box-text span{
    font-size: 5.9vw;
  }
  .text span {
    font-size: 4vw;
  }
  .text {
    font-size: 3.1vw;
  }
  .swiper {
    height: 103.2vw;
  }
  .swiper--wrapper {
    height: 95.7vw;
  }
  .swiper-button-prev,
  .swiper-button-next,
  .swiper-button-prev:after,
  .swiper-button-next:after {
    width:8vw;
    height: 8vw;
  }
  #shikari-root .img-26-bg .img-26-box {
    border: solid 1.3vw #fff;
  }
  #shikari-root .img-26-bg .img-26-box .img-26-box-text {
    font-size: 2.9vw;
  }
}