@charset "UTF-8";
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.liquid-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 360px;
  bottom: 0;
  left: 0;
}

#header {
  padding: 20px 0px 20px 0px;
}

.container-wrapper {
  background: white url(../img/bg.jpg) no-repeat 50% 0;
}

.main-container {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
  padding: 0 20px 0 20px;
  line-height: 1.8em;
}

.page-nav {
  margin: 20px;
  padding: 0 10px;
}

.page-nav ul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  border: none;
  background: url(../img/nav_bg.gif) repeat-x;
}

.page-nav ul li {
  background: url(../img/nav_bg.gif) repeat-x;
  height: 58px;
}

.page-nav ul li a {
  color: #ffffff;
  padding: 15px 45px;
  border-right: none!important;
  border-left: 0px solid #e64387;
  background: url(../img/menuline.png) center right no-repeat !important;
  font-size: 18px;

}
.page-nav ul li a:hover {
  padding: 15px 45px;
  background: url(../img/nav_bg_o.gif) repeat-x !important;
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.page-nav ul li a.active {
  padding: 5px 45px;
  border-right: none!important;
  box-shadow: none;
  background: #f10f6f url(../img/menuline.png) center right no-repeat !important;
  color: #ffffff;
  text-decoration: none;
}

.page-nav-inner {
  padding: 0!important;
  font-size: 100%;
}




#sns {
  margin-top: 5px;
  margin-bottom: 0px;
}



.catchcopy{
  color: #1c8fd5;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.mt40{
  margin-top: 40px;
}

.mt20{
  margin-top: 20px;
}

.mt50{
  margin-top: 50px;
}

.mt80{
  margin-top: 80px;
}

.mt100{
  margin-top: 100px;
}

.mb20{
  margin-bottom: 20px;
}

.mb40{
  margin-bottom: 40px;
}

.mb100{
  margin-bottom: 80px;
}

.blue{
  color: #89daff;
}

.pink{
  color: #ef8dc3;
}

.red{
  color: #e8087c;
}

.bold{
  font-weight: bold;
}

.fsmall{
  font-size: 8pt;
}

.big{
  font-size: 14pt;
}

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

.lineup_top {
/*  background: url(../img/lineup_top.png) no-repeat 100% bottom;
  height: 110px;
  background-size: 100% auto;*/
  width: 100%
}

.lineup_body {
/*  background: url(../img/lineup_body.png) repeat-y 100% top;
  height: auto;
  background-size: 100% auto;
  padding-top: 20px;
  padding-bottom: 30px;*/
  padding: 0 0 0 0;
  background: #3f3022;
  border-left: 23px solid #9FD154;
  border-right: 23px solid #9FD154;
  margin: 0;
}


.lineup_bottom {
/*  background: url(../img/lineup_bottom.png) no-repeat 100% top;
  height: 49px;
  background-size: 100% auto;*/
  width:100%;
}

.movie_size{
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}


.storyArea{
  width: 90%;
  display: table;
  margin: auto;
}

.cnt_shin, .cnt_sp, .cnt_dra {
  display: table-cell;
}

.cnt_shin{
  width: 200px;
  padding: 20px;
}

.tc{
  text-align: center;
}

.cnt_dra{
  width: 200px;
  padding: 20px;
}

.enter{
  width: 90%;
  display: table;
  margin: 50px auto 100px;
}

.en_shin , .en_dra {
  display: table-cell;
}

.en_shin{
  width: 200px;
  padding: 10px;
}

.en_dra{
  width: 200px;
  padding: 10px;
}

.next_movie{
  margin:10px auto 30px;
  text-align: center;
}


div#lineupArea,#present,#site-bnr,#movie{
  margin-top: -60px;
  padding-top: 60px;
}

.attention{
  background-color: #d1f1a3;
  width: 100%;
  margin: -10px auto -40px;
}

.attention ul{
  list-style-type:disc;
  margin: 32px;
  padding: 20px 15px 15px;
  line-height: 18px;
}

.attention li{
  color:#1b1b1b;
  font-size: 9pt;
}

.oubobd{
  width: 685px;
  background-color: #fccbd4;
  background-position: left top;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#oubo_con{
  width: 635px;
  background-color: #fff;
  margin: 0 auto;
}

#oubo_con #oubo_in{
  width: 600px;
  margin: 20px auto 0;
  text-align: left;
  padding-top: 10px;
}

.form_name{
  color: 393939;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;
  margin-top: 20px;
}


.main-container-in .cloud img{
  width: 70%;
  padding: 0 15%;
}

.main-container-in a {
  color: #90d8ff;
  text-decoration: underline;
}
.main-container-in a:link {
  color: #90d8ff;
  text-decoration: underline;
}
.main-container-in a:visited {
  color: #90d8ff;
  text-decoration: underline;
}
.main-container-in a:hover {
  color: #90d8ff;
  text-decoration: none;
}
.main-container-in a:active {
  color: #90d8ff;
  text-decoration: none;
}
.main-container-in img {
  vertical-align: bottom;
}
.main-container-in .movie {
  text-align: center;
  margin-bottom: 40px;
}
.main-container-in .movie .m-ttl {
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (max-width: 1050px) {
  .main-container-in .movie embed {
    width: 560px;
  }
}
.main-container-in .lineup {
  text-align: center;
  margin-bottom: 25px;
}
.main-container-in .lineup img {
  width: 100%;
}
.main-container-in .present {
  text-align: center;
}
.main-container-in .present img {
  width: 100%;
}
.main-container-in .form-btn {
  text-align: center;
  margin-top: 20px;
}
.main-container-in .form-btn img {
  width: 55%;
}
.main-container-in .form-btn a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.main-container-in .back {
  text-align: right;
}
.main-container-in .back li {
  display: inline;
}
.main-container-in .back li a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.main-container-in .player {
  text-align: center;
}
.main-container-in .copy {
  margin-top: 10px;
}
.main-container-in .top {
  float: right;
}
.main-container-in .top a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.main-container-in .copyright {
  float: left;
}

.main-container-in .form-btn {
  text-align: center;
  margin-top: 20px;
}
.main-container-in .form-btn img {
  width: 55%;
}
.main-container-in .form-btn a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/*shadowbox*/
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  color: #fff;
}

#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none;
}

#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}

#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px;
}

#sb-wrapper-inner {
  position: relative;
  border: none;
  overflow: hidden;
  height: 100px;
}

#sb-body {
  position: relative;
  height: 100%;
}

#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}

#sb-player.html {
  height: 100%;
  overflow: auto;
}

#sb-body img {
  border: none;
}

#sb-loading {
  position: relative;
  height: 100%;
}

#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}

#sb-loading-inner span {
  background: url(../js/shadowbox/img/loading.gif) no-repeat;
  padding-left: 34px;
  display: inline-block;
}

#sb-body, #sb-loading {
  background-color: #ffffff;
}

#sb-title, #sb-info {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px;
}

#sb-title-inner {
  font-size: 16px;
}

#sb-info, #sb-info-inner {
  height: 20px;
  line-height: 20px;
}

#sb-info-inner {
  font-size: 12px;
}

#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}

#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#sb-nav-close {
  background-image: url(../js/shadowbox/img/close.png);
}

#sb-nav-next {
  background-image: url(../js/shadowbox/img/next.png);
}

#sb-nav-previous {
  background-image: url(../js/shadowbox/img/previous.png);
}

#sb-nav-play {
  background-image: url(../js/shadowbox/img/play.png);
}

#sb-nav-pause {
  background-image: url(../js/shadowbox/img/pause.png);
}

#sb-counter {
  float: left;
  width: 45%;
  display: none;
}

#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}