@charset "UTF-8";
@font-face {
  font-family: 'Entypo';
  src: url("https://cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.eot?iefix") format("eot"), url("https://cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.ttf") format("truetype"), url("https://cdnjs.cloudflare.com/ajax/libs/entypo/2.0/entypo.svg#webfontjSpbZQRv") format("svg");
}
body {
  color: #333;
  -webkit-font-smoothing: antialiased;
}

a {
  outline: none;
}

p {
  margin: 1em 0;
  line-height: 1.6;
}

ul, ol, dl {
  margin: 1.5em 0 1.5em 1.8em;
  line-height: 1.5;
}

ul.nav {
  margin-left: 0;
}

ul li {
  list-style: disc;
}

ol li {
  list-style: decimal;
}

li {
  margin: .5em 0;
}

small {
  font-size: .85em;
}

strong {
  font-weight: bold;
}

img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
img.right {
  float: right;
  clear: right;
  margin: 0 0 1em 1.5em;
}

@media screen and (max-width: 600px) {
  .right {
    float: none !important;
    margin-left: 0 !important;
  }
}

.align-right, .r {
  text-align: right;
}

.center, .c {
  text-align: center;
}

.b {
  font-weight: bold;
}

.clear {
  clear: both;
}

.mincho, .serif, #sightseeing .card .card-title, h1.main-title, .main-title, #information-box .title-area h2, h2.titlebar, #event-article .maintitle h1, #sightseeing-article .maintitle h1 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.sans-serif, #information .main-title span.label {
  font-family: "Roboto", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.vertical {
  writing-mode: tb-rl;
  /* IE独自仕様 */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}

.entypo {
  font-family: 'Entypo';
  font-size: 42px;
  font-size: 4.2rem;
  color: white;
  font-weight: normal;
}

i.small {
  font-size: 24px;
  font-size: 2.4rem;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

html {
  background: #D50000;
}

li.active:after,
#castle #mainnav li.nav-castle:after,
#sightseeing #mainnav li.nav-sightseeing:after,
#event #mainnav li.nav-evet:after,
#access #mainnav li.nav-access:after,
#guide #mainnav li.nav-guide:after,
#course #mainnav li.nav-course:after,
#pamphlet #mainnav li.nav-pamphlet:after {
  position: absolute;
  bottom: 0;
  left: 40%;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid #EF5350;
}
@media screen and (max-width: 750px) {
  li.active:after,
  #castle #mainnav li.nav-castle:after,
  #sightseeing #mainnav li.nav-sightseeing:after,
  #event #mainnav li.nav-evet:after,
  #access #mainnav li.nav-access:after,
  #guide #mainnav li.nav-guide:after,
  #course #mainnav li.nav-course:after,
  #pamphlet #mainnav li.nav-pamphlet:after {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  li.active a,
  #castle #mainnav li.nav-castle a,
  #sightseeing #mainnav li.nav-sightseeing a,
  #event #mainnav li.nav-evet a,
  #access #mainnav li.nav-access a,
  #guide #mainnav li.nav-guide a,
  #course #mainnav li.nav-course a,
  #pamphlet #mainnav li.nav-pamphlet a {
    border-bottom: 3px solid #fcdddc;
  }
}

#navbar {
  background: #D50000;
  position: relative;
  overflow: hidden;
  font-weight: bold;
  z-index: 1000;
  position: fixed;
  width: 100%;
  top: 0;
}
#home #navbar {
  position: relative;
}
#home #navbar.fixed {
  position: fixed;
  width: 100%;
  top: 0;
}
#navbar .row {
  margin-bottom: 0;
}
#navbar #logo {
  width: 109px;
  height: 43px;
  overflow: hidden;
  line-height: 1.5;
  margin: 8px 0;
  z-index: 1000;
}
@media screen and (max-width: 600px) {
  #navbar #logo {
    width: 109px;
    height: 43px;
  }
}
#navbar #logo a, #navbar #logo span {
  display: block;
  width: 109px;
  height: 43px;
  overflow: hidden;
  padding-top: 43px;
  background: url("../img/logo.png") no-repeat left top;
  -moz-background-size: 109px 43px;
  -o-background-size: 109px 43px;
  -webkit-background-size: 109px 43px;
  background-size: 109px 43px;
}
@media screen and (max-width: 600px) {
  #navbar #logo a, #navbar #logo span {
    width: 109px;
    height: 43px;
    -moz-background-size: 109px 43px;
    -o-background-size: 109px 43px;
    -webkit-background-size: 109px 43px;
    background-size: 109px 43px;
  }
}
#navbar #menu {
  padding: 5px 0 0;
  margin: 0 15px 0 0;
  text-align: right;
}
#navbar #menu a {
  color: white;
}

#subnav {
  background: #EF5350;
}
@media screen and (max-width: 992px) {
  #subnav {
    height: 40px;
    overflow-x: auto;
  }
  #subnav .container {
    width: auto;
  }
}
#subnav ul.nav_categories {
  float: none;
  margin: 0 10px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #subnav ul.nav_categories {
    text-align: left;
    width: 500px;
  }
}
#subnav ul.nav_categories li {
  list-style: none;
  margin: 0 0px 0 0;
  display: inline-block;
}
#subnav ul.nav_categories li a {
  display: block;
  color: white;
  padding: 10px 5px 5px;
  border-bottom: 4px solid #EF5350;
}
#subnav ul.nav_categories li a:hover {
  border-bottom-color: #fcdddc;
}

.sidenav-overlay {
  z-index: 1000;
}

#slideout, #slide-out {
  overflow-y: auto;
  z-index: 10000;
  background: white !important;
}
#slideout li, #slide-out li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
#slideout li:hover, #slide-out li:hover {
  background: none;
}
#slideout li ul, #slide-out li ul {
  margin: 0;
  padding: 0 0 0 20px;
}
#slideout li ul li, #slide-out li ul li {
  border-bottom: none;
  border-top: 1px solid #eee;
}
#slideout li a, #slide-out li a {
  display: block;
  color: black;
  padding: 10px 20px;
}
#slideout li a:hover, #slide-out li a:hover {
  background: #eee;
}
#slideout li.nav-search, #slide-out li.nav-search {
  display: none;
}
#slideout li.search-field, #slide-out li.search-field {
  padding: 10px 0 10px 15px;
}
#slideout li.search-field .search-text, #slide-out li.search-field .search-text {
  width: 180px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#slideout li.search-field input.btn, #slide-out li.search-field input.btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 10px 2px !important;
  line-height: 1;
  margin-bottom: 3px;
  height: 30px;
  background: #999;
  position: relative;
  top: 3px;
}

#navfield {
  float: right;
  width: 830px;
  height: 60px;
  padding-right: 0 !important;
  margin-right: 15px !important;
  overflow: hidden;
  position: relative;
  z-index: 10000;
}

ul#mainnav {
  position: absolute;
  right: -270px;
  width: 1100px;
  text-align: right;
  margin: 4px 0 0;
  list-style: none;
}
ul#mainnav li {
  list-style: none;
  margin: 0;
  position: relative;
  display: inline-block;
}
ul#mainnav li a {
  color: white;
  display: block;
  height: 52px;
  padding: 12px 10px 0;
}
ul#mainnav li.nav-search {
  width: 20px;
  height: 21px;
  overflow: hidden;
  line-height: 1.5;
  margin: 15px 0 0 5px !important;
  top: 3px;
}
@media screen and (max-width: 600px) {
  ul#mainnav li.nav-search {
    width: 20px;
    height: 21px;
  }
}
ul#mainnav li.nav-search a, ul#mainnav li.nav-search span {
  display: block;
  width: 20px;
  height: 21px;
  overflow: hidden;
  padding-top: 21px;
  background: url("../img/icon-search.png") no-repeat left top;
  -moz-background-size: 20px 21px;
  -o-background-size: 20px 21px;
  -webkit-background-size: 20px 21px;
  background-size: 20px 21px;
}
@media screen and (max-width: 600px) {
  ul#mainnav li.nav-search a, ul#mainnav li.nav-search span {
    width: 20px;
    height: 21px;
    -moz-background-size: 20px 21px;
    -o-background-size: 20px 21px;
    -webkit-background-size: 20px 21px;
    background-size: 20px 21px;
  }
}
ul#mainnav li.search-field {
  display: inline-block;
  margin-left: 10px;
  top: -2px;
}
ul#mainnav li.search-field form {
  display: inline-block;
}
ul#mainnav li.search-field form .search-text {
  width: 200px;
}
ul#mainnav li.search-field form input.btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 10px 2px !important;
  line-height: 1;
  margin-bottom: 3px;
  height: 30px;
  background: #999;
}
@media screen and (max-width: 750px) {
  ul#mainnav li {
    margin-right: 5px;
  }
  ul#mainnav li a {
    height: auto;
    padding-bottom: 3px;
    border-bottom: 3px solid #D50000;
  }
  ul#mainnav li a:hover {
    border-bottom-color: white;
  }
}

