@charset "UTF-8";


/*============================================
COMMON
============================================*/

body {
  font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
   Meiryo, メイリオ;
}

p {
  line-height: 1.8;
}

a {
  color: #93182c;
}
a:hover {
  color: #d42340;
}

.navbar-brand img {
  width: 180px;
  padding: 10px;
}

.nav {
  font-family: 'EB Garamond', serif;
  font-size: 20px;
  font-weight: bold;
}

.mt20 {
  margin-top: 20px;
}

h2 {
  font-family: 'EB Garamond', serif;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  padding: 0 0 50px;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
      padding-top: 35px;
      padding-bottom: 35px;
}
}

.navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #5793c0; !important
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: #123f8f;
}

.navbar-default {
  background: rgba(255,255,255,0.8);
}

/* ========== INTRO ============ */

#intro {
  background: url(../img/bg_main.jpg) bottom center;
  background-size: cover;
}

h1 img {
  width: 340px;
}

@media(max-width:500px) {
  h1 img {
    width: 200px;
    margin-top: -30px;
  }
}

/* ========== ABOUT ============ */

#about {
  background: url(../img/bg_castle.jpg) top left;
  background-size: cover;
}

#about p {
  font-size: 16px;
  line-height: 2;
  text-align: left;
}


/* ========== CAST&STAFF ============ */

#caststaff {
  background: #d1e6fa;
}

.col-lg-3.castBox {
  text-align: center;
}

.col-lg-3.castBox p {
  font-size: 16px;
  padding: 10px 0 20px;
}
.col-lg-3.castBox p span {
  font-size: 12px;
}

.staffList {
  margin-top: 50px;
}

dl.dl-horizontal.oneVer dt {
  text-align: left;
}
dl.dl-horizontal.oneVer dd {
  padding-bottom: 20px;
}


/* ========== SCHEDULE ============ */

#schedule {
}

.blueLineBox {
  border: 2px solid #5594be;
  padding: 20px;
}

#schedule p{
  font-size: 18px;
}
#schedule p span{
  font-weight: bold;
}


/* ========== TICKET ============ */

#ticket {
  background: #d1e6fa;
}


#ticket .price p{
  font-size: 18px;
}
#ticket .price p span{
  font-weight: bold;
}

#ticket .price p.minTxt {
  font-size: 14px;
}

.btn-one-primary {
    color: #fff;
    background-color: #123f8f;
    width: 100%;
    padding: 30px 0;
}
.btn-one-primary:hover {
    color: #fff;
    background-color: #3962ac;
}

.btn-one-fb {
  color: #fff;
  background-color: #425aab;
  width: 100%;
  padding: 30px 0;
}
.btn-one-fb:hover {
  color: #fff;
    background-color: #677eca;
}

.btn-one-tw {
  color: #fff;
  background-color: #2694e4;
  width: 100%;
  padding: 30px 0;
}
.btn-one-tw:hover {
  color: #fff;
    background-color: #5bb3f3;
}


.discountBox {
  margin-top: 30px;
  border: 2px solid #5594be;
  padding: 10px 30px;
  background: rgba(255,255,255,0.8);
}

.discountBox h3 {
  font-size: 22px;
}
.discountBox h3 span {
  color: #123f8f;
  padding-right: 5px;
}
.discountBox p {
  font-size: 14px;
}


/* ========== ACCESS ============ */

#access {
}

#access h3 {
  padding: 20px 0;
  color: #123f8f;
  font-size: 26px;
}
#access p span {
  font-size: 12px;
}


/* ========== CONTACT ============ */

#contact {
  background: #d1e6fa;
}

#contact .col-lg-6 {
  margin-bottom: 20px;
}


/* ========== FOOTER ============ */

footer {
  background: #123f8f;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 10px;
}