@charset "UTF-8";

html { background-color: #000; }



#tm-contents { position: relative; width: 100vw; padding: 50px 0; box-sizing: border-box;
  font-family: transat-text, source-han-sans-japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游66ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px; color: #222; line-height: 1.8; }
#tm-contents .wrapper { position: relative; width: 1200px; margin: 0 auto; padding: 20px; background-color: rgba(255, 255, 255, .9); }
#tm-contents .wrapper .outer { position: absolute; top: 0; left: 0; width: 1200px; height: 400px; display: flex; justify-content: center; align-items: center; }
#tm-contents .wrapper h1 { font-size: 45px; font-weight: 600; line-height: 60px; color: #fff; }
#tm-contents .wrapper h2 { font-size: 1.6em; font-weight: 600; line-height: 1.2; padding: 0 0 0.2em; margin-top: 3em; margin-bottom: 1.5em; border-bottom: 2px solid #000; }
#tm-contents .wrapper p { margin-bottom: 1.5em; }
#tm-contents .wrapper a { font-weight: 700; color: #c00; text-decoration: none; }
#tm-contents .wrapper a:hover { text-decoration: underline; }
#tm-contents .wrapper .kv { position: absolute; top: 0; left: 0; height: 400px;}
#tm-contents .wrapper .kv img { width: 1200px; }
#tm-contents .wrapper .meta { margin-top: 400px; }
#tm-contents .wrapper .movie { margin-bottom: 2em; }
#tm-contents .wrapper .movie iframe { width: 1160px; }
#tm-contents .link-anchor { color: #c00; text-decoration: none; cursor: pointer; }
#tm-contents .link-anchor:hover { text-decoration: underline; }
#tm-contents .text-right { text-align: right; }
#tm-contents .btn-reserve { text-align: center; }
#tm-contents .btn-reserve a { display: inline-block; padding: 0.75em 2em; background-color: #fff; border-radius: 0.2em; }
#tm-contents .anim { opacity: 0; }
#tm-contents .anchor-box { background-color: #fff; border-radius: 0.75em; padding: 2em; }
#tm-contents .meta { display: flex; justify-content: space-between; }
#tm-contents .meta ul {  width: 50%; text-align: right; }
#tm-contents .meta ul li { display: inline-block; font-size: 1.4em; margin-left: 0.5em; }
#tm-contents .meta ul li i { cursor: pointer; }
#tm-contents .meta .fa-twitter { color: #000; }
#tm-contents .meta .fa-facebook { color: #000; }
#tm-contents .meta .fa-line { color: #000; }
#tm-contents .typ1 { display: none; }

@media screen and (max-width: 1240px) {

  #tm-contents { width: 100vw; padding: 4.032258065vw 0; }
  #tm-contents .wrapper { width: 96.77419355vw; margin: 0 1.612903226vw; padding: 1.666666667vw; }
  #tm-contents .wrapper .outer { width: 96.77419355vw; height: 32.25806452vw; }
  #tm-contents .wrapper h1 { font-size: 3.629032258vw; line-height: 4.838709677vw; }
  #tm-contents .wrapper .kv img { width: 96.77419355vw; }
  #tm-contents .wrapper .meta { margin-top: 32.25806452vw; }
  #tm-contents .wrapper .movie iframe { width: 93.5483871vw; height: 52.62096774vw; }
  #tm-contents .typ1 { display: block; }

}

@media screen and (max-width: 767px) {

  #tm-contents { width: 100vw; padding: 6.518904824vw 0; font-size: 3.2vw; }
  #tm-contents .wrapper { width: 94.78487614vw; margin: 0 2.60756193vw; padding: 2.60756193vw; }
  #tm-contents .wrapper .outer { width: 94.78487614vw; height: 31.55149935vw; }
  #tm-contents .wrapper h1 { font-size: 5.215123859vw; line-height: 6.518904824vw; }
  #tm-contents .wrapper .kv img { width: 94.78487614vw; }
  #tm-contents .wrapper .meta { margin-top: 31.55149935vw; }
  #tm-contents .wrapper .movie iframe { width: 89.56975228vw; height: 50.38298566vw; }
  #tm-contents .typ1 { display: block; }

}




/**/