#castle.inquiry #nav-castle-inquiry a,
#castle.map #nav-castle-map a,
#castle.history #nav-castle-history a,
#castle.faq #nav-castle-faq a,
#access.index #nav-access a,
#access.parking #nav-parking a,
#access.bus #nav-bus a,
#access.taxi #nav-taxi a,
#access.cruising #nav-cruising a,
#sightseeing.restaurant #nav-sightseeing-restaurant a,
#sightseeing.shopping #nav-sightseeing-shopping a,
#sightseeing.accommodation #nav-sightseeing-accommodation a,
#sightseeing.temple #nav-sightseeing-temple a,
#sightseeing.taiken #nav-sightseeing-taiken a,
#sightseeing.company #nav-sightseeing-company a {
  border-bottom-color: #f8afad;
}

ol {
  margin-left: -10px;
}

.hide {
  display: none;
}

#home {
  background: no-repeat center top fixed;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
@media screen and (max-width: 992px) {
  #home {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media screen and (max-width: 480px) {
  #home {
    -moz-background-size: auto 780px;
    -o-background-size: auto 780px;
    -webkit-background-size: auto 780px;
    background-size: auto 780px;
  }
}
#home #contents {
  padding: 30px 0 80px;
}
#home #contents.fixed {
  padding-top: 90px;
}

#cover .container {
  position: relative;
  padding: 0;
}
#cover .container #logo-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  top: 24%;
}
#cover .container #logo-wrapper #logo-large {
  width: 228px;
  height: 355px;
  overflow: hidden;
  line-height: 1.5;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #cover .container #logo-wrapper #logo-large {
    width: 175.38462px;
    height: 273.07692px;
  }
}
#cover .container #logo-wrapper #logo-large a, #cover .container #logo-wrapper #logo-large span {
  display: block;
  width: 228px;
  height: 355px;
  overflow: hidden;
  padding-top: 355px;
  background: url("../img/logo-large.png") no-repeat left top;
  -moz-background-size: 228px 355px;
  -o-background-size: 228px 355px;
  -webkit-background-size: 228px 355px;
  background-size: 228px 355px;
}
@media screen and (max-width: 600px) {
  #cover .container #logo-wrapper #logo-large a, #cover .container #logo-wrapper #logo-large span {
    width: 175.38462px;
    height: 273.07692px;
    -moz-background-size: 175.38462px 273.07692px;
    -o-background-size: 175.38462px 273.07692px;
    -webkit-background-size: 175.38462px 273.07692px;
    background-size: 175.38462px 273.07692px;
  }
}
#cover .container #logo-wrapper #logo-large.iinosuke {
  width: 228px;
  height: 355px;
  overflow: hidden;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
  #cover .container #logo-wrapper #logo-large.iinosuke {
    width: 175.38462px;
    height: 273.07692px;
  }
}
#cover .container #logo-wrapper #logo-large.iinosuke a, #cover .container #logo-wrapper #logo-large.iinosuke span {
  display: block;
  width: 228px;
  height: 355px;
  overflow: hidden;
  padding-top: 355px;
  background: url("../img/logo-large-iinosuke.png") no-repeat left top;
  -moz-background-size: 228px 355px;
  -o-background-size: 228px 355px;
  -webkit-background-size: 228px 355px;
  background-size: 228px 355px;
}
@media screen and (max-width: 600px) {
  #cover .container #logo-wrapper #logo-large.iinosuke a, #cover .container #logo-wrapper #logo-large.iinosuke span {
    width: 175.38462px;
    height: 273.07692px;
    -moz-background-size: 175.38462px 273.07692px;
    -o-background-size: 175.38462px 273.07692px;
    -webkit-background-size: 175.38462px 273.07692px;
    background-size: 175.38462px 273.07692px;
  }
}
@media screen and (max-width: 600px) {
  #cover .container #logo-wrapper {
    top: 15%;
  }
}
#cover .container #hikonyan {
  width: 140px;
  height: 193px;
  overflow: hidden;
  line-height: 1.5;
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: 1;
}
@media screen and (max-width: 600px) {
  #cover .container #hikonyan {
    width: 116.66667px;
    height: 160.83333px;
  }
}
#cover .container #hikonyan a, #cover .container #hikonyan span {
  display: block;
  width: 140px;
  height: 193px;
  overflow: hidden;
  padding-top: 193px;
  background: url("../img/hikonyan.png") no-repeat left top;
  -moz-background-size: 140px 193px;
  -o-background-size: 140px 193px;
  -webkit-background-size: 140px 193px;
  background-size: 140px 193px;
}
@media screen and (max-width: 600px) {
  #cover .container #hikonyan a, #cover .container #hikonyan span {
    width: 116.66667px;
    height: 160.83333px;
    -moz-background-size: 116.66667px 160.83333px;
    -o-background-size: 116.66667px 160.83333px;
    -webkit-background-size: 116.66667px 160.83333px;
    background-size: 116.66667px 160.83333px;
  }
}
#cover .container #caption {
  position: absolute;
  bottom: 15px;
  left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
  #cover .container #caption {
    font-size: 11px;
    font-size: 1.1rem;
  }
  #cover .container #caption i {
    top: -2px !important;
  }
}
#cover .container #caption a {
  position: relative;
  display: block;
  font-weight: bold;
  color: white;
  border: 2px solid white;
  padding: 4px 20px 4px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 8px;
}
#cover .container #caption a.ext {
  background: none;
}
#cover .container #caption i {
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 18px;
  font-size: 1.8rem;
}

#iinosuke {
  width: 250px;
  height: 80px;
  overflow: hidden;
  line-height: 1.5;
  z-index: 10000;
  position: absolute;
  right: 20px;
  bottom: auto;
}
@media screen and (max-width: 600px) {
  #iinosuke {
    width: 250px;
    height: 80px;
  }
}
#iinosuke a, #iinosuke span {
  display: block;
  width: 250px;
  height: 80px;
  overflow: hidden;
  padding-top: 80px;
  background: url("../img/iinosuke.png") no-repeat left top;
  -moz-background-size: 250px 80px;
  -o-background-size: 250px 80px;
  -webkit-background-size: 250px 80px;
  background-size: 250px 80px;
}
@media screen and (max-width: 600px) {
  #iinosuke a, #iinosuke span {
    width: 250px;
    height: 80px;
    -moz-background-size: 250px 80px;
    -o-background-size: 250px 80px;
    -webkit-background-size: 250px 80px;
    background-size: 250px 80px;
  }
}
#iinosuke.fixed {
  position: fixed;
  bottom: 0;
}

.row {
  *zoom: 1;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}

.radius-m, .bgbox, .borderbox, .goast, .ghost, #castle.map #contents span.number {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.center {
  text-align: center !important;
}
@media sceen and (max-width: 480px) {
  .center {
    text-align: left;
  }
}

.full {
  width: 100%;
  max-width: none;
}

#spot-box .card .card-image img {
  height: auto !important;
}

.bgbox {
  clear: both;
  background: #eee;
  padding: 20px 20px 20px;
  margin: 1.5em 0 2em;
}
.bgbox h2, .bgbox h3, .bgbox h4, .bgbox h5 {
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .bgbox {
    padding: 15px 10px;
  }
}
.bgbox p:last-child {
  margin-bottom: 0;
}
.bgbox .btn {
  margin-bottom: 0;
}
.bgbox.beige {
  background: #f9f1da;
}
.bgbox.lightblue {
  background: #eff2f7;
}
.bgbox.small {
  padding: 15px 20px;
}
.bgbox.small h2, .bgbox.small h3, .bgbox.small h4, .bgbox.small h5 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 0;
}
.bgbox.small p {
  font-size: 14px;
  font-size: 1.4rem;
}
.bgbox dl.hang {
  margin: 0;
}
.bgbox .imgbox {
  background: #eee !important;
}
.bgbox a {
  word-break: break-all;
}

