@charset "UTF-8";
/* ----------------------------------------------------------

テトリタグ

---------------------------------------------------------- */
[id^="ttr"] [data-ttr~=container] {
  z-index: 1000000 !important;
}

/* ----------------------------------------------------------

Base Style

---------------------------------------------------------- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #343434;
  font-family: "Verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  text-align: justify;
  text-size-adjust: none;
}

a {
  color: inherit;
  text-decoration: none;
}

table,
ul ul,
ol ol {
  font-size: 100%;
}

td ul,
td p,
td dt,
td dd {
  font-size: 100%;
}

select,
input,
textarea,
button {
  font-size: 99%;
}

strong,
em {
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}

a:hover,
a:active,
a:hover img {
  opacity: 0.8;
}

::selection,
::-moz-selection {
  background: #b3d1df;
}

*:focus {
  outline: none;
}

#topcontrol {
  z-index: 1000;
}

#MenuNavi {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

#topcontrol {
  z-index: 10000;
}

@media (min-width: 741px) and (max-width: 1160px) {
  html {
    height: 100%;
  }
  #topcontrol {
    display: none;
  }
  body.top {
    overflow-x: hidden;
  }
}

/* ----------------------------------------------------------

fonts

---------------------------------------------------------- */
.en {
  font-family: "Verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.0;
}

.tit {
  font-weight: 400;
}

.sub {
  font-family: "Verdana", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 400;
}

.icon.chartered {
  background-color: #e21a4d;
}

.unit_icon {
  margin-top: 10px;
}

.unit_icon .icon_box.category,
.unit_icon .icon_box.status,
.unit_icon .icon_box.ticket {
  display: inline-block;
  margin-top: 0 !important;
  padding: 0 2px 2px 0 !important;
  font-size: 10px !important;
  vertical-align: top !important;
}

.unit_icon .icon_box.category {
  background: none !important;
  color: #343434 !important;
}

.unit_icon .icon_box.category .icon {
  padding-left: 0 !important;
  background: none !important;
  color: #343434 !important;
}

.unit_icon .icon_box.category {
  display: block;
}

.unit_icon .icon_box.status .icon {
  background-color: #dd9fa0;
}

.unit_icon .icon_box .icon.before_pre_release {
  background-color: #c1aea3;
}

.unit_icon .icon_box .icon.pre_release {
  background-color: #a5c0d3;
}

.unit_icon .icon_box .icon.before_subscription {
  background-color: #c1aea3;
}

.unit_icon .icon_box .icon.subscription {
  background-color: #a3c797;
}

@media screen and (max-width: 740px) {
  .unit_icon .icon, .unit_icon .category {
    padding: 0 4px !important;
    font-size: 10px;
  }
}
/*# sourceMappingURL=base_style.css.map */