@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  display: inline-block;
}


@font-face {
  font-family: 'tvasahi-webfont';
  src: url("/common/static/fonts/tvasahi-webfont.eot");
  src: url("/common/static/fonts/tvasahi-webfont.eot?#iefix") format("embedded-opentype"), url("/common/static/fonts/tvasahi-webfont.woff") format("woff"), url("/common/static/fonts/tvasahi-webfont.ttf") format("truetype"), url("/common/static/fonts/tvasahi-webfont.svg#webfont") format("svg");
}
.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

.aside:after, .aside-min:after {
  content: "";
  display: block;
  position: absolute;
  width: 360px;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: repeat-y;
}

/*
 * target: IE6,7
 * Validator: Valid
 */
html*.container-wrapper {
  background: #f2f2f2 url(../img/bg.png) repeat-y 50% 0;
  font-family: font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.aside:after {
  background-position: -920px 0;
}

.aside-min:after {
  background-position: -1260px 0;
}

.aside-container {
  position: relative;
  z-index: 1;
}

.container-wrapper {
  background: #f2f2f2;
}

.main-container {
  padding: 0px;
  background: none;
      margin: 0 0 0 20px;
}

.second .main-container .contents-area {
  background-color: #fff;
}


.main-container section p {
  margin: 30px 20px 0;
}

body {
  background: #000;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
}

a {
  color: #9E0000;
  text-decoration: none;
}

a:hover {
  color: #9E0000;
  text-decoration: underline;
}

a:visited {
  color: #9E0000;
  text-decoration: none;
}


.header {
    padding: 0 ;
}

.container-wrapper{
  background: #f2f2f2 url(../img/bg.png) repeat-y 50% 0;
  font-family: font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  position: relative;
}

@media screen and (min-width: 1300px) {
  .container-wrapper:after {
    position: absolute;
    content: '';
    top: 181px;
    background: url(../img/bg_navi.png) repeat-x bottom;
    height: 114px;
    width: 100%;
  }

  #top .container-wrapper:after {
    position: absolute;
    content: '';
    top: 373px;
    background: url(../img/bg_navi.png) repeat-x bottom;
    height: 114px;
    width: 100%;
  }

}
#sns {
}

.sns {
  padding: 0;
  margin: 20px 0 0 0;
}

.common-title {
    margin: 20px 0;
  }

.h1-ttl img {
  width: 100%;
}

.next-time {
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
}
.midashi {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 2em;
}
.h2-midashi {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #9b9202;
  margin: 50px 20px;
  padding: 0 0 20px 0;
}
.movie-area {
  width: 100%;
  text-align: center;
  padding: 35px 0 25px 0;
}

.movie-area iframe {
  border: 4px solid #000;
      margin: 0 0 20px 0;
}

.movie-area img {
  width: 70%;
}

#page-top {
  position: fixed;
  z-index: 100;
  bottom: 70px;
  right: 50px;
  cursor: pointer;
}

#site-bnr a {
  margin: 5px;
}

#banner-area {
    width: 98%;
    margin: 10px 0 10px 20px;
}

#banner-area img {
  width: 100%;
}


#page-nav {
  min-height: 114px;
}


.page-nav {
  width: 100%;
  margin: 0;
    background: url(../img/bg_navi.png) repeat-x bottom;
}

.page-nav ul li.sub-nav {
  margin-right: 1%;
  width: auto !important;
  margin-right: 0;
  height:50px;
background: transparent; /* Old browsers */
}


.page-nav ul li a.sub-nav {
display: block;
text-shadow:none;
color:#fff;
font-size:14px;
  height:50px;
width: auto !important;
padding:0px 0px 0px 0px;
margin:13px 0px 0px 0px;
border: none;
}

.page-nav ul li a.sub-nav,.second .page-nav ul li a.sub-nav {
padding:0px 0px 0px 0px;
margin:18px 0px 0px 0px;
/*white-space:nowrap;*/
}

.page-nav ul li a.sub-nav span,.second .page-nav ul li a.sub-nav span {
display: block;
padding:0 30px 0px 30px !important;
border-right:solid 1px #a7a7ab !important;
white-space:nowrap;
padding-top:20px;
}