.borderbox {
  background: white;
  border: 2px solid #ddd;
  padding: 15px 20px 5px;
  margin: 0 0 20px;
}
.borderbox h2, .borderbox h3, .borderbox h4, .borderbox h5 {
  margin-top: 0;
}
.borderbox h2 a, .borderbox h3 a, .borderbox h4 a, .borderbox h5 a {
  color: #666;
}
.borderbox p:last-child {
  margin-bottom: 10px;
}

dl.tp {
  margin: 20px 0;
}
dl.tp dt {
  width: auto;
  float: left;
  clear: left;
  background: #D50000;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 1px 5px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin-right: 10px;
}
dl.tp dd {
  margin: 0 0 5px;
}

.alert {
  border-top: 2px solid #e6db55;
  border-bottom: 2px solid #e6db55;
  background: #fffbcc;
  margin: 1em 0 1.5em;
  padding: .8em 1.5em .05em;
  font-size: 1.1em;
}
.alert p {
  margin: 0 0 .5em;
}
.alert a {
  color: black;
  text-decoration: underline;
}

.video, .youtube {
  max-width: 640px;
  margin: 30px auto 15px;
}
.video p, .youtube p {
  font-size: 13px;
  font-size: 1.3rem;
}

.scroll {
  overflow: auto;
  white-space: nowrap;
}
.scroll table {
  width: 100%;
}

.goast, .ghost {
  display: inline-block;
  border: 2px solid #fff !important;
  padding: 2px 5px;
  color: white;
}
.goast:hover, .ghost:hover {
  color: white;
}

.separator {
  border-top: 1px solid #eee;
  margin: 30px 0;
  clear: both;
}

.cards .col {
  margin-bottom: 20px !important;
}

.flex .card {
  height: 100%;
}
.card.horizontal .card-image {
  max-width: 35%;
}
.card .card-title {
  font-size: 21px;
  font-size: 2.1rem;
}
.card h2 {
  margin: 0;
  font-size: 21px;
  font-size: 2.1rem;
}
.card h2 small {
  font-size: 16px;
  font-size: 1.6rem;
}
.card p {
  font-size: 14px;
  font-size: 1.4rem;
}
#sightseeing .card {
  margin: 0;
}
#sightseeing .card p {
  display: -webkit-box;
  line-height: 1.6;
  max-height: 3.2em;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
#sightseeing .card .card-title {
  font-size: 36px;
  font-size: 3.6rem;
}

ul.tabs {
  font-weight: 600;
  margin: 0 0 10px;
  border-bottom: 2px solid #eee;
  text-align: center !important;
}
ul.tabs li {
  display: inline-block !important;
  float: none;
}
ul.tabs li a {
  font-size: 16px;
  font-size: 1.6rem;
}
ul.tabs .indicator {
  height: 3px;
  margin: 0 !important;
}

h1.main-title, .main-title {
  margin: 0;
  font-weight: normal;
  font-size: 40px;
  font-size: 4rem;
}
@media screen and (min-width: 600px) {
  h1.main-title, .main-title {
    font-size: 56px;
    font-size: 5.6rem;
  }
}
h1.main-title em, .main-title em {
  font-style: normal;
  color: #D50000;
}
h1.main-title.regular, .main-title.regular {
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (min-width: 600px) {
  h1.main-title.regular, .main-title.regular {
    font-size: 40px;
    font-size: 4rem;
  }
}
h1.main-title.set-title-margin, .main-title.set-title-margin {
  margin-top: 100px;
}

#event.index #contents, #sightseeing.index #contents {
  background: white url(../img/bg-event.jpg) no-repeat center 50px;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-color: white;
  padding: 180px 0 30px;
}
@media screen and (max-width: 992px) {
  #event.index #contents, #sightseeing.index #contents {
    padding-top: 150px;
  }
}

@media screen and (max-width: 768px) {
  #sightseeing.index #contents {
    padding-top: 50px;
  }
}

.column .maintitle h2 {
  border-bottom: 2px solid #ccc;
}
.column .maintitle a {
  color: black;
}
.column dl.tp {
  margin: 5px 0 10px;
}
.column .event_date {
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
  .column img {
    float: right !important;
    margin-left: 1.5em !important;
  }
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex .col {
  margin-bottom: 2em;
}
.flex.no-margin .col, .flex.nomargin .col {
  margin-bottom: 0;
}

#castle.index #contents {
  background: white url(../img/bg-castle.jpg) no-repeat center 50px;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
#castle.index #title-castle {
  margin: 150px 0 30px;
}
@media screen and (min-width: 600px) {
  #castle.index #title-castle {
    margin-top: 400px;
  }
}
@media screen and (min-width: 992px) {
  #castle.index #title-castle {
    width: 655px;
    height: 110px;
    overflow: hidden;
    line-height: 1.5;
    margin-top: 620px;
  }
}
@media screen and (min-width: 992px) and (max-width: 600px) {
  #castle.index #title-castle {
    width: 545.83333px;
    height: 91.66667px;
  }
}
@media screen and (min-width: 992px) {
  #castle.index #title-castle a, #castle.index #title-castle span {
    display: block;
    width: 655px;
    height: 110px;
    overflow: hidden;
    padding-top: 110px;
    background: url("../img/title-castle.png") no-repeat left top;
    -moz-background-size: 655px 110px;
    -o-background-size: 655px 110px;
    -webkit-background-size: 655px 110px;
    background-size: 655px 110px;
  }
}
@media screen and (min-width: 992px) and (max-width: 600px) {
  #castle.index #title-castle a, #castle.index #title-castle span {
    width: 545.83333px;
    height: 91.66667px;
    -moz-background-size: 545.83333px 91.66667px;
    -o-background-size: 545.83333px 91.66667px;
    -webkit-background-size: 545.83333px 91.66667px;
    background-size: 545.83333px 91.66667px;
  }
}

#castle.index #title-castle em {
  font-style: normal;
  color: #D50000;
}
#castle.index .bgbox {
  position: relative;
}
@media screen and (max-width: 992px) {
  #castle.index .bgbox {
    padding-right: 140px;
  }
}
#castle.index .bgbox #hikonyan {
  position: absolute;
  top: -193px;
  right: 0;
  z-index: 0;
}
@media screen and (max-width: 992px) {
  #castle.index .bgbox #hikonyan {
    top: auto;
    right: 10px;
    bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  #castle.index .bgbox #hikonyan {
    position: absolute;
    top: -193px;
    left: 50px;
  }
}
@media screen and (max-width: 480px) {
  #castle.index .bgbox {
    margin-top: 200px;
    padding-right: 15px;
  }
}
#castle.map #castle-map {
  position: relative;
  margin-top: 100px;
  margin-bottom: 50px !important;
}
@media screen and (max-width: 992px) {
  #castle.map #castle-map {
    margin-top: 58px;
  }
}
#castle.map #castle-map img {
  position: absolute;
}
#castle.map #castle-map a {
  position: absolute;
  left: 15px;
  bottom: 15px;
}
#castle.map #contents {
  background: white;
  padding-top: 0px;
}
#castle.map #contents span.number {
  display: inline-block;
  background: #D50000;
  color: #fff;
  font-weight: bold !important;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 1px 5px 0px;
}
#castle #contents {
  background: url(../img/bg-castle-page.jpg) no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-color: white;
  padding-top: 300px;
}
@media screen and (max-width: 992px) {
  #castle #contents {
    padding-top: 200px;
  }
}
@media screen and (max-width: 600px) {
  #castle #contents {
    padding-top: 100px;
  }
}
#castle .iconbox a.borderbox {
  display: block;
  color: #666;
  padding-left: 80px;
}
#castle .iconbox a.borderbox h2 {
  margin: 0 0 5px;
  font-size: 20px;
  font-size: 2rem;
}
#castle .iconbox a.borderbox p {
  margin-top: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
#castle .iconbox a.borderbox#castle-inquiry {
  background: url('/lib/img/icon-castle-inquiry.png?1428565878') white no-repeat 10px center;
  -moz-background-size: 60px 60px;
  -o-background-size: 60px 60px;
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
}
#castle .iconbox a.borderbox#castle-map {
  background: url('/lib/img/icon-castle-map.png?1428565878') white no-repeat 10px center;
  -moz-background-size: 58px 47px;
  -o-background-size: 58px 47px;
  -webkit-background-size: 58px 47px;
  background-size: 58px 47px;
}
#castle .iconbox a.borderbox#castle-history {
  background: url('/lib/img/icon-castle-history.png?1428565878') white no-repeat 10px center;
  -moz-background-size: 61px 53px;
  -o-background-size: 61px 53px;
  -webkit-background-size: 61px 53px;
  background-size: 61px 53px;
}
#castle .iconbox a.borderbox#castle-faq {
  background: url('/lib/img/icon-castle-faq.png?1428565878') white no-repeat 10px center;
  -moz-background-size: 60px 60px;
  -o-background-size: 60px 60px;
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
}

