@charset "utf-8";
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.fluid img {
  width: 100%;
  height: auto;
}
.main {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}
.btn {
  white-space: normal;
}
a:hover {
  text-decoration: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.t_follow a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.w-60 {
  width: 60% !important
}
.w-70 {
  width: 70% !important
}
.w-80 {
  width: 80% !important
}
.w-90 {
  width: 90% !important
}
.oh {
  overflow: hidden;
}
body {
  background-color: #faefe0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
h5 {
  font-size: 1.0rem;
}
/* 背景色 */
.bg-black {
  background-color: #FFFFFF;
}
.bg-image{
  background: url("back.png");
 background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
}
.bg-a {
  background-color: #faefe0;
}
.bg-b {
  background: linear-gradient(#539dd9, #99ccf2);
}
.bg-c {
  background:rgba(255,255,255,1);
  box-shadow: 0px 0px 10px 1px #000000;
}
.bg-d{
  background:rgba(255,251,200,1);
  box-shadow: 0px 0px 10px 1px #000000;
}
.bg-e{
  background:rgba(255,240,0,1);
  box-shadow: 0px 0px 10px 1px #000000;
}
.cp_bg {
  background-image: url(cpbg.png);
  background-repeat: repeat-y;
  background-position: top center;
}
.shadow-md {
  box-shadow: 3px 3px 8px #000000;
}
/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/* 劇場リンク */
.theater-bg{
	background-color: #f7f7f7;
}
#theaterLink {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    max-width: 100%;
    text-align: center;
}
#theaterLink a:hover, #choice a:hover {
  opacity: 1.0 !important;
  filter: alpha(opacity=1000) !important;
}
/* 公式リンク */
#theater a:hover {
  opacity: 1.0 !important;
  filter: alpha(opacity=1000) !important;
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  -filter: invert(100%);
  transition: 0.6s;
}
/* アクション */
.shiver:hover {
  display: inline-block;
  animation: shivering .1s infinite;
}#theaterLink a{
	color: #808080;
	text-decoration: underline;
}
@keyframes shivering {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(2px, 2px) rotateZ(0.2deg)
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg)
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-0.2deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {} /* END */
/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {} /* END */
/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {} /* END */
/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {} /* END */
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}