.page-nav ul li a.sub-nav:hover,.second .page-nav ul li a.sub-nav:hover {
opacity: 0.6;
text-decoration: none;
background: none;
border: none;

}

.page-nav ul li a.sub-nav.active {
color:#c5331c;
text-decoration: none;
}



.page-nav ul {
  font-family: 'Oswald', sans-serif;
  box-shadow: none !important;
  border-radius: 0px;
  /* CSS3草案 */
  -webkit-border-radius: 0px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 0px;
  /* Firefox用 */
  background: transparent;
  border: none;
  padding: 0;
}

.page-nav ul li {
  margin-bottom: 0px;
  border-left: none;
  width: 33.3%;
}

.page-nav ul li a {
  border-right: 1px solid #333;
  border-left: none;
  border-top: none;
  line-height: 1.3;
  letter-spacing: 1px;
  box-shadow: none !important;
  color: #fff000;
  padding: 32px 0;
  text-align: center;
  font-size: 26px;
  text-shadow: none;
  font-weight: bold;
  margin: 0;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.page-nav ul li a span.mini {
  color: #fff000;
  display: block;
  font-size: 11px;
  margin-top: 2px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.page-nav ul li a:hover, .page-nav ul li a.active {
  border-right: 1px solid #333;
  border-left: none;
  padding: 32px 0;
  background: #000;
  color: #fff;
  opacity: 0.5;
}
.page-nav ul li a:hover span.mini, .page-nav ul li a.active span.mini {
  color: #fff;
}

.page-nav ul li a.em:hover, .page-nav ul li a.em.active {
  background: #7b2424;
}

.page-nav .page-nav-inner {
  padding: 0;
  padding-bottom: 0px;
  font-size: 100%;
}

.m-top {
  margin: 100px 0 0 0;
}

.m-bottom {
  margin: 0 0 100px 0;
}

#photo-area {
  margin: 0 20px 50px;
  text-align: center;
}
.photo-box {
  width: 30%;
  float: left;
  margin: 0 10%  ;
}

.photo-box img {
  width: 100%;
}
.photo-box p {
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px 0!important;
  padding: 0;
}


.bk-list {
  width: 100%;
  margin: 0 0 30px;

}

.bk-list li {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #9b9202;
    margin: 20px 10px;
    padding: 0 0 20px 0;
  background-image:url(../img/trans.png);
}

.bk-syousai {
  width: 100%;
  margin: 0 0 0px;

}

.bk-syousai li {
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 10px 10px;
    padding: 0 0 20px 0;
}

.bk-naiyo {
    margin: 0px 10px 60px;
}
.bk-btn {
    float: left;
    background: #000 url(/hashimoto-hatori/backnumber/img/btn_arw.png) no-repeat right 14px;
    padding: 10px 60px 10px 30px;
    margin: 0 15px 0 0;
}
.bk-naiyo ul a {
  color: #fff;
  text-decoration: none;
}
.bk-naiyo ul a:hover {
  color: #FDEF50;
  text-decoration: underline;
}

.program {
    border-top: 1px solid #9b9202;
    margin: 20px 0px 40px;
}

.program .photo {
    margin: 30px 0;
    text-align: center;
}
.bk-midashi {
    font-size: 1.3em;
    font-weight: bold;
}

.bk-midashi span {
    font-size: 0.7em;
    font-weight: bold;
    margin: 0px 0 0 20px;
}

.bk-cast dl {
  width: 100%;
}

.bk-cast dt {
  float:left;
}
.bk-cast dd {
  margin-left:80px;
}
.bk-prologue {
  margin: 30px 10px 30px 10px;
}
.bk-prologue p {
  margin: 0!important;
}


.bosyu-box {
  width: 100%;
}

.bosyu-box p {
      margin: 30px 20px!important;
}

.bosyu-midashi {
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 1px solid #9b9202;
  margin: 30px 20px 0;
  padding: 0 0 20px 0;
}



#banner-area a img {
      -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#banner-area a:hover img {
opacity: 0.7;
}

body p {
  background-image:url(../img/trans.png);
}

.topics-box {
  margin: 0 0 50px 0;
}
.topics-box p {
  font-size: 16px;
  font-weight: bold;

}