#sightseeing #contents {
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
@media screen and (max-width: 992px) {
  #sightseeing #contents {
    background-position: center -50px;
  }
}
@media screen and (max-width: 480px) {
  #sightseeing #contents {
    background-position: center 0px;
  }
}
#sightseeing.index #contents {
  background-position: center 0px;
}
#sightseeing .bb h2 {
  font-size: 18px;
  font-size: 1.8rem;
}
#sightseeing .bb h2 small {
  font-size: 15px;
  font-size: 1.5rem;
}
#sightseeing .bb img {
  width: 100px;
  height: 100px;
  margin: 0 15px 10px 0;
}
#sightseeing .bb p {
  font-size: .9em;
}

section {
  margin: 0 0 40px;
}

.first, mt0 {
  margin-top: 0 !important;
}

.underline {
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}

.imgbox {
  background: white;
}
.imgbox.right {
  padding: 0 0 15px 20px;
}
@media screen and (max-width: 480px) {
  .imgbox.right {
    float: none !important;
  }
}
.imgbox.left {
  float: left;
  margin: 0 20px 15px 0;
}
.imgbox p {
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
}

.pdfbox {
  background: white;
  width: 260px;
}
.pdfbox div {
  background: #eee;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.pdfbox div img {
  width: 100%;
  height: auto;
}
.pdfbox div .arrow {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.pdfbox.right {
  padding: 0 0 20px 30px;
}
@media screen and (max-width: 600px) {
  .pdfbox.right {
    float: none;
    margin: 0 auto !important;
    padding-left: 0;
  }
}

.right-above {
  margin-top: -3.3em;
  margin-bottom: 2em;
}
@media screen and (max-width: 600px) {
  .right-above {
    margin-top: -.5em;
    margin-bottom: 1em;
  }
}

.photo {
  border: 1px solid #ddd;
  padding: 3px;
  background: #fff;
  -moz-box-shadow: 0 0 5px #eee;
  -webkit-box-shadow: 0 0 5px #eee;
  box-shadow: 0 0 5px #eee;
}

table.bordered, table.border {
  margin: 1.5em 0;
}

.table-wrap {
  margin: 1.5em 0;
  width: 100%;
  overflow-x: auto;
  position: relative;
}
.table-wrap table.bordered, .table-wrap table.border {
  margin: 0;
}
.table-wrap th, .table-wrap td {
  white-space: nowrap;
}

table.border {
  border-collapse: collapse;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table.border th, table.border td {
  padding: 5px;
  border: 1px solid #ddd;
}
table.border th {
  background: #eee;
}
table.border.center td {
  text-align: center;
}
table.border.small {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
  table.border.small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  table.border.small {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.nw {
  white-space: nowrap;
}

.bb {
  border-bottom: 1px solid #ddd;
  *zoom: 1;
  padding-bottom: 15px;
}
.bb:after {
  content: "";
  display: table;
  clear: both;
}
.bb h2, .bb h3, .bb h4 {
  margin-bottom: 8px;
}
.bb h2 span, .bb h3 span, .bb h4 span {
  font-size: 13px;
  font-size: 1.3rem;
}
.bb h2 a, .bb h3 a, .bb h4 a {
  color: #666;
}
.bb p {
  margin-top: 0;
}

ul.arrow {
  margin-left: 0;
}
ul.arrow li {
  list-style: none;
  background: url('/lib/img/arrow-small-right.png?1439964303') no-repeat left 2px;
  -moz-background-size: 17px 16px;
  -o-background-size: 17px 16px;
  -webkit-background-size: 17px 16px;
  background-size: 17px 16px;
  padding: 0 0 0 25px;
}
ul.arrow li a {
  color: #000;
}
ul.arrow li a:hover {
  text-decoration: underline;
}

a.arrow {
  display: inline-block;
  background: url('/lib/img/arrow-small-right.png?1439964303') no-repeat left 4px;
  -moz-background-size: 17px 16px;
  -o-background-size: 17px 16px;
  -webkit-background-size: 17px 16px;
  background-size: 17px 16px;
  padding: 0 0 0 22px;
  margin-right: 1em;
}
.bgbox a.arrow {
  background-position: left 2px;
}

p.arrow {
  background: url('/lib/img/arrow-small-right.png?1439964303') no-repeat left 2px;
  -moz-background-size: 17px 16px;
  -o-background-size: 17px 16px;
  -webkit-background-size: 17px 16px;
  background-size: 17px 16px;
  padding: 0 0 0 22px;
}

a.ext, a.external {
  background: url('/lib/img/icon-external.png?1439964303') no-repeat right 0.05em;
  -moz-background-size: 13px 13px;
  -o-background-size: 13px 13px;
  -webkit-background-size: 13px 13px;
  background-size: 13px 13px;
  padding-right: 18px;
}

a.arrow.ext, a.arrow.external {
  background-image: url(../img/arrow-small-right.png), url(../img/icon-external.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left .15em, right .2em;
  -moz-background-size: 17px 16px, 13px 13px;
  -o-background-size: 17px 16px, 13px 13px;
  -webkit-background-size: 17px 16px, 13px 13px;
  background-size: 17px 16px, 13px 13px;
  padding: 0 18px 0 22px;
}

.wrapper {
  background: white;
}

.container.full {
  width: 100%;
  padding: 0 20px;
}

#contents {
  background: white;
  padding: 130px 0 30px;
}
@media screen and (max-width: 992px) {
  #contents {
    padding-top: 100px;
  }
}
#event #contents, #mitsunari11-10 #contents {
  padding-top: 0;
}
@media screen and (max-width: 992px) {
  #event #contents, #mitsunari11-10 #contents {
    padding-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  #event #contents, #mitsunari11-10 #contents {
    padding-top: 38px;
  }
}

#topimage {
  margin: 0 0 20px;
  background-position: center center;
}
#event #topimage, #mitsunari11-10 #topimage {
  height: 400px;
  margin-bottom: 0;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  #event #topimage, #mitsunari11-10 #topimage {
    height: 240px;
  }
}
@media screen and (max-width: 480px) {
  #event #topimage, #mitsunari11-10 #topimage {
    height: 140px;
  }
}
#mitsunari11-10 #topimage {
  height: 480px;
}
@media screen and (max-width: 992px) {
  #mitsunari11-10 #topimage {
    height: 280px;
  }
}
@media screen and (max-width: 480px) {
  #mitsunari11-10 #topimage {
    height: 170px;
  }
}

#event #topimage h1 {
  text-indent: -999px;
}

#information-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #D50000;
  margin: 0 0 15px;
  padding: 15px 10px 15px 0;
  height: 220px;
  overflow: hidden;
  *zoom: 1;
}
#information-box:after {
  content: "";
  display: table;
  clear: both;
}
#information-box .title-area {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 46px;
  height: 220px;
  margin: -15px 20px -15px 0;
  float: left;
  background: #D50000;
  color: white;
  writing-mode: tb-rl;
  /* for IE */
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-webkit-writing-mode: vertical-rl;
}
#information-box .title-area:after {
  position: absolute;
  right: -16px;
  top: 44%;
  content: '';
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #D50000;
}
#information-box .title-area h2 {
  font-size: 20px;
  font-size: 2rem;
  margin: 15px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
#information-box .title-area h2 a {
  color: white;
}
#information-box ul {
  margin: 0 0 0 72px;
}

h2.titlebar {
  background: #EF5350;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0 15px;
  padding: 10px 10px 8px 38px;
  line-height: 1;
  color: white;
  position: relative;
}
h2.titlebar i {
  position: absolute;
  line-height: 1.5;
  top: -14px;
  left: 3px;
  text-shadow: 1px 1px 0px #EF5350, -1px 1px 0px #EF5350, 1px -1px 0px #EF5350, -1px -1px 0px #EF5350;
}

#event .topimage {
  position: relative;
  height: 480px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and (max-width: 600px) {
  #event .topimage {
    height: 300px;
  }
}
#event .topimage div {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  background: url(/lib/img/bg-gradation.png) repeat-x bottom;
  background-size: 1px 200px;
}

