@charset "UTF-8";
/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
DICE
Description: DICEテーマ
Version: 1.0
Author: PLUS GEAR
Author URI: https://plusgear.net
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*==============================================================================
全体
==============================================================================*/
/*メニューフォント*/
@import url(//fonts.googleapis.com/css?family=Hammersmith+One);
/*見出し*/
@import url(//fonts.googleapis.com/css?family=Teko:700);
body,
html {
 font-size: 62.5%;
 -webkit-overflow-scrolling: touch;
}

body {
 width: 100%;
 height: 100%;
 background-color: #fefefe;
 color: #222;
 font-family: "Jun 501", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 font-size: 14px;
 font-size: 1.4rem;
 font-weight: bold;
 line-height: 28px;
 letter-spacing: 1.3;
 word-wrap: break-word;
 overflow-wrap: break-word;
 overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 768px) {
 body {
  font-size: 16px;
  font-size: 1.6rem;
 }
}

h1,
h2,
h3,
h4 {
 font-weight: 700;
}

.text {
 margin-bottom: 2em;
}

.fit {
 width: 100%;
 max-width: 100%;
 height: auto;
}

/*==============================================================================
リンク
==============================================================================*/
a {
 -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
 -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
 -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
}

a:hover {
 color: #999;
 border-bottom-color: transparent;
 -webkit-animation: zoom 0.3s;
 animation: zoom 0.3s;
}

/*==============================================================================
スクロールバー
==============================================================================*/
::-webkit-scrollbar {
 width: 10px;
 background-color: #fefefe;
}

::-webkit-scrollbar-track {
 border-radius: 5px;
}

::-webkit-scrollbar-thumb {
 background-color: #ea5404;
 border-radius: 5px;
}

/*==============================================================================
hr
==============================================================================*/
hr {
 border: 0;
 border-top: 0.1rem solid #ea5404;
 margin: 3.0rem 0;
}

/*==============================================================================
抜粋
==============================================================================*/
blockquote {
 border-left: 0.3rem solid #d1d1d1;
 margin-left: 0;
 margin-right: 0;
 padding: 1rem 1.5rem;
}

blockquote *:last-child {
 margin-bottom: 0;
}

/*==============================================================================
レイアウト
==============================================================================*/
.container {
  position: relative;
 margin-bottom: 2em;
 position: relative;
 padding-top: 70px;
 width: 100%;
}

.container-inner {
 margin: 0 auto;
 padding: 0 1em;
 max-width: 980px;
}

.container-inner .fit {
 margin: 0 auto;
 max-width: 650px;
 text-align: center;
}

.main {
 margin: 0 auto;
}

.pc-none {
  display: none;
}
.sp-none {
  display: block;
}

.roster-term:before{
	content:"🎲";
}


/*==============================================================================
セクション
==============================================================================*/
section {
 position: relative;
 text-align: center;
}

section:last-child {
 margin-bottom: 0;
}

.section {
 padding: 2em 0;
}

.section-inner {
 padding: 2em 1em;
}

.section-bg-image {
 background-color: #fefefe;
 background-image: url("../img/section-bg-image.jpg");
 background-repeat: no-repeat;
 background-position: right center;
 background-size: cover;
}

.section-opacity-layer {
 background-color: rgba(255, 255, 255, 0.8);
}

.section-cover {
 background-color: #fefefe;
 background-image: url("../img/section-cover-image.png");
 background-repeat: no-repeat;
 background-position: top center;
 background-size: cover;
}

@media screen and (min-width: 768px) {
  .container-inner {
   margin: 0 auto;
   padding: 0 1em;
  }
 .section-inner {
  padding: 3em 10%;
 }

 .pc-none {
   display: block;
 }
 .sp-none {
   display: none;
 }
}

.content-image-wrap {
 margin: 2em auto;
 width: 100%;
 text-align: center;
}

/*==============================================================================
セクションセパレーター
==============================================================================*/
.section-separator {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 0 50px 100vw;
 border-color: transparent transparent #ea5404 transparent;
}

.jumbotron {
 position: relative;
}

.jumbotron-inner {
 position: absolute;
 top: 80%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 text-align: center;
}

.jumbotron-inner .jumbotron-inner-top {
 padding: 0.5em 0;
 color: #fefefe;
 font-family: "Jun 501", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 font-size: 20px;
 font-size: 2rem;
 line-height: 27px;
 text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.9);
 background-color: rgba(51, 51, 51, 0.9);
}

.jumbotron-inner .jumbotron-inner-bottom {
 padding: 0.5em 0;
 color: #fefefe;
 font-family: "Jun 501", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 20px;
 background-color: #214CA0;
}


@media screen and (min-width: 768px) {
 .jumbotron-inner .jumbotron-inner-top {
  padding: 0.5em 0;
  font-size: 40px;
  font-size: 4rem;
  line-height: 45px;
 }
 .jumbotron-inner .jumbotron-inner-bottom {
  padding: 0.5em 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
 }
}

/*==============================================================================
ヘッダー
==============================================================================*/
.header {
 position: fixed;
 width: 100%;
 height: 70px;
 border-bottom: 5px solid #ea5404;
 background-color: #103f97;
 -webkit-transition: all 0.4s linear 0s;
 z-index: 1111;
}

.header-scroll {
 animation: fadeIn 1 0.7s 0s;
 box-shadow: 0 0 3px #f7f7f7;
}

.header-inner {
 position: relative;
}

.logo-wrap {
 position: flex;
 top: 0;
 left: 10px;
 text-align: left;
 max-width: 700px;
}

.navi-wrap {
 display: table;
 position: absolute;
 top: 0;
 right: 0;
 -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
 transition: opacity 0.35s, visibility 0.35s, height 0.35s;
}

/*==============================================================================
サイトロゴ (画像)
==============================================================================*/
.site-logo {
 padding: 0.4em 0;
 width: auto;
 max-height: 70px;
}

@media screen and (min-width: 768px) {
 .site-logo {
  padding: 0.2em 0;
 }
}

/*==============================================================================
フッター
==============================================================================*/
footer {
 background-color: #103f97;
 color: #fefefe;
 font-family: "Hammersmith One", sans-serif;
 text-align: center;
 letter-spacing: 2px;
}

.copyright {
 padding-top: 2em;
}

/*==============================================================================
テーブルレイアウト
==============================================================================*/
dl.table {
 width: 100%;
 margin: 2.5% auto 0;
 background: #ccc;
 border: 1px solid #000;
 border-top: 0;
 box-sizing: border-box;
 word-break: break-all;
}

dl.table dt {
 width: 100%;
 float: none;
 border-top: 1px solid #000;
 padding: 10px;
 box-sizing: border-box;
 word-break: break-all;
}

dl.table dd {
 width: auto;
 border-left: 0;
 background: #fff;
 border-top: 1px solid #000;
 padding: 10px;
 box-sizing: border-box;
 word-break: break-all;
}

@media screen and (min-width: 768px) {
 dl.table {
  width: 100%;
 }
  dl.table dt {
  float: left;
  width: 200px;
 }
  dl.table dd {
  border-left: 1px solid #000;
  margin-left: 200px;
 }
}

.meibo-wrap {
 margin: 3em 0;
}

dl.meibo {
 width: 100%;
 margin: 0 auto 2em;
 background: #ccc;
 border: 1px solid #000;
 border-top: 0;
 box-sizing: border-box;
 word-break: break-all;
}

dl.meibo dt {
 width: 100%;
 float: none;
 border-top: 1px solid #000;
 padding: 10px;
 box-sizing: border-box;
 word-break: break-all;
}

dl.meibo dd {
 width: auto;
 border-left: 0;
 background: #fff;
 border-top: 1px solid #000;
 padding: 10px;
 box-sizing: border-box;
 word-break: break-all;
}

@media screen and (min-width: 768px) {
 dl.meibo {
  width: 100%;
 }
 dl.meibo dt {
  float: left;
  width: 300px;
 }
 dl.meibo dd {
  border-left: 1px solid #000;
  margin-left: 300px;
 }
}

.ticket-schedule-table {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
.ticket-price-table {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.roster-prof-table {
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 1px solid #000000;
}

.b3-schedule-table {
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 1px solid #000000;
	border-spacing: 10px 0px;
}

.schedule-link {
	padding : 5px;
}

/*==============================================================================
ファンクラブテーブル
==============================================================================*/
.pricing {
 position: relative;
 margin-top: 1em;
 padding-bottom: 1em;
 width: 100%;
 color: #fff;
 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.pricing-junior {
 background-color: #0096cc;
}

.pricing-silver {
 background-color: #c0c0c0;
}

.pricing-gold {
 background-color: #e6b422;
}

.pricing-title {
 padding: 0.5em;
 font-size: 18px;
 text-align: center;
 text-transform: uppercase;
 font-weight: 700;
}

.pricing-price {
 background: #ccc;
 padding: 10px;
 color: #666;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
}

.pricing-content ul {
 background: #fff;
 margin: 0;
 padding: 0;
 color: #666;
 font-size: 14px;
}

.pricing-content ul li {
 padding: 10px 20px;
}

.pricing-content ul li:nth-child(2n) {
 background: #f7f7f7;
}

/*==============================================================================
ニュース・イベントループ
==============================================================================*/
.loop {
 position: relative;
 background-color: #f7f7f7;
 min-height: 315px;
}

.loop .heading {
 position: absolute;
 left: 0;
 bottom: 15px;
 padding: 0.5em;
 width: 100%;
 background-color: rgba(234, 84, 4, 0.9);
}

.loop .heading .title {
 color: #fefefe;
 font-size: 15px;
 font-size: 1.5rem;
 font-weight: 700;
 text-align: left;
 line-height: 19px;
}

.loop .heading .date {
 padding-top: 0.5em;
 color: #fefefe;
 font-family: "Hammersmith One", sans-serif;
 font-size: 11px;
 font-size: 1.1rem;
 text-align: right;
 line-height: 12px;
}

.loop a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.loop img:hover {
 transform: scale(1.1);
 transition-duration: 0.3s;
}

.article-thumbcaption {
 position: absolute;
 left: 0;
 bottom: 0;
 padding: 0.7em;
 width: 100%;
 height: auto;
 background-color: rgba(0, 0, 0, 0.6);
 color: #fff;
}

.article-square {
 position: relative;
 border: 1px solid #555;
 background-color: #f7f7f7;
 min-height: 300px;
}

.article-square:hover {
 opacity: 0.3;
 transition-duration: 0.5s;
}

.article-square a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.article-data {
 position: absolute;
 bottom: 0;
 left: 0;
 padding: 0.8em 0.5em;
 width: 100%;
 background-color: rgba(1, 1, 1, 0.5);
}

/*==============================================================================
選手・スタッフ一覧
==============================================================================*/
.members {
 margin-bottom: 2em;
 width: 100%;
}

.members .data .title {
 color: #ea5404;
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 25px;
}

.members .data .eigo {
 margin-bottom: 1em;
 color: #f39700;
 font-family: "Hammersmith One", sans-serif;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 20px;
}

.members .data .number {
 color: #ea5404;
 font-size: 15px;
 font-size: 1.5rem;
 font-weight: 700;
 line-height: 17px;
}

.members .data .number .number span {
 font-family: "Hammersmith One", sans-serif;
 font-size: 50px;
 font-size: 5rem;
 font-weight: 700;
}

.members .data ul {
 margin-bottom: 1em;
}

.members .data ul li {
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 17px;
}

@media screen and (min-width: 768px) {
 .members {
  margin: 2em auto;
 }
 .members .data {
  padding: 1em 0;
 }
 .members .data .title {
  font-size: 30px;
  font-size: 3rem;
  line-height: 35px;
 }
 .members .data .eigo .eigo {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 30px;
 }
 .members .data .number {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 25px;
 }
 .members .data .number .number span {
  font-size: 18px;
  font-size: 1.8rem;
 }
 .members .data ul {
  margin-bottom: 1.5em;
 }
 .members .data ul li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 21px;
 }
}

/*==============================================================================
スケジュール
==============================================================================*/
.game {
 padding: 1em;
 border-radius: 5px;
 background-color: #f5f5f5;
 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.game .title {
 color: #ea5404;
 font-size: 17px;
 font-size: 1.7rem;
}

.game .date {
 color: #ea5404;
 font-size: 15px;
 font-size: 1.5rem;
}

.game .comment {
 padding-top: 0.3em;
 font-size: 12px;
 font-size: 1.2rem;
}

.location-label {
 margin-right: 0.3em;
 padding: 0.3em;
 border-radius: 3px;
 background-color: #ea5404;
 color: #fefefe;
 font-size: 13px;
 font-size: 1.3rem;
}

.team-wrap {
 padding: 0.5em;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 background-color: #fff;
}

.team-logo {
 box-sizing: border-box;
 flex-shrink: 0;
 width: 16.66667%;
}

.price-bar {
 padding: 0.5em;
 text-align: center;
 background-color: #ea5404;
 color: #f7f7f7;
}

.sponsor-logo {
 border: 1px solid #ccc;
}

.calender-wrap {
  position: relative;
  margin: 0 auto;
}

.calender-wrap dl dd {
border-bottom: none !important;
}

.simcal-event-details {
  padding: 0.5em;
  background-color: #ddd !important;
}

.simcal-event-details p {
  margin-bottom: 0.3em !important;
  font-size: 13px; font-size: 1.3rem !important;
  line-height: 19px !important;
}

.simcal-event-title {
  font-size: 15px; font-size: 1.5rem !important;
}

.simcal-event-start,
.simcal-event-end,
.simcal-event-start-date,
.simcal-event-end-date {
  color: #666 !important;
}

.post-edit-link {
  display: none;
}

/*==============================================================================
ムービー
==============================================================================*/
table.movie-table {
	width:100%;
	border-right:#ea5404 solid 1px;
	border-collapse: collapse;
}
table.movie-table thead th {
	background:#ea5404;
	color:#FFF;
	padding:13px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.movie-table thead th:last-child {
	border-right:#ea5404 solid 1px;
}
table.movie-table tbody th {
	padding:13px 15px;
  border-left:#ea5404 solid 1px;
	border-bottom:#ea5404 solid 1px;
	vertical-align:middle;
}
table.movie-table tbody tr:last-child th {
	border-bottom:#ea5404 solid 1px;
}
table.movie-table tbody td {
	background:#FFF;
	padding:13px 15px;
	border-left:#ea5404 solid 1px;
	border-bottom:#ea5404 solid 1px;
	vertical-align:middle;
}

@media screen and (max-width: 768px) {
  .movie-table {
    border-top: 1px solid #ea5404;
  }
table.movie-table thead {
	display:none;
}
table.movie-table tbody th {
  background: #ea5404;
  color: #fff;
	display:block;
}
table.movie-table tbody td {
	display:block;
  border-bottom: none;
}
table.movie-table tbody td:last-child {
	border-bottom: 1px solid #ea5404;
}
table.movie-table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.movie-table tbody td p {
	padding-left:6em;
}
}

/*==============================================================================
パンくずリスト
==============================================================================*/
.breadcrumb {
 margin: 2em 0;
}

.breadcrumb-list li {
 display: inline-block;
 font-family: "Hammersmith One", "Jun 501", sans-serif;
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: bold;
 line-height: 15px;
}

.breadcrumb-list li:after {
 font-family: 'icomoon';
 content: '\e409';
 padding: 0 3px;
 color: #ea5404;
}

.breadcrumb-list li:last-child:after {
 content: '';
}

@media screen and (min-width: 768px) {
 .breadcrumb-list li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
 }
}

/*==============================================================================
記事
==============================================================================*/
.post {
 position: relative;
}

.content-image-wrap {
 margin: 0 auto;
}

.post-title {
 margin-top: 1em;
 margin-bottom: 1em;
 padding-bottom: 1em;
 border-bottom: 1px solid #f7f7f7;
 color: #ea5404;
 font-size: 20px;
 font-size: 2rem;
 text-align: center;
}

.post-date {
 color: #ea5404;
 font-family: "Hammersmith One", sans-serif;
 font-size: 13px;
 font-size: 1.3rem;
 text-align: center;
}

.post-content {
 margin: 2em auto 0;
 max-width: 650px;
}

.post-content p {
 margin-bottom: 1em;
 color: #333;
 font-size: 14px;
 font-size: 1.4rem;
 font-weight: 700;
 line-height: 21px;
 text-align: left;
}

.post-image {
 margin-top: 1em;
 margin-bottom: 1em;
 display: block;
 width: 100%;
 height: auto;
 text-align: center;
}

.post-label-area {
 margin-top: 1em;
 margin-bottom: 1em;
 text-align: center;
}

.post-label {
 margin-top: 1em;
 margin-right: 0.8em;
 margin-bottom: 1em;
 padding: 0.5em;
 background-color: #ea5404;
 color: #f7f7f7;
 font-family: "Hammersmith One", sans-serif;
 font-size: 10px;
 font-size: 1rem;
 font-weight: 700;
 text-align: center;
}

/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container {
 margin: 1em 0;
 max-width: 650px;
}

/*動画の大きさを調整*/
.video {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
 max-width: 100%;
 height: auto;
}

.video embed,
.video iframe,
.video object {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

@media screen and (min-width: 768px) {
 .post-label {
  padding: 0.1em 0.5em;
  font-size: 12px;
  font-size: 1.2rem;
 }
}

@media screen and (min-width: 768px) {
 .post-image {
  margin: 1em;
  max-width: 650px;
 }
}

/*==============================================================================
アイテムギャラリー
==============================================================================*/
.swiper-container {
 width: 100%;
 height: 100%;
}

.swiper-slide {
 width: 300px;
 height: 300px;
 text-align: center;
 font-size: 18px;
 background: #fff;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}

.gallery {
 margin: 0 auto 1em;
}

.gallery-frame {
 width: 100%;
 height: 100%;
 -webkit-transform: skew(-10deg);
 -moz-transform: skew(-10deg);
 -o-transform: skew(-10deg);
 overflow: hidden;
}

.gallery-frame img {
 width: 100%;
 -webkit-transform: skew(10deg) scale(1.2);
 -moz-transform: skew(10deg) scale(1.2);
 transform: skew(10deg) scale(1.2);
}

.gallery-main img {
 text-align: center;
}

.gallery-thumbnails {
 margin-top: 0.5em;
 width: 50%;
}

.gallery-thumbnails img {
 width: 30%;
}

.figure-gallery:hover .figcaption {
 opacity: 1;
}

.figure-gallery:hover img {
 opacity: 1;
 transform: scale(1.15, 1.15);
 -webkit-transform: scale(1.15, 1.15);
 -moz-transform: scale(1.15, 1.15);
 -ms-transform: scale(1.15, 1.15);
 -o-transform: scale(1.15, 1.15);
}

.figure-gallery img {
 margin: 0;
 padding: 0;
 float: left;
 z-index: 0;
}

.figure-gallery .figcaption {
 cursor: pointer;
 position: absolute;
 opacity: 0;
 -webkit-transition: all 0.45s ease-in-out;
 -moz-transition: all 0.45s ease-in-out;
 -o-transition: all 0.45s ease-in-out;
 -ms-transition: all 0.45s ease-in-out;
 transition: all 0.45s ease-in-out;
}

.figure-gallery img {
 -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 -ms-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}

.figure-gallery .blur {
 background-color: rgba(0, 0, 0, 0.65);
 height: auto;
 width: 100%;
 z-index: 5;
 position: absolute;
}

.figure-gallery .caption-text h2 {
 text-transform: uppercase;
 font-size: 24px;
}

.figure-gallery .caption-text {
 z-index: 10;
 color: #fff;
 position: absolute;
 width: 100%;
 height: auto;
 text-align: center;
 top: 100px;
}

/*==============================================================================
ムービー
==============================================================================*/
.item-video {
 height: 200px;
}

.movie {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}

.movie iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 border-radius: 15px;
}

/*==============================================================================
グローバルメニュー
==============================================================================*/
@media screen and (min-width: 1400px) {
 .navi {
  display: table-cell;
  vertical-align: middle;
 }
 .navi-menu {
  position: relative;
  display: flex;
  align-items: center;
 }
 .navi-menu li {
  position: relative;
  padding: 0 1em;
  color: #fefefe;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: "Hammersmith One", sans-serif;
  text-align: center;
  letter-spacing: 2px;
  line-height: 20px;
 }
 .navi-menu li a {
  display: block;
  color: #fefefe;
 }
 .navi-menu li a:hover {
  color: #010101;
 }
 .navi-menu li span {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
  line-height: 20px;
 }
 .navi-menu .sub-menu {
  position: fixed;
  top: 70px;
  left: 0;
  margin: 0 auto;
  padding: 1em 0;
  width: 100%;
  background-color: #010101;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
 }
 .navi-menu .sub-menu li {
  display: inline-block;
  padding: 0;
  text-align: center;
 }
 .navi-menu li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
 }
 .navi-menu .sub-menu li a:before {
  color: #010101;
 }
 .navi-menu .sub-menu li a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 10px 30px 10px 10px;
  color: #fff;
  background-color: #010101;
 }
 .navi-menu .sub-menu li a:hover {
  background-color: #010101;
 }
 footer .navi {
  display: none;
 }
}

@media screen and (max-width: 1400px) {
 .navi-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  padding-top: 70px;
  background-color: #103f97;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
 }
 .navi-wrap.close {
  position: fixed;
  background-color: #ea5404;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
 }
 .navi-wrap.open {
  visibility: visible;
  width: 100%;
  margin: 0;
  padding: 0;
 }
 header .navi {
  padding-top: 70px;
 }
 .navi {
  display: block;
  font-size: 40px;
  font-family: "Noway-round";
  font-weight: 400;
 }
 .navi-menu {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
 }
 .navi-menu > li {
  position: relative;
  padding: 0.5em 1em;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  color: #fefefe;
  font-size: 20px;
  font-family: "Hammersmith One", sans-serif;
  letter-spacing: 2px;
  text-align: left;
  cursor: pointer;
 }
 .navi-menu > li:last-child {
  border-bottom: 1px solid #f1f1f1;
 }
 .navi-menu li a {
  display: block;
  color: #fefefe;
  overflow: hidden;
 }
 .navi-menu li a:hover,
 .navi-menu li:hover {
  color: #010101;
 }
 .navi-menu li span {
  display: inline;
  margin-left: 1em;
  font-size: 11px;
  font-size: 1.1rem;
 }
 .navi-menu .sub-menu li a {
  font-size: 14px;
  font-size: 1.4rem;
 }
 .parent-menu::after {
  position: absolute;
  top: 9px;
  right: 13px;
  font-family: 'icomoon';
  content: '\e409';
 }
}

/*==============================================================================
ページネーション
==============================================================================*/
.pagination {
 text-align: center;
}

.pagination .current,
a.page-numbers {
 background: #fefefe;
 border: solid 1px #f39700;
 padding: 5px 8px;
 margin: 0 2px;
}

.pagination .current {
 background: #ea5404;
 border: solid 1px #ea5404;
 color: #fefefe;
}

.page-numbers {
 margin: 0 0 10px;
 padding: 10px 10px 5px;
 background: #fefefe;
 text-align: center;
}

.page-numbers a:hover {
 color: #ea5404;
 background-color: #f7f7f7;
}

/*==============================================================================
ページトップ
==============================================================================*/
.pagetop {
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 9999;
}

.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
 border: 3px solid #fefefe;
 border-radius: 5px;
 background-color: #ea5404;
 color: #fefefe;
 font-weight: bold;
 text-align: center;
 font-size: 35px;
 line-height: 43px;
}

.pagetop a:before {
 font-family: 'icomoon';
 content: '\e5ce';
}

.pagetop a:hover {
 color: #010101;
}

/*==============================================================================
ポストリンク
==============================================================================*/
.postlink {
 margin-top: 3em;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-left: -10px;
}

.postlink-back,
.postlink-next,
.postlink-prev {
 margin-left: 10px;
 padding: 1em;
 box-sizing: border-box;
 flex-shrink: 0;
}

.btn-back,
.btn-next,
.btn-prev {
 display: inline-block;
 margin-bottom: 5px;
 padding: 5px 13px;
 background-color: #010101;
 vertical-align: middle;
 color: #fefefe;
}

.btn-back:hover,
.btn-next:hover,
.btn-prev:hover {
 color: #ea5404;
 background-color: #f7f7f7;
}

/*==============================================================================
フォーム
==============================================================================*/
.form {
 margin: 2em auto;
 width: 100%;
 max-width: 480px;
}

.wpcf7 p,
.wpcf7 label {
  text-align: left;
}

input,
textarea,
select {
 width: 100%;
 padding: 8px 15px;
 margin-right: 10px;
 margin-top: 3px;
 margin-bottom: 0.5em;
 border: 2px solid #ea5404;
 border-radius: 3px;
 color: #ea5404;
 background-color: #eee;
}

textarea {
 height: 150px;
}

/*==============================================================================
ソーシャルメニュー
==============================================================================*/
.sns {
 position: relative;
}

.sns-list {
 display: flex;
 justify-content: center;
}

.sns-list li {
 padding-right: 15px;
 font-size: 30px;
 font-family: 'icomoon';
}

.sns-list li a {
 display: block;
 color: #fefefe;
 line-height: 70px;
}

.sns-list li a:hover {
 color: #010101;
}

@media screen and (min-width: 1400px) {
 .sns {
  display: table-cell;
  margin: 0;
  height: 100%;
 }
}

.bar, .social-bar-instagram, .social-bar-twitter, .social-bar-facebook, .social-bar-tiktok {
 margin-bottom: 0.5em;
 width: 100%;
 height: 50px;
 border-radius: 5px;
 color: #fff;
 font-family: "Hammersmith One", sans-serif;
 font-weight: 700;
 text-align: center;
 line-height: 50px;
 letter-spacing: 1px;
}

.social-bar-instagram {
 background-color: #c13584;
}

.social-bar-twitter {
 background-color: #000000;
}

.social-bar-facebook {
 background-color: #3b5998;
}

.social-bar-tiktok {
 background-color: #010101;
}

.social-wrapper {
 margin: 0 auto;
 width: 100% !important;
 overflow: scroll;
}

.social-wrapper ::-webkit-scrollbar-thumb {
 background-color: #f5f5f5;
 border-radius: 5px;
}

#document.timeline-Widget {
 max-width: 100% !important;
 width: 100% !important;
}

