@charset "UTF-8";
/*$basePink: #CA7575;*/
.touchSwUtil, header.siteHeader .touchSw {
  display: block;
  position: fixed;
  top: 20px;
  right: 10px;
  width: 35px;
  height: 35px;
  text-decoration: none;
  z-index: 200;
}
.touchSwUtil span, header.siteHeader .touchSw span {
  display: block;
  position: relative;
  top: 0px;
}
.touchSwUtil span:before, header.siteHeader .touchSw span:before {
  color: #f15000;
  font-size: 8px;
  content: "MENU";
}
.touchSwUtil i, header.siteHeader .touchSw i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  width: 28px;
  height: 3px;
  color: #666;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #666;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.touchSwUtil i:before, header.siteHeader .touchSw i:before, .touchSwUtil i:after, header.siteHeader .touchSw i:after {
  content: '';
  width: 28px;
  height: 3px;
  background: #666;
  position: absolute;
  left: 0;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.touchSwUtil i:before, header.siteHeader .touchSw i:before {
  top: -9px;
}
.touchSwUtil i:after, header.siteHeader .touchSw i:after {
  bottom: -9px;
}
.touchSwUtil.active, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil, header.siteHeader .siteGnavi ul li a:hover span.touchSw, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil, header.siteHeader .siteGnavi ul li.active a span.touchSw, header.siteHeader .active.touchSw {
  color: #333;
}
.touchSwUtil.active i, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil i, header.siteHeader .siteGnavi ul li a:hover span.touchSw i, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil i, header.siteHeader .siteGnavi ul li.active a span.touchSw i, header.siteHeader .active.touchSw i {
  width: 0;
}
.touchSwUtil.active i:before, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil i:before, header.siteHeader .siteGnavi ul li a:hover span.touchSw i:before, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil i:before, header.siteHeader .siteGnavi ul li.active a span.touchSw i:before, header.siteHeader .active.touchSw i:before, .touchSwUtil.active i:after, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil i:after, header.siteHeader .siteGnavi ul li a:hover span.touchSw i:after, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil i:after, header.siteHeader .siteGnavi ul li.active a span.touchSw i:after, header.siteHeader .active.touchSw i:after {
  background: #333;
}
.touchSwUtil.active i:before, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil i:before, header.siteHeader .siteGnavi ul li a:hover span.touchSw i:before, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil i:before, header.siteHeader .siteGnavi ul li.active a span.touchSw i:before, header.siteHeader .active.touchSw i:before {
  top: 0px;
  width: 30px;
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.touchSwUtil.active i:after, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil i:after, header.siteHeader .siteGnavi ul li a:hover span.touchSw i:after, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil i:after, header.siteHeader .siteGnavi ul li.active a span.touchSw i:after, header.siteHeader .active.touchSw i:after {
  top: 0px;
  width: 30px;
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.touchSwUtil.active span:before, header.siteHeader .siteGnavi ul li a:hover span.touchSwUtil span:before, header.siteHeader .siteGnavi ul li a:hover span.touchSw span:before, header.siteHeader .siteGnavi ul li.active a span.touchSwUtil span:before, header.siteHeader .siteGnavi ul li.active a span.touchSw span:before, header.siteHeader .active.touchSw span:before {
  content: "CLOSE";
}
.touchSwUtil:hover i, header.siteHeader .touchSw:hover i {
  background-color: #333;
}
.touchSwUtil:hover i:before, header.siteHeader .touchSw:hover i:before, .touchSwUtil:hover i:after, header.siteHeader .touchSw:hover i:after {
  background-color: #333;
}

.touchMenuUtil, header.siteHeader .touchMenu {
  background-color: transparent;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 60px 0 0;
  width: 100%;
  overflow-y: auto;
  z-index: 150;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.touchMenuUtil.active, header.siteHeader .siteGnavi ul li a:hover span.touchMenuUtil, header.siteHeader .siteGnavi ul li a:hover span.touchMenu, header.siteHeader .siteGnavi ul li.active a span.touchMenuUtil, header.siteHeader .siteGnavi ul li.active a span.touchMenu, header.siteHeader .active.touchMenu {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.touchMenuUtil .inner, header.siteHeader .touchMenu .inner {
  padding: 10px;
  background-color: #fff;
}

.translate3d-on {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.list-half > li {
  float: left;
  width: 50%;
}

.list-quarter > li {
  float: left;
  width: 25%;
}
@media screen and (max-width: 1023px) {
  .list-quarter > li {
    width: 50%;
  }
}

/*$basePink: #CA7575;*/
@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");
}
@font-face {
  font-family: 'kazari-no';
  src: url("/kazari-no/fonts/kazari-no.eot?vgdejj");
  src: url("/kazari-no/fonts/kazari-no.eot?vgdejj#iefix") format("embedded-opentype"), url("/kazari-no/fonts/kazari-no.ttf?vgdejj") format("truetype"), url("/kazari-no/fonts/kazari-no.woff?vgdejj") format("woff"), url("/kazari-no/fonts/kazari-no.svg?vgdejj#kazari-no") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
[class^="kano-"], [class*=" kano-"] {
  font-family: 'kazari-no' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kano-rank_no1:before {
  content: "\31";
}
.kano-rank_no2:before {
  content: "\32";
}
.kano-rank_no3:before {
  content: "\33";
}
.kano-rank_no4:before {
  content: "\34";
}
.kano-rank_no5:before {
  content: "\35";
}
*/
@media print {
  .noPrint {
    display: none;
  }

  .printPagebreak {
    page-break-after: always;
  }

  a[href]:after {
    content: "" !important;
  }

  abbr[title]:after {
    content: "" !important;
  }
}
* {
  outline: 0;
}

a
, button
, input[type=submit]
, input[type=button]
, input[type=cancel] {
  -moz-transition: ease-in-out 0.15s;
  -o-transition: ease-in-out 0.15s;
  -webkit-transition: ease-in-out 0.15s;
  transition: ease-in-out 0.15s;
}

.noTrans {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

pre {
  overflow: visible;
}

/* = Footer吸着 START
===========================================*/
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%;
}

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

/* = Footer吸着 END
===========================================*/
body {
  color: #1a1a1a;
}
body a:not(.btn) {
  color: #666;
  text-decoration: underline;
}
body a:not(.btn):hover {
  color: #59b320;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}

.bg {
  padding: 1px 0;
}

.bgGray {
  background-color: #f5f5f4;
}

.bgWhite {
  background-color: #fff;
}

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

i.fa {
  font-family: 'FontAwesome' !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.visible-touch {
  display: none !important;
}

.visible-wide {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .visible-touch {
    display: block !important;
  }
}
@media screen and (min-width: 769px) {
  .visible-wide {
    display: block !important;
  }
}
.wideContainer {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.wide-content {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1200px;
  width: 100%;
}

#footerGotoTop {
  right: 10px;
}

.txt-centered,
.text-centered {
  text-align: center;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.blockLink {
  display: block;
  text-decoration: none;
  background: url(/images/common/dummy.png) no-repeat;
}
.blockLink span {
  display: block;
  visibility: hidden;
  height: 0;
  text-indent: -9999em;
  text-decoration: none;
}

.error-message {
  padding-top: 5px;
  color: #f33;
}
.error-message:before {
  font-family: "FontAwesome";
  margin-right: 3px;
  content: "";
}

.pageContainer > .container {
  padding: 0 !important;
  width: 100% !important;
}

.aPoint {
  margin-top: -180px !important;
  padding-top: 180px !important;
}

/*==========================================
= header
===========================================*/
.modal-header {
  color: #fff;
  background-color: #59b320;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.modal-header .close {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.modal-header .close:hover {
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.modal-header .modal-title {
  font-size: 24px;
  font-weight: bold;
}

/*==========================================
= header
===========================================*/
body.mini header.siteHeader .logo {
  left: 20px;
  width: 287px;
  height: 67px;
}

body.mini header.siteHeader .logo a {
  background: url(/images/common/logo-small.svg) no-repeat center center;
}

body.mini header.siteHeader .bottom .inner {
  padding-left: 0;
}
body.mini header.siteHeader .bottom ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
body.mini header.siteHeader .bottom ul li {
  float: none;
  width: 100%;
}
body.mini header.siteHeader .bottom ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

header.siteHeader .upper .inner, header.siteHeader .bottom .inner {
  position: relative;
  height: 100%;
}
header.siteHeader .upper ul, header.siteHeader .bottom ul {
  margin: 0;
}
header.siteHeader .upper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 200;
  background-color: #fff;
}
header.siteHeader .logo {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 180px;
  height: 400px;
  z-index: 50;
}
header.siteHeader .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/images/common/logo-large.svg) no-repeat center center;
  transition: all 100ms ease-out;
}
header.siteHeader .siteGnavi {
  position: relative;
  height: 100%;
  padding: 0 190px 0 340px;
}
header.siteHeader .siteGnavi ul {
  height: 100%;
}
header.siteHeader .siteGnavi ul li {
  float: left;
  height: 100%;
  text-align: center;
}
header.siteHeader .siteGnavi ul li .active, header.siteHeader .siteGnavi ul li a:hover span, header.siteHeader .siteGnavi ul li.active a span {
  border-bottom-color: #59b320;
}
header.siteHeader .siteGnavi ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px 15px;
  color: #333;
  text-decoration: none !important;
}
@media screen and (max-width: 1310px) {
  header.siteHeader .siteGnavi ul li a {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1260px) {
  header.siteHeader .siteGnavi ul li a {
    padding: 20px 5px;
    fotn-size: 15px;
  }
}
header.siteHeader .siteGnavi ul li a span {
  display: inline-block;
  border-bottom: 2px solid transparent;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
header.siteHeader .siteGnavi .btn-english {
  position: absolute;
  top: 15px;
  right: 200px;
  padding: 10px 20px;
  color: #fff;
  background-color: #1a1a1a;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  text-decoration: none !important;
}
header.siteHeader .siteGnavi .favorite {
  position: absolute;
  top: 15px;
  right: 60px;
  padding: 10px 10px;
  padding-left: 35px;
  color: #fff;
  text-decoration: none !important;
  background: #59b320 url(/images/common/icoFavorite.svg) no-repeat 10px center;
}
header.siteHeader .bottom {
  margin: 70px 0 0;
  background-color: #59b320;
}
header.siteHeader .bottom .inner {
  padding-left: 180px;
}
header.siteHeader .bottom .featureNavi ul li {
  float: left;
  width: 20%;
  border-right: 1px solid #9cca82;
}
header.siteHeader .bottom .featureNavi ul li:last-child {
  border-right: none;
}
header.siteHeader .bottom .featureNavi ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #fff;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
header.siteHeader .bottom .featureNavi ul li a:hover {
  color: #333;
  background-color: #fff;
}
header.siteHeader .bottom .featureNavi ul li a span {
  display: inline-block;
  padding: 0 10px 0 35px;
  background: url(/images/common/icoFeatureList.svg) no-repeat 5px center;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
header.siteHeader .touchMenu {
  max-width: 450px;
}
header.siteHeader .touchMenu ul li a {
  display: block;
  color: inherit;
  text-decoration: none;
}
header.siteHeader .touchMenu ul li a span {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
header.siteHeader .touchMenu .touch-gnavi1 {
  margin: 30px auto 0;
}
header.siteHeader .touchMenu .touch-gnavi1 ul li {
  float: left;
  width: 50%;
  margin: 0 0 8px;
  padding: 0 3px;
}
header.siteHeader .touchMenu .touch-gnavi1 ul li a {
  padding: 5px 3px;
  border-bottom: 1px solid #ccc;
}
header.siteHeader .touchMenu .touch-gnavi2 {
  margin-top: 10px;
}
header.siteHeader .touchMenu .touch-gnavi2 ul li a {
  width: 100%;
  color: #fff;
  text-align: center;
  background: #59b320;
  border-top: 1px solid #fff;
}
header.siteHeader .touchMenu .touch-gnavi2 ul li a span {
  display: block;
  padding: 20px 35px;
  background: url(/images/common/icoFeatureList.svg) no-repeat 6px center;
}

@media screen and (max-width: 1200px) {
  header.siteHeader .siteGnavi, header.siteHeader .bottom {
    display: none;
  }
}
body.fixed header.siteHeader .upper {
  border-bottom: 1px solid #eee;
}

footer.siteFooter ul {
  margin: 0;
}
footer.siteFooter a {
  color: inherit;
}
footer.siteFooter .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  min-height: 280px;
  color: #fff;
}
footer.siteFooter .inner .footer-link__list {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer.siteFooter .inner .footer-link__list li {
  display: flex;
  align-items: center;
}
footer.siteFooter .inner .footer-link__list li::after {
  content: "|";
  display: block;
  margin: 0 5px;
}
footer.siteFooter .inner .footer-link__list li a:hover {
  color: #1a1a1a;
}
footer.siteFooter .sitemap {
  display: none;
  padding: 50px 0;
  background: url(/images/common/bg_gray.jpg);
  border-top: 1px solid #666;
}
footer.siteFooter .sitemap ul.cover {
  margin-left: -10px;
  margin-right: -10px;
}
footer.siteFooter .sitemap ul.cover > li {
  float: left;
  width: 25%;
  padding: 0 10px;
  line-height: 1.7;
}
footer.siteFooter .sitemap ul.cover > li a {
  display: block;
}
footer.siteFooter .sitemap ul.cover > li strong {
  display: block;
  margin: 20px 0 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #666;
}
footer.siteFooter .sitemap ul.cover ul.list > li {
  position: relative;
  padding-left: 15px;
}
footer.siteFooter .sitemap ul.cover ul.list > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}
footer.siteFooter .upper {
  padding: 50px 0;
  color: #fff;
  background-color: #59b320;
}
footer.siteFooter .upper p {
  margin: 0;
}
footer.siteFooter .upper .info, footer.siteFooter .upper .links {
  float: left;
  width: 50%;
}
footer.siteFooter .upper .info strong {
  display: block;
  margin: 0 0 .5em;
  font-size: 18px;
}
footer.siteFooter .upper .links ul li {
  float: left;
  margin: 0 0 10px;
  padding: 0 10px;
  width: 50%;
}
footer.siteFooter .upper .links ul li a {
  display: block;
  padding: 10px 10px;
  padding-left: 60px;
  text-decoration: none;
  background: url(/images/common/icoFooterContact.svg) no-repeat 20px center;
  border: 1px solid #fff;
}
footer.siteFooter .upper .links ul li a:hover {
  color: #59b320;
  background-color: #fff;
}
footer.siteFooter .upper .links ul li.photo a {
  background-image: url(/images/common/icoFooterPhoto.svg);
}
footer.siteFooter .upper .links ul li.pamphlet a {
  background-image: url(/images/common/icoFooterPamphlet.svg);
}
footer.siteFooter .upper .links ul li.film a {
  background-image: url(/images/common/icoFooterFilm.svg);
}
footer.siteFooter .upper .links ul li.contact a {
  background-image: url(/images/common/icoFooterContact.svg);
}
footer.siteFooter .upper .links ul li.photo a:hover {
  background-image: url(/images/common/hover/icoFooterPhoto.svg);
}
footer.siteFooter .upper .links ul li.pamphlet a:hover {
  background-image: url(/images/common/hover/icoFooterPamphlet.svg);
}
footer.siteFooter .upper .links ul li.film a:hover {
  background-image: url(/images/common/hover/icoFooterFilm.svg);
}
footer.siteFooter .upper .links ul li.contact a:hover {
  background-image: url(/images/common/hover/icoFooterContact.svg);
}
footer.siteFooter .copyright {
  padding: 14px 0;
  color: #fff;
  text-align: center;
  background-color: #1a1a1a;
}

.nav-tabs.tabs {
  padding-left: 20px;
  border-bottom: #59b320 2px solid;
}
.nav-tabs.tabs .white, .nav-tabs.tabs > li > a:hover, .nav-tabs.tabs > li.active > a,
.nav-tabs.tabs > li.active > a:hover,
.nav-tabs.tabs > li.active > a:focus {
  color: #fff;
  background-color: #59b320;
}
.nav-tabs.tabs .colored, .nav-tabs.tabs > li > a {
  color: #59b320;
  background-color: #fff;
}
.nav-tabs.tabs > li {
  margin-bottom: 0;
  text-align: center;
  letter-spacing: 2px;
}
.nav-tabs.tabs > li > a {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 15px 4px;
  text-align: center;
  border: 1px solid #59b320;
  border-bottom: none !important;
}
.nav-tabs.tabs > li > a .fa {
  float: left;
  margin-top: 1px;
}
.nav-tabs.tabs > li > a .fa:before {
  content: "\f138";
}
.nav-tabs.tabs > li > a:hover .fa:before {
  content: "\f13a";
}
.nav-tabs.tabs > li.active > a .fa:before,
.nav-tabs.tabs > li.active > a:hover .fa:before,
.nav-tabs.tabs > li.active > a:focus .fa:before {
  content: "\f13a";
}

.tab-content.tabs .inner {
  padding: 20px 15px 15px;
  background-color: #FFF;
  line-height: 20px;
}

.form-group .input-data {
  padding-top: 7px;
}
.form-group .error-message {
  font-weight: normal;
  font-size: 100%;
}

table.areaSearch {
  width: 984px;
  margin-bottom: 20px;
}
table.areaSearch th, table.areaSearch td {
  border: #BFD1D5 1px solid;
}
table.areaSearch th {
  height: 40px;
  text-align: center;
}
table.areaSearch th.col1 {
  background-color: #FFD1AF;
}
table.areaSearch th.col2 {
  background-color: #E1C8B0;
}
table.areaSearch th.col3 {
  background-color: #F2BBC1;
}
table.areaSearch th.col4 {
  background-color: #FFE3AA;
}
table.areaSearch td {
  padding: 10px;
  vertical-align: top;
}
table.areaSearch td.map {
  width: 299px;
  padding: 0;
  vertical-align: middle;
  background-color: #F0F4FB;
}
table.areaSearch td label {
  display: block;
  font-weight: normal;
}
table.areaSearch td .btn-web4 {
  margin-top: 10px;
  padding: 0 10px;
  background-color: #547D9E;
}
table.areaSearch td .btn-web4:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "";
}

.page-header-tabs {
  background-color: #eee9e2;
  padding: 0;
}
.page-header-tabs ul {
  display: flex;
  justify-content: space-between;
  align-items: normal;
}
.page-header-tabs ul.nav {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  border-bottom: none;
}
.page-header-tabs ul.nav li {
  width: 33%;
  display: flex;
}
.page-header-tabs ul.nav li a {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  flex-basis: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 30px 20px;
  color: #fff;
  border: #2a2532 2px solid !important;
  border-bottom: none !important;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px;
  border-radius: 0px 0px 0 0;
  background-color: #2a2532 !important;
  text-align: left;
}
.page-header-tabs ul.nav li a:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 20px;
  background-image: url(/images/top/white-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.page-header-tabs ul.nav li.active a {
  background-color: #fff !important;
  color: #1a1a1a;
}
.page-header-tabs ul.nav li.active a:hover {
  color: #1a1a1a;
  opacity: 1 !important;
}
.page-header-tabs ul.nav li.active a:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 20px;
  background-image: url(/images/top/black-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.commonContentBox {
  margin: 0;
  padding: 0;
  min-height: 300px;
}
.commonContentBox .page-header {
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px 10px;
  width: 100%;
  max-width: 1200px;
  font-weight: 500;
  border-bottom: none;
}
.commonContentBox .page-header .inn {
  display: block;
  padding: 0 10px 0 25px;
  border-left: 4px solid #59b320;
}
.commonContentBox .page-header .inn .title {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.commonContentBox .page-header .inn .sub-title {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.7;
}
.commonContentBox .page-header h1, .commonContentBox .page-header h2, .commonContentBox .page-header h3, .commonContentBox .page-header h4, .commonContentBox .page-header h5, .commonContentBox .page-header h6, .commonContentBox .page-header .title {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 400;
}
.commonContentBox .page-header h1 small, .commonContentBox .page-header h2 small, .commonContentBox .page-header h3 small, .commonContentBox .page-header h4 small, .commonContentBox .page-header h5 small, .commonContentBox .page-header h6 small, .commonContentBox .page-header .title small {
  color: #333;
  font-size: 16px;
  line-height: inherit;
}
.commonContentBox .commonContentStyle, .commonContentBox > .content,
.commonContentBox > article > .content,
.commonContentBox > section > .content {
  margin: 0 auto;
  padding: 0 10px 40px;
  width: 100%;
  max-width: 1160px;
}
.commonContentBox .commonContentStyle .inn, .commonContentBox > .content .inn {
  margin: 0 0 2em;
}
.commonContentBox > .content,
.commonContentBox > article > .content,
.commonContentBox > section > .content {
  padding-top: 35px;
  /* = グリッド
  ===========================================*/
}
.commonContentBox > .content > .main,
.commonContentBox > article > .content > .main,
.commonContentBox > section > .content > .main {
  float: left;
  margin: 0;
  width: 785px;
}
.commonContentBox > .content > .side,
.commonContentBox > article > .content > .side,
.commonContentBox > section > .content > .side {
  float: left;
  margin: 0 20px 0 0;
  width: 195px;
}
.commonContentBox > .content > .side .menuBox,
.commonContentBox > article > .content > .side .menuBox,
.commonContentBox > section > .content > .side .menuBox {
  padding: 3px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.commonContentBox > .content > .side .menuBox ul,
.commonContentBox > article > .content > .side .menuBox ul,
.commonContentBox > section > .content > .side .menuBox ul {
  margin: 0;
  padding: 0;
}
.commonContentBox > .content > .side .menuBox ul li,
.commonContentBox > article > .content > .side .menuBox ul li,
.commonContentBox > section > .content > .side .menuBox ul li {
  list-style: none;
  border-bottom: #FFF 1px solid;
}
.commonContentBox > .content > .side .menuBox ul li a,
.commonContentBox > article > .content > .side .menuBox ul li a,
.commonContentBox > section > .content > .side .menuBox ul li a {
  display: block;
  line-height: 35px;
  padding: 0 10px;
  background-color: #f8f8f8;
  color: #333;
  font-size: 12px;
}
.commonContentBox > .content > .side .menuBox ul li a:before,
.commonContentBox > article > .content > .side .menuBox ul li a:before,
.commonContentBox > section > .content > .side .menuBox ul li a:before {
  display: inline-block;
  padding-right: 5px;
  width: 20px;
  color: #222;
  text-align: center;
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.commonContentBox > .content > .side .menuBox ul li a:hover, .commonContentBox > .content > .side .menuBox ul li a.active,
.commonContentBox > article > .content > .side .menuBox ul li a:hover,
.commonContentBox > article > .content > .side .menuBox ul li a.active,
.commonContentBox > section > .content > .side .menuBox ul li a:hover,
.commonContentBox > section > .content > .side .menuBox ul li a.active {
  background-color: #ddd;
  text-decoration: none;
}
.commonContentBox > .content > .side .menuBox ul li a.main,
.commonContentBox > article > .content > .side .menuBox ul li a.main,
.commonContentBox > section > .content > .side .menuBox ul li a.main {
  padding: 0 0 0 10px;
  line-height: 50px;
  font-size: 14px;
}
.commonContentBox > .content > .side .menuBox ul li a.main:before,
.commonContentBox > article > .content > .side .menuBox ul li a.main:before,
.commonContentBox > section > .content > .side .menuBox ul li a.main:before {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.commonContentBox > .content > .side .menuBox ul li a.main:hover, .commonContentBox > .content > .side .menuBox ul li a.main.active,
.commonContentBox > article > .content > .side .menuBox ul li a.main:hover,
.commonContentBox > article > .content > .side .menuBox ul li a.main.active,
.commonContentBox > section > .content > .side .menuBox ul li a.main:hover,
.commonContentBox > section > .content > .side .menuBox ul li a.main.active {
  background-color: #999;
  color: #FFF;
}
.commonContentBox > .content > .side .menuBox ul li.two-rows a,
.commonContentBox > article > .content > .side .menuBox ul li.two-rows a,
.commonContentBox > section > .content > .side .menuBox ul li.two-rows a {
  line-height: 1.4;
  padding: 15px 0 15px 10px;
}
.commonContentBox > .content > .side .menuBox ul li.two-rows a.main:before,
.commonContentBox > article > .content > .side .menuBox ul li.two-rows a.main:before,
.commonContentBox > section > .content > .side .menuBox ul li.two-rows a.main:before {
  display: block;
  float: left;
  margin-bottom: 10px;
}
.commonContentBox > .content h1, .commonContentBox > .content h2, .commonContentBox > .content h3, .commonContentBox > .content h4, .commonContentBox > .content h5, .commonContentBox > .content h6 {
  color: #555;
}
.commonContentBox > .content h1.subTitle, .commonContentBox > .content h2.subTitle, .commonContentBox > .content h3.subTitle, .commonContentBox > .content h4.subTitle, .commonContentBox > .content h5.subTitle, .commonContentBox > .content h6.subTitle {
  margin: 30px 0 20px;
  padding: 0;
  color: #555;
  font-weight: 500;
  letter-spacing: .1em;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
.commonContentBox > .content h1.subTitle a, .commonContentBox > .content h2.subTitle a, .commonContentBox > .content h3.subTitle a, .commonContentBox > .content h4.subTitle a, .commonContentBox > .content h5.subTitle a, .commonContentBox > .content h6.subTitle a {
  color: inherit;
  text-decoration: underline;
}
.commonContentBox > .content h1.subTitle a:hover, .commonContentBox > .content h2.subTitle a:hover, .commonContentBox > .content h3.subTitle a:hover, .commonContentBox > .content h4.subTitle a:hover, .commonContentBox > .content h5.subTitle a:hover, .commonContentBox > .content h6.subTitle a:hover {
  text-decoration: none;
}
.commonContentBox > .content h2.mainTitle {
  position: relative;
  padding-left: 30px;
  line-height: 30px;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
.commonContentBox > .content h2.mainTitle:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  color: #db869a;
  font-size: 24px;
  line-height: 24px;
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.commonContentBox > .content h2.subTitle {
  font-size: 28px;
}
.commonContentBox > .content h3.subTitle {
  font-size: 24px;
}
.commonContentBox > .content h4.subTitle {
  font-size: 20px;
}
.commonContentBox > .content h5.subTitle {
  font-size: 18px;
}
.commonContentBox > .content h6.subTitle {
  font-size: 16px;
}
.commonContentBox > .content.footerContent {
  font-size: 15px;
}
.commonContentBox > .content.footerContent h2 {
  font-size: 28px;
}
.commonContentBox > .content.footerContent h3 {
  font-size: 24px;
}
.commonContentBox > .content.footerContent h4 {
  font-size: 20px;
}
.commonContentBox > .content.footerContent h5 {
  font-size: 18px;
}
.commonContentBox > .content.footerContent h6 {
  font-size: 16px;
}
.commonContentBox > .content.footerContent section.inn > p,
.commonContentBox > .content.footerContent section.inn > .innerContent {
  margin-left: 1em;
}
.commonContentBox > .content.footerContent section.inn ol.list-parentheses {
  margin: 0;
}
.commonContentBox > .content.footerContent section.inn ol.list-parentheses li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}
.commonContentBox > .content.footerContent section.inn ol.list-parentheses li:before {
  content: "(" counter(cnt) ") ";
}
.commonContentBox > .content.footerContent section.inn ul.list-inline li {
  width: 32%;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.commonContentBox > .content.footerContent section.inn ul.list-inline li:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "";
}
.commonContentBox > .content.footerContent section.inn ul li, .commonContentBox > .content.footerContent section.inn ol li {
  margin: 0 0 10px;
}
.commonContentBox > .content.footerContent section.inn ul li > strong, .commonContentBox > .content.footerContent section.inn ol li > strong {
  display: block;
}
.commonContentBox > .content.footerContent section.inn ul li > p, .commonContentBox > .content.footerContent section.inn ol li > p {
  margin: 5px 0 0;
}
.commonContentBox > .content.footerContent section.inn .sub-contents {
  margin-left: 10px !important;
}
.commonContentBox > .content.footerContent > section.inn section.inn {
  margin-left: 1em;
}

.alert > p {
  display: inline-block;
}

/* = バナー
===========================================*/
.banner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner ul li {
  margin: 0;
  padding: 0;
}

/* = パンくず
===========================================*/
.breadlist {
  margin: 0;
  padding: 5px 0 7px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.breadlist .inner {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1400px;
  width: 100%;
}
.breadlist ul {
  margin: 0;
}
.breadlist ul li {
  color: #666;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}
.breadlist ul li a {
  color: inherit;
  text-decoration: underline;
}
.breadlist ul li a:hover {
  text-decoration: none;
}
.breadlist ul li:last-child a {
  text-decoration: none;
  cursor: default;
}
.breadlist .titleSpot {
  float: right;
}

/* = ページング
===========================================*/
.paging {
  margin: 0 0 10px;
}
.paging .count {
  margin: 8px 10px 0 0;
}
.paging .pagination {
  margin-top: 0;
  margin-bottom: 0;
}

/* = カルーセル
===========================================*/
.flexslider {
  background-color: transparent;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.flexslider .flex-viewport ul li {
  position: relative;
}
.flexslider .flex-direction-nav a {
  top: 50%;
  margin-top: -75px;
  opacity: .7;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 120px;
}
.flexslider .flex-direction-nav a:before {
  content: "";
}
.flexslider .flex-direction-nav a:hover {
  opacity: 1;
}
.flexslider .flex-direction-nav .flex-prev {
  left: 0;
  background: url(/images/common/prev.png) no-repeat center center;
}
.flexslider .flex-direction-nav .flex-next {
  right: 0;
  background: url(/images/common/next.png) no-repeat center center;
}
.flexslider .flex-control-nav {
  bottom: -35px;
  z-index: 3;
}
@media (max-width: 479px) {
  .flexslider .flex-control-nav {
    bottom: 0;
  }
}
.flexslider .flex-control-paging li {
  vertical-align: middle;
}
.flexslider .flex-control-paging li a {
  width: 18px;
  height: 18px;
  background-color: #fff;
}
.flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a:hover {
  background-color: #59b320;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.flexslider .flex-control-thumbs img {
  border: 3px solid transparent;
}
.flexslider .flex-control-thumbs .flex-active {
  border-color: #339900;
  border-color: rgba(51, 153, 0, 0.7);
}

.banner .bannerContent {
  position: relative;
}
.banner .bannerContent .flex-text-box {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 50px 5px 5px;
  width: 100%;
  height: 80px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
  background-size: auto 20%;
  background-position: bottom center;
  background-repeat: repeat-x;
}

.pagination > li > a,
.pagination > li > span {
  padding: 3px 8px;
  color: #fff;
  margin-right: 7px;
  background-color: #547d9e;
  border-color: #547d9e !important;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #547d9e;
  background-color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span, .pagination > li:last-child > a,
.pagination > li:last-child > span {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  margin-right: 0;
}
.pagination > .active > a, header.siteHeader .siteGnavi ul li a:hover .pagination > span > a, header.siteHeader .siteGnavi ul li.active a .pagination > span > a,
.pagination > .active > span,
header.siteHeader .siteGnavi ul li a:hover .pagination > span > span,
header.siteHeader .siteGnavi ul li.active a .pagination > span > span {
  color: #547d9e;
  background-color: #fff;
}
.pagination > .active > a:hover, header.siteHeader .siteGnavi ul li a:hover .pagination > span > a:hover, header.siteHeader .siteGnavi ul li.active a .pagination > span > a:hover, .pagination > .active > a:focus, header.siteHeader .siteGnavi ul li a:hover .pagination > span > a:focus, header.siteHeader .siteGnavi ul li.active a .pagination > span > a:focus,
.pagination > .active > span:hover,
header.siteHeader .siteGnavi ul li a:hover .pagination > span > span:hover,
header.siteHeader .siteGnavi ul li.active a .pagination > span > span:hover,
.pagination > .active > span:focus,
header.siteHeader .siteGnavi ul li a:hover .pagination > span > span:focus,
header.siteHeader .siteGnavi ul li.active a .pagination > span > span:focus {
  color: #547d9e;
  background-color: #fff;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  color: #547d9e;
  background-color: #fff;
}
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus {
  cursor: default;
  color: #547d9e;
  background-color: #fff;
}

.flow {
  margin: 0 auto 20px;
  width: 700px;
}
.flow ul li {
  margin-right: 22px;
  width: 150px;
  color: #555;
  text-align: center;
  letter-spacing: 2px;
  background-color: #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.flow ul li span {
  display: block;
  position: relative;
  padding: 10px 0;
}
.flow ul li span:after {
  position: absolute;
  display: block;
  top: 10px;
  right: -25px;
  width: 0;
  content: "";
  border: 10px solid transparent;
  border-left-color: #ddd;
  border-right-width: 0;
}
.flow ul li.active {
  color: #fff;
  background-color: #d5e9ff;
  background-color: #004ea2;
}
.flow ul li:last-child span:after {
  border: none;
}

.buttonArea {
  margin: 30px auto;
}

.txtRequired {
  color: #f33;
}

.requiredField > label:before {
  content: "* ";
  color: #f33;
}

.pagenate {
  padding: 50px 0;
  text-align: center;
}
.pagenate .pagenateInner {
  display: inline-block;
}
.pagenate .pagenate-active, .pagenate ul li a:hover, .pagenate ul li.active a {
  border-color: #59b320;
}
.pagenate .pagenate-disabled, .pagenate ul li.disabled a {
  border-color: #ccc;
  background-color: #f8f8f8;
  color: #ccc;
}
.pagenate ul {
  margin: 0 auto;
  padding: 0;
}
.pagenate ul li {
  float: left;
  margin: 0 5px 5px 5px;
  list-style: none;
  line-height: 38px;
  text-align: center;
}
.pagenate ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border: 2px solid transparent;
  color: #59b320;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.pagenate ul li a:hover {
  border-color: #59b320;
}
.pagenate ul li.prev a, .pagenate ul li.next a {
  border: none;
  background: none;
  font-size: 30px;
  font-weight: normal;
}
.pagenate ul li.prev a:hover, .pagenate ul li.next a:hover {
  border: none;
}
.pagenate ul li.prev a:before {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.pagenate ul li.next a:before {
  font-family: "FontAwesome";
  margin-right: 0;
  content: "";
}
.pagenate ul li.disabled a {
  cursor: default;
}

.figure {
  position: relative;
  z-index: 1;
  display: table;
}
.figure img {
  width: auto;
  max-width: 100%;
}
.figure .figcaption, .figure .figCaption {
  position: absolute;
  bottom: 0;
  z-index: 20;
  width: 100%;
  color: #fff;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
}
.figure .figcaption .ellipsis, .figure .figCaption .ellipsis {
  margin: 5px;
}

.sideAffix {
  position: relative;
}
.sideAffix .inner {
  width: 310px;
}
.sideAffix .inner.fixed {
  position: fixed;
}

.commonMainBox {
  float: right;
  width: 660px;
}

.snsShareBox {
  clear: both;
  height: 30px;
}
.snsShareBox.vertical {
  height: 70px;
}
.snsShareBox ul li {
  float: left;
  margin-right: 10px;
}
.snsShareBox ul li:last-child {
  margin-right: 0;
}
.snsShareBox ul li.facebook {
  margin-top: -2px;
}

table.base1 {
  width: 100%;
  border: solid 1px #CCC;
  margin-bottom: 20px;
}
table.base1 tr {
  border-bottom: dotted 1px #CCC;
}
table.base1 tr th {
  text-align: center;
  border-right: solid 1px #CCC;
  background-image: url("/images/attraction/list_bg.png");
  padding: 10px;
}
table.base1 tr td {
  padding: 10px;
}
table.base1 tr:last-child {
  border: none;
}
table.tableBlock tr th {
  width: auto;
  border-bottom: solid 1px #CCC;
  background-image: url("/images/attraction/list_bg.png");
  padding: 10px;
  text-align: center;
  border-right: solid 1px #CCC;
}
table.tableBlock tr td {
  width: auto;
  padding: 10px;
  border-right: solid 1px #CCC;
}
@media (max-width: 768px) {
  table.tableList thead tr, table.tableList tbody tr, table.tableBlock thead tr, table.tableBlock tbody tr, table.base1 thead tr, table.base1 tbody tr {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  table.tableList thead tr th, table.tableList thead tr td, table.tableList tbody tr th, table.tableList tbody tr td, table.tableBlock thead tr th, table.tableBlock thead tr td, table.tableBlock tbody tr th, table.tableBlock tbody tr td, table.base1 thead tr th, table.base1 thead tr td, table.base1 tbody tr th, table.base1 tbody tr td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
}

ul.circle li {
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  font-size: 15px;
  background: url(/images/common/icoUListRight.png) no-repeat;
}
ul.circle li span {
  display: inline-block;
  margin-right: 5px;
}
ul.circle li span:before {
  font-family: "FontAwesome";
  margin-right: 8px;
  content: "";
}
ul.circle li span:first-child:before {
  content: "";
  margin: 0;
}
ul.circle li a {
  text-decoration: underline;
}
ul.circle li a:hover {
  text-decoration: none;
}
ul.circle.list-inline {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
ul.circle.list-inline li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 0 0 25px;
}

.google-marker-dialog {
  width: 270px;
}
.google-marker-dialog .dialog-title {
  margin: 0 0 5px;
  font-size: 18px;
}
.google-marker-dialog .dialog-photo {
  margin: 5px 0 0;
  position: relative;
}
.google-marker-dialog .dialog-photo .ico {
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0;
  color: #fff;
  opacity: .8;
  background-color: #bba986;
  text-align: center;
  line-height: 2.4;
}
.google-marker-dialog .dialog-photo .ico img {
  /*border-radius: inherit;*/
}
.google-marker-dialog .dialog-photo img {
  width: auto;
  max-width: 100%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.google-marker-dialog .dialog-copy {
  margin: 0 0 5px;
  width: 270px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.google-marker-dialog .dialog-buttons {
  margin: 10px auto 0;
}
.google-marker-dialog .dialog-buttons .dialog-button {
  float: left;
  margin-right: 10px;
  width: 130px;
}
.google-marker-dialog .dialog-buttons .dialog-button.detail {
  margin-right: 0;
}

.vegasVisualWrap {
  position: relative;
}
.vegasVisualWrap ul.direction-nav,
.vegasVisualWrap ul.control-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vegasVisualWrap ul.direction-nav > li,
.vegasVisualWrap ul.control-nav > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vegasVisualWrap ul.direction-nav > li > a,
.vegasVisualWrap ul.control-nav > li > a {
  z-index: 100;
}
.vegasVisualWrap ul.direction-nav li a {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -40px;
  width: 40px;
  height: 80px;
  text-indent: -9999em;
  background: url(/images/common/control_nav_prev.png) no-repeat center center;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}
.vegasVisualWrap ul.direction-nav li a:hover {
  background-color: black;
}
.vegasVisualWrap ul.direction-nav li a.previous {
  left: 0;
  background-image: url(/images/common/control_nav_prev.png);
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.vegasVisualWrap ul.direction-nav li a.next {
  right: 0;
  background-image: url(/images/common/control_nav_next.png);
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.vegasVisualWrap ul.control-nav {
  position: absolute;
  bottom: 0;
  padding: 5px 0 0;
  width: 100%;
  text-align: center;
  background: transparent;
}
.vegasVisualWrap ul.control-nav li {
  display: inline-block;
  margin: 0 5px;
}
.vegasVisualWrap ul.control-nav li a {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -9999em;
  border-radius: 50%;
  background: transparent url("/images/common/point2.png") no-repeat center center;
  background-size: 18px auto;
}
.vegasVisualWrap ul.control-nav li a.active, .vegasVisualWrap ul.control-nav li a:hover {
  background-image: url("/images/common/point_active.png");
  background-color: #fff;
  background-size: 18px auto;
}

.vegasVisual {
  margin: 0 auto;
  max-width: 1400px;
  min-height: 600px !important;
}

*[class*="text-dot-"] {
  background: -webkit-linear-gradient(#cff, #39f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-dot-black {
  background-image: url(/images/common/dot_black.png);
}

.text-dot-blue {
  background-image: url(/images/common/dot_blue.png);
}

.text-dot-cyan {
  background-image: url(/images/common/dot_cyan.png);
}

.text-dot-green {
  background-image: url(/images/common/dot_green.png);
}

.text-dot-pink {
  background-image: url(/images/common/dot_pink.png);
}

.text-dot-skyblue {
  background-image: url(/images/common/dot_skyblue.png);
}

.text-dot-orange {
  background-image: url(/images/common/dot_orange.png);
}

.text-dot-white {
  background-image: url(/images/common/dot_white.png);
}

*[class*="bg-dot-"] {
  color: #fff;
  background: url(/images/common/dot_black.png);
  background-color: #fff !important;
}

.bg-dot-theme-white {
  color: #333;
}

.bg-dot-black {
  background-image: url(/images/common/dot_black.png);
}

.bg-dot-blue {
  background-image: url(/images/common/dot_blue.png);
}

.bg-dot-cyan {
  background-image: url(/images/common/dot_cyan.png);
}

.bg-dot-green {
  background-image: url(/images/common/dot_green.png);
}

.bg-dot-pink {
  background-image: url(/images/common/dot_pink.png);
}

.bg-dot-skyblue {
  background-image: url(/images/common/dot_skyblue.png);
}

.bg-dot-orange {
  background-image: url(/images/common/dot_orange.png);
}

.bg-dot-white {
  background-image: url(/images/common/dot_white.png);
}

.btn-big {
  padding: 15px;
  padding-left: 60px;
  padding-right: 50px;
  font-size: 16px;
}

*[class*="btn-dot-"] {
  color: #fff;
  background: url(/images/common/dot_black.png);
  background-color: #fff !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
*[class*="btn-dot-"].btn-lg {
  font-size: 16px;
}
*[class*="btn-dot-"]:hover, *[class*="btn-dot-"]:focus, *[class*="btn-dot-"].focus, *[class*="btn-dot-"]:active, *[class*="btn-dot-"].active, header.siteHeader .siteGnavi ul li a:hover span[class*="btn-dot-"], header.siteHeader .siteGnavi ul li.active a span[class*="btn-dot-"] {
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  background-image: url(/images/common/dot_orange.png) !important;
}
*[class*="btn-dot-"] .icon {
  display: inline-block;
  background: url(/images/common/ico-dummy.png) no-repeat center right;
}
*[class*="btn-dot-"] .icon.arrow-left {
  padding-left: 35px;
  background-image: url(/images/common/ico-arrow-left-white.png);
  background-position: center left;
}
*[class*="btn-dot-"] .icon.arrow-right {
  padding-right: 35px;
  background-image: url(/images/common/ico-arrow-right-white.png);
}

.btn-dot-theme-white, .bg-dot-white, .btn-dot-white {
  color: #333;
}
.btn-dot-theme-white:hover, .bg-dot-white:hover, .btn-dot-white:hover, .btn-dot-theme-white:focus, .bg-dot-white:focus, .btn-dot-white:focus, .btn-dot-theme-white.active, header.siteHeader .siteGnavi ul li a:hover span.btn-dot-theme-white, header.siteHeader .siteGnavi ul li a:hover span.bg-dot-white, header.siteHeader .siteGnavi ul li a:hover span.btn-dot-white, header.siteHeader .siteGnavi ul li.active a span.btn-dot-theme-white, header.siteHeader .siteGnavi ul li.active a span.bg-dot-white, header.siteHeader .siteGnavi ul li.active a span.btn-dot-white, .active.bg-dot-white, .active.btn-dot-white {
  color: #333;
}

.btn-dot-black {
  background: url(/images/common/dot_black.png) !important;
}

.btn-dot-blue {
  background: url(/images/common/dot_blue.png) !important;
}

.btn-dot-cyan {
  background: url(/images/common/dot_cyan.png) !important;
}

.btn-dot-green {
  background: url(/images/common/dot_green.png) !important;
}

.btn-dot-pink {
  background: url(/images/common/dot_pink.png) !important;
}

.btn-dot-skyblue {
  background: url(/images/common/dot_skyblue.png) !important;
}

.btn-dot-orange {
  background: url(/images/common/dot_orange.png) !important;
}

.btn-dot-white {
  background: url(/images/common/dot_white.png) !important;
}

.fbContent {
  display: none;
}
.fbContent .content {
  display: block;
  max-width: 1000px;
  background-color: #fff;
}
.fbContent .content .fbImage, .fbContent .content .fbText {
  float: left;
}
.fbContent .content .fbImage {
  width: 70%;
}
.fbContent .content .fbText {
  padding: 25px;
  width: 30%;
}
.fbContent .content .fbText .fbTitle {
  margin: 0 0 20px;
  color: #333;
  font-weight: bold;
}
.fbContent .content .fbText p {
  margin: 0 0 20px;
  color: #555;
  line-height: 1.7;
}
.fbContent .content .fbText .fbButtons {
  margin: 0 0 10px;
  text-align: center;
}
.fbContent .content .fbText .fbButtons .btn {
  padding: 10px 20px;
}

.bnrContent {
  padding: 80px 0;
}
.bnrContent .pr-title {
  margin: 0 auto 30px;
  font-size: 22px;
  font-weight: bold;
}
.bnrContent .inner {
  padding: 0 10px;
}
.bnrContent .banner.portal-pr1
, .bnrContent .banner.portal-pr2 {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.bnrContent .banner.portal-pr1
ul, .bnrContent .banner.portal-pr2 ul {
  margin: 0 -10px;
}
.bnrContent .banner.portal-pr1
ul li, .bnrContent .banner.portal-pr2 ul li {
  float: left;
  width: 33.333333333333333333333333%;
  margin: 0;
  padding: 0 10px 20px;
  text-align: center;
}

.img-responsive {
  display: inline-block;
}

.label-required {
  color: #f55;
}

.label-area {
  display: inline-block;
  padding: 6px 20px;
  color: #888;
  background-color: #ececec;
  font-size: 13px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.label-area.label-area-1 {
  color: #fff;
  background-color: #c2c42f;
}
.label-area.label-area-2 {
  color: #fff;
  background-color: #67afe1;
}
.label-area.label-area-3 {
  color: #fff;
  background-color: #80c2c0;
}
.label-area.label-area-4 {
  color: #fff;
  background-color: #555ea9;
}
.label-area.label-area-5 {
  color: #fff;
  background-color: #b077b0;
}
.label-area.label-area-6 {
  color: #fff;
  background-color: #e57897;
}
.label-area.label-area-7 {
  color: #fff;
  background-color: #ce7d5c;
}
.label-area.label-area-8 {
  color: #fff;
  background-color: #7da74d;
}

a.label-area:hover {
  color: #888;
  background-color: #ececec;
}

.btn.btn-flat {
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn.btn-area-1 {
  color: #fff;
  background-color: #c2c42f;
  border-color: #aeaf2a;
}
.btn.btn-area-1:hover {
  background: #ced03c;
}
.btn.btn-area-2 {
  color: #fff;
  background-color: #67afe1;
  border-color: #52a4dd;
}
.btn.btn-area-2:hover {
  background: #7cbae5;
}
.btn.btn-area-3 {
  color: #fff;
  background-color: #80c2c0;
  border-color: #6fbab7;
}
.btn.btn-area-3:hover {
  background: #91cac9;
}
.btn.btn-area-4 {
  color: #fff;
  background-color: #555ea9;
  border-color: #4c5598;
}
.btn.btn-area-4:hover {
  background: #666eb2;
}
.btn.btn-area-5 {
  color: #fff;
  background-color: #b077b0;
  border-color: #a767a7;
}
.btn.btn-area-5:hover {
  background: #b987b9;
}
.btn.btn-area-6 {
  color: #fff;
  background-color: #e57897;
  border-color: #e16387;
}
.btn.btn-area-6:hover {
  background: #e98da7;
}
.btn.btn-area-7 {
  color: #fff;
  background-color: #ce7d5c;
  border-color: #c86d48;
}
.btn.btn-area-7:hover {
  background: #d48d70;
}
.btn.btn-area-8 {
  color: #fff;
  background-color: #7da74d;
  border-color: #709645;
}
.btn.btn-area-8:hover {
  background: #8ab35a;
}
.btn.btn-pink {
  color: #fff;
  background-color: #59b320;
  border-color: #4e9d1c;
}
.btn.btn-pink:hover {
  background: #64c924;
}
.btn.btn-black {
  color: #fff;
  background-color: #2a2532;
  border-color: #1e1a23;
}
.btn.btn-black:hover {
  background: #363041;
}

.bg-pink {
  background-color: #59b320;
}

.bg-black {
  background-color: #2a2532;
}

.panel-flat {
  border-radius: 0;
}

.panel-pink {
  border-color: #59b320;
}
.panel-pink > .panel-heading {
  color: #fff;
  background-color: #59b320;
  border-color: #59b320;
}
.panel-pink > .panel-heading .badge {
  color: #59b320;
  background-color: #fff;
}
.panel-pink > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #59b320;
}
.panel-pink > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #59b320;
}

.header-favorite {
  display: none;
}

.headerBottomTitle {
  margin: 20px auto 0;
}
.headerBottomTitle .inn {
  text-align: center;
}
.headerBottomTitle .inn .text {
  display: inline-block;
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
}

.tabsBottomTitle {
  margin: 20px auto;
}
.tabsBottomTitle .inn {
  font-size: 16px;
  text-align: center;
}
.tabsBottomTitle .inn strong {
  font-size: 26px;
  font-weight: normal;
}
.tabsBottomTitle .inn p {
  margin: 10px 0 20px;
}

h1 {
  font-size: 28px;
}

p {
  font-size: 15px;
  line-height: 1.6;
}

a {
  text-decoration: none !important;
}

a:hover {
  opacity: 0.8;
}

.catchIcon {
  display: flex;
}
.catchIcon span {
  width: 22px;
  height: 22px;
}
.catchIcon span img {
  width: 100%;
}
.catchIcon span.title {
  width: 25px;
  height: 25px;
  margin-right: 2px;
}
.catchIcon span.title img {
  width: 100%;
}
.catchIcon h2 {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
}

.bgUnderline {
  border-bottom: solid 1px #9e9e9e;
}

.common-page-header {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  padding: 30px 10px;
}
.common-page-header .title {
  margin: 0;
  padding: 0 0 0 25px;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  border-left: 4px solid #59b320;
  font-weight: bold;
}
.common-page-header p {
  margin: 30px 0;
}

*[class*="btn-cmn-"] {
  position: relative;
  padding: 18px;
  padding-right: 75px;
  color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
*[class*="btn-cmn-"]:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 90px;
  height: 10px;
  line-height: 20px;
  background: url(/images/top/white-arrow.svg) no-repeat center right;
  background-size: contain;
  content: " ";
}
*[class*="btn-cmn-"]:hover, *[class*="btn-cmn-"]:focus, *[class*="btn-cmn-"].focus, *[class*="btn-cmn-"]:active, *[class*="btn-cmn-"].active, header.siteHeader .siteGnavi ul li a:hover span[class*="btn-cmn-"], header.siteHeader .siteGnavi ul li.active a span[class*="btn-cmn-"] {
  color: #fff;
  background-color: #59b320;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.btn-cmn-pink {
  background-color: #59b320;
}

.btn-cmn-black {
  background-color: #1a1a1a;
}

@media screen and (max-width: 1200px) {
  .contentWrapper {
    padding-top: 70px;
  }

  footer.siteFooter .sitemap ul.cover > li {
    width: 50%;
  }
  footer.siteFooter .upper .info, footer.siteFooter .upper .links {
    width: 100%;
  }
  footer.siteFooter .upper .inner .footer-link__list {
    flex-wrap: wrap;
    padding: 0;
  }
  footer.siteFooter .upper .inner .footer-link__list li {
    margin-bottom: 5px;
  }
  footer.siteFooter .upper .info {
    margin-bottom: 40px;
  }
  footer.siteFooter .upper .links ul li {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  header.siteHeader .upper {
    border-bottom: 1px solid #eee;
  }
  header.siteHeader .logo {
    width: 250px;
  }
  header.siteHeader .logo a {
    background-size: 90%;
  }

  footer.siteFooter .inner {
    padding: 0 20px;
  }
  footer.siteFooter .sitemap {
    padding: 20px 0;
  }
  footer.siteFooter .sitemap ul.cover > li {
    width: 100%;
  }
  footer.siteFooter .sitemap ul.cover > li strong {
    position: relative;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #1a1a1a;
  }
  footer.siteFooter .sitemap ul.cover > li strong:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -10px;
    width: 100px;
    height: 20px;
    line-height: 20px;
    background: url(/images/top/black-arrow.svg) no-repeat center right;
    background-size: auto 8px;
    content: " ";
  }
  footer.siteFooter .sitemap ul.cover > li ul {
    display: none;
  }
  footer.siteFooter .sitemap ul.cover > li.open ul {
    display: block;
  }
  footer.siteFooter .copyright {
    padding-bottom: 60px;
  }

  /*==========================================
  = パンくず
  ===========================================*/
  .breadlist {
    display: none;
  }

  .commonContentBox .page-header-wrapper .page-header {
    width: 100%;
    padding: 20px 10px;
  }
  .commonContentBox .page-header-wrapper .page-header .inn {
    padding: 10px 0 0 40px !important;
    min-height: 50px !important;
    background-size: 30px auto;
    text-align: left;
  }
  .commonContentBox .page-header-wrapper .page-header .inn .title {
    font-size: 20px;
    line-height: 1.2;
  }
  .commonContentBox .page-header-wrapper .page-header .inn .sub-title {
    margin-top: 5px;
    font-size: 14px;
  }
  .commonContentBox .commonContentStyle, .commonContentBox > .content,
  .commonContentBox > article > .content,
  .commonContentBox > section > .content {
    padding-bottom: 20px;
    width: 100%;
  }

  h1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .google-marker-dialog {
    width: 100%;
    max-width: 270px;
  }
  .google-marker-dialog .dialog-photo .ico {
    height: 30px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    line-height: 2.3 !important;
  }
  .google-marker-dialog .dialog-title {
    margin: 5px 0;
    font-size: 16px;
  }
  .google-marker-dialog .dialog-copy {
    margin: 0 0 5px;
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .google-marker-dialog .dialog-buttons .dialog-button {
    margin-right: 5px;
    width: 48%;
  }
  .google-marker-dialog .dialog-buttons .dialog-button a {
    font-size: 13px;
  }

  .pagenate {
    padding-bottom: 15px;
  }
  .pagenate ul li {
    margin: 3px;
    margin-top: 0;
  }
  .pagenate ul li a {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0 !important;
  }
  .pagenate ul li a i.fa {
    margin: 0 !important;
  }
  .pagenate ul li a label {
    display: none;
  }
  .pagenate ul li a img {
    width: 50%;
  }

  *[class*="btn-dot-"] {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
  }
  *[class*="btn-dot-"].btn-big {
    padding: 10px 20px;
  }
  *[class*="btn-dot-"] .icon {
    padding: 0 !important;
    background-image: none !important;
  }

  .fbContent .content {
    display: block;
    max-width: 100%;
  }
  .fbContent .content .fbImage, .fbContent .content .fbText {
    display: block;
  }
  .fbContent .content .fbImage {
    width: 100%;
  }
  .fbContent .content .fbText {
    padding: 10px;
    width: 100%;
  }
  .fbContent .content .fbText .fbTitle {
    margin: 0 0 10px;
  }
  .fbContent .content .fbText p {
    margin: 0 0 20px;
    font-size: 14px;
  }

  .bnrContent .banner.portal-pr1
  ul li, .bnrContent .banner.portal-pr2 ul li {
    width: 50%;
  }
  .bnrContent .banner.portal-pr1
  ul li.spNon, .bnrContent .banner.portal-pr2 ul li.spNon {
    display: none;
  }

  .bnrContent {
    padding: 30px 0;
  }

  /* = カルーセル
  ===========================================*/
  .flexslider .flex-direction-nav a {
    margin-top: -30px;
    width: 25px;
    height: 50px;
  }
  .flexslider .flex-direction-nav .flex-prev {
    left: 10px;
  }
  .flexslider .flex-direction-nav .flex-next {
    right: 10px;
  }

  .header-favorite {
    display: block;
    position: fixed;
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0;
    margin-left: -100px;
    width: 200px;
    height: 40px;
    z-index: 100;
  }
  .header-favorite br {
    display: none;
  }
  .header-favorite a {
    display: block;
    text-align: center;
    text-decoration: none;
    background: #59b320;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 0 0;
  }
  .header-favorite span {
    display: inline-block;
    color: #fff;
    font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 40px;
    background: url(/images/common/icoFavorite.svg) no-repeat;
    background-position: 0 center;
    background-size: 13px auto;
  }

  .page-header-tabs ul.nav li a {
    padding: 10px 5px;
    font-size: 12px;
  }
  .page-header-tabs ul.nav li a:after {
    display: none !important;
  }
}
.text-page {
  line-height: 1.9 !important;
}
.text-page * {
  line-height: 1.9 !important;
}

.kazari-no {
  font-family: 'kazari-no';
}

.divider {
  overflow: hidden;
  width: 100%;
}
.divider.w50, .divider.divider50 {
  width: 50%;
}
.divider.w100, .divider.divider100 {
  width: 100%;
}
@media (max-width: 768px) {
  .divider {
    width: 100% !important;
  }
}

/* = PRバナー
===========================================*/
.pr-banner {
  /*border-top: 1px solid #ccc;*/
  padding: 90px 0;
}
.pr-banner .section-title {
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
  display: inline-block;
  font-size: 26px;
  padding: 0 5px;
  color: #191919;
  letter-spacing: 5px;
  border-bottom: 3px solid #191919;
  margin-bottom: 20px;
}
.pr-banner .banner-image {
  margin-bottom: 15px;
  width: auto;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .pr-banner .banner-image {
    margin-bottom: 10px;
  }
}
.pr-banner .banner-division {
  border: 0.5px solid #eee;
}

/* = ヘッダーロゴ
===========================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  header.siteHeader .logo {
    left: 20px;
    width: 287px;
    height: 67px;
  }

  header.siteHeader .logo a {
    background: url(/images/common/logo-small.svg) no-repeat center center;
  }
}
@media screen and (max-width: 768px) {
  body.mini header.siteHeader .logo,
  header.siteHeader .logo {
    top: 10px;
    left: 5px;
    width: 230px;
    height: 50px;
  }

  body.mini header.siteHeader .logo a,
  header.siteHeader .logo a {
    background: url(/images/common/logo-small.svg) no-repeat center center/cover;
  }
}

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