@charset "UTF-8";

/* html,body */
html,body{
  height: 100%;
  margin: 0;
  padding: 0;
}
body { margin: 0 auto; padding: 0; height: 100%; background: url(/p5a/assets/img/common/bg.jpg) top center #333 fixed; background-size: cover; color: #fff; font-family: arial, sans-serif; text-align: center; word-break: break-all; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; font-size: 16px;}

/* link- */
a { outline: none; color:#999; text-decoration: none; opacity:1; transition:all 0.3s; }
a:hover { color:#999; opacity:0.5; transition:all 0.3s; }
a:focus { outline:none; }
.hidden{ opacity: 0 !important;}

/*- IMG  */
img { border:none; -ms-interpolation-mode: bicubic; vertical-align: top; font-size:0; line-height: 0; height: auto !important; display: block;}
a img { border: 0; text-decoration:none; }

/*font*/
em,.bundle-name { color: #e50012;}
.center { text-align: center;}
.red { color: #e50012; }
.bold { font-weight: bold; }
.accent{font-family: 'Oswald', sans-serif;}

/* highlight */
::selection { background: #999; }
::-moz-selection { background: #999; }

/* z-index */
#overlay,#top-head { z-index: 9999;}
#global-nav { z-index: 9000;}
header, .share-buttons { z-index: 1000;}
.main-area li h3 { z-index: 100;}

/*position*/
#overlay { 
  position: fixed;
}
header, .contents, .main-area {
  position: relative;
}

/* castam */
#overlay { width: 100%; height: 100%; text-align: center; background: #e50012;}

/* menu */
#top-head,.inner { width: 100%; padding: 0; text-align:center;}
#nav-toggle { display: block; position: fixed; right: 0px; top: 0px; width: 100px; height: 100px; cursor: pointer; z-index: 9999; background: #e50012;}
  #nav-toggle div { position: relative; }
  #nav-toggle span { display: block; position: absolute; height: 3px; width: 40px; background: #fff; left: 30px; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
    #nav-toggle span:nth-child(1) { top: 35px;}
    #nav-toggle span:nth-child(2) { top: 45px;}
    #nav-toggle span:nth-child(3) { top: 55px;}
#nav-link {display: block; position: fixed; right: 0px; top: 0px; }

#global-nav { position: fixed; top: -1200px;  width: 100%; height: 100%; padding: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; background-color: rgba(255,0,0,0.9); display: table;}
  #global-nav div{ display: table-cell; vertical-align:middle;}
  .menu-logo { margin: 0 auto; float: right;}
  .global-menu { margin: 0 auto 24px; margin-bottom: 2rem; padding: 0 1rem; font-size:50px;} 
  .global-menu li { position: relative; margin-bottom: 1rem; }
  .global-menu li a{ display: block; color: #fff; }
  .global-menu span { display: block; font-size: 12px; }
    #global-nav dt{ margin-bottom: .4rem; }
    #global-nav dd:last-child{ margin-bottom: 0 !important; }
      #global-nav dd{ margin-bottom: 2rem; }
      .share-buttons{ margin: 0 auto; text-align: center; width: 200px; }
      .share-buttons li, .bnr-area li{ display: inline-block; margin: 0 8px; }

 /* #nav-toggle animeation*/
  .open #nav-toggle span:nth-child(1) { top: 35px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
  .open #nav-toggle span:nth-child(2) { width: 0; left: 50%;}
  .open #nav-toggle span:nth-child(3) { top: 35px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg);}
 /* #global-nav animeation*/
  .open #global-nav { -moz-transform: translateY(1200px); -webkit-transform: translateY(1200px); transform: translateY(1200px);}

.wrap {
 position: relative;
 width: 100%;
 height: 100%;
}

.key-area {
  margin-bottom: 40px;
  width: 750px;
  height: auto;
}
h1{ margin: 0 !important;}
.contents { margin: 0 auto; padding: 0; width: 700px; text-align: left; line-height: 1.4em;}

/*right-area*/
.top-area{ margin: 0 auto 160px; text-align: center !important;}
 .top-area h2,.top-area p{ margin: 0;}
  .logo { margin: 80px auto 40px !important;}
  .catch-package { margin: 0 auto;}
  .catch-event { margin: -40px auto 0;}

.contents-block { margin-bottom: 160px;}
.contents-block>dd {margin: -80px 0 0 0; padding: 0 !important;}
  .block{ padding: 60px 24px;background: #fff; box-shadow:5px 8px 0px 0px #e50012; -moz-box-shadow:5px 8px 0px 0px #e50012; -webkit-box-shadow:5px 8px 0px 0px #e50012; color: #000; font-size: 28px; letter-spacing: .02rem; min-width: 430px;}

  .block table{ margin: 24px auto 0; font-size: 20px;}
  .block tr{ display: block; margin-bottom: 8px;}
  #onair-area td:first-child { width: 160px; }
  #staff-area td:first-child { width: 230px; }
  #cast-area td { width: 180px; }
  .block td:nth-child(even) { padding-right: 1px !important; color: #333;}
    .onair-area small{ display: block; font-size: 16px; color: #666; }

/*package*/
.package-tit { line-height: 1.6rem; }
.package-tit span{ display: block; font-size: 16px; color: #666; }
.img-jkt { margin: 8px auto; border:6px solid #000;}

.btn-buy a{ display: inline-block; position: relative; z-index: 2; overflow: hidden; outline: none; width: 400px; display: block; margin: 8px auto; padding: 16px 8px; border:6px solid #000; background: #e50012; text-align: center; color: #fff; font-weight: bold;
}
  .btn-s a { width: 267px !important; }

  .package-txt { margin: 48px auto; font-size: 24px; line-height: 1.4em; }
  .privilege-area {margin: 32px auto 32px;}
  .privilege-area dt{ margin-bottom: 4px;}
  .privilege-area dd{ font-size: 16px; line-height: 1.2em;}
  .privilege-list{ margin-left: 8px;}
  .privilege-list li{ margin-bottom: 4px}
  .privilege-list li:before{content: "◆";}
    .privilege-info { margin: 4px 0 0 14px;padding: 8px 16px; font-size: 16px; border:1px solid #444; width: 90%;}
  .package-sub-tit { margin: 80px 0 0 -24px ; background: url(/p5a/assets/img/package/line.png) top center no-repeat; color: #fff; height: 194px; line-height: 160px; width: -webkit-calc(100% + 32px); width:calc(100% + 32px);padding-left: 16px;}
  .bundle-name { margin: 0 0 24px !important; font-size: 24px; }
  .attention { font-size: 16px; color: #666; }

/*movie*/
  #movie-area { margin-bottom: 160px; }
  .movie-list li { margin-bottom: 40px; }
  .movie-tit { margin: 0 auto; height: 60px; line-height: 64px; width: 360px; font-size: 24px; text-align: center; background-image: url(/p5a/assets/img/common/icon-star.png), url(/p5a/assets/img/common/icon-star.png); background-repeat: no-repeat; background-position: top left, bottom right; background-size: 48px 35px, 24px 17px;}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* footer */
footer { padding-bottom: 40px; position: relative; font-size: 14px !important; font-size: 1.2rem; text-align: center; }
  footer .contents{ padding: 40px 0; overflow: hidden; text-align: center;}
  .footer-link { margin: 1rem auto;}
  .site-info{ margin-top: 40px; }
  .txt-copyright{ margin: 32px auto 0; }

/* GDN */
iframe[name="google_conversion_frame"] {
	position: absolute;
	height: 0;
}