@charset "utf-8";
/*---------------------------------------------
common css 
---------------------------------------------*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
a.link img:hover,
a.link img:focus,
a.link img:active {
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 7;
}
/*---------------------------------------------
Link
---------------------------------------------*/
a {
  text-decoration: none;
  color: #000;
}
a:visited {
  text-decoration: none;
  color: #FFF;
}
a:hover {
  text-decoration: none;
  color: #CCC;
}
a:active {
  text-decoration: none;
  color: #CCC;
}
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}
/*---------------------------------------------
Base Layout
---------------------------------------------*/
body {
  font-family: 'Open Sans', 'Helvetica neue', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  background: #FFF;
  color: #000;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.blink {
  -webkit-animation-name: 'blink';
  -moz-animation-name: blink;
  -ms-animation-name: 'blink';
  -o-animation-name: 'blink';
  animation-name: 'blink';
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  -ms-animation-duration: 0.1s;
  -o-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.blink-list {
  -webkit-animation-name: 'blink-list';
  -moz-animation-name: blink-list;
  -ms-animation-name: 'blink-list';
  -o-animation-name: 'blink-list';
  animation-name: 'blink-list';
  -webkit-animation-duration: 0.125s;
  -moz-animation-duration: 0.125s;
  -ms-animation-duration: 0.125s;
  -o-animation-duration: 0.125s;
  animation-duration: 0.125s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/*  webkit  */
@-webkit-keyframes 'blink-list' {
  0% {
    opacity: 0.85;
  }
  49% {
    opacity: 0.85;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.85;
  }
}
/*  moz  */
@-moz-keyframes blink-list {
  0% {
    opacity: 0.85;
  }
  49% {
    opacity: 0.85;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.85;
  }
}
@keyframes blink-list {
  0% {
    opacity: 0.85;
  }
  49% {
    opacity: 0.85;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.85;
  }
}
/*  webkit  */
@-webkit-keyframes 'blink' {
  0% {
    opacity: 0.5;
  }
  49% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}
/*  moz  */
@-moz-keyframes blink {
  0% {
    opacity: 0.5;
  }
  49% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes blink {
  0% {
    opacity: 0.5;
  }
  49% {
    opacity: 0.5;
  }
  50% {
    opacity: 1.0;
  }
  99% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.5;
  }
}
#click-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
#click-area.available {
  width: 100%;
  height: 100%;
}
#loading {
  background: url(../img/common/loading.gif) no-repeat center center;
  width: 60px;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
}
#login {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
  color: #FFF;
}
#login #progress {
  width: 100%;
  height: 5px;
  z-index: 99999;
  position: relative;
}
#login #progress #bar-progress {
  background: #FFF;
  height: 5px;
  width: 0%;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: width height;
  -moz-transition-property: width height;
  -ms-transition-property: width height;
  -o-transition-property: width height;
  transition-property: width height;
}
#login #mode-1 {
  background: #2249fb;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#login #mode-1 ul {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 400;
}
#login #mode-1 ul li {
  list-style: none;
  position: absolute;
}
#login #mode-1 ul li.li1 {
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: 100px;
}
#login #mode-1 ul li.li2 {
  top: 50%;
  left: 40px;
}
#login #mode-1 ul li.li3 {
  top: 50%;
  right: 40px;
  text-align: right;
  width: 100%;
}
#login #mode-1 .logo-login {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -42px;
}
#login #mode-1 .button-login {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -130px;
}
#login #mode-1 .button-login a {
  text-decoration: none;
  background: #FFF;
  color: #2249fb;
  width: 200px;
  margin: 0 auto;
  padding: 5px 20px;
  font-size: 24px;
  font-weight: 300;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#login #mode-1 .button-login a:hover {
  border: 1px solid #FFF;
  background: #2249fb;
  color: #FFF;
  color: #CCC;
}
#login #mode-3 {
  display: none;
  background: #2249fb;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
#login #mode-3 .ttl_1 {
  font-size: 48px;
  padding: 60px 0 30px;
  line-height: 1;
}
#login #mode-3 .ttl_1 span.bg-area {
  background: #FFF;
  color: #2249fb;
  padding: 0 10px;
}
#login #mode-3 .logo-mode {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  font-size: 10px;
  font-weight: 400;
}
#login #mode-3 .logo-mode div {
  display: inline-block;
  padding: 0 3px;
}
#login #mode-3 .logo-mode div.text {
  position: relative;
  top: -4px;
  line-height: 1;
}
#login #mode-3 .Timer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -165px;
  font-size: 24px;
}
#login #mode-3 .Timer .TimeLeft {
  font-size: 240px;
  line-height: 1;
}
#login #mode-3 .block-onair {
  width: 100%;
  height: 60px;
  color: #FFF;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
}
#login #mode-3 .block-onair ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  font-size: 10px;
}
#login #mode-3 .block-onair .li1 {
  width: 100%;
  height: 60px;
  text-align: center;
  font-size: 24px;
  padding-top: 8px;
}
#login #mode-3 .block-onair .li1 a {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#login #mode-3 .block-onair .li2 {
  position: absolute;
  top: 23px;
  left: 40px;
  font-weight: 400;
}
#login #mode-3 .block-onair .li3 {
  position: absolute;
  top: 23px;
  right: 40px;
  font-weight: 400;
}
#login #mode-3 .block-onair .login {
  background: #ff6600;
  color: #FFF;
  padding: 5px 20px;
}
#login #mode-3 .block-onair .login:hover {
  background: #FFF;
  color: #ff6600;
}
#login #mode-3 .block-onair .tw {
  background: #00ffd2;
  color: #000;
  padding: 5px 20px;
}
#login #mode-3 .block-onair .tw:hover {
  color: #00ffd2;
  background: #FFF;
}
#login #mode-4 {
  display: none;
  background: #2249fb;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
#login #mode-4 .ttl_1 {
  font-size: 48px;
  padding: 60px 0 30px;
  line-height: 1;
}
#login #mode-4 .ttl_1 span.bg-area {
  background: #FFF;
  color: #2249fb;
  padding: 0 10px;
}
#login #mode-4 .logo-mode {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  font-size: 10px;
  font-weight: 400;
}
#login #mode-4 .logo-mode div {
  display: inline-block;
  padding: 0 3px;
}
#login #mode-4 .logo-mode div.text {
  position: relative;
  top: -4px;
  line-height: 1;
}
#login #mode-4 .Timer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -165px;
  font-size: 24px;
}
#login #mode-4 .Timer .TimeLeft {
  font-size: 240px;
  line-height: 1;
}
#login #mode-4 .block-onair {
  width: 100%;
  height: 60px;
  color: #FFF;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
}
#login #mode-4 .block-onair ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  font-size: 10px;
}
#login #mode-4 .block-onair .li1 {
  width: 100%;
  height: 60px;
  text-align: center;
  font-size: 24px;
  padding-top: 8px;
}
#login #mode-4 .block-onair .li1 a {
  display: inline-block;
  margin: 0 5px;
  color: #FFFFFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#login #mode-4 .block-onair .li2 {
  position: absolute;
  top: 23px;
  left: 40px;
  font-weight: 400;
}
#login #mode-4 .block-onair .li3 {
  position: absolute;
  top: 23px;
  right: 40px;
  font-weight: 400;
}
#login #mode-4 .block-onair .login {
  background: #ff6600;
  padding: 5px 20px;
}
#login #mode-4 .block-onair .login:hover {
  background: #FFF;
  color: #ff6600;
}
#login #mode-4 .block-onair .tw {
  background: #00ffd2;
  color: #000;
  padding: 5px 20px;
}
#login #mode-4 .block-onair .tw:hover {
  color: #00ffd2;
  background: #FFF;
}
#login #mode-5 {
  display: none;
  background: #2249fb url(../img/common/bg_after24.png) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}
