@charset "UTF-8";
/* CSS Document */
.clearfix::after {
  content: " ";
  display: block;
  clear: both;
}
html {
  touch-action: manipulation;
}
/* レスポンシブ共通設定*/
body {
  color: #3f2825;
  font-family: "M PLUS 1p", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  font-size: 62.5%;
  width: 100%;
}
#container {
  /*ヘッダーをつけた時のマージン設定
    margin-top: 80px;
*/
  background-color: #f8eedf;
  width: 100%;
  overflow: hidden;
}
#conts {
  padding: 0;
  width: 100%;
}
#conts .containerImg {
  width: 100%;
}
section {
  font-size: 1.4em;
  padding: 2em 0;
}
section:last-child {
  border: none;
}
section p {
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: justify;
}
.vessel {
  padding: 2em 3em;
}
/*タイトルタグ設定 Start */
h1,
h2 {
  color: #f08119;
  font-size: 2.5em;
  padding: 0 0 0.5em 0;
  text-align: center;
}
h2 {
  margin-bottom: 0.5em;
}
h3 {
  color: #f08119;
  font-size: 2.2em;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-bottom: 1em;
}
h3 span,
h4 span {
  background: -webkit-linear-gradient(transparent 60%, #f9ff52 60%);
  background: -o-linear-gradient(transparent 60%, #f9ff52 60%);
  background: linear-gradient(transparent 60%, #f9ff52 60%);
}
h4 {
  font-size: 1.4em;
  line-height: 1.5;
  margin-bottom: 1em;
}
h5 {
  color: white;
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}
h5 span {
  font-size: 0.7em;
}
/*タイトルタグ設定 End */
#mv {
  background-color: #f08119;
  text-align: center;
}
footer {
  background-color: #f08119;
  color: white;
  font-size: 1.2em;
  padding: 1em 3em;
  width: 100%;
}
footer #copyright {
  text-align: center;
}
/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px) {
  #mv-pc {
    display: none;
  }
  .hidden-sp {
    display: none;
  }
  /*タイトルタグ設定 Start */
  h1,
  h2 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.8em;
    line-height: 1.8;
  }
  h4 {
    line-height: 1.5;
    font-size: 1.2em;
  }
  h5 {
    font-size: 2em;
  }
  h5 span {
    font-size: 0.5em;
  }
  /*タイトルタグ設定 End */
  #mv img {
    width: 100%;
  }
  .image-trim {
    padding-top: 100%; /* 比率 */
  }
  section {
    background: url("/web/20240119234404im_/https://oshu-katsu.com/img/bg_sakura_sp.png");
  }
  #special .movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; /* 現プレイヤーでは不要？ */
    height: 0;
    overflow: hidden;
  }
  #special .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*モバイル用（0px 〜 834px） End*/
/*PC用（835px 〜） Start*/
@media (min-width: 835px) {
  h2 {
    font-size: 4em;
  }
  #staff h2 {
    font-size: 1.8em;
  }
  h3 {
    margin: 1em 0;
    text-align: center;
  }
  section {
    padding: 4em 0;
  }
  #intro .vessel,
  #story .vessel {
    padding: 2em 10em;
  }
  #mv-sp {
    display: none;
  }
  .hidden-pc {
    display: none;
  }
  .image-trim {
    padding-top: 50%; /* 比率 */
  }
  #conts {
    margin: 0;
    width: 100%;
  }
  #special .movie {
    position: relative;
    width: 100%;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
  }
  #special .movie::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%;
  }
  #special .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*PC用（835px 〜） End*/

/*
     FILE ARCHIVED ON 23:44:04 Jan 19, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:07:40 Feb 02, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.077
  exclusion.robots.policy: 0.065
  cdx.remote: 0.11
  esindex: 0.012
  LoadShardBlock: 189.081 (6)
  PetaboxLoader3.datanode: 2147.537 (7)
  load_resource: 2053.703
  PetaboxLoader3.resolve: 49.417
*/