#event-article {
  margin-top: 0;
  padding-top: 100px;
  position: relative;
  z-index: 100;
}
#event-article .maintitle h1 {
  font-size: 36px;
  font-size: 3.6rem;
}
@media screen and (max-width: 600px) {
  #event-article .maintitle h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
#event-article .border-bottom {
  border-bottom: 1px solid #eee;
  padding-top: 5px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-left: 1em;
}
#event-article .border-bottom h1, #event-article .border-bottom h2, #event-article .border-bottom h3 {
  margin-top: 15px;
}
#event-article p + .border-bottom {
  margin-top: 2em;
}
#event-article .border-bottom + p {
  margin-top: 3em;
}
#event-article .mainimage {
  margin-bottom: 0 !important;
}
#event-article .mainimage .col {
  margin-bottom: 10px !important;
}
#event-article #map {
  height: 400px;
}
@media screen and (max-width: 600px) {
  #event-article #map {
    height: 200px;
  }
}
#event-article #areamap p {
  display: none;
}
@media screen and (max-width: 600px) {
  #event-article #areamap p {
    display: block;
  }
}
#event-article .underline-wrapper {
  border-bottom: 2px solid #ccc;
  margin-bottom: 20px;
  line-height: 1;
}
#event-article .underline-wrapper .underline {
  line-height: 1 !important;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  border-bottom: none;
  display: inline-block;
  background: #ccc;
  color: white;
  padding: 5px 10px 3px;
}

.topimage + #event-article {
  margin-top: -40px !important;
  padding-top: 0;
}

#sightseeing-article .maintitle h1 {
  font-size: 36px;
  font-size: 3.6rem;
  margin-top: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  #sightseeing-article .maintitle h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
#sightseeing-article table.bordered {
  margin: 3rem 0;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #e5e5e5;
}
#sightseeing-article table.bordered th {
  white-space: nowrap;
}
#sightseeing-article table.bordered td, #sightseeing-article table.bordered th {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 5px;
}
#sightseeing-article .genre {
  margin-bottom: 20px;
}
#sightseeing-article .genre .label {
  display: inline-block;
  color: #D50000;
  border: 2px solid #D50000;
  padding: 3px 5px 2px;
  border-radius: 30px;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: -2px;
  margin-right: 6px;
}
#sightseeing-article .detail {
  border-top: 1px solid  #e5e5e5;
  border-bottom: 1px solid  #e5e5e5;
  padding: 10px 0;
}
#sightseeing-article .detail div {
  margin: .5rem 0;
}
#sightseeing-article .detail .tel {
  font-size: 22px;
  font-weight: bold;
}
#sightseeing-article .maintext p, #sightseeing-article .extended p {
  line-height: 1.8;
}
#sightseeing-article .slider-for {
  margin-bottom: 10px;
}
#sightseeing-article .slider-nav {
  margin-bottom: 30px;
}
#sightseeing-article .slider-nav .slick-slide {
  margin: 0 3px;
}
#sightseeing-article .slider-nav .slick-slide img {
  border: 2px solid white;
}
#sightseeing-article .slider-nav .slick-slide.slick-current img {
  border-color: #ccc;
}
#sightseeing-article .slick-list * {
  outline: none !important;
}
#sightseeing-article .btn.red {
  background: #D50000 !important;
}
#sightseeing-article #areamap .map {
  display: block;
  width: 100%;
  height: 25vw;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #eee;
}
@media screen and (max-width: 992px) {
  #sightseeing-article #areamap .map {
    height: 50vw;
  }
}
#sightseeing-article .recommend .col p {
  font-size: 14px;
  font-size: 1.4rem;
}
#sightseeing-article .recommend h3 {
  margin-bottom: 0;
}
#sightseeing-article .recommend .price {
  color: #D50000;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
#sightseeing-article a {
  color: #D50000;
}
#sightseeing-article a.btn {
  color: white;
}

.kaika {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  margin: 0 0 10px;
  padding: 10px;
  color: #555;
}
.kaika h2 {
  margin: 0 0 0px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
}
.kaika h2 span {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
  color: #039be5;
  margin-left: 5px;
}
.kaika div {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 5px 0 0 60px;
  min-height: 75px;
}
.kaika div p {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 5px 0 0;
}
.kaika a.arrow {
  background-position: left 0px;
}

.thumb-box {
  *zoom: 1;
  border-bottom: 1px solid #eee;
  margin: 0 0 10px;
  overflow: hidden;
  height: 115px;
}
.thumb-box:after {
  content: "";
  display: table;
  clear: both;
}
.thumb-box a {
  display: block;
  color: #333;
}
.thumb-box a img {
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 15px 10px 0;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}
.thumb-box a h2 {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 0 0px;
}
.thumb-box a p {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 5px;
}

#sidebar .row {
  margin-bottom: 0;
}
#sidebar #banner-area {
  background: #f9f1da;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
  padding: 10px;
  text-align: center;
}
#sidebar #banner-area img {
  margin: 5px 0;
}
#sidebar #banner-area h2 {
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
#sidebar #banner-full {
  background: #eee;
  padding: 3px 0;
  margin: 10px 0;
}
#sidebar #banner-full img {
  margin: 3px 0;
  width: 100%;
  height: auto;
  display: inline-block;
}

#banner-other {
  *zoom: 1;
  background: #fcdddc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 5px 0;
  margin: 0 0 10px;
}
#banner-other:after {
  content: "";
  display: table;
  clear: both;
}
#banner-other div {
  float: left;
  min-height: 60px;
  margin: 5px;
}

footer.page-footer #address h3, footer.page-footer #address h4 {
  margin: 10px 0 10px;
}
footer.page-footer #address p {
  margin: 0 0 30px;
  font-size: 14px;
  font-size: 1.4rem;
}
footer.page-footer #address a {
  color: white !important;
  text-decoration: underline;
}
footer.page-footer .col h5 {
  margin: 10px 0px;
}
footer.page-footer .col h5 a {
  color: white;
}
footer.page-footer .col ul {
  margin: 10px 0 10px 0px;
}
footer.page-footer .col ul li {
  list-style: none;
}

.footer-copyright {
  font-size: 13px;
  font-size: 1.3rem;
  color: white;
  height: auto !important;
}
.footer-copyright #copy {
  float: left;
}
@media screen and (min-width: 600px) {
  .footer-copyright #footer-link {
    float: right;
  }
}
.footer-copyright ul {
  float: right;
  padding: 5px 0 10px;
}
@media screen and (max-width: 480px) {
  .footer-copyright ul {
    float: none;
  }
}
.footer-copyright ul li {
  margin: 0 0 0 10px;
  float: left;
}
@media screen and (max-width: 480px) {
  .footer-copyright ul li {
    float: none;
    margin-bottom: 10px;
  }
}
.footer-copyright ul li a {
  color: white;
  padding-top: 3px;
}
@media screen and (min-width: 480px) {
  .footer-copyright ul li a {
    display: inline-block;
  }
}

.icon-text {
  padding-left: 20px;
  margin-left: 15px;
}
@media screen and (max-width: 480px) {
  .icon-text {
    margin-left: 0;
  }
}

.icon-facebook {
  background: url('/lib/img/icon-facebook.png?1439964303') no-repeat left top;
  -moz-background-size: 10px 19px;
  -o-background-size: 10px 19px;
  -webkit-background-size: 10px 19px;
  background-size: 10px 19px;
}

.icon-info {
  background: url('/lib/img/icon-info.png?1439964303') no-repeat left top;
  -moz-background-size: 9px 18px;
  -o-background-size: 9px 18px;
  -webkit-background-size: 9px 18px;
  background-size: 9px 18px;
  padding-left: 14px;
}

.icon-mail {
  background: url('/lib/img/icon-mail.png?1439964303') no-repeat left center;
  -moz-background-size: 18px 12px;
  -o-background-size: 18px 12px;
  -webkit-background-size: 18px 12px;
  background-size: 18px 12px;
  padding-left: 24px;
}