#login #mode-5.sp {
  background: url(../img/common/bg_onair.jpg) no-repeat;
  background-size: cover;
}
#login #mode-5 ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
#login #mode-5 .mode-5_ttl {
  font-size: 10px;
  font-weight: 600;
  margin-left: 40px;
  margin-top: 40px;
}
#login #mode-5 .mode-5_ttl li {
  line-height: 1;
  margin-bottom: 5px;
}
#login #mode-5 .mode-5_ttl .li1 {
  margin-bottom: 20px;
}
#login #mode-5 .mode-5_ttl .li1 span {
  font-style: italic;
}
#login #mode-5 .bottom_layout {
  position: absolute;
  bottom: 40px;
  left: 0;
  padding-left: 40px;
}
#login #mode-5 .Timer {
  font-size: 24px;
  text-align: left;
  margin-bottom: 40px;
}
#login #mode-5 .Timer .TimeLeft {
  font-size: 54px;
  line-height: 1;
}
#login #mode-5 .block-onair {
  color: #FFF;
  margin-bottom: 40px;
}
#login #mode-5 .block-onair ul {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 24px;
  padding-top: 7px;
}
#login #mode-5 .block-onair ul li {
  margin-bottom: 10px;
}
#login #mode-5 .block-onair ul a {
  display: inline-block;
  padding: 5px 20px;
  font-weight: 300;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#login #mode-5 .block-onair .li1 {
  font-size: 24px;
}
#login #mode-5 .block-onair .li1 a {
  background: #ff6600;
  color: #FFF;
}
#login #mode-5 .block-onair .li1 a:hover {
  background: #FFF;
  color: #ff6600;
}
#login #mode-5 .block-onair .li2 a {
  background: #FFF;
  color: #000;
}
#login #mode-5 .block-onair .li2 a:hover {
  background: #000;
  color: #FFF;
}
#login #mode-5 .block-onair .li3 a {
  color: #FFF;
  background: #0cc61d;
}
#login #mode-5 .block-onair .li3 a:hover {
  background: #FFF;
  color: #0cc61d;
}
#login #mode-5 .logo-mode {
  font-size: 10px;
  font-weight: 600;
}
#login #mode-5 .logo-mode div {
  padding: 0 3px;
}
#login #mode-5 .logo-mode div li {
  line-height: 1;
  margin-bottom: 5px;
}
header {
  position: relative;
}
header #other-area {
  overflow: hidden;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  background: #FFF;
  color: #000;
  border-bottom: 1px solid #bfbfbf;
  -ms-transition: height 0.2s ease-out, background-color 0.2s linear;
  -moz-transition: height 0.2s ease-out, background-color 0.2s linear;
  -webkit-transition: height 0.2s ease-out, background-color 0.2s linear;
  transition: height 0.2s ease-out, background-color 0.2s linear;
}
header #other-area dl {
  margin: 0;
  padding: 15px 0 7px 60px;
  font-size: 12px;
  font-weight: 400;
  list-style: none;
  line-height: 1;
}
header #other-area dl dd {
  margin: 0;
  padding: 0;
  margin-top: -12px;
  padding-left: 68px;
  margin-bottom: 13px;
}
header #other-area .more {
  padding-left: 60px;
  font-size: 12px;
  font-weight: 400;
}
header #other-area .bnr {
  position: absolute;
  right: 60px;
  top: 110px;
}
header #other-area .bnr ul {
  margin: 0;
  padding: 0;
}
header #other-area .bnr ul li {
  float: left;
  list-style: none;
}
header #other-area a {
  color: #000;
  text-decoration: none;
}
header #other-area a span {
  font-size: 22px;
}
header #other-area.open {
  background: #00ffd2;
  height: 150px;
  color: #000;
  z-index: 100000;
}
header #other-area.open .sns {
  display: block;
}
header #other-area.open a {
  color: #000;
}
header #other-area.open a:hover {
  color: #FFF;
}
header .list-others {
  position: absolute;
  top: 0px;
  right: 60px;
  z-index: 99999;
}
header .list-others ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .list-others ul li {
  float: left;
  margin-left: 20px;
  font-size: 16px;
}
header .list-others ul li a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #000;
}
header .list-others ul li a:hover {
  color: #ff6600;
}
header .list-others ul li.tw a {
  color: #ff6600;
}
header .list-others ul li.tw a:hover {
  color: #000;
}
header #logo {
  padding: 100px 0 0 60px;
  line-height: 0;
}
header #filter {
  font-size: 24px;
  padding: 0;
  font-weight: 300;
  margin: 36px 60px 0;
  position: relative;
  z-index: 99999;
  line-height: 1;
}
header #filter ul {
  margin: 0;
  padding: 0;
}
header #filter li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 30px;
  list-style: none;
  margin-bottom: 15px;
}
header #filter li span {
  font-size: 22px;
}
header #filter a {
  text-decoration: none;
  color: 000;
}
header #filter a:hover {
  color: #ff6600;
}
header #filter a.selected {
  color: #ff6600;
}
header #filter .current {
  color: #ff6600;
}
header #info-os {
  margin: 21px 0 0 60px;
  z-index: 99999;
  position: relative;
}
header #info-os .list {
  margin: 0;
  padding: 0;
  width: 1120px;
}
header #info-os li {
  font-size: 10px;
  font-weight: 400;
  color: #ff6600;
  list-style: none;
  float: left;
  margin-right: 40px;
  line-height: 23px;
  height: 19px;
}
header #info-os li:first-child {
  margin-right: 10px;
}
header #info-os li.text-credit {
  color: #6d6d6d;
}
header #info-os li.last {
  margin: 0;
}
header #sort {
  font-size: 12px;
  margin: 0;
  padding: 0;
  line-height: 40px;
  width: 275px;
  color: #6d6d6d;
  height: 40px;
  z-index: 99999;
}
header #sort li {
  list-style: none;
  float: left;
  margin: 0;
}
header #sort li:first-child {
  color: #6d6d6d;
  font-weight: 400;
}
header #sort li.button {
  position: relative;
  top: -2px;
  margin-left: 6px;
}
header #sort li a {
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
header #sort li a:hover {
  color: #ff6600;
}
header #btn_featured {
  position: absolute;
  top: 0;
  right: 60px;
  background: #ff6600;
  z-index: 999;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  width: 200px;
  text-align: center;
  text-decoration: none;
}
header #btn_featured:hover {
  background: #FFF;
  color: #000;
}
header #btn_featured.current {
  background: #FFF;
  color: #000;
}
header #btn_featured.current:hover {
  background: #ff6600;
  color: #FFF;
}
#featured {
  background: #FFF;
  padding: 60px 0;
  display: none;
  color: #000;
  z-index: 99;
  overflow: hidden;
  position: relative;
}
#featured .ttl {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
#featured .close-area {
  text-align: center;
  margin: 60px 0 0;
}
#featured #nav-featured {
  margin: 0;
  padding: 120px 0 0;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 24px;
}
#featured #nav-featured a {
  color: #000;
  text-decoration: none;
}
#featured #nav-featured a:hover {
  color: #CCC;
}
#featured #nav-featured a.selected {
  color: #CCC;
}
#featured #nav-featured li {
  list-style: none;
  display: inline-block;
  padding: 0 4px;
  font-size: 24px;
}
#featured .article .ttl {
  margin-bottom: 90px;
}
#featured .article .content {
  text-align: center;
}
#featured .article .content iframe {
  width: 980px;
  margin: 0 auto;
  display: block;
}
#block-area {
  padding: 60px 55px 0px 60px;
  position: relative;
  min-height: 450px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#block-area.active {
  opacity: 0;
}
#block-area.active .block {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
#block-area ul {
  margin: 0;
  padding: 0;
}
#block-area .block {
  list-style-type: none;
  width: 165px;
  height: 165px;
  margin-bottom: 60px;
  z-index: 9999;
  visibility: visible;
  box-sizing: border-box;
}
#block-area .block.open {
  border: 1px solid #bfbfbf;
}
#block-area .thumbnail {
  position: relative;
}
#block-area .thumbnail figure {
  cursor: pointer;
  margin: 0;
  width: 165px;
  height: 165px;
  overflow: hidden;
}
#block-area .thumbnail figure img {
  width: 165px;
  height: 165px;
}
#block-area .thumbnail figure:hover img,
#block-area .thumbnail figure:focus img,
#block-area .thumbnail figure:active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#block-area .thumbnail time {
  position: absolute;
  top: 175px;
  left: 0px;
}
#block-area .thumbnail .category {
  position: absolute;
  top: 175px;
  left: 71px;
}
#block-area .thumbnail .on-info {
  font-size: 12px;
  font-weight: 400;
  display: none;
  color: #000;
}
#block-area .thumbnail h2 {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 24px;
  margin: 0;
  font-weight: 300;
  line-height: 1.22;
  width: 144px;
  color: #FFF;
}
#block-area .disable figure {
  cursor: default;
}
#block-area .disable figure img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
#block-area .disable figure:hover img,
#block-area .disable figure:focus img,
#block-area .disable figure:active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
#block-area .disable h2 {
  display: none;
}
#block-area .display {
  display: none;
  color: #000;
}
#block-area .display .meta {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 40px;
  font-weight: 400;
}
#block-area .display time {
  position: absolute;
  top: 13px;
  left: 20px;
  font-size: 12px;
}
#block-area .display .category {
  position: absolute;
  top: 13px;
  left: 100px;
  font-size: 12px;
}
#block-area .display .close {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 999;
  cursor: pointer;
}
#block-area .display a {
  color: #ff6600;
}
#block-area .display a:visited {
  color: #ff6600;
}
#block-area .display a:hover {
  color: #bfbfbf;
}
#block-area .display a:active {
  color: #bfbfbf;
}
#block-area .display p {
  line-height: 1.5;
}
#block-area .inner {
  padding: 80px 20px 40px;
}
#block-area .content {
  background: #FFF;
  min-height: 163px;
  color: #000;
  position: relative;
  font-weight: 400;
}
#block-area .content .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1140px;
  background: url(../img/common/op_orange90.png);
}
#block-area .content h2 {
  margin: 0;
  font-weight: 300;
  z-index: 9;
  position: relative;
  font-size: 24px;
  line-height: 1;
}
#block-area .content figure {
  margin: 0;
}
#block-area .content .body-images {
  position: absolute;
  top: 0;
  left: 0;
}
#block-area .content .body-images ul {
  position: absolute;
  top: 120px;
  left: 20px;
  margin: 0;
  padding: 0;
  z-index: 99;
  width: 200px;
}
#block-area .content .body-images ul li {
  float: left;
  list-style: none;
  margin-right: 8px;
  font-size: 24px;
}
#block-area .content .body-images ul li a {
  color: #000;
}
#block-area .content .body-images ul li a.selected {
  color: #CCC;
}
#block-area .content p {
  padding: 20px;
}
#block-area .content .description {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 9;
}
#block-area .content .description h3 {
  margin: 0;
  z-index: 9;
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: 1;
}
#block-area .content .description p {
  margin: 0;
  padding: 0px;
  font-size: 14px;
  line-height: 1.6;
}
#block-area .onair h3 {
  text-align: center;
  margin: 0;
  padding: 70px 0 110px;
  font-size: 0;
}
#block-area .onair ul {
  list-style: none;
  padding: 0 20px 0;
}
#block-area .onair ul h4 {
  font-weight: normal;
  font-size: 22px;
  margin: 35px 0 20px;
  line-height: 1;
}
#block-area .onair ul li {
  width: 360px;
  border-top: 1px solid #bfbfbf;
  padding-bottom: 35px;
}
#block-area .onair ul li.even {
  float: right;
}
#block-area .onair ul li.odd {
  float: left;
}
#block-area .onair ul li.list-first {
  width: 100%;
  border-top: none;
}
#block-area .onair ul li.date_7-5 {
  background: url(../img/about/onair_day_7-5.png) no-repeat right 38px;
}
#block-area .onair ul li.date_7-9 {
  background: url(../img/about/onair_day_7-9.png) no-repeat right 38px;
}
#block-area .onair ul li.date_7-10 {
  background: url(../img/about/onair_day_7-10.png) no-repeat right 38px;
}
#block-area .onair ul li.date_7-12 {
  background: url(../img/about/onair_day_7-12.png) no-repeat right 38px;
}
#block-area .onair ul p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}
#block-area .movie {
  padding: 40px 0px 0;
}
#block-area .radio h2 {
  line-height: 1;
  margin-bottom: 28px;
}
#block-area .radio h3 {
  text-align: center;
  font-size: 0;
  margin: 0;
}
#block-area .radio h3 img {
  border-bottom: 1px solid #bfbfbf;
  padding: 0 0 40px;
}
#block-area .radio p {
  text-align: center;
  font-size: 14px;
}
#block-area .story-content h2 {
  line-height: 1;
  margin-bottom: 28px;
}
#block-area .story-content h3 {
  text-align: center;
  font-size: 24px;
  margin: 0;
  font-weight: 300;
  padding: 40px 0;
  line-height: 1;
}
#block-area .story-content p {
  font-size: 14px;
  padding: 20px 40px;
}
#block-area .story-content .line {
  width: 390px;
  height: 1px;
  background: #bfbfbf;
  margin: 0 auto 40px;
}
#block-area .story-content .list-story {
  list-style: none;
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 999;
  text-align: center;
  width: 100%;
}
#block-area .story-content .list-story a {
  color: #000;
}
#block-area .story-content .list-story a:hover {
  color: #ff6600;
}
#block-area .story-content .list-story a.current {
  color: #ff6600;
}
#block-area .story-content .list-story li {
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  margin-right: 7px;
  line-height: 1;
}
#block-area .story-content .list-story li.disable {
  color: #bfbfbf;
}
#block-area .story-content .panel-story {
  position: absolute;
  top: 100px;
  left: 0;
}
#block-area .story-content .panel-story iframe {
  height: 472px;
}
#block-area .story-content .panel-story .figure-main {
  font-size: 0;
  margin-bottom: 20px;
}
#block-area .story-content .panel-story .figure-sub {
  font-size: 0;
}
#block-area .story-archive h2 {
  line-height: 1;
  position: relative;
}
#block-area .story-archive .head {
  font-weight: 300;
  font-size: 24px;
  margin-top: -24px;
  line-height: 1;
  position: relative;
  z-index: 99;
}
#block-area .story-archive .head .story-archive_nav {
  position: relative;
  left: 165px;
}
#block-area .story-archive .head ul {
  list-style: none;
}
#block-area .story-archive .head ul li {
  float: left;
  margin-left: 25px;
}
#block-area .story-archive .head a {
  color: #000;
}
#block-area .story-archive .head a:hover {
  color: #ff6600;
}
#block-area .story-archive .head a.selected {
  color: #ff6600;
}
#block-area .story-archive .content-page {
  display: none;
}
#block-area .story-archive .content-page12 {
  display: block;
}
#block-area .story-archive h3 {
  text-align: center;
  font-size: 24px;
  margin: 0;
  font-weight: 300;
  padding: 40px 0;
  line-height: 1;
}
#block-area .story-archive p {
  font-size: 14px;
  padding: 20px 40px;
}
#block-area .story-archive .line {
  width: 750px;
  height: 1px;
  background: #bfbfbf;
  margin: 40px auto 40px;
}
#block-area .story-archive .content-story {
  position: absolute;
  top: 145px;
  left: 0;
}
#block-area .story-archive .content-story iframe {
  height: 472px;
}
#block-area .story-archive .content-story .figure-main {
  font-size: 0;
  margin-bottom: 20px;
}
#block-area .story-archive .content-story .figure-sub {
  font-size: 0;
}
#block-area .product-default h2 {
  line-height: 1;
  position: relative;
}
#block-area .product-default .head {
  font-size: 24px;
  margin-top: -24px;
  line-height: 1;
  text-align: center;
  font-weight: 300;
  z-index: 99;
  position: relative;
}
#block-area .product-default .head a {
  color: #000;
}
#block-area .product-default .head a:hover {
  color: #ff6600;
}
#block-area .product-default .head a.selected {
  color: #ff6600;
}
#block-area .product-default .head a.selected:hover {
  color: #000;
}
#block-area .product-default .content-page2 {
  display: none;
}
#block-area .product-default h3 {
  border-top: 1px solid #bfbfbf;
  padding: 35px 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  margin: 0;
  font-weight: normal;
}
#block-area .product-default h3 span {
  font-size: 16px;
}
#block-area .product-default h4 {
  font-size: 14px;
  margin: 0;
  margin-bottom: 10px;
}
#block-area .product-default h4 span {
  font-weight: normal;
}
#block-area .product-default p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  line-height: 1.6;
  font-weight: 400;
}
#block-area .product-default .detail {
  width: 350px;
  padding-bottom: 10px;
  float: left;
}
#block-area .product-default .detail.wide {
  width: 100%;
  padding-bottom: 10px;
  float: none;
}
#block-area .product-default .detail.middle {
  width: 525px;
}
#block-area .product-default .figure {
  float: right;
  margin-right: -40px;
  margin-bottom: 35px;
  line-height: 0;
}
#block-area .product-default .btn-buy {
  background: #ff6600;
  color: #FFF;
  padding: 6px 10px;
  line-height: 1;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  border: 1px solid #FFF;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#block-area .product-default .btn-buy:visited {
  color: #FFF;
}
#block-area .product-default .btn-buy:hover {
  border: 1px solid #ff6600;
  background: #FFF;
  color: #ff6600;
}
#block-area .product-default .para {
  width: 760px;
  margin: 0 auto;
}
#block-area .product-default .para1 {
  position: relative;
  margin-top: 34px;
}
#block-area .product-default .para2 {
  border-top: 1px solid #bfbfbf;
}
#block-area .product-default .para2 .figure {
  margin-top: 35px;
}
#block-area .product-default .para2 h3 {
  border: none;
}
#block-area .product-default .ost h4 {
  margin-bottom: 20px;
}
#block-area .product-default .ost .left {
  float: left;
  width: 420px;
  margin-left: -40px;
}
#block-area .product-default .ost .left .ost-fig {
  float: left;
}
#block-area .product-default .ost .left p {
  float: left;
  margin-left: 20px;
}
#block-area .product-default .ost .right {
  float: right;
  width: 370px;
}
#block-area .product-default .ost .right .ost-fig {
  float: left;
}
#block-area .product-default .ost .right p {
  float: left;
  margin-left: 20px;
}
#block-area .product-default .ost_list {
  font-size: 14px;
  padding-bottom: 35px;
}
#block-area .product-default .ost_list ul {
  list-style: none;
  line-height: 1;
}
#block-area .product-default .ost_list ul li {
  margin-bottom: 10px;
}
#block-area .product-default .ost_list .left {
  float: left;
  width: 370px;
}
#block-area .product-default .ost_list .right {
  float: right;
  width: 370px;
}
#block-area .product-bd_dvd h2 {
  line-height: 1;
  margin-bottom: 34px;
}
#block-area .product-bd_dvd h3 {
  font-size: 22px;
  margin: 0;
  font-weight: 300;
  line-height: 1;
}
#block-area .product-bd_dvd p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 28px;
  line-height: 1.6;
  font-weight: 400;
}
#block-area .product-bd_dvd .f14 {
  font-size: 14px;
  line-height: 1.6;
}
#block-area .product-bd_dvd .f12 {
  font-size: 12px;
  line-height: 1.4;
}
#block-area .product-bd_dvd ul {
  margin-bottom: 28px;
  list-style: none;
}
#block-area .product-bd_dvd ul li {
  line-height: 1;
}
#block-area .product-bd_dvd ul span {
  background: #FFF;
}
#block-area .product-bd_dvd ul.f14 li {
  margin-bottom: 8px;
}
#block-area .product-bd_dvd ul.f12 li {
  margin-bottom: 7px;
}
#block-area .product-bd_dvd .para1 {
  padding-bottom: 10px;
}
#block-area .product-bd_dvd .para1 h3 {
  padding: 37px 0;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
}
#block-area .product-bd_dvd .para1 h4 {
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 1;
}
#block-area .product-bd_dvd .para1 .detail {
  border-top: 1px solid #bfbfbf;
  width: 360px;
  margin-left: 20px;
  position: relative;
  z-index: 10;
}
#block-area .product-bd_dvd .para1 .lh {
  line-height: 1.5;
  margin-top: -2px;
}
#block-area .product-bd_dvd .para1 .detail_2 {
  width: 350px;
  margin-left: 20px;
  position: relative;
  z-index: 10;
}
#block-area .product-bd_dvd .para1 .list-type_1 li {
  margin-bottom: 20px;
  line-height: 1.5;
}
#block-area .product-bd_dvd .para1 .figure {
  position: absolute;
  right: 0px;
  top: 70px;
}
#block-area .product-bd_dvd .para1 .btn-buy {
  background: #ff6600;
  color: #FFF;
  padding: 6px 10px;
  line-height: 1;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  border: 1px solid #FFF;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#block-area .product-bd_dvd .para1 .btn-buy:hover {
  border: 1px solid #ff6600;
  background: #FFF;
  color: #ff6600;
}
#block-area .product-bd_dvd .para1 .left {
  float: left;
  width: 350px;
  margin-left: 20px;
}
#block-area .product-bd_dvd .para1 .left_2 {
  float: left;
  width: 425px;
  margin-left: 20px;
}
#block-area .product-bd_dvd .para1 .left_2 h4 {
  margin-bottom: 10px;
  line-height: 1.4;
}
#block-area .product-bd_dvd .para1 .left_2 .kigou {
  text-indent: -7px;
}
#block-area .product-bd_dvd .para1 .right {
  float: right;
  width: 370px;
  margin-right: 20px;
}
#block-area .product-bd_dvd .para2 {
  border-top: 1px solid #bfbfbf;
  width: 760px;
  margin-left: 20px;
}
#block-area .product-bd_dvd .para2 .block1 {
  margin-bottom: 30px;
}
#block-area .product-bd_dvd .para2 .block2 {
  margin-bottom: 40px;
}
#block-area .product-bd_dvd .para2 .block3 {
  padding-bottom: 15px;
}
#block-area .product-bd_dvd .para2 h3 {
  padding: 40px 0;
  font-weight: 300;
  line-height: 1;
}
#block-area .product-bd_dvd .para2 h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin-bottom: 28px;
  line-height: 1;
}
#block-area .product-bd_dvd .para2 h5 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}
#block-area .product-bd_dvd .para2 .left {
  float: left;
  width: 165px;
  margin-left: -40px;
  line-height: 0;
}
#block-area .product-bd_dvd .para2 .right {
  float: left;
  width: 615px;
  margin-left: 20px;
}
#block-area .product-bd_dvd .para2 .right span {
  font-weight: bold;
}
#block-area .product-bd_dvd .para2 dl {
  margin: 0;
  padding: 0;
  margin-bottom: 19px;
}
#block-area .product-bd_dvd .para2 dl dt {
  float: left;
  width: 230px;
}
#block-area .product-bd_dvd .para2 dl dt span {
  font-weight: bold;
}
#block-area .product-bd_dvd .para2 dl dd {
  float: right;
  width: 490px;
  margin: 0;
  line-height: 1.5;
}
#block-area .product-bd_dvd .para2 .box_imgtxt {
  margin-bottom: 40px;
  width: 390px;
}
#block-area .product-bd_dvd .para2 .box_imgtxt .cap {
  float: left;
}
#block-area .product-bd_dvd .para2 .box_imgtxt dl {
  width: 200px;
  float: left;
  margin-left: 18px;
}
#block-area .product-bd_dvd .para2 .box_imgtxt dl dt {
  float: none;
  width: auto;
  margin-bottom: 8px;
}
#block-area .product-bd_dvd .para2 .box_imgtxt dl dd {
  float: none;
  width: auto;
  margin-bottom: 5px;
}
#block-area .product-bd_dvd .para2 .box_imgtxt.long {
  width: 800px;
}
#block-area .product-bd_dvd .para2 .box_imgtxt.long dl {
  width: auto;
}
#block-area .product-bd_dvd .para2 .f_left {
  float: left;
}
#block-area .product-bd_dvd .para2 .f_right {
  float: right;
}
#block-area .product-bd_dvd .para2 .ml-40 {
  margin-left: -40px;
}
#block-area .product-bd_dvd .para2 .shop_block_long {
  margin-bottom: 30px;
}
#block-area .product-bd_dvd .para2 .shop_block_long .left {
  float: left;
}
#block-area .product-bd_dvd .para2 .shop_block_long .right {
  float: right;
}
#block-area .product-bd_dvd .para2 .shop_block_long dl dt {
  float: none;
}
#block-area .product-bd_dvd .para2 .shop_block_long dl dd {
  float: none;
}
#block-area .product-bd_dvd .para3 {
  margin-left: 20px;
  width: 760px;
  border-top: 1px solid #bfbfbf;
}
#block-area .product-bd_dvd .para3 h3 {
  padding: 35px 0;
}
#block-area .product-bd_dvd .ost_list {
  font-size: 14px;
  padding-bottom: 20px;
}
#block-area .product-bd_dvd .ost_list ul {
  list-style: none;
  line-height: 1;
}
#block-area .product-bd_dvd .ost_list ul li {
  margin-bottom: 10px;
  line-height: 1.4;
}
#block-area .product-bd_dvd .ost_list dl {
  line-height: 1;
  margin: 0;
}
#block-area .product-bd_dvd .ost_list dd {
  margin-top: -1.28em;
  margin-bottom: 15px;
  margin-left: 43px;
  line-height: 1.5;
}
#block-area .product-bd_dvd .ost_list .left {
  float: left;
  width: 370px;
}
#block-area .product-bd_dvd .ost_list .right {
  float: right;
  width: 370px;
}
#block-area .goods-default h2 {
  line-height: 1;
  margin-bottom: 34px;
}
#block-area .goods-default h3 {
  font-size: 24px;
  margin: 0;
  font-weight: 300;
  line-height: 1;
  font-weight: normal;
}
#block-area .goods-default h4 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
#block-area .goods-default p {
  font-size: 14px;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  line-height: 1.6;
  font-weight: 400;
}
#block-area .goods-default ul {
  list-style: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