div.timeline-Widget {
 max-width: 100% !important;
 width: 100% !important;
}

.timeline {
 max-width: 100% !important;
 width: 100% !important;
}

.fb_iframe_widget,
.fb_iframe_widget iframe[style],
.fb_iframe_widget span,
.social-wrapper iframe {
 width: 100% !important;
}

/*==============================================================================
アニメーション
==============================================================================*/
@-webkit-keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}

@keyframes fadeIn {
 from {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}

.fadeIn {
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}

/*==============================================================================
見出し
==============================================================================*/
.caption-area {
 margin-top: 2em;
 margin-bottom: 1em;
 text-align: center;
}

.caption-header, .caption-news, .caption-team, .caption-schedule, .caption-event, .caption-school, .caption-sponsor, .caption-contact, .caption-gallery, .caption-cheerscool, .caption-movie, .caption-ticket, .caption-application, .caption-volunteer, .caption-404 {
 position: relative;
 background-color: #fefefe;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 height: 350px;
}

.caption-news {
 background-image: url(https://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/DSC09943-1.jpg);
 background-position: top 10% right 30%;
}

.caption-team {
 background-image: url(https://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/DSC09943-1.jpg)
}

.caption-schedule {
 background-image: url(https://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/20230108_IMG_2551.jpg)
}

.caption-event {
 background-image: url(http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/2DXF8123.jpg);
 background-position: top 30% right 10%;
}

.caption-school {
 background-image: url(http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/IMG_5866.jpg);
}

.caption-sponsor {
 background-image: url(https://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/DSC09943-1.jpg);
}

.caption-contact {
 background-image: url(http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/IMG_5794.jpg);
}

.caption-gallery {
 background-image: url("../img/caption/gallery.jpg");
}

.caption-cheerscool {
 background-image: url("http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/2DXF7902_2.jpg");
}

.caption-movie {
 background-image: url("http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/IMG_8381.jpg");
}

.caption-ticket {
 background-image: url("http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/2DXF7880.jpg");
}


.caption-application {
 background-image: url("http://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/IMG_2767.jpg");
}

.caption-volunteer {
 background-image: url(https://tachikawa-dice.tokyo/wp-dice/wp-content/uploads/PXL_20230205_080345600.jpg);
}

.caption-404 {
 background-image: url("../img/caption/404.jpg");
}

.caption-inner {
 position: absolute;
 top: 50%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 100%;
 text-align: center;
}

.caption-inner p {
 color: #ea5404;
 font-size: 18px;
 font-size: 1.8rem;
 text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.9);
}

.caption {
 position: relative;
 color: #ea5404;
 font-family: "Teko", sans-serif;
 font-size: 35px;
 font-size: 3.5rem;
 text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.9);
 line-height: 70px;
 letter-spacing: 3px;
 transition: 0.8s;
}

.sub-caption {
 color: #ea5404;
 font-size: 18px;
 font-size: 1.8rem;
 text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.9);
}

.caption-top {
 position: relative;
 font-family: "Teko", sans-serif;
 padding: 5px 5px 5px 42px;
 background: #010101;
 font-size: 20px;
 color: #fefefe;
 font-family: "Jun 501", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
 margin-right: -33px;
 line-height: 1.3;
}

.caption-top:after {
 position: absolute;
 content: '';
 right: -3px;
 top: -7px;
 width: 0;
 height: 0;
 border: none;
 border-left: solid 70px transparent;
 border-top: solid 49px #fefefe;
 z-index: 9;
}

.caption-page {
 margin: 3em 0 2em;
 color: #fefefe;
 padding: 0.5em;
 border-top: solid 5px #f39700;
 border-bottom: solid 5px #f39700;
 background: #ea5404;
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: 700;
 text-align: center;
}

@media screen and (min-width: 768px) {
 .caption {
  font-size: 70px;
  font-size: 7rem;
 }
 .caption-page {
  font-size: 25px;
  font-size: 2.5rem;
 }
}

.comment {
 margin-bottom: 1em;
 text-align: left;
 line-height: 19px;
}

/*==============================================================================
メインコンテンツ
==============================================================================*/
.content {
 position: relative !important;
 margin: 0 auto;
 width: 100%;
 text-align: center;
}

.content h2 {
 margin: 2em 0;
 color: #fefefe;
 padding: 0.5em;
 border-top: solid 5px #f39700;
 border-bottom: solid 5px #f39700;
 background: #ea5404;
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: 700;
 text-align: center;
}

.content h3 {
 margin: 0.5em 0;
 color: #fefefe;
 font-size: 16px;
 font-size: 1.6rem;
}

.content h4 {
 color: #ea5404;
 font-size: 14px;
 font-size: 1.4rem;
}

.content p {
 margin-bottom: 2em;
 font-size: 14px;
 font-size: 1.4rem;
}

/* Googleカレンダー */

.simcal-calendar h3 span {
  color: #ea5404;
  font-size: 25px;
  font-size: 2.5rem;
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 5;
}

@media screen and (min-width: 768px) {
 .content {
  margin-bottom: 2em;
  max-width: 980px;
 }
 .content h2 {
  margin: 3em 0;
  font-size: 18px;
  font-size: 1.8rem;
 }
 .content h3 {
  font-size: 17px;
  font-size: 1.7rem;
 }
 .content h4 {
  font-size: 16px;
  font-size: 1.6rem;
 }
 .content p {
  font-size: 16px;
  font-size: 1.6rem;
 }
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
 max-width: 100%;
 height: auto;
}

.alignleft {
 display: inline;
 float: left;
 margin-right: 1.5em;
}

.alignright {
 display: inline;
 float: right;
 margin-left: 1.5em;
}

.aligncenter {
 clear: both;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

/*==============================================================================
トグルボタン
==============================================================================*/
.toggle-btn {
 position: fixed;
 top: 20px;
 right: 20px;
 height: 27px;
 width: 35px;
 cursor: pointer;
 z-index: 2222;
}

.toggle-btn.active .top {
 -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
 transform: translateY(11px) translateX(0) rotate(45deg);
 background: #fefefe;
}

.toggle-btn.active .middle {
 display: none;
}

.toggle-btn.active .bottom {
 -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
 transform: translateY(-11px) translateX(0) rotate(-45deg);
 background: #fefefe;
}

.toggle-btn span {
 background-color: #fefefe;
 border: none;
 border-radius: 2px;
 height: 5px;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transition: all 0.35s ease;
 transition: all 0.35s ease;
 cursor: pointer;
}

.toggle-btn span:nth-of-type(2) {
 top: 11px;
}

.toggle-btn span:nth-of-type(3) {
 top: 22px;
}

@media screen and (min-width: 1400px) {
 .toggle-btn {
  display: none;
 }
}

/*==============================================================================
ボタン
==============================================================================*/
.btn-area {
 margin: 0 auto;
 text-align: center;
}

.btn, .btn-more, .btn-buy, .btn-inq, .wpcf7-submit {
 position: relative;
 display: inline-block;
 background: #010101;
 color: #fefefe;
 transition: 0.4s;
}

.btn:hover, .btn-more:hover, .btn-buy:hover, .btn-inq:hover, .wpcf7-submit:hover {
 background-color: #ea5404;
 color: #010101;
}

.btn-more {
 font-weight: bold;
 margin-top: 3em;
 padding: 1em;
 width: 180px;
 font-family: "Hammersmith One", sans-serif;
 text-align: center;
 letter-spacing: 2px;
}

.btn-buy {
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 2em;
 padding: 0.5em;
 width: 180px;
 font-family: "Hammersmith One", sans-serif;
 text-align: center;
 letter-spacing: 2px;
}

.wpcf7-submit {
 padding: 0.7em 1.5em;
 width: 100px;
 font-family: "Hammersmith One", sans-serif;
 font-size: 13px;
 font-weight: 700;
 text-align: center;
}

.btn-movie {
  padding: 1em 2em;
  border-radius: 5px;
  background: #ea5404;
  color: #fff;
  font-family: "Hammersmith One", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  line-height: 13px;
}

.btn-movie:hover {
  background: #000;
  color:#ea5404;
}

.btn-inq {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 0.7em;
    max-width: 400px;
    font-family: "Hammersmith One", sans-serif;
    text-align: center;
    letter-spacing: 2px;
}