#inquiry input[type=checkbox], #inquiry input[type=radio], #parade input[type=checkbox], #parade input[type=radio], #application input[type=checkbox], #application input[type=radio], #photocon input[type=checkbox], #photocon input[type=radio], #mainnav input[type=checkbox], #mainnav input[type=radio], .side-nav input[type=checkbox], .side-nav input[type=radio], .apply input[type=checkbox], .apply input[type=radio], #freeform input[type=checkbox], #freeform input[type=radio] {
  cursor: pointer;
}
#inquiry input[type=text], #inquiry input[type=password], #inquiry textarea, #inquiry select, #inquiry .uneditable-input, #parade input[type=text], #parade input[type=password], #parade textarea, #parade select, #parade .uneditable-input, #application input[type=text], #application input[type=password], #application textarea, #application select, #application .uneditable-input, #photocon input[type=text], #photocon input[type=password], #photocon textarea, #photocon select, #photocon .uneditable-input, #mainnav input[type=text], #mainnav input[type=password], #mainnav textarea, #mainnav select, #mainnav .uneditable-input, .side-nav input[type=text], .side-nav input[type=password], .side-nav textarea, .side-nav select, .side-nav .uneditable-input, .apply input[type=text], .apply input[type=password], .apply textarea, .apply select, .apply .uneditable-input, #freeform input[type=text], #freeform input[type=password], #freeform textarea, #freeform select, #freeform .uneditable-input {
  display: inline-block;
  width: 210px;
  padding: 4px;
  font-size: 16px;
  line-height: 18px;
  height: 28px;
  color: #333;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: white;
  box-sizing: border-box;
}
#inquiry select, #inquiry input[type=file], #parade select, #parade input[type=file], #application select, #application input[type=file], #photocon select, #photocon input[type=file], #mainnav select, #mainnav input[type=file], .side-nav select, .side-nav input[type=file], .apply select, .apply input[type=file], #freeform select, #freeform input[type=file] {
  height: 27px;
  line-height: 27px;
}
#inquiry textarea, #parade textarea, #application textarea, #photocon textarea, #mainnav textarea, .side-nav textarea, .apply textarea, #freeform textarea {
  height: auto;
}
#inquiry .uneditable-input, #parade .uneditable-input, #application .uneditable-input, #photocon .uneditable-input, #mainnav .uneditable-input, .side-nav .uneditable-input, .apply .uneditable-input, #freeform .uneditable-input {
  background-color: #eee;
  display: block;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
#inquiry :-moz-placeholder, #parade :-moz-placeholder, #application :-moz-placeholder, #photocon :-moz-placeholder, #mainnav :-moz-placeholder, .side-nav :-moz-placeholder, .apply :-moz-placeholder, #freeform :-moz-placeholder {
  color: #bfbfbf;
}
#inquiry ::-webkit-input-placeholder, #parade ::-webkit-input-placeholder, #application ::-webkit-input-placeholder, #photocon ::-webkit-input-placeholder, #mainnav ::-webkit-input-placeholder, .side-nav ::-webkit-input-placeholder, .apply ::-webkit-input-placeholder, #freeform ::-webkit-input-placeholder {
  color: #bfbfbf;
}
#inquiry input[type=text], #inquiry input[type=password], #inquiry select, #inquiry textarea, #parade input[type=text], #parade input[type=password], #parade select, #parade textarea, #application input[type=text], #application input[type=password], #application select, #application textarea, #photocon input[type=text], #photocon input[type=password], #photocon select, #photocon textarea, #mainnav input[type=text], #mainnav input[type=password], #mainnav select, #mainnav textarea, .side-nav input[type=text], .side-nav input[type=password], .side-nav select, .side-nav textarea, .apply input[type=text], .apply input[type=password], .apply select, .apply textarea, #freeform input[type=text], #freeform input[type=password], #freeform select, #freeform textarea {
  margin-bottom: 10px;
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
#inquiry input[type=text]:focus, #inquiry input[type=password]:focus, #inquiry textarea:focus, #parade input[type=text]:focus, #parade input[type=password]:focus, #parade textarea:focus, #application input[type=text]:focus, #application input[type=password]:focus, #application textarea:focus, #photocon input[type=text]:focus, #photocon input[type=password]:focus, #photocon textarea:focus, #mainnav input[type=text]:focus, #mainnav input[type=password]:focus, #mainnav textarea:focus, .side-nav input[type=text]:focus, .side-nav input[type=password]:focus, .side-nav textarea:focus, .apply input[type=text]:focus, .apply input[type=password]:focus, .apply textarea:focus, #freeform input[type=text]:focus, #freeform input[type=password]:focus, #freeform textarea:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
#inquiry form .error, #parade form .error, #application form .error, #photocon form .error, #mainnav form .error, .side-nav form .error, .apply form .error, #freeform form .error {
  background: #fae5e3;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 0 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#inquiry form .error > label, #inquiry form .error span.help-inline, #inquiry form .error span.help-block, #parade form .error > label, #parade form .error span.help-inline, #parade form .error span.help-block, #application form .error > label, #application form .error span.help-inline, #application form .error span.help-block, #photocon form .error > label, #photocon form .error span.help-inline, #photocon form .error span.help-block, #mainnav form .error > label, #mainnav form .error span.help-inline, #mainnav form .error span.help-block, .side-nav form .error > label, .side-nav form .error span.help-inline, .side-nav form .error span.help-block, .apply form .error > label, .apply form .error span.help-inline, .apply form .error span.help-block, #freeform form .error > label, #freeform form .error span.help-inline, #freeform form .error span.help-block {
  color: #9d261d;
}
#inquiry form .error input[type=text], #inquiry form div.error input[type=password], #inquiry form div.error textarea, #parade form .error input[type=text], #parade form div.error input[type=password], #parade form div.error textarea, #application form .error input[type=text], #application form div.error input[type=password], #application form div.error textarea, #photocon form .error input[type=text], #photocon form div.error input[type=password], #photocon form div.error textarea, #mainnav form .error input[type=text], #mainnav form div.error input[type=password], #mainnav form div.error textarea, .side-nav form .error input[type=text], .side-nav form div.error input[type=password], .side-nav form div.error textarea, .apply form .error input[type=text], .apply form div.error input[type=password], .apply form div.error textarea, #freeform form .error input[type=text], #freeform form div.error input[type=password], #freeform form div.error textarea {
  border-color: #c87872;
  -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
  box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
}
#inquiry form div.error input[type=text]:focus, #inquiry form div.error input[type=password]:focus, #inquiry form div.error textarea:focus, #parade form div.error input[type=text]:focus, #parade form div.error input[type=password]:focus, #parade form div.error textarea:focus, #application form div.error input[type=text]:focus, #application form div.error input[type=password]:focus, #application form div.error textarea:focus, #photocon form div.error input[type=text]:focus, #photocon form div.error input[type=password]:focus, #photocon form div.error textarea:focus, #mainnav form div.error input[type=text]:focus, #mainnav form div.error input[type=password]:focus, #mainnav form div.error textarea:focus, .side-nav form div.error input[type=text]:focus, .side-nav form div.error input[type=password]:focus, .side-nav form div.error textarea:focus, .apply form div.error input[type=text]:focus, .apply form div.error input[type=password]:focus, .apply form div.error textarea:focus, #freeform form div.error input[type=text]:focus, #freeform form div.error input[type=password]:focus, #freeform form div.error textarea:focus {
  border-color: #b9554d;
  -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
  box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