#block-area .goods-default ul li {
  margin-bottom: 10px;
}
#block-area .goods-default .para1 {
  position: relative;
  padding-bottom: 10px;
}
#block-area .goods-default .para1 h3 {
  border-top: 1px solid #bfbfbf;
  padding: 30px 0;
  font-size: 24px;
  line-height: 1.2;
}
#block-area .goods-default .para1 .detail {
  width: 350px;
  padding-left: 20px;
}
#block-area .goods-default .para1 .figure {
  position: absolute;
  right: -20px;
  top: 0;
}
#block-area .goods-default .para1 .figure.figure_archivez {
  right: 20px;
}
#block-area .goods-default .para1 .btn-buy {
  background: #ff6600;
  color: #FFF;
  padding: 6px 10px;
  line-height: 1;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  border: 1px solid #FFF;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#block-area .goods-default .para1 .btn-buy:hover {
  border: 1px solid #ff6600;
  background: #FFF;
  color: #ff6600;
}
#block-area .goods-default .para1 .btn-link {
  background: #ff6600;
  color: #FFF;
  padding: 6px 25px;
  line-height: 1;
  display: block;
  width: 50px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  border: 1px solid #FFF;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#block-area .goods-default .para1 .btn-link:visited {
  color: #FFF;
}
#block-area .goods-default .para1 .btn-link:hover {
  border: 1px solid #ff6600;
  background: #FFF;
  color: #ff6600;
}
#block-area .goods-default .archivez {
  padding: 0 20px;
}
#block-area .goods-default .archivez .left {
  float: left;
  width: 350px;
}
#block-area .goods-default .archivez .right {
  float: right;
  width: 370px;
}
#block-area .goods-default .goods-nav {
  width: 760px;
  border-top: 1px solid #bfbfbf;
  margin-left: 20px;
  margin-bottom: 26px;
  padding-top: 10px;
}
#block-area .goods-default .goods-nav li {
  display: inline-block;
  margin: 18px 30px 0 0;
  font-weight: bold;
}
#block-area .goods-default .goods-nav a {
  color: #000;
}
#block-area .goods-default .goods-nav a:hover,
#block-area .goods-default .goods-nav a.selected {
  color: #ff6600;
}
#block-area .goods-default .content-tp-goods {
  display: none;
}
#block-area .goods-default .content-tp-goods.show {
  display: block;
}
#block-area .featured-slide {
  position: absolute;
  top: 0;
  left: 0;
}
#block-area .featured-slide ul {
  position: absolute;
  top: 120px;
  left: 20px;
  margin: 0;
  padding: 0;
  z-index: 99;
  width: 200px;
}
#block-area .featured-slide ul li {
  float: left;
  list-style: none;
  margin-right: 8px;
  font-size: 24px;
}
#block-area .featured-slide ul li a {
  color: #000;
}
#block-area .featured-slide ul li a.selected {
  color: #CCC;
}
#block-area .goods_t-shirts h2 {
  position: absolute;
  top: 676px;
  left: 40px;
}
#block-area .goods_t-shirts .buy a {
  position: absolute;
  top: 950px;
  left: 40px;
  background: #ff6600;
  color: #FFF;
  padding: 6px 10px;
  line-height: 1;
  display: block;
  width: 70px;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
