@charset "UTF-8";
html {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.mainContentArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
}
body {
  padding: 140px 0 0;
}

body, body * {
  font-family: "Noto Sans JP","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

header.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  color: #555 !important;
  background-color: #fff;
  z-index: 10;
}
header.siteHeader a {
  color: #444 !important;
  font-weight: bold;
  text-decoration: none;
}
header.siteHeader .inner {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 60px;
}
header.siteHeader .upper {
  border-top: 3px solid #e60012;
  border-bottom: 1px solid #eee;
}
header.siteHeader .upper .inner {
  padding: 10px 0;
  padding-left: 250px;
  padding-right: 170px;
}
header.siteHeader .bottom .inner {
  padding-right: 145px;
}
header.siteHeader .logo {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -20px 0 0;
  padding: 0;
  width: 235px;
  height: 40px;
}
header.siteHeader .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/theme2018/images/common/logo.png) no-repeat left center;
}
header.siteHeader .languages {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -20px;
  width: 130px;
  height: 40px;
}
header.siteHeader .languages .ddInn {
  position: relative;
}
header.siteHeader .languages .ddInn > a {
  position: relative;
  display: table-cell;
  padding-right: 20px;
  height: 40px;
  font-size: 14px;
  vertical-align: middle;
}
header.siteHeader .languages .ddInn > a:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  line-height: 20px;
  color: #e60012;
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
header.siteHeader .languages .ddInn .dropdown-menu {
  left: auto;
  right: 0;
  margin-top: -3px;
}
header.siteHeader .searchIcon {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
header.siteHeader .searchIcon a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/theme2018/images/common/ico-search.png) no-repeat;
  background-size: 20px auto;
}
header.siteHeader .searchBox {
  display: none;
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -20px;
  width: 250px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
header.siteHeader .searchBox .sbInn {
  position: relative;
  padding: 2px 30px 2px 15px;
}
header.siteHeader .searchBox input[type=text] {
  width: 150px;
  height: 36px;
  background-color: transparent !important;
  border: none !important;
  outline: 0 !important;
}
header.siteHeader .searchBox button {
  display: inline-block;
  font-weight: bold;
  border: none;
  background-color: transparent;
}
header.siteHeader .searchBox a {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(/theme2018/images/common/ico-close.png) no-repeat center center;
  background-size: 12px auto;
}
header.siteHeader.visible-searchBox .searchBox {
  display: block;
}
header.siteHeader nav .links {
  display: table;
  margin: 0;
  width: 100%;
}
header.siteHeader nav .links a {
  display: table-cell;
  padding: 0;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
header.siteHeader nav .links a span {
  display: inline-block;
  width: 100%;
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
header.siteHeader nav.gnavi1 a, header.siteHeader nav.gnavi3 a {
  padding: 0 5px;
}
header.siteHeader nav.gnavi1 a span, header.siteHeader nav.gnavi3 a span {
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
header.siteHeader nav.gnavi1 a:hover span, header.siteHeader nav.gnavi3 a:hover span, header.siteHeader nav.gnavi1 a.active span, header.siteHeader nav.gnavi3 a.active span {
  color: #fff;
  background-color: #e60012;
}
header.siteHeader nav.gnavi1 a.feature, header.siteHeader nav.gnavi3 a.feature {
  width: 9.09091%;
}
header.siteHeader nav.gnavi1 a.world-heritage, header.siteHeader nav.gnavi3 a.world-heritage {
  width: 12.12121%;
}
header.siteHeader nav.gnavi1 a.yakei, header.siteHeader nav.gnavi3 a.yakei {
  width: 9.09091%;
}
header.siteHeader nav.gnavi1 a.dejima, header.siteHeader nav.gnavi3 a.dejima {
  width: 9.09091%;
}
header.siteHeader nav.gnavi1 a.fish, header.siteHeader nav.gnavi3 a.fish {
  width: 21.21212%;
}
header.siteHeader nav.gnavi1 a.champon, header.siteHeader nav.gnavi3 a.champon {
  width: 15.15152%;
}
header.siteHeader nav.gnavi1 a.festival, header.siteHeader nav.gnavi3 a.festival {
  width: 9.09091%;
}
header.siteHeader nav.gnavi1 a.machiaruki, header.siteHeader nav.gnavi3 a.machiaruki {
  width: 15.15152%;
}
header.siteHeader nav.gnavi2 a {
  padding: 0 0 0;
  width: 11%;
  height: 60px;
  font-size: 14px;
  border-bottom: 3px solid transparent;
}
header.siteHeader nav.gnavi2 a span {
  padding: 0 10px 0 35px;
  height: 40px;
  line-height: 40px;
  background: url(/theme2018/images/common/ico-spot.png) no-repeat 10px center;
  border: 0 dotted #ccc;
  border-left-width: 1px;
}
header.siteHeader nav.gnavi2 a:last-child span {
  border-right-width: 1px;
}
header.siteHeader nav.gnavi2 a:hover, header.siteHeader nav.gnavi2 a.active {
  border-bottom-color: #e60012;
}
header.siteHeader nav.gnavi2 a.spot span {
  background-image: url(/theme2018/images/common/ico-spot.png);
}
header.siteHeader nav.gnavi2 a.event span {
  background-image: url(/theme2018/images/common/ico-event.png);
}
header.siteHeader nav.gnavi2 a.model {
  width: 14%;
}
header.siteHeader nav.gnavi2 a.model span {
  background-image: url(/theme2018/images/common/ico-model.png);
}
header.siteHeader nav.gnavi2 a.movie span {
  background-image: url(/theme2018/images/common/ico-movie.png);
}
header.siteHeader nav.gnavi2 a.restaurant {
  width: 14%;
}
header.siteHeader nav.gnavi2 a.restaurant span {
  background-image: url(/theme2018/images/common/ico-restaurant.png);
}
header.siteHeader nav.gnavi2 a.stay span {
  background-image: url(/theme2018/images/common/ico-stay.png);
}
header.siteHeader nav.gnavi2 a.access span {
  background-image: url(/theme2018/images/common/ico-access.png);
}
header.siteHeader nav.gnavi2 a.barrierfree {
  width: 17%;
}
header.siteHeader nav.gnavi2 a.barrierfree span {
  background-image: url(/theme2018/images/common/ico-barrierfree.png);
}
header.siteHeader nav.gnavi3 {
  position: absolute;
  margin-top: 8px;
  top: 0;
  right: 0;
  width: 145px;
}
header.siteHeader nav.gnavi3 a {
  font-size: 12px;
  width: 50%;
}
header.siteHeader nav.gnavi3 a span {
  background-color: #ddd;
}

footer.siteFooter {
  padding: 50px 0 0;
}
footer.siteFooter .footInn {
  border-top: 1px solid #ddd;
  padding: 40px 0 30px;
}
footer.siteFooter .inner {
  margin: 0 auto;
  width: 1140px;
  text-align: center;
}
footer.siteFooter a {
  color: #333 !important;
}
footer.siteFooter nav.nav1 {
  margin: 0 0 10px;
}
footer.siteFooter nav.nav2 {
  margin: 0 0 10px;
}
footer.siteFooter nav ul {
  display: inline-block;
  margin: 0;
}
footer.siteFooter nav ul li {
  float: left;
  margin: 0;
  padding: 0;
}
footer.siteFooter nav ul li span, footer.siteFooter nav ul li a {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  line-height: 1.2;
  border-right: 1px solid #666;
}
footer.siteFooter nav ul li a.external {
  padding-right: 30px;
}
footer.siteFooter nav ul li a.external:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  height: 12px;
  width: 14px;
  content: " ";
  background: url(/theme2018/images/common/ico-blank-window.png) no-repeat center center;
}
footer.siteFooter nav ul li:last-child span, footer.siteFooter nav ul li:last-child a {
  border-right: none;
}

.banner_cultural-properties {
  margin: 20px 0;
}

.barrierfree-tab {
  margin: 30px 0 20px;
}
.barrierfree-tab .text {
  font-size: 18px;
  font-weight: 500;
}

.cultural-tab {
  margin: 30px 0 20px;
  border-bottom: 3px solid #75635f;
}
.cultural-tab ul {
  margin: 0;
}
.cultural-tab ul li {
  float: left;
  padding: 0 3px;
}
.cultural-tab ul li a {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 10px;
  min-width: 150px;
  color: #a79793 !important;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  border: 3px solid transparent;
  border-color: #a79793;
  border-bottom: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0;
}
.cultural-tab ul li .hover, .cultural-tab ul li.active a, .cultural-tab ul li:hover a {
  color: #fff !important;
  border-color: #75635f;
  background-color: #75635f;
}
.cultural-tab ul li.active a {
  margin-top: 0;
  font-size: 20px;
  line-height: 30px;
}

.btn-cyan {
  color: #fff !important;
  background-color: #47bfb5;
  border-color: #369d94;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active {
  color: #fff !important;
  background-color: #369d94;
  border-color: #369d94;
}
.btn-cyan:active, .btn-cyan.active {
  background-color: #297770;
  background-image: none;
}

.btn-vermilion {
  color: #fff !important;
  background-color: #e66139;
  border-color: #d2451a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-vermilion:hover, .btn-vermilion:focus, .btn-vermilion:active, .btn-vermilion.active {
  color: #fff !important;
  background-color: #d2451a;
  border-color: #d2451a;
}
.btn-vermilion:active, .btn-vermilion.active {
  background-color: #a43615;
  background-image: none;
}

.btn-brown {
  color: #fff !important;
  background-color: #8b7a7a;
  border-color: #706262;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-brown:hover, .btn-brown:focus, .btn-brown:active, .btn-brown.active {
  color: #fff !important;
  background-color: #706262;
  border-color: #706262;
}
.btn-brown:active, .btn-brown.active {
  background-color: #554a4a;
  background-image: none;
}

.btn-black {
  color: #fff !important;
  background-color: #000;
  border-color: black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active {
  color: #fff !important;
  background-color: black;
  border-color: black;
}
.btn-black:active, .btn-black.active {
  background-color: black;
  background-image: none;
}

.category_barrierfree.season_summer .seasonBgColor {
  color: #fff;
  background-color: #3c6f99;
}
.category_barrierfree.season_summer .page_search h2 {
  padding-left: 45px;
  background-image: url(/images/detail/icoTitle_Barrierfree.png);
}

.category_cultural-properties.season_summer .seasonBgColor {
  color: #fff;
  background-color: #4d6600;
}
.category_cultural-properties.season_summer .page_search h2 {
  padding-left: 45px;
  background-image: url(/images/detail/icoTitle_CulturalProperties.png);
}

.btn-bf {
  color: #fff !important;
  background-color: #3c6f99;
  border-color: #2e5474;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-bf:hover, .btn-bf:focus, .btn-bf:active, .btn-bf.active {
  color: #fff !important;
  background-color: #2e5474;
  border-color: #2e5474;
}
.btn-bf:active, .btn-bf.active {
  background-color: #1f3a50;
  background-image: none;
}

.btn-cp {
  color: #fff !important;
  background-color: #4d6600;
  border-color: #273300;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btn-cp:hover, .btn-cp:focus, .btn-cp:active, .btn-cp.active {
  color: #fff !important;
  background-color: #273300;
  border-color: #273300;
}
.btn-cp:active, .btn-cp.active {
  background-color: black;
  background-image: none;
}

.page_search .cont_detail dl.area {
  margin-right: 20px;
  width: auto !important;
}
.page_search .cont_detail dl.area.genre {
  margin-right: 0;
}
.page_search .cont_detail dl.area dd {
  border: 2px solid transparent;
}
.page_search .cont_detail .description p {
  line-height: 1.5;
}

.area_area14 .areaBgColor {
  background-color: #666;
}

.area_area15 .areaBgColor {
  background-color: #666;
}

.area_area16 .areaBgColor {
  background-color: #666;
}

.area_area17 .areaBgColor {
  background-color: #666;
}

.area_genre .areaBgColor {
  color: #ff9316;
  border-color: #ff9316 !important;
  background-color: #fff;
}

/*# sourceMappingURL=common.css.map */