#inquiry form .error .input-prepend span.add-on, #inquiry form div.error .input-append span.add-on, #parade form .error .input-prepend span.add-on, #parade form div.error .input-append span.add-on, #application form .error .input-prepend span.add-on, #application form div.error .input-append span.add-on, #photocon form .error .input-prepend span.add-on, #photocon form div.error .input-append span.add-on, #mainnav form .error .input-prepend span.add-on, #mainnav form div.error .input-append span.add-on, .side-nav form .error .input-prepend span.add-on, .side-nav form div.error .input-append span.add-on, .apply form .error .input-prepend span.add-on, .apply form div.error .input-append span.add-on, #freeform form .error .input-prepend span.add-on, #freeform form div.error .input-append span.add-on {
  background: #f4c8c5;
  border-color: #c87872;
  color: #b9554d;
}
#inquiry .input-mini, #inquiry input[type=text].mini, #inquiry textarea.mini, #inquiry select.mini, #parade .input-mini, #parade input[type=text].mini, #parade textarea.mini, #parade select.mini, #application .input-mini, #application input[type=text].mini, #application textarea.mini, #application select.mini, #photocon .input-mini, #photocon input[type=text].mini, #photocon textarea.mini, #photocon select.mini, #mainnav .input-mini, #mainnav input[type=text].mini, #mainnav textarea.mini, #mainnav select.mini, .side-nav .input-mini, .side-nav input[type=text].mini, .side-nav textarea.mini, .side-nav select.mini, .apply .input-mini, .apply input[type=text].mini, .apply textarea.mini, .apply select.mini, #freeform .input-mini, #freeform input[type=text].mini, #freeform textarea.mini, #freeform select.mini {
  width: 60px;
}
#inquiry .input-small, #inquiry input.small, #inquiry textarea.small, #inquiry select.small, #parade .input-small, #parade input.small, #parade textarea.small, #parade select.small, #application .input-small, #application input.small, #application textarea.small, #application select.small, #photocon .input-small, #photocon input.small, #photocon textarea.small, #photocon select.small, #mainnav .input-small, #mainnav input.small, #mainnav textarea.small, #mainnav select.small, .side-nav .input-small, .side-nav input.small, .side-nav textarea.small, .side-nav select.small, .apply .input-small, .apply input.small, .apply textarea.small, .apply select.small, #freeform .input-small, #freeform input.small, #freeform textarea.small, #freeform select.small {
  width: 90px;
}
#inquiry .input-medium, #inquiry input.medium, #inquiry textarea.medium, #inquiry select.medium, #parade .input-medium, #parade input.medium, #parade textarea.medium, #parade select.medium, #application .input-medium, #application input.medium, #application textarea.medium, #application select.medium, #photocon .input-medium, #photocon input.medium, #photocon textarea.medium, #photocon select.medium, #mainnav .input-medium, #mainnav input.medium, #mainnav textarea.medium, #mainnav select.medium, .side-nav .input-medium, .side-nav input.medium, .side-nav textarea.medium, .side-nav select.medium, .apply .input-medium, .apply input.medium, .apply textarea.medium, .apply select.medium, #freeform .input-medium, #freeform input.medium, #freeform textarea.medium, #freeform select.medium {
  width: 150px;
}
#inquiry .input-large, #inquiry input.large, #inquiry textarea.large, #inquiry select.large, #parade .input-large, #parade input.large, #parade textarea.large, #parade select.large, #application .input-large, #application input.large, #application textarea.large, #application select.large, #photocon .input-large, #photocon input.large, #photocon textarea.large, #photocon select.large, #mainnav .input-large, #mainnav input.large, #mainnav textarea.large, #mainnav select.large, .side-nav .input-large, .side-nav input.large, .side-nav textarea.large, .side-nav select.large, .apply .input-large, .apply input.large, .apply textarea.large, .apply select.large, #freeform .input-large, #freeform input.large, #freeform textarea.large, #freeform select.large {
  width: 210px;
}
#inquiry .input-xlarge, #inquiry input.xlarge, #inquiry textarea.xlarge, #inquiry select.xlarge, #parade .input-xlarge, #parade input.xlarge, #parade textarea.xlarge, #parade select.xlarge, #application .input-xlarge, #application input.xlarge, #application textarea.xlarge, #application select.xlarge, #photocon .input-xlarge, #photocon input.xlarge, #photocon textarea.xlarge, #photocon select.xlarge, #mainnav .input-xlarge, #mainnav input.xlarge, #mainnav textarea.xlarge, #mainnav select.xlarge, .side-nav .input-xlarge, .side-nav input.xlarge, .side-nav textarea.xlarge, .side-nav select.xlarge, .apply .input-xlarge, .apply input.xlarge, .apply textarea.xlarge, .apply select.xlarge, #freeform .input-xlarge, #freeform input.xlarge, #freeform textarea.xlarge, #freeform select.xlarge {
  width: 270px;
}
#inquiry .input-xxlarge, #inquiry input.xxlarge, #inquiry textarea.xxlarge, #inquiry select.xxlarge, #parade .input-xxlarge, #parade input.xxlarge, #parade textarea.xxlarge, #parade select.xxlarge, #application .input-xxlarge, #application input.xxlarge, #application textarea.xxlarge, #application select.xxlarge, #photocon .input-xxlarge, #photocon input.xxlarge, #photocon textarea.xxlarge, #photocon select.xxlarge, #mainnav .input-xxlarge, #mainnav input.xxlarge, #mainnav textarea.xxlarge, #mainnav select.xxlarge, .side-nav .input-xxlarge, .side-nav input.xxlarge, .side-nav textarea.xxlarge, .side-nav select.xxlarge, .apply .input-xxlarge, .apply input.xxlarge, .apply textarea.xxlarge, .apply select.xxlarge, #freeform .input-xxlarge, #freeform input.xxlarge, #freeform textarea.xxlarge, #freeform select.xxlarge {
  width: 430px;
}
@media screen and (max-width: 992px) {
  #inquiry .input-xxlarge, #inquiry input.xxlarge, #inquiry textarea.xxlarge, #inquiry select.xxlarge, #parade .input-xxlarge, #parade input.xxlarge, #parade textarea.xxlarge, #parade select.xxlarge, #application .input-xxlarge, #application input.xxlarge, #application textarea.xxlarge, #application select.xxlarge, #photocon .input-xxlarge, #photocon input.xxlarge, #photocon textarea.xxlarge, #photocon select.xxlarge, #mainnav .input-xxlarge, #mainnav input.xxlarge, #mainnav textarea.xxlarge, #mainnav select.xxlarge, .side-nav .input-xxlarge, .side-nav input.xxlarge, .side-nav textarea.xxlarge, .side-nav select.xxlarge, .apply .input-xxlarge, .apply input.xxlarge, .apply textarea.xxlarge, .apply select.xxlarge, #freeform .input-xxlarge, #freeform input.xxlarge, #freeform textarea.xxlarge, #freeform select.xxlarge {
    width: 100%;
  }
}
#inquiry .input-xxxlarge, #inquiry input.xxxlarge, #inquiry textarea.xxxlarge, #inquiry select.xxxlarge, #parade .input-xxxlarge, #parade input.xxxlarge, #parade textarea.xxxlarge, #parade select.xxxlarge, #application .input-xxxlarge, #application input.xxxlarge, #application textarea.xxxlarge, #application select.xxxlarge, #photocon .input-xxxlarge, #photocon input.xxxlarge, #photocon textarea.xxxlarge, #photocon select.xxxlarge, #mainnav .input-xxxlarge, #mainnav input.xxxlarge, #mainnav textarea.xxxlarge, #mainnav select.xxxlarge, .side-nav .input-xxxlarge, .side-nav input.xxxlarge, .side-nav textarea.xxxlarge, .side-nav select.xxxlarge, .apply .input-xxxlarge, .apply input.xxxlarge, .apply textarea.xxxlarge, .apply select.xxxlarge, #freeform .input-xxxlarge, #freeform input.xxxlarge, #freeform textarea.xxxlarge, #freeform select.xxxlarge {
  width: 580px;
}
@media screen and (max-width: 992px) {
  #inquiry .input-xxxlarge, #inquiry input.xxxlarge, #inquiry textarea.xxxlarge, #inquiry select.xxxlarge, #parade .input-xxxlarge, #parade input.xxxlarge, #parade textarea.xxxlarge, #parade select.xxxlarge, #application .input-xxxlarge, #application input.xxxlarge, #application textarea.xxxlarge, #application select.xxxlarge, #photocon .input-xxxlarge, #photocon input.xxxlarge, #photocon textarea.xxxlarge, #photocon select.xxxlarge, #mainnav .input-xxxlarge, #mainnav input.xxxlarge, #mainnav textarea.xxxlarge, #mainnav select.xxxlarge, .side-nav .input-xxxlarge, .side-nav input.xxxlarge, .side-nav textarea.xxxlarge, .side-nav select.xxxlarge, .apply .input-xxxlarge, .apply input.xxxlarge, .apply textarea.xxxlarge, .apply select.xxxlarge, #freeform .input-xxxlarge, #freeform input.xxxlarge, #freeform textarea.xxxlarge, #freeform select.xxxlarge {
    width: 100%;
  }
}
#inquiry input[readonly]:focus, #inquiry textarea[readonly]:focus, #inquiry input.disabled, #parade input[readonly]:focus, #parade textarea[readonly]:focus, #parade input.disabled, #application input[readonly]:focus, #application textarea[readonly]:focus, #application input.disabled, #photocon input[readonly]:focus, #photocon textarea[readonly]:focus, #photocon input.disabled, #mainnav input[readonly]:focus, #mainnav textarea[readonly]:focus, #mainnav input.disabled, .side-nav input[readonly]:focus, .side-nav textarea[readonly]:focus, .side-nav input.disabled, .apply input[readonly]:focus, .apply textarea[readonly]:focus, .apply input.disabled, #freeform input[readonly]:focus, #freeform textarea[readonly]:focus, #freeform input.disabled {
  background: #f5f5f5;
  border-color: #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#apply form {
  background: #eee;
  padding: 30px 20px 20px !important;
}