#block-area .goods_t-shirts .buy a:hover {
  border: 1px solid #ff6600;
  background: #FFF;
  color: #ff6600;
}
#block-area .vs_archive {
  padding: 80px 0 0;
}
#block-area .vs_archive h2 {
  padding-left: 20px;
  margin-bottom: 40px;
}
#block-area .vs_archive .vs_archive-nav {
  list-style: none;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #bfbfbf;
  padding: 27px 0 20px;
  font-size: 14px;
  font-weight: bold;
}
#block-area .vs_archive .vs_archive-nav li {
  float: left;
  margin-right: 25px;
  margin-bottom: 13px;
}
#block-area .vs_archive .vs_archive-nav li a {
  color: #000;
}
#block-area .vs_archive .vs_archive-nav li a:hover {
  color: #ff6600;
}
#block-area .vs_archive .vs_archive-nav li a.selected {
  color: #ff6600;
}
#block-area .vs_archive .vs_archive-nav li a.selected:hover {
  color: #000;
}
#block-area .vs_archive .para1 {
  clear: both;
}
#block-area .vs_archive .content-vs_archive {
  display: none;
}
#block-area .vs_archive .content-vs_archive.show {
  display: block;
}
#block-area .tx_archive h2 {
  margin-bottom: 40px;
}
#block-area .tx_archive .tx_archive-nav {
  list-style: none;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  margin: 0 auto;
  width: 760px;
  padding: 30px 0;
  font-size: 14px;
  font-weight: bold;
}
#block-area .tx_archive .tx_archive-nav li {
  float: left;
  margin-right: 25px;
}
#block-area .tx_archive .tx_archive-nav a {
  color: #000;
}
#block-area .tx_archive .tx_archive-nav a:hover {
  color: #ff6600;
}
#block-area .tx_archive .tx_archive-nav a.selected {
  color: #ff6600;
}
#block-area .tx_archive .tx_archive-nav a.selected:hover {
  color: #000;
}
#block-area .tx_archive .content-tx_archive {
  display: none;
}
#block-area .tx_archive .content-tx_archive h3 {
  font-weight: normal;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  line-height: 1;
  margin: 40px 0 0 20px;
}
#block-area .tx_archive .content-tx_archive h4 {
  text-align: center;
}
#block-area .tx_archive .content-tx_archive p {
  margin: 0 0 30px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}