label {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  margin: 0 0 5px;
}
input[type="checkbox"] + label {
  font-size: 16px !important;
  font-weight: normal;
}
label small {
  font-weight: normal;
}

.input-fields {
  margin: 0 0 15px;
}
.input-fields input.full, .input-fields textarea.full {
  width: 100% !important;
}

#uploadarea {
  text-align: center;
  padding: 30px 0;
}

.regulations {
  background: white;
  border: 1px solid #ddd;
  padding: 5px 20px;
  overflow-y: scroll;
  height: 130px;
  margin: 0 0 20px;
}

#preview {
  position: relative;
  height: 300px;
  margin-bottom: 30px;
}

#preview img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 600px) {
  #preview img {
    width: auto;
    height: auto;
    max-width: 400px;
    max-height: 300px;
  }
}

#preview span {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  padding: 5px 10px;
  display: none;
  color: #fff;
  font-weight: bold;
}

#preview span a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#preview span a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

#additional {
  display: none;
}

#photocon #contents {
  padding-top: 59px;
}
#photocon #topimage {
  background: url(../img/bg-photocon.jpg) no-repeat center top;
  height: 230px;
}
#photocon #logo-photocon {
  width: 223px;
  height: 173px;
  overflow: hidden;
  line-height: 1.5;
  margin: 40px 0 0;
}
@media screen and (max-width: 600px) {
  #photocon #logo-photocon {
    width: 185.83333px;
    height: 144.16667px;
  }
}
#photocon #logo-photocon a, #photocon #logo-photocon span {
  display: block;
  width: 223px;
  height: 173px;
  overflow: hidden;
  padding-top: 173px;
  background: url("../img/logo-photocon.png") no-repeat left top;
  -moz-background-size: 223px 173px;
  -o-background-size: 223px 173px;
  -webkit-background-size: 223px 173px;
  background-size: 223px 173px;
}
@media screen and (max-width: 600px) {
  #photocon #logo-photocon a, #photocon #logo-photocon span {
    width: 185.83333px;
    height: 144.16667px;
    -moz-background-size: 185.83333px 144.16667px;
    -o-background-size: 185.83333px 144.16667px;
    -webkit-background-size: 185.83333px 144.16667px;
    background-size: 185.83333px 144.16667px;
  }
}
#photocon #prize .col {
  margin-bottom: 25px;
}
#photocon #prize .col a {
  display: block;
}
#photocon #prize .col a h3 {
  text-shadow: 0 0 3px #000;
  font-size: 14px;
  font-size: 1.4rem;
  margin: -30px 0 0 10px;
  color: white;
}
#photocon .gallery .col h3 {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 10px 0 0px;
}
#photocon .gallery .col h2 {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
}
#photocon .gallery .col p {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 20px;
}

#information dl.news {
  margin: 0 0 30px;
  border-top: 1px solid #eee;
}
#information dl.news dt {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ccc;
  padding: 18px 0 0;
  font-weight: bold;
}
#information dl.news dd {
  margin: 0;
  border-bottom: 1px solid #eee;
}
#information dl.news dd h2 {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
#information dl.news dd h2 span {
  display: inline-block;
  background: #D50000;
  color: white;
  margin: 0 0 0 10px;
  padding: 1px 5px 0;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  #information dl.news dt {
    float: left;
    clear: left;
  }
  #information dl.news dd {
    padding: 15px 0 0 120px;
  }
}
#information .main-title {
  line-height: 1.1;
}
#information .main-title span.label {
  display: inline-block;
  background: #D50000;
  color: white;
  margin: 0 0 0 10px;
  padding: 3px 5px 2px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
#information .datebar {
  background: white;
  border-top: 3px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: right;
  margin: 10px 0;
  padding: 8px 0px 5px;
}
#information .socialbutton {
  margin: 50px 0 0;
}
#information .socialbutton p {
  margin: 0 0 5px;
}
#information .large {
  font-size: 1.2em;
}

#information p + h2, #information p + h3,
#information ul + h2, #information ul + h3,
#information ol + h2, #information ol + h3,
#information .bgbox + h2, #information .bgbox + h3,
#information .row + h2, #information .row + h3, #event p + h2, #event p + h3,
#event ul + h2, #event ul + h3,
#event ol + h2, #event ol + h3,
#event .bgbox + h2, #event .bgbox + h3,
#event .row + h2, #event .row + h3 {
  margin-top: 50px;
}

#inquiry [type="radio"]:not(:checked) + label, #inquiry [type="radio"]:checked + label, #application [type="radio"]:not(:checked) + label, #application [type="radio"]:checked + label, #parade [type="radio"]:not(:checked) + label, #parade [type="radio"]:checked + label, .apply [type="radio"]:not(:checked) + label, .apply [type="radio"]:checked + label, #freeform [type="radio"]:not(:checked) + label, #freeform [type="radio"]:checked + label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 12px;
}
#inquiry .help-inline, #application .help-inline, #parade .help-inline, .apply .help-inline, #freeform .help-inline {
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 600px) {
  #inquiry .xxlarge, #application .xxlarge, #parade .xxlarge, .apply .xxlarge, #freeform .xxlarge {
    width: 100%;
  }
}
#inquiry dd p, #application dd p, #parade dd p, .apply dd p, #freeform dd p {
  padding: 0 10px;
}
#inquiry span.red, #inquiry strong.red, #application span.red, #application strong.red, #parade span.red, #parade strong.red, .apply span.red, .apply strong.red, #freeform span.red, #freeform strong.red {
  background: none !important;
  color: #D50000 !important;
}

dl.hang {
  margin: 20px 0 30px;
}
dl.hang dt {
  margin: 0;
  padding: 10px 0 0 0px;
  float: left;
  clear: left;
  font-weight: bold;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
dl.hang dt h2, dl.hang dt h3, dl.hang dt h4 {
  margin-top: 12px;
}
dl.hang dd {
  margin: 0;
  padding: 10px 0 15px 100px;
}
dl.hang dd.color {
  background: #eee;
}
dl.hang dd ol, dl.hang dd ul {
  margin-top: 0;
}
dl.hang dd ol li, dl.hang dd ul li {
  margin-top: 0;
}
dl.hang dd p {
  margin-top: 0 !important;
}
@media screen and (max-width: 600px) {
  dl.hang dt {
    float: none;
    padding-left: 0;
  }
  dl.hang dd {
    padding-left: 0 !important;
  }
}

dl.hang.border dt h2, dl.hang.border dt h3, dl.hang.border dt h4, dl.hang.line dt h2, dl.hang.line dt h3, dl.hang.line dt h4 {
  margin-top: 0;
}
dl.hang.border dd, dl.hang.line dd {
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5em !important;
}

dl.hang.mailform dt {
  padding-left: 15px;
}

#dataarea {
  margin: 0 0 50px;
}

#gsc-iw-id1 {
  height: 30px;
}

#gs_tti50, .gsib_a {
  padding: 5px 8px !important;
}

.gsib_b {
  vertical-align: top !important;
  padding-top: 3px !important;
}

input.gsc-input {
  margin: 0;
}

.gsc-search-button, .gsc-search-button-v2 {
  height: 30px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.gsc-search-box td {
  vertical-align: top !important;
}

table.profile {
  margin-bottom: 1em;
  clear: none;
}

table.profile th {
  padding: 0 1em 1em 0;
  border: none;
  text-align: left;
  white-space: nowrap;
}

table.profile td {
  border: none;
}

#ambassador .section h3 {
  border-left: 5px solid #be0a0a;
  padding-left: 7px;
  clear: left;
}

#ambassador .section p {
  padding-left: 1em;
}

#ambassador .maintitle h2 {
  font-size: 2em;
  border-bottom: 2px solid #eee;
}
#ambassador .maintitle h2 span, #ambassador .maintitle h2 small {
  font-size: 18px;
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  #ambassador .right {
    width: 100%;
    float: none;
  }
}

dl.profile dd {
  padding-top: 1.7em;
  padding-bottom: .35em;
  margin-bottom: 1em;
}

@media print {
  #navbar {
    position: absolute;
    top: 0;
  }

  #navfield, #menu {
    display: none;
  }
}