#block-area .tx_archive .content-tx_archive p span {
  font-style: italic;
}
#block-area .tx_archive .content-tx_archive .head {
  height: 24px;
  margin-top: -24px;
  margin-bottom: 35px;
}
#block-area .tx_archive .content-tx_archive .nav {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
#block-area .tx_archive .content-tx_archive .nav a {
  color: #000;
}
#block-area .tx_archive .content-tx_archive .nav a:hover {
  color: #ff6600;
}
#block-area .tx_archive .content-tx_archive .nav a.selected {
  color: #ff6600;
}
#block-area .tx_archive .content-tx_archive .chapter {
  border-top: 1px solid #bfbfbf;
  margin: 0 20px;
  padding-top: 40px;
}
#block-area .tx_archive .content-tx_archive .chapter.first-child {
  border: none;
  padding-top: 0;
}
#block-area .tx_archive .content-tx_archive .chapter h4 {
  text-align: center;
  font-weight: normal;
  font-size: 24px;
  padding: 0 0 40px;
  margin: 0;
}
#block-area .tx_archive .content-tx_archive .description {
  position: absolute;
  top: 370px;
  left: 40px;
}
#block-area .tx_archive .content-tx_archive .description ul {
  font-size: 22px;
}
#block-area .tx_archive .content-tx_archive .description ul li {
  list-style: none;
  margin-bottom: 20px;
}
#block-area .tx_archive .content-tx_archive .content-page2 {
  display: none;
}
#block-area .tx_archive .content-tx_archive .text .first {
  float: left;
  width: 350px;
}
#block-area .tx_archive .content-tx_archive .text .last {
  float: right;
  width: 350px;
}
#block-area .tx_archive .content-tx_archive .foot .nav {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 0;
}
#block-area .tx_archive .content-tx_archive .prof {
  border-top: 1px solid #bfbfbf;
  margin: 0 20px;
  padding: 40px 0 0;
}
#block-area .tx_archive .content-tx_archive.show {
  display: block;
}
#block-area .tx_archive .cast-comment {
  position: relative;
}
#block-area .tx_archive .cast-comment h4 {
  padding: 0;
  margin-left: 20px;
  line-height: 1.4;
  margin-bottom: 144px;
  font-weight: 300;
  font-size: 24px;
  position: relative;
  z-index: 99;
  text-align: left;
}
#block-area .tx_archive .cast-comment h4 span {
  font-size: 22px;
}
#block-area .tx_archive .cast-comment h5 {
  font-weight: normal;
  font-size: 24px;
}
#block-area .tx_archive .cast-comment p {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
#block-area .tx_archive .cast-comment .para1 {
  border-top: 1px solid #bfbfbf;
  width: 350px;
  margin-left: 20px;
  margin-bottom: 40px;
}
#block-area .tx_archive .cast-comment .para1 p {
  position: relative;
  z-index: 99;
}
#block-area .tx_archive .cast-comment .para1 figure {
  position: absolute;
  right: 0;
  top: 66px;
}
#block-area .tx_archive .cast-comment .para2 {
  border-top: 1px solid #bfbfbf;
  margin: 0 20px 0;
}
#block-area .tx_archive .cast-comment .para2 p {
  margin-bottom: 40px;
}
#block-area .tx_archive .cast-comment .para2 p span {
  font-style: italic;
}
#block-area .tx_archive .cast-comment .para2 .first {
  width: 350px;
  float: left;
}
#block-area .tx_archive .cast-comment .para2 .last {
  width: 350px;
  float: right;
}
#block-area .tx_archive #tx_archive_005-2 figure {
  position: relative;
  left: -20px;
}
#block-area .staff-cast h2 {
  margin-bottom: 35px;
}
#block-area .staff-cast .para1 {
  float: left;
}
#block-area .staff-cast .para2 {
  float: right;
  border-left: 1px solid #bfbfbf;
  padding-left: 20px;
  width: 370px;
}
#block-area .staff-cast dl,
#block-area .staff-cast dt,
#block-area .staff-cast dd {
  margin: 0;
  padding: 0;
}
#block-area .staff-cast dl {
  padding-left: 20px;
}
#block-area .staff-cast dt {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 7px;
}
#block-area .staff-cast dd {
  font-size: 22px;
  margin-bottom: 25px;
}
#block-area .staff-cast dd span {
  font-size: 14px;
  vertical-align: 2px;
}
#block-area .character .thumbnail h2 {
  color: #000;
}
#block-area .about .thumbnail h2 {
  color: #000;
}
#block-area .goods .thumbnail h2 {
  color: #000;
}
#block-area #About_006 .thumbnail h2 {
  color: #000;
}
#block-area .product .thumbnail h2 {
  color: #000;
}
#block-area .mechanic .thumbnail h2 {
  color: #000;
}
#block-area .world .thumbnail h2 {
  color: #000;
}
#block-area .story .thumbnail h2 {
  color: #000;
}
#block-area #Vs_archive .thumbnail h2 {
  color: #FFF;
}
#block-area #Vs_028-EP14 .thumbnail h2 {
  color: #000;
}
#block-area #Story_archive .thumbnail h2 {
  color: #FFF;
}
#block-area #Sd_product04ex .thumbnail h2 {
  color: #000;
}
#block-area .layout-decode.open {
  border: none;
}
#block-area .layout-decode h2 {
  text-align: center;
  bottom: 91px;
  left: 72px;
  display: none;
}
#block-area .layout-decode figure:after {
  content: '';
}
#block-area .layout-decode .display .meta {
  display: none;
}
#block-area .layout-decode .content {
  color: #000;
  background: #FFF;
  border: 1px solid #ff6600;
  font-weight: 300;
}
#block-area .layout-decode .content .inner {
  padding: 0;
}
#block-area .layout-decode .content h3 {
  padding: 20px 0 15px 40px;
  font-size: 14px;
  margin: 0;
  font-weight: 400;
  line-height: 1;
}
#block-area .layout-decode .content form {
  font-size: 24px;
  width: 100%;
  margin-top: 40px;
}
#block-area .layout-decode .content .input_label {
  float: left;
  padding-right: 20px;
  padding-left: 40px;
}
#block-area .layout-decode .content .input_text {
  float: left;
  padding-right: 20px;
}
#block-area .layout-decode .content .input_button {
  margin-top: -23px;
}
#block-area .layout-decode .content .input_button a {
  display: block;
  width: 200px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -20px;
}
#block-area .layout-decode .content label {
  height: 30px;
  line-height: 30px;
}
#block-area .layout-decode .content input[type=text] {
  width: 390px;
  border: none;
  border-bottom: 1px solid #404040;
  background: transparent;
  color: #000;
  height: 32px;
  font-weight: 300;
  outline: none;
}
#block-area .layout-decode .content p {
  position: absolute;
  top: 125px;
  left: 40px;
  padding: 0;
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}
#block-area .layout-decode .content p a {
  text-decoration: none;
  color: #ff6600;
}
#block-area .layout-decode .content p a:hover {
  color: #000;
}
#block-area .decode-failed {
  position: absolute;
  top: 0;
  left: 0;
  background: #ff6600;
  width: 840px;
  height: 165px;
  z-index: 999;
  font-size: 24px;
}
#block-area .decode-failed .ttl {
  position: absolute;
  height: 165px;
  line-height: 165px;
  left: 40px;
}
#block-area .decode-failed .btn {
  display: block;
  width: 200px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -20px;
}
#block-area .decode-complete {
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  width: 840px;
  height: 165px;
  z-index: 999;
  font-size: 24px;
  color: #000;
}
#block-area .decode-complete .ttl {
  position: absolute;
  height: 165px;
  line-height: 165px;
  left: 40px;
}
#block-area .decode-product {
  height: 100%;
  line-height: 280px;
  text-align: center;
}
#block-area .decode-product a {
  color: #FFF;
}
#block-area .decode-product a:visited {
  color: #FFF;
}
#block-area .decode-product a:hover {
  color: #ff6600;
}
#block-area .decode-product .posLeft {
  float: left;
  line-height: 180%;
  margin-top: 90px;
  width: 300px;
  text-align: left;
  padding-left: 60px;
}
#block-area .decode-product .posRight {
  float: right;
  line-height: 180%;
  margin-top: 90px;
  width: 300px;
  text-align: left;
  padding-left: 60px;
}
#block-area #De_10 .decode-product {
  background: url(../img/product/decode_bg_001.jpg) no-repeat 0 40px;
}
#block-area .decodeMovie .content .inner {
  padding: 40px 0 0 0;
}
#block-area #De_12 .decode-product {
  background: url(../img/product/decode_bg_002.jpg) no-repeat 0 40px;
}
#block-area #De_14 .decode-product {
  background: url(../img/product/decode_bg_003.jpg) no-repeat 0 40px;
}
#block-area #De_16 .decode-product {
  background: url(../img/product/decode_bg_004.jpg) no-repeat 0 40px;
}
#block-area #De_17 .decode-product {
  background: url(../img/product/decode_bg_005.jpg) no-repeat 0 40px;
}
#block-area #De_18 .decode-product {
  background: url(../img/product/decode_bg_006.jpg) no-repeat 0 40px;
}
#block-area #De_19 .decode-product {
  background: url(../img/product/decode_bg_007.jpg) no-repeat 0 40px;
}
#block-area #De_20 .decode-product {
  background: url(../img/product/decode_bg_008.jpg) no-repeat 0 40px;
}
#block-area #De_21 .decode-product {
  background: url(../img/product/decode_bg_010.jpg) no-repeat 0 40px;
}
#block-area #De_22 .decode-product {
  background: url(../img/product/decode_bg_011.jpg) no-repeat 0 40px;
}
#block-area #De_23 .decode-product {
  background: url(../img/product/decode_bg_012.jpg) no-repeat 0 40px;
}
#block-area #De_24 .decode-product {
  background: url(../img/product/decode_bg_013.jpg) no-repeat 0 40px;
}
#block-area .layout-2x3 .content {
  width: 540px;
  height: 840px;
}
#block-area .layout-2x3.open {
  width: 540px;
  height: 840px;
}
#block-area .layout-3x2 .content {
  width: 840px;
  height: 540px;
}
#block-area .layout-3x2.open {
  width: 840px;
  height: 540px;
}
#block-area .layout-3x3 .content {
  width: 840px;
  height: 840px;
}
#block-area .layout-3x3.open {
  width: 840px;
  height: 840px;
}
#block-area .layout-3x4 .content {
  width: 840px;
  height: 1140px;
}
#block-area .layout-3x4.open {
  width: 840px;
  height: 1140px;
}
#block-area .layout-3x5 .content {
  width: 840px;
  height: 1440px;
}
#block-area .layout-3x5.open {
  width: 840px;
  height: 1440px;
}
#block-area .layout-3x6 .content {
  width: 840px;
  height: 1740px;
}
#block-area .layout-3x6.open {
  width: 840px;
  height: 1740px;
}
#block-area .layout-decode .content {
  width: 838px;
  height: 163px;
}
#block-area .layout-decode.open {
  width: 840px;
  height: 165px;
}
#block-area .movie .content {
  width: 840px;
  height: 543px;
}
#block-area .movie.open {
  width: 840px;
  height: 543px;
}
#block-area .featured h2 {
  color: #000;
}
#block-area .featured .inner {
  padding: 0;
}
#block-area .featured .content {
  padding-top: 40px;
}
#block-area #Goods_007 h2,
#block-area #Goods_008 h2,
#block-area #Goods_009 h2 {
  color: #000;
}
#block-area .layout165-4x2 .content {
  width: 840px;
  height: 390px;
}
#block-area .layout165-4x2.open {
  width: 840px;
  height: 390px;
}
#block-area .layout165-4x3 .content {
  width: 840px;
  height: 615px;
}
#block-area .layout165-4x3.open {
  width: 840px;
  height: 615px;
}
#block-area .layout165-4x4 .content {
  width: 840px;
  height: 840px;
}
#block-area .layout165-4x4.open {
  width: 840px;
  height: 840px;
}
#block-area .layout165-4x5 .content {
  width: 840px;
  height: 1065px;
}
#block-area .layout165-4x5.open {
  width: 840px;
  height: 1065px;
}
#block-area .layout165-4x6 .content {
  width: 840px;
  height: 1290px;
}
#block-area .layout165-4x6.open {
  width: 840px;
  height: 1290px;
}
#block-area .layout165-4x7 .content {
  width: 840px;
  height: 1515px;
}
#block-area .layout165-4x7.open {
  width: 840px;
  height: 1515px;
}
#block-area .layout165-4x8 .content {
  width: 840px;
  height: 1740px;
}
#block-area .layout165-4x8.open {
  width: 840px;
  height: 1740px;
}
#block-area .layout165-4x9 .content {
  width: 840px;
  height: 1965px;
}
#block-area .layout165-4x9.open {
  width: 840px;
  height: 1965px;
}
#block-area .layout165-4x10 .content {
  width: 840px;
  height: 2190px;
}
#block-area .layout165-4x10.open {
  width: 840px;
  height: 2190px;
}
#block-area .layout165-4x11 .content {
  width: 840px;
  height: 2415px;
}
#block-area .layout165-4x11.open {
  width: 840px;
  height: 2415px;
}
#block-area .layout165-4x12 .content {
  width: 840px;
  height: 2640px;
}
#block-area .layout165-4x12.open {
  width: 840px;
  height: 2640px;
}
#block-area .layout165-4x13 .content {
  width: 840px;
  height: 2865px;
}
#block-area .layout165-4x13.open {
  width: 840px;
  height: 2865px;
}
#block-area .layout165-4x14 .content {
  width: 840px;
  height: 3090px;
}
#block-area .layout165-4x14.open {
  width: 840px;
  height: 3090px;
}
#block-area .layout165-5x3 .content {
  width: 1065px;
  height: 615px;
}
#block-area .layout165-5x3.open {
  width: 1065px;
  height: 615px;
}
#block-area #Vs_022 .content {
  height: 615px;
  margin-top: 40px;
}
#block-area #Vs_022.open {
  height: 1290px;
}
#block-area .open {
  z-index: 99999;
  overflow: hidden;
}
#block-area .open .thumbnail {
  display: none;
}
#block-area .open .display {
  display: block;
}
/*---------------------------------------------
main css
---------------------------------------------*/
#tdch {
  font-size: 0;
}
#tdch a {
  line-height: 0;
}
#tdch img {
  position: relative;
  top: -40px;
}