@charset "UTF-8";
body {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea, button {
  font: 99% arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

html {
  /*overflow-y: scroll;*/
}

body, input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ofh {
  overflow: hidden;
}

/* slick */
/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 100px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  text-indent: -9999999px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
add
*/
/* remodal*/
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(185, 210, 233, 0.8);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: transparent;
  background: url(../images/common/modal-close.png) center center no-repeat;
  background-size: 14px 14px;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 1200px;
  }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*lightbox*/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  /* Image border */
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/common/lb-loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/common/lb-prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/common/lb-next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/common/lb-close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

@media all and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .pc {
    display: none;
	}
}

.spBr {
  display: none;
}

@media all and (max-width: 767px) {
  .spBr {
    display: inline;
  }
 .pcBr {
  display: none;
}
}

a, .js-totop {
  transition: opacity 0.3s;
  cursor: pointer;
}

a:hover, .js-totop:hover {
  opacity: 0.5;
}

body {
  font-family: 'YakuHanJP',"游ゴシック体", YuGothic, "YuGothic M", sans-serif;
  letter-spacing: 0.06em;
}

.wrp {
  overflow: hidden;
  min-width: 1100px;
}

@media all and (max-width: 767px) {
  .wrp {
    min-width: 320px;
    width: 100%;
  }
}

.pageWrp {
  overflow: hidden;
  min-width: 1100px;
}

@media all and (max-width: 767px) {
  .pageWrp {
    min-width: 320px;
    width: 100%;
  }
}

.kvWrp {
  position: relative;
  height: 100vh;
}

@media all and (min-width: 768px) {
  .kvWrp {
    min-height: 600px;
  }
}

@media all and (max-width: 767px) {
  .kvWrp {
    min-height: 500px;
  }
}

.cntWrp {
  background: #fff;
  position: relative;
}

.footer {
  border-top: #f2f2f2 solid 1px;
  padding: 150px 40px 150px;
  background: #fff;
  position: relative;
}

.footer_inner:after {
  content: '';
  clear: both;
  display: block;
}

@media all and (min-width: 768px) {
  .footer_inner {
    position: relative;
    margin: 0px auto;
    max-width: 1100px;
    display: flex;
  }
  .footer_inner:after {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .footer_inner {
    justify-content: space-between;
    flex-flow: row-reverse nowrap;
  }
}

@media all and (min-width: 768px) {
  .footer_inner .ftCnt {
    padding-top: 0px;
  }
}

@media all and (max-width: 767px) {
  .footer_inner .ftCnt {
    padding-top: 60px;
    border-top: #f2f2f2 solid 1px;
  }
}

@media all and (min-width: 768px) {
  .footer_inner .fbTl {
    width: 340px;
    height: 0px;
  }
}

@media all and (max-width: 767px) {
  .footer_inner .fbTl {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    height: 0px;

  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .footer_inner .fbTl {
    max-width: 290px;
  }
}

.footer_inner .fbTl iframe {
  width: 100%;
  height: 100%;
}

@media all and (min-width: 768px) {
  .footer_inner .fbTl iframe {
    height: 470px;
  }
}

.footer .centerPos {
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -20px;
}

.footer .ftLogo {
  float: left;
  margin-right: 45px;
  background: url(../images/common/ft-logo.png) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  text-indent: -9999px;
  width: 160px;
  height: 202px;
}

.footer .info_area {
  float: left;
  padding-top: 75px;
}

.footer .info .infoTtl {
  font-size: 14px;
}

.footer .info .infoTtl p {
  letter-spacing: 0.2em;
  display: inline-block;
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.footer .info .navWrp,
.footer .info .infoBottom {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.footer .info .navWrp img,
.footer .info .infoBottom img {
  margin-right: 15px;
}

.footer .info .navWrp a,
.footer .info .infoBottom a {
  color: #000;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: inline-block;
}

.footer .info .navWrp p:last-child,
.footer .info .infoBottom p:last-child {
  margin-top: 15px;
}

.footer ._info dt {
  font-size: 14px;
}

.footer ._info dt p {
  letter-spacing: 0.2em;
  display: inline-block;
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.footer ._info dd {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.footer ._info dd img {
  margin-right: 15px;
}

.footer ._info dd a {
  color: #000;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 1em;
}

.footer ._info dd p:last-child {
  margin-top: 15px;
}

.footer .copy {
  padding-top: 25px;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.footer .spIcon, .footer .spBr {
  display: none;
}

.footer ul.sns li a {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-size: cover;
}

.footer ul.sns li.ft-insta a {
  background-image: url(../images/common/ft-sns1.png);
}

.footer ul.sns li.ft-fb a {
  background-image: url(../images/common/ft-sns2.png);
}

.footer ul.sns li.ft-tw a {
  background-image: url(../images/common/ft-sns3.png);
}

@media all and (min-width: 768px) {
  .footer .js-totop {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/common/totop.png) top center no-repeat;
    width: 40px;
    height: 75px;
  }
  .footer ul.sns {
    position: absolute;
    display: block;
    top: 285px;
    left: 205px;
  }
  .footer ul.sns li {
    display: inline-block;
    line-height: 0;
    margin-right: 20px;
    width: 20px;
    height: 20px;
  }
  .footer ul.sns li img {
    width: 20px;
  }
  .footer .navWrp {
    position: absolute;
    left: 0px;
    top: 0;
    display: flex;
  }
  .footer .linkList {
    text-align: left;
    font-size: 12px;
  }
  .footer .linkList li:first-child a {
    margin-top: 0;
  }
  .footer .linkList li a {
    margin-top: 1em;
    letter-spacing: 0.1em !important;
  }
  .footer .linkList li.navList {
    font-size: 10px;
  }
  .footer .linkList li.navList a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #000;
  }
  .footer .linkList li.navList a:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
  .footer .linkList .subTxt {
    font-size: 10px;
  }
  .footer .linkList .subTxt a {
    margin-top: 0.5em;
  }
  .footer .copySp {
    display: none;
  }
  .footer .info p.mail-icon:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../images/common/ft-icon.png) center center;
    margin-right: 15px;
  }
  .footer .info .infoBottom a {
    margin-left: 1em;
  }
  .footer .list2 {
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    padding: 0px 30px;
    margin: 0px 30px;
  }
  .footer .list3 .subTxt {
    margin-bottom: 1em;
  }
  .footer .subTtl {
    margin-bottom: 0.7em;
  }
  .footer .nav-ace a {
    padding-left: 7px;
    border-left: solid 5px #2d803c;
    margin-bottom: 0.4em;
  }
  .footer .nav-music a {
    padding-left: 7px;
    border-left: solid 5px #1d2088;
    margin-bottom: 0.7em;
  }
  .footer .nav-food a {
    padding-left: 7px;
    border-left: solid 5px #facd89;
    margin-bottom: 0.7em;
  }
}

@media all and (max-width: 767px) {
  .footer {
    text-align: center;
    padding: 60px 0px;
  }
  .footer .centerPos {
    display: none;
  }
  .footer .spBr {
    display: inline;
  }
  .footer .ftLogo {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 160px;
    height: 202px;
    background-size: cover;
    margin: 0px auto;
  }
  .footer .spIcon {
    display: block;
    margin-bottom: 15px;
    content: '';
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../images/common/ft-icon.png) center center;
  }
  .footer .info_area {
    float: none;
    padding-top: 48px;
  }
  .footer .info_area .copy {
    display: none;
  }
  .footer .info .infoTtl {
    font-size: 12px;
  }
  .footer .info .infoTtl p {
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .footer .info .navWrp,
  .footer .info .infoBottom {
    font-size: 11px;
  }
  .footer .info .navWrp p,
  .footer .info .infoBottom p {
    line-height: 23px;
  }
  .footer .info .navWrp p:first-child,
  .footer .info .infoBottom p:first-child {
    margin-bottom: 23px;
  }
  .footer .info .navWrp p:last-child,
  .footer .info .infoBottom p:last-child {
    margin-top: 25px;
  }
  .footer .info .navWrp p .icon,
  .footer .info .infoBottom p .icon {
    display: none;
  }
  .footer .info .navWrp a,
  .footer .info .infoBottom a {
    margin-left: 0;
  }
  .footer .info .navWrp {
    padding-bottom: 10px;
  }
  .footer ._info dt {
    font-size: 12px;
  }
  .footer ._info dt p {
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .footer ._info dd {
    font-size: 11px;
  }
  .footer ._info dd p {
    line-height: 23px;
  }
  .footer ._info dd p:first-child {
    margin-bottom: 23px;
  }
  .footer ._info dd p:last-child {
    margin-top: 25px;
  }
  .footer ._info dd p .icon {
    display: none;
  }
  .footer ._info dd a {
    margin-left: 0;
  }
  .footer ul.sns {
    display: block;
    margin-top: 60px;
  }
  .footer ul.sns li {
    display: inline-block;
    line-height: 0;
    margin: 0px 11px;
    width: 38px;
    height: 38px;
  }
  .footer ul.sns li a {
    width: 38px;
    height: 38px;
  }
  .footer ul.sns li img {
    width: 38px;
  }
  .footer .copySp {
    float: none;
    padding-top: 55px;
    text-align: center;
  }
  .footer .linkList {
    text-align: center;
    font-size: 12px;
  }
  .footer .linkList li {
    margin-bottom: 17px;
  }
  .footer .linkList li a {
    letter-spacing: 0.1em;
  }
  .footer .linkList li.navList a {
    margin-left: 15px;
    padding-left: 15px;
    border-left: solid 1px #000;
  }
  .footer .linkList li.navList a:first-child {
    margin-left: 1em;
    padding-left: 0;
    border: none;
  }
  .footer .navWrp {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .footer .navWrp {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .footer .list2 {
    padding: 17px 0px;
    margin: 0px 0px 17px;
  }
  .footer .subTxt {
    font-size: 10px;
    line-height: 1.8;
  }
  .footer .list3 .subTxt {
    margin-bottom: 1.5em;
  }
  .footer .subTtl {
    margin-bottom: 0.7em;
  }
  .footer .nav-ace {
    margin-bottom: 0.5em !important;
  }
  .footer .nav-ace a {
    padding-bottom: 7px;
    border-bottom: solid 2px #2d803c;
  }
  .footer .nav-music {
    padding-top: 0.5em;
    margin-bottom: 0.5em !important;
  }
  .footer .nav-music a {
    padding-bottom: 7px;
    border-bottom: solid 2px #1d2088;
  }
  .footer .nav-food {
    padding-top: 0.5em;
    margin-bottom: 0.5em !important;
  }
  .footer .nav-food a {
    padding-bottom: 7px;
    border-bottom: solid 2px #facd89;
  }
}

.footer_os {
  border-top: #f2f2f2 solid 1px;
  padding: 50px 40px 75px;
  background: #fff;
  position: relative;
}

.footer_os_inner {
  position: relative;
  margin: 0px auto;
  max-width: 1000px;
}

.footer_os_inner:after {
  content: '';
  clear: both;
  display: block;
}

.footer_os .centerPos {
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -20px;
}

.footer_os .ftLogo {
  float: left;
  margin-right: 45px;
  background: url(../images/common/ft-logo.png) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  text-indent: -9999px;
  width: 160px;
  height: 202px;
}

.footer_os .info_area {
  float: left;
  padding-top: 75px;
}

.footer_os dl.info dt {
  font-size: 14px;
}

.footer_os dl.info dt p {
  letter-spacing: 0.2em;
  display: inline-block;
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.footer_os dl.info dd {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.footer_os dl.info dd img {
  margin-right: 15px;
}

.footer_os dl.info dd a {
  color: #000;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-left: 1em;
}

.footer_os dl.info dd p:last-child {
  margin-top: 15px;
}

.footer_os .copy {
  padding-top: 25px;
  font-size: 10px;
  letter-spacing: 0.1em;
}

.footer_os .spIcon, .footer_os .spBr {
  display: none;
}

.footer_os ul.sns li a {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  background-size: cover;
}

.footer_os ul.sns li.ft-insta a {
  background-image: url(../images/common/ft-sns1.png);
}

.footer_os ul.sns li.ft-fb a {
  background-image: url(../images/common/ft-sns2.png);
}

.footer_os ul.sns li.ft-tw a {
  background-image: url(../images/common/ft-sns3.png);
}

@media all and (min-width: 768px) {
  .footer_os .js-totop {
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/common/totop.png) top center no-repeat;
    width: 40px;
    height: 75px;
  }
  .footer_os ul.sns {
    position: absolute;
    display: block;
    top: 25px;
    left: 123px;
  }
  .footer_os ul.sns li {
    display: inline-block;
    line-height: 0;
    margin-right: 20px;
    width: 20px;
    height: 20px;
  }
  .footer_os ul.sns li img {
    width: 20px;
  }
  .footer_os .linkList {
    position: absolute;
    right: 0px;
    bottom: 0;
    text-align: left;
  }
  .footer_os .linkList li a {
    font-size: 10px;
    margin-top: 10px;
    letter-spacing: 0.1em !important;
  }
  .footer_os .linkList li.navList a {
    margin-left: 15px;
    padding-left: 15px;
    border-left: solid 1px #000;
  }
  .footer_os .linkList li.navList a:first-child {
    margin-left: 1em;
    padding-left: 0;
    border: none;
  }
  .footer_os .linkList.addList {
    right: 0;
  }
  .footer_os .copySp {
    display: none;
  }
  .footer_os dl.info p.mail-icon:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../images/common/ft-icon.png) center center;
    margin-right: 15px;
  }
}

@media all and (max-width: 767px) {
  .footer_os {
    text-align: center;
    padding-bottom: 60px;
  }
  .footer_os .centerPos {
    display: none;
  }
  .footer_os .spBr {
    display: inline;
  }
  .footer_os .ftLogo {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 160px;
    height: 202px;
    background-size: cover;
    margin: 0px auto;
  }
  .footer_os .spIcon {
    display: block;
    margin-bottom: 15px;
    content: '';
    display: inline-block;
    width: 13px;
    height: 11px;
    background: url(../images/common/ft-icon.png) center center;
  }
  .footer_os .info_area {
    float: none;
    padding-top: 48px;
  }
  .footer_os .info_area .copy {
    display: none;
  }
  .footer_os dl.info dt {
    font-size: 12px;
  }
  .footer_os dl.info dt p {
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .footer_os dl.info dd {
    font-size: 11px;
  }
  .footer_os dl.info dd p {
    line-height: 23px;
  }
  .footer_os dl.info dd p:first-child {
    margin-bottom: 23px;
  }
  .footer_os dl.info dd p:last-child {
    margin-top: 25px;
  }
  .footer_os dl.info dd p .icon {
    display: none;
  }
  .footer_os dl.info dd a {
    margin-left: 0;
  }
  .footer_os ul.sns {
    display: block;
    margin-top: 60px;
  }
  .footer_os ul.sns li {
    display: inline-block;
    line-height: 0;
    margin: 0px 11px;
    width: 38px;
    height: 38px;
  }
  .footer_os ul.sns li a {
    width: 38px;
    height: 38px;
  }
  .footer_os ul.sns li img {
    width: 38px;
  }
  .footer_os .copySp {
    float: none;
    padding-top: 55px;
    text-align: center;
  }
  .footer_os .linkList {
    text-align: center;
    padding-bottom: 5px;
  }
  .footer_os .linkList li {
    margin-bottom: 17px;
  }
  .footer_os .linkList li a {
    font-size: 11px;
    letter-spacing: 0.1em;
  }
  .footer_os .linkList li.navList a {
    margin-left: 15px;
    padding-left: 15px;
    border-left: solid 1px #000;
  }
  .footer_os .linkList li.navList a:first-child {
    margin-left: 1em;
    padding-left: 0;
    border: none;
  }
}

.spFixTotop {
  display: none;
}

@media all and (max-width: 767px) {
  .spFixTotop {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 25px;
    z-index: 10;
    background: url(../images/common/to-top-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  .spFixTotop img {
    width: 25px;
  }
}

.js-ivTrg {
  position: absolute;
  top: 200px;
  width: 100%;
}

.js-iv_img, .js-iv_txt, .js-iv_txt2 {
  opacity: 0;
  transition: opacity 1s;
}

.js-iv_img.ivShow, .js-iv_txt.ivShow, .js-iv_txt2.ivShow {
  opacity: 1;
}



.js-ivcmn.ivShow {
  opacity: 1;
}

.initFade1 {
  opacity: 0;
  transition: opacity 1s;
}

.initFade1.show {
  opacity: 1;
}

.initFade2 {
  opacity: 0;
  transition: opacity 1s;
}

.initFade2.show {
  opacity: 1;
}

.areaNav {
  background: #fff;
  padding: 50px 0px 5px;
  position: relative;
}

.areaNav a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.areaNav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.areaNav ul li {
  font-size: 20px;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 1;
  margin-right: 45px;
  margin-bottom: 45px;
}

.areaNav ul li:last-child {
  margin-right: 0;
}

.areaNav .areaspmenu {
  display: none;
}

@media all and (min-width: 1101px) {
  .areaNav ul li {
    display: block !important;
  }
}

@media all and (max-width: 1100px) {
  .areaNav {
    padding: 0;
  }
  .areaNav ul {
    position: relative;
    height: 50px;
  }
  .areaNav ul:after {
    content: '';
    width: 20px;
    height: 100%;
    background: #ff0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .areaNav ul li {
    display: none;
    width: calc(100% - 0px);
    margin-bottom: 0;
    text-align: left;
    position: absolute;
  }
  .areaNav ul li:before {
    content: '';
    width: 20px;
    height: 100%;
    background: #ff0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .areaNav ul li a {
    display: inline-block;
    background: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
    padding-right: 20px;
  }
  .areaNav ul li a:hover {
    opacity: 1;
  }
  .areaNav ul li:nth-child(1) {
    bottom: 262px;
  }
  .areaNav ul li:nth-child(2) {
    bottom: 220px;
  }
  .areaNav ul li:nth-child(3) {
    bottom: 178px;
  }
  .areaNav ul li:nth-child(4) {
    bottom: 136px;
  }
  .areaNav ul li:nth-child(5) {
    bottom: 94px;
  }
  .areaNav ul li:nth-child(6) {
    bottom: 52px;
  }
  .areaNav .areaspmenu {
    font-weight: bold;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 32px;
    font-size: 10px;
    width: 32px;
    cursor: pointer;
    z-index: 11;
  }
  .areaNav .areaspmenu p {
    text-align: center;
    margin-bottom: 5px;
  }
  .areaNav .areaspmenu .lineIcon {
    position: relative;
    height: 15px;
  }
  .areaNav .areaspmenu .lineIcon span {
    background: #000;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 7px;
    margin-top: -1px;
  }
  .areaNav .areaspmenu .lineIcon:before {
    content: '';
    background: #000;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -1px;
  }
  .areaNav .areaspmenu .lineIcon:after {
    content: '';
    background: #000;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: -1px;
  }
}

@media all and (max-width: 767px) {
  .spMenu {
    width: 45px;
    height: 45px;
    background: url(../images/common/sp-menu-btn.png) center center no-repeat;
    background-size: cover;
    position: fixed;
    top: 25px;
    right: 0px;
    cursor: pointer;
    z-index: 10;
  }
}

@media all and (min-width: 768px) {
  .spNav_area {
    display: none !important;
  }
}

@media all and (max-width: 767px) {
  .spNav_area {
    display: none;
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    z-index: 9;
  }
}

@media all and (max-height: 640px) {
  .spNav_area {
    width: 240px;
  }
}

.spNav_outer {
  height: 100%;
  padding-left: 0px;
}

.spNav_outer .spNavTtl {
  line-height: 0;
}

.spNav_outer .spNavTtl img {
  width: 100%;
}

.spNav_inner .spNav {
  display: flex;
  flex-wrap: wrap;
}

.spNav_inner .spNav a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-position: center center;
  background-size: cover;
}

.spNav_inner .spNav a.coming {
  opacity: 0.3;
}

.spNav_inner .spNav a.coming:hover {
  opacity: 0.3;
}

.spNav_inner .spNav li {
  background-color: #fff;
  overflow: hidden;
  width: 100px;
  height: 100px;
}

.spNav_inner .spNav li:nth-child(2n) {
  background-color: #e4e4e4;
}


.spNav_inner .spNav li.spNav-goal a {
  background-image: url(../images/common/spnavicon-goal.png);
}
.spNav_inner .spNav li.spNav-concept a {
  background-image: url(../images/common/spnavicon-concept.png);
}
.spNav_inner .spNav li.spNav-news a {
  background-image: url(../images/common/spnavicon-news.png);
}
.spNav_inner .spNav li.spNav-record a {
  background-image: url(../images/common/spnavicon-record.png);
}
.spNav_inner .spNav li.spNav-gallery a {
  background-image: url(../images/common/spnavicon-gallery.png);
}
.spNav_inner .spNav li.spNav-message a {
  background-image: url(../images/common/spnavicon-message.png);
}
.spNav_inner .spNav li.spNav-history a {
  background-image: url(../images/common/spnavicon-history.png);
}
.spNav_inner .spNav li.spNav-info a {
  background-image: url(../images/common/spnavicon-info.png);
}
.spNav_inner .spNav li.spNav-contact a {
  background-image: url(../images/common/spnavicon-contact.png);
}


.spNav_inner .spNav li.spNav-blank a:hover, .spNav_inner .spNav li.spNav-ticket a:hover {
  opacity: 1;
}

@media all and (max-height: 640px) {
  .spNav_inner .spNav li {
    width: 80px;
    height: 80px;
  }
}

.spNav_inner .headSns {
  display: flex;
  margin-bottom: 30px;
  padding-top: 25px;
  padding-left: 25px;
}

.spNav_inner .headSns li {
  line-height: 1;
  margin-right: 28px;
}

.spNav_inner .headSns li:last-child {
  margin-right: 0;
}

.spNav_inner .headSns a {
  overflow: hidden;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  text-indent: 9999px;
}

.spNav_inner .headSns a.hsns-instagram {
  background-image: url(../images/common/ft-sns1.png);
}

.spNav_inner .headSns a.hsns-facebook {
  background-image: url(../images/common/ft-sns2.png);
}

.spNav_inner .headSns a.hsns-twitter {
  background-image: url(../images/common/ft-sns3.png);
}

.spNav_inner .hlang {
  display: flex;
  padding-left: 25px;
}

.spNav_inner .hlang li {
  line-height: 1;
  margin-right: 12px;
}

.spNav_inner .hlang li:last-child {
  margin-right: 0;
}

.spNav_inner .hlang a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 26px;
  height: 13px;
  text-indent: -999px;
}

.spNav_inner .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1.png);
}

.spNav_inner .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2.png);
}

.spNav_inner .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3.png);
}

.spNav_inner .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4.png);
}

.spNav_inner .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5.png);
}

.spNav_inner_os {
  padding-top: 22px;
  padding-left: 22px;
}

.spNav_inner_os .spNav a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

.spNav_inner_os .spNav li {
  margin-bottom: 12px;
}

.spNav_inner_os .spNav li.navList {
  display: flex;
}

.spNav_inner_os .spNav li.navList a {
  padding-right: 15px;
  margin-right: 15px;
  border-right: solid 1px #000;
}

.spNav_inner_os .spNav li.navList a:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

.spNav_inner_os .buyTicket {
  padding-top: 9px;
}

.spNav_inner_os .buyTicket a {
  display: block;
  font-weight: bold;
  background: url(../images/common/sp-menu-ticket-icon.png) left center no-repeat;
  background-size: 29px 17px;
  line-height: 17px;
  padding-left: 40px;
  text-decoration: none;
  color: #000;
  font-size: 12px;
}

.spNav_inner_os .headSns {
  display: flex;
  margin-bottom: 30px;
  padding-top: 15px;
}

.spNav_inner_os .headSns li {
  line-height: 1;
  margin-right: 28px;
}

.spNav_inner_os .headSns li:last-child {
  margin-right: 0;
}

.spNav_inner_os .headSns a {
  overflow: hidden;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  text-indent: 9999px;
}

.spNav_inner_os .headSns a.hsns-instagram {
  background-image: url(../images/common/ft-sns1.png);
}

.spNav_inner_os .headSns a.hsns-facebook {
  background-image: url(../images/common/ft-sns2.png);
}

.spNav_inner_os .headSns a.hsns-twitter {
  background-image: url(../images/common/ft-sns3.png);
}

.spNav_inner_os .hlang {
  display: flex;
  margin-right: 30px;
}

.spNav_inner_os .hlang li {
  line-height: 1;
  margin-right: 12px;
}

.spNav_inner_os .hlang li:last-child {
  margin-right: 0;
}

.spNav_inner_os .hlang a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 26px;
  height: 13px;
  text-indent: -999px;
}

.spNav_inner_os .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_fix.png);
}

.spNav_inner_os .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2_fix.png);
}

.spNav_inner_os .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3_fix.png);
}

.spNav_inner_os .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4_fix.png);
}

.spNav_inner_os .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5_fix.png);
}

.head_area {
  width: 1100px;
  margin: 0px auto;
  height: 220px;
}

@media all and (max-width: 767px) {
  .head_area {
    width: 100%;
    height: auto;
  }
}

.cmnHeader {
  position: relative;
  z-index: 2;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}

.cmnHeader .logo {
  position: relative;
  background: url(../images/common/logo.png) center center no-repeat;
  background-size: cover;
  width: 166px;
  height: 117px;
}

.cmnHeader .logo a {
  display: block;
  text-indent: -9999px;
  width: 166px;
  height: 117px;
}

.cmnHeader .headerNav_area {
  margin-right: 125px;
  width: 750px;
}

@media all and (max-width: 767px) {
  .cmnHeader .headerNav_area {
    display: none;
  }
}

.cmnHeader .headerNav_area_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cmnHeader .headerNav_area_topLeft,
.cmnHeader .headerNav_area_topRight {
  display: flex;
  align-items: center;
}

.cmnHeader .hCatNav {
  font-family: 'Helvetica';
  display: flex;
  font-size: 20px;
  font-weight: bold;
}

.cmnHeader .hCatNav li {
  margin-right: 20px;
 }

.cmnHeader .hCatNav li a:hover {
  color:#eb4969 !important;
  opacity:100 !important;
}



.cmnHeader .hCatNav li {
  margin-right: 20px;
}



.cmnHeader .hCatNav li:last-child {
  margin-right: 0;
}

.cmnHeader .hCatNav a {
  color: #000;
  text-decoration: none;
}

.cmnHeader .hCatNav2 {
  display: flex;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/common/hcatnav2-border.png) left center no-repeat, url(../images/common/hcatnav2-border.png) right center no-repeat;
  padding: 0px 20px;
  margin-left: 20px;
}

.cmnHeader .hCatNav2 li {
  margin-right: 20px;
}

.cmnHeader .hCatNav2 li a:hover {
  color:#eb4969 !important;
  opacity:100 !important;
}

.cmnHeader .hCatNav2 li:last-child {
  margin-right: 0;
}

.cmnHeader .hCatNav2 a {
  color: #000;
  text-decoration: none;
}

.cmnHeader .hCatNav3 {
  display: flex;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 20px;
}

.cmnHeader .hCatNav3 li {
  margin-right: 20px;
}

.cmnHeader .hCatNav3 li:last-child {
  margin-right: 0;
}

.cmnHeader .hCatNav3 a {
  color: #000;
  text-decoration: none;
}

.cmnHeader .headExternal {
  display: flex;
  align-items: flex-end;
}

.cmnHeader .headExternal li {
  line-height: 1;
  margin-right: 16px;
}

.cmnHeader .headExternal li:last-child {
  margin-right: 0;
}

.cmnHeader .headExternal a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23px;
  height: 20px;
  text-indent: -999px;
}

.cmnHeader .headExternal a.hsns-instagram {
  background-image: url(../images/common/hsns-1.png);
}

.cmnHeader .headExternal a.hsns-facebook {
  background-image: url(../images/common/hsns-2.png);
}

.cmnHeader .headExternal a.hsns-twitter {
  background-image: url(../images/common/hsns-3.png);
}

.cmnHeader .headExternal a.hsns-buyticket {
  width: 74px;
  height: 20px;
  background-image: url(../images/common/h-ticket.png);
}

@media all and (max-width: 767px) {
  .cmnHeader .headExternal {
    display: none;
  }
}

.cmnHeader .hlang {
  line-height: 12px;
  letter-spacing: 0.1em;
  display: flex;
  margin-right: 35px;
}

.cmnHeader .hlang li {
  line-height: 1;
  margin-right: 7px;
}

.cmnHeader .hlang li:last-child {
  margin-right: 0;
}

.cmnHeader .hlang a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 24px;
  height: 12px;
  text-indent: -999px;
}

.cmnHeader .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1.png);
}

.cmnHeader .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2.png);
}

.cmnHeader .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3.png);
}

.cmnHeader .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4.png);
}

.cmnHeader .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5.png);
}

.cmnHeader .hlang a.hlang-1.cr {
  background-image: url(../images/common/hlang-1_cr.png);
}

.cmnHeader .hlang a.hlang-2.cr {
  background-image: url(../images/common/hlang-2_cr.png);
}

.cmnHeader .hlang a.hlang-3.cr {
  background-image: url(../images/common/hlang-3_cr.png);
}

.cmnHeader .hlang a.hlang-4.cr {
  background-image: url(../images/common/hlang-4_cr.png);
}

.cmnHeader .hlang a.hlang-5.cr {
  background-image: url(../images/common/hlang-5_cr.png);
}

@media all and (max-width: 767px) {
  .cmnHeader .hlang {
    display: none;
  }
}

.cmnHeader .hNews {
  border-top: #0f3676 solid 2px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding-top: 15px;
  margin-top: 15px;
  display: flex;
}

.cmnHeader .hNews dt {
  width: 100px;
}

.cmnHeader .hNews dd {
  position: relative;
  overflow: hidden;
  width: calc(100% - 70px);
}

.cmnHeader .hNews dd ul {
  width: 100%;
  position: relative;
}

.cmnHeader .hNews dd ul li {
  width: 100%;
  display: none;
}

.cmnHeader .hNews a {
  color: #000;
}

.cmnHeader .hNews a:hover {
  color:#eb4969 !important;
  opacity:100 !important;
}

.cmnHeader .hAreaNav {
  display: flex;
  border-top: #f2f2f2 solid 1px;
  margin-top: 15px;
  padding-top: 20px;
}

.cmnHeader .hAreaNav li {
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: bold;
  margin-right: 13px;
  padding-right: 13px;
  border-right: solid 1px #000;
  display: flex;
  align-items: center;
}

.cmnHeader .hAreaNav li a {
  color: #000;
  text-decoration: none;
}

.cmnHeader .hAreaNav li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.cmnHeader .hAreaNav.adj li {
  margin-right: 25px;
  padding-right: 25px;
}

.cmnHeader .hAreaNav.nobdr li {
  border: none;
}

@media all and (max-width: 767px) {
  .cmnHeader {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .cmnHeader .logo {
    width: 256px;
    height: 180px;
    left: 25px;
  }
  .cmnHeader .logo a {
    width: 256px;
    height: 180px;
  }
}

.hPass {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: 470px;
  text-indent: -9999px;
  z-index: 20;
}

.hPass a {
  display: block;
  width: 80px;
  height: 110px;
  background: url(../images/common/hpass.png) center top;
  background-size: cover;
}

@media all and (max-width: 1100px) {
  .hPass {
    left: auto;
    right: 50px;
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .hPass {
    display: none;
  }
}

.pcMenuBtn {
  position: fixed;
  background: url(../images/common/pc-menu-btn.png) center center no-repeat #fafafa;
  background-size: 30px 30px;
  left: 50%;
  margin-left: 484px;
  top: 125px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 20;
}

@media all and (max-width: 1100px) {
  .pcMenuBtn {
    left: auto;
    right: 67px;
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .pcMenuBtn {
    display: none;
  }
}

.pcMenu {
  position: fixed;
  z-index: 20;
  background: rgba(255, 255, 0, 0.9);
  border-radius: 8px;
  left: 50%;
  top: 192px;
  margin-left: 310px;
  width: 240px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  display: none;
}

.pcMenu_inner {
  display: flex;
  flex-wrap: wrap;
}

.pcMenu_inner a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background-position: center center;
  background-size: cover;
}

.pcMenu_inner a.coming {
  opacity: 0.3;
}

.pcMenu_inner a.coming:hover {
  opacity: 0.3;
}

.pcMenu_inner li {
  background-color: #fff;
  overflow: hidden;
  width: 80px;
  height: 80px;
}

.pcMenu_inner li:nth-child(2n) {
  background-color: #e4e4e4;
}

.pcMenu_inner li.spNav-art {
  border-bottom: 3px solid #f7f6f5;
}

.pcMenu_inner li.spNav-music {
  border-bottom: 3px solid #f7f6f5;
}

.pcMenu_inner li.spNav-food {
  border-bottom: 3px solid #f7f6f5;
}

.pcMenu_inner li.spNav-art a {
  background-image: url(../images/common/spnavicon-art.png);
  background-color: #ffff00;
}

.pcMenu_inner li.spNav-music a {
  background-image: url(../images/common/spnavicon-music_w.png);
  background-color: #4a4c9c;
}

.pcMenu_inner li.spNav-food a {
  background-image: url(../images/common/spnavicon-food_w.png);
  background-color: #beb58d;
}

.pcMenu_inner li.spNav-cruise a {
  background-image: url(../images/common/spnavicon-meguru.png);
}

.pcMenu_inner li.spNav-shiru a {
  background-image: url(../images/common/spnavicon-shiru.png);
}

.pcMenu_inner li.spNav-access a {
  background-image: url(../images/common/spnavicon-access.png);
}

.pcMenu_inner li.spNav-event a {
  background-image: url(../images/common/spnavicon-event.png);
}

.pcMenu_inner li.spNav-topic a {
  background-image: url(../images/common/spnavicon-topic.png);
}

.pcMenu_inner li.spNav-news a {
  background-image: url(../images/common/spnavicon-news.png);
}

.pcMenu_inner li.spNav-passport a {
  background-image: url(../images/common/spnavicon-passport.png);
}

.pcMenu_inner li.spNav-tour a {
  background-image: url(../images/common/spnavicon-tour.png);
}

.pcMenu_inner li.spNav-kojika a {
  background-image: url(../images/common/spnavicon-kojika.png);
}

.pcMenu_inner li.spNav-about a {
  background-image: url(../images/common/spnavicon-about.png);
}

.pcMenu_inner li.spNav-contact a {
  background-image: url(../images/common/spnavicon-contact.png);
}

.pcMenu_inner li.spNav-blank a {
  background-image: url(../images/common/spnavicon-blank.png);
}

.pcMenu_inner li.spNav-ticket a {
  background-image: url(../images/common/spnavicon-ticket.png);
  background-color: #ffff00;
}

.pcMenu_inner li:last-child {
  width: 160px;
  background: #f7f6f4;
}

.pcMenu .headExternal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pcMenu .headExternal a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23px;
  height: 20px;
  text-indent: -999px;
  margin: 0px 10px;
}

.pcMenu .headExternal a.hsns-instagram {
  background-image: url(../images/common/hsns-1.png);
}

.pcMenu .headExternal a.hsns-facebook {
  background-image: url(../images/common/hsns-2.png);
}

.pcMenu .headExternal a.hsns-twitter {
  background-image: url(../images/common/hsns-3.png);
}

.pcMenu .headExternal a.hsns-buyticket {
  width: 74px;
  height: 20px;
  background-image: url(../images/common/h-ticket.png);
}

@media all and (max-width: 1100px) {
  .pcMenu {
    left: auto;
    right: 50px;
    margin-left: 0;
  }
}

@media all and (max-width: 767px) {
  .pcMenu {
    display: none !important;
  }
}

.fixNav {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  -webkit-transform: translateY(-120px);
  -ms-transform: translateY(-120px);
  transform: translateY(-120px);
}

.fixNav.is-show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.fixNav_inner {
  width: 823px;
  padding-left: 155px;
  padding-right: 122px;
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
  position: relative;
}

.fixNav_outer {
  border-bottom: 1px solid black;
}

.fixNav .hLeft {
  position: relative;
  display: flex;
  align-items: center;
}

.fixNav .logo {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/common/logo_fix.png) center center no-repeat;
  background-size: cover;
  width: 120px;
  height: 100px;
  z-index: 10;
}

.fixNav .logo a {
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  width: 120px;
  height: 100px;
}

.fixNav ._catNav {
  height: 45px;
  display: flex;
}

.fixNav ._catNav li {
  width: 75px;
}

.fixNav ._catNav li a {
  overflow: hidden;
  display: block;
}

.fixNav .hCatNav {
  font-family: 'Helvetica';
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

.fixNav .hCatNav li {
  margin-right: 38px;
}

.fixNav .hCatNav a {
  color: #000;
  text-decoration: none;
}

.fixNav .hCatNav a:hover {
  color:#eb4969 !important;
  opacity:100 !important;
}

.fixNav .hCatNav2 a:hover {
  color:#eb4969 !important;
  opacity:100 !important;
}

.fixNav .hCatNav2, .fixNav .hCatNav3 {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  border-left: solid 2px #000;
  margin-right: 33px;
}

.fixNav .hCatNav2 li, .fixNav .hCatNav3 li {
  margin-left: 33px;
}

.fixNav .hCatNav2 a, .fixNav .hCatNav3 a {
  color: #000;
  text-decoration: none;
}

.fixNav .hCatNav3 {
  margin-right: 0px;
}

.fixNav .hRight {
  position: relative;
  display: flex;
  height: 45px;
  align-items: center;
}

.fixNav ._hlang {
  display: flex;
  margin-right: 30px;
}

.fixNav ._hlang li {
  line-height: 1;
  margin-right: 7px;
}

.fixNav ._hlang li:last-child {
  margin-right: 0;
}

.fixNav ._hlang a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 24px;
  height: 12px;
  text-indent: -999px;
}

.fixNav ._hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_cr.png);
}

.fixNav ._hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2.png);
}

.fixNav ._hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3.png);
}

.fixNav ._hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4.png);
}

.fixNav ._hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5.png);
}

.fixNav ._hlang a.hlang-1.cr {
  background-image: url(../images/common/hlang-1_cr.png);
}

.fixNav ._hlang a.hlang-2.cr {
  background-image: url(../images/common/hlang-2_cr.png);
}

.fixNav ._hlang a.hlang-3.cr {
  background-image: url(../images/common/hlang-3_cr.png);
}

.fixNav ._hlang a.hlang-4.cr {
  background-image: url(../images/common/hlang-4_cr.png);
}

.fixNav ._hlang a.hlang-5.cr {
  background-image: url(../images/common/hlang-5_cr.png);
}

@media all and (max-width: 767px) {
  .fixNav ._hlang {
    display: none;
  }
}

.fixNav .headExternal {
  display: flex;
  align-items: flex-end;
}

.fixNav .headExternal li {
  line-height: 1;
  margin-right: 20px;
}

.fixNav .headExternal li:last-child {
  margin-right: 0;
}

.fixNav .headExternal a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23px;
  height: 20px;
  text-indent: -999px;
}

.fixNav .headExternal a.hsns-instagram {
  background-image: url(../images/common/hsns-1.png);
}

.fixNav .headExternal a.hsns-facebook {
  background-image: url(../images/common/hsns-2.png);
}

.fixNav .headExternal a.hsns-twitter {
  background-image: url(../images/common/hsns-3.png);
}

.fixNav .headExternal a.hsns-buyticket {
  width: 85px;
  height: 20px;
  background-image: url(../images/common/h-ticket_fix.png);
}

@media all and (max-width: 767px) {
  .fixNav .headExternal {
    display: none;
  }
}

.fixNav .fixlocalNav {
  width: 100%;
}

.fixNav .fixlocalNavArtist {
  background: #fafafa;
}

.fixNav .fixlocalNav ul {
  display: flex;
  font-weight: bold;
  font-size: 12px;
}

.fixNav .fixlocalNav ul li {
  padding: 10px 0px;
  margin-right: 35px;
}

.fixNav .fixlocalNav ul a {
  color: #000;
  text-decoration: none;
}

@media all and (max-width: 767px) {
  .fixNav {
    display: none;
  }
}

.indexPage .fixNav {
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translateY(-180px);
  -ms-transform: translateY(-180px);
  transform: translateY(-180px);
}

.indexPage .fixNav .pcMenu_inner {
  display: none;
}

.indexPage .fixNav.is-show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.indexPage .fixNav.is-show .pcMenu_inner {
  display: flex;
}

.artistPage .artistinfoTxt .link_area {
  display: none;
}

.topicListBlock {
  padding: 75px 0px;
}
.Block1 {
  background-color: #e6e1c3;
}
.Block2 {
  background-color: #e1f1fe;
}
.Block3 {
  background-color: #e9fce8;
}
.Blockmb-150 {
  margin-bottom: -150px;
}
@media all and (max-width: 767px) {
.Blockmb-150 {
  margin-bottom: -50px;
}
}







.topicListBlock .blockTtl {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.topicListBlock .blockTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 10px 20px;
}

.topicListBlock .blockTtl2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.topicListBlock .topicList {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: normal;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.topicListBlock .topicList li {
  width: 300px;
  margin-right: 50px;
  margin-bottom: 70px;
}

.topicListBlock .topicList li:nth-child(3n) {
  margin-right: 0;
}

.topicListBlock .topicList .listImg {
  line-height: 0;
  margin-bottom: 10px;
  position: relative;
}

.topicListBlock .topicList .listImg img {
  width: 100%;
  height: auto;
}

.topicListBlock .topicList .listImg .new {
  position: absolute;
  left: -25px;
  top: -25px;
  width: 50px;
  height: 50px;
  background: url(../images/common/topic-new.png) center center no-repeat;
  background-size: cover;
}

.topicListBlock .topicList .listTtl {
  letter-spacing: 0.1em;
  font-size: 18px;
  line-height: 1.8;
  border-bottom: #bebebe solid 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.topicListBlock .topicList .listTtl2{
  letter-spacing: 0.1em;
  font-size: 16px;
  line-height: 1.8;
  border-bottom: #bebebe solid 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: normal;
}

.topicListBlock .topicList .listTxt {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.topicListBlock .topicList .listBottom {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  font-size: 12px;
}

.topicListBlock .topicList .listBottom .link {
  text-decoration: none;
  color: #000;
  background: #ffce00;
  display: inline-block;
  border-radius: 3px;
  padding: 3px 7px;
}

.topicListBlock .topicList .listBottom .date {
  font-family: 'Helvetica';
}

.topicListBlock .topicmore {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.topicListBlock .topicmore a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  padding: 0px 10px 15px;
  border-bottom: solid 2px #000;
  position: relative;
}

.topicListBlock .topicmore a:after {
  content: '';
  background: url(../images/common/arrow-under.png) center center no-repeat;
  background-size: cover;
  width: 12px;
  height: 10px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -10px;
}

@media all and (max-width: 767px) {
  .topicListBlock {
    padding: 45px 0px;
  }
  .topicListBlock .blockTtl {
    font-size: 16px;
  }
  .topicListBlock .blockTtl2 {
    font-size: 15px;
    margin-bottom: 35px;
  }
  .topicListBlock .topicList {
    display: block;
    padding-bottom: 1px;
  }
  .topicListBlock .topicList li {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    margin-bottom: 50px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .topicListBlock .topicList li {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .topicListBlock .topicList li:nth-child(3n) {
    margin-right: auto;
  }
  .topicListBlock .topicList .listImg {
    margin-bottom: 15px;
  }
  .topicListBlock .topicList .listImg .new {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
  }
  .topicListBlock .topicList .listTtl {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .topicListBlock .topicList .listTxt {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 20px;
  }
  .topicListBlock .topicList .listBottom {
    font-size: 12px;
  }
  .topicListBlock .topicmore {
    margin-bottom: 90px;
    font-size: 15px;
  }
}

.artist_rnd_area {
  padding-top: 100px;
  padding-bottom: 100px;
}

.artist_rnd_area .areaTtl {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.artist_rnd_area .areaTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 10px 20px;
}

.artist_rnd_area_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.artist_rnd_area_list li {
  width: 16.6666%;
  line-height: 0;
  display: block;
  position: relative;
  color: #000;
}

.artist_rnd_area_list li:hover .overlay {
  opacity: 1;
}

.artist_rnd_area_list li a {
  display: block;
  position: relative;
  color: #000;
}

.artist_rnd_area_list li a:hover {
  opacity: 1;
}

.artist_rnd_area_list li .imgBox {
  width: 100%;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.artist_rnd_area_list .overlay {
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
}

.artist_rnd_area_list .overlay p {
  line-height: 1;
  font-style: italic;
  font-weight: bold;
}

.artist_rnd_area_list .overlay p.txt1 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: 'Helvetica';
  font-size: 15px;
}

.artist_rnd_area_list .overlay p.txt2 {
  position: relative;
  margin-top: -5px;
  font-size: 25px;
  line-height: 1.5;
}

.artist_rnd_area_list .overlay p.txt3 {
  font-size: 20px;
}

.artist_rnd_area .btmBtn_area {
  display: flex;
  justify-content: center;
  font-size: 18px;
}

.artist_rnd_area .btmBtn_area a {
  color: #000;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 46px;
  font-size: 18px;
  transition: background 0.3s;
}

.artist_rnd_area .btmBtn_area a:hover {
  opacity: 1;
  background: #ffff00;
}

.artist_rnd_area .btmBtn_area li {
  width: 220px;
  margin-left: 50px;
}

.artist_rnd_area .btmBtn_area li:first-child {
  margin-left: 0;
}

@media all and (max-width: 767px) {
  .artist_rnd_area {
  }
}

.importantNewsBlock {
  border: solid 2px #000;
  background: #fff;
  width: 250px;
  padding: 20px 23px 29px;
}

.importantNewsBlockTtl {
  font-weight: bold;
  color: red;
  text-align: center;
  border-bottom: #000 solid 2px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 18px;
}

.importantNewsBlock .sldTxt {
  font-size: 14px;
  line-height: 2;
}

.importantNewsBlock .slick-dots {
  bottom: -60px;
}

.importantNewsBlock .slick-dots li {
  border-radius: 10px;
  width: 10px;
  height: 10px;
}

.importantNewsBlock .slick-dots li button {
  background: #000;
}

.importantNewsBlock .slick-dots li.slick-active button {
  background: #f00;
}

@media all and (max-width: 767px) {
  .importantNewsBlock {
    width: calc(100% - 46px);
    margin-bottom: 80px;
  }
  .importantNewsBlock .slick-dots {
    bottom: -75px;
  }
  .importantNewsBlock .sldTxt {
    font-size: 12px;
  }
}

.passport_area {
  padding: 0px 0px 20px;
  position: relative;
}

.passport_area a {
  color: #000;
}

.passport_area .imgBoxTop {
  position: relative;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/wanted-bg.jpg) center center no-repeat;
  background-size: cover;
}

.passport_area .js-ivcmn {
  position: relative;
}

.passport_area .introTxt {
  text-align: center;
  margin-bottom: 60px;
}

.passport_area .introTxt dt {
  font-size: 18px;
  margin-bottom: 55px;
}

.passport_area .introTxt dt span {
  display: inline-block;
  position: relative;
  font-weight: bold;
}

.passport_area .introTxt dt span:after {
  position: absolute;
  content: '';
  background: #000;
  left: 0;
  width: 100%;
  bottom: -10px;
  height: 2px;
  width: 100%;
}

.passport_area .introTxt dd {
  line-height: 1.8;
  font-size: 16px;
}



.passport_area .introTxt2 {
  text-align: center;
  margin-bottom: 0px;
}

.passport_area .introTxt2 dt {
  font-size: 18px;
  margin-bottom: 20px;
}

.passport_area .introTxt2 dt span {
  display: inline-block;
  position: relative;
  font-weight: bold;
}

.passport_area .introTxt2 dt span:after {
  position: absolute;
  content: '';
  background: #000;
  left: 0;
  width: 100%;
  bottom: -10px;
  height: 2px;
  width: 100%;
}

.passport_area .introTxt2 dd {
  line-height: 1.8;
  font-size: 16px;
 margin-bottom: 40px;
}











.passport_area .passport_cnt {
  position: relative;
  max-width: 970px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.passport_area .passport_cnt img {
  max-width: 100%;
}

.passport_area .passport_cnt .areaTtl {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 30px;
  margin-bottom: 35px;
  font-size: 18px;
}

.passport_area .passport_cnt .buyticket {
  position: absolute;
  bottom: -130px;
  right: -30px;
}

.passport_area .price_area {
  width: 450px;
  font-size: 12px;
}

.passport_area .price_area .img {
  width: 100%;
}

.passport_area .price_area .img img {
  width: 100%;
}

.passport_area .price_area .att1 {
  line-height: 1.8;
  margin-top: 30px;
}

.passport_area .price_area .att2 {
  line-height: 1.8;
  margin-top: 25px;
}

.passport_area .howto_area {
  width: 450px;
}

.passport_area .howto_area .txt_area p {
  line-height: 2.1;
  margin-bottom: 1em;
  font-size: 14px;
}

.passport_area .howto_area .txt_area a {
  color: #000;
}

@media all and (max-width: 767px) {
  .passport_area {
    padding-bottom: 10px;
  }
  .passport_area .sectionTtl {
    margin-bottom: 20px;
  }
  .passport_area .introTxt {
    margin-bottom: 45px;
  }
  .passport_area .introTxt dt {
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 30px;
  }
  .passport_area .introTxt dt span {
    display: inline-block;
    position: relative;
    font-weight: bold;
  }
  .passport_area .introTxt dt span:after {
    bottom: -15px;
    height: 1px;
  }
  .passport_area .introTxt dd {
    line-height: 1.8;
    font-size: 16px;
  }
  .passport_area .passport_cnt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .passport_area .passport_cnt {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .passport_area .passport_cnt .areaTtl {
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 13px;
    text-align: center;
  }
  .passport_area .passport_cnt .buyticket {
    display: none;
  }
  .passport_area .price_area {
    width: 100%;
    font-size: 10px;
  }
  .passport_area .price_area .att1 {
    margin-top: 35px;
  }
  .passport_area .price_area .att2 {
    margin-top: 30px;
  }
  .passport_area .howto_area {
    margin-top: 55px;
    width: 100%;
  }
  .passport_area .howto_area .txt_area p {
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .musicIndexPage .cmnHeader .logo,
  .foodIndexPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntinrWrp,
  .foodIndexPage .cntinrWrp {
    padding-bottom: 75px;
  }
}

.musicIndexPage .anc,
.foodIndexPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .musicIndexPage .anc,
  .foodIndexPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .musicIndexPage .anc,
  .foodIndexPage .anc {
    top: 0;
  }
}

.musicIndexPage .kv_area,
.foodIndexPage .kv_area {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
  margin-bottom: 95px;
}

.musicIndexPage .kv_area .kvImg,
.foodIndexPage .kv_area .kvImg {
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.musicIndexPage .kv_area .articleTtl,
.foodIndexPage .kv_area .articleTtl {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  background: #ffff00;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .musicIndexPage .kv_area,
  .foodIndexPage .kv_area {
    height: 375px;
    margin-bottom: 65px;
    background-position: center top;
  }
  .musicIndexPage .kv_area .articleTtl,
  .foodIndexPage .kv_area .articleTtl {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    bottom: -30px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .musicIndexPage .cntinrWrp,
  .foodIndexPage .cntinrWrp {
    position: relative;
    margin-top: -95px;
  }
}

.musicIndexPage .introTxt_area,
.foodIndexPage .introTxt_area {
  text-align: center;
  padding-bottom: 65px;
}

.musicIndexPage .introTxt_area dl dt,
.foodIndexPage .introTxt_area dl dt {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 40px;
}

.musicIndexPage .introTxt_area dl dd,
.foodIndexPage .introTxt_area dl dd {
  line-height: 2;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .musicIndexPage .introTxt_area dl dt,
  .foodIndexPage .introTxt_area dl dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .musicIndexPage .introTxt_area dl dd,
  .foodIndexPage .introTxt_area dl dd {
    font-size: 11px;
  }
}

.musicIndexPage .cntBoxWrp,
.foodIndexPage .cntBoxWrp {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntBoxWrp,
  .foodIndexPage .cntBoxWrp {
    background: #fff;
  }
  .musicIndexPage .cntBoxWrp .cntBox,
  .foodIndexPage .cntBoxWrp .cntBox {
    margin-bottom: 50px;
  }
  .musicIndexPage .cntBoxWrp .cntBox:last-child,
  .foodIndexPage .cntBoxWrp .cntBox:last-child {
    margin-bottom: 0;
  }
}

@media all and (max-width: 767px) {
  .musicIndexPage .cntBoxWrp,
  .foodIndexPage .cntBoxWrp {
    width: 100%;
    border-bottom: #000 solid 1px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    background: #fff;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .musicIndexPage .cntBoxWrp,
  .foodIndexPage .cntBoxWrp {
    max-width: 290px;
  }
}

.musicIndexPage .cntBoxOutr,
.foodIndexPage .cntBoxOutr {
  position: relative;
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntBoxOutr,
  .foodIndexPage .cntBoxOutr {
    margin-bottom: 75px;
  }
  .musicIndexPage .cntBoxOutr:before,
  .foodIndexPage .cntBoxOutr:before {
    position: absolute;
    content: '';
    background: #ffff00;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
  }
}

.musicIndexPage .cntBox,
.foodIndexPage .cntBox {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  align-items: center;
}

.musicIndexPage .cntBox .img,
.foodIndexPage .cntBox .img {
  width: 500px;
  line-height: 0;
}

.musicIndexPage .cntBox .img img,
.foodIndexPage .cntBox .img img {
  width: 100%;
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntBox .img,
  .foodIndexPage .cntBox .img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.musicIndexPage .cntBox .txt_area,
.foodIndexPage .cntBox .txt_area {
  width: 400px;
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntBox .txt_area,
  .foodIndexPage .cntBox .txt_area {
    padding: 0px 50px;
  }
}

.musicIndexPage .cntBox .subTtl,
.foodIndexPage .cntBox .subTtl {
  font-size: 13px;
  margin-bottom: 10px;
}

@media all and (max-width: 767px) {
  .musicIndexPage .cntBox .subTtl,
  .foodIndexPage .cntBox .subTtl {
    text-align: center;
    font-size: 11px;
    margin-bottom: 5px;
  }
}

.musicIndexPage .cntBox .boxTtl,
.foodIndexPage .cntBox .boxTtl {
  font-style: italic;
  background: url(../images/common/border.png) left bottom repeat-x;
  font-size: 30px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  line-height: 1;
}

.musicIndexPage .cntBox .boxTtl .sml,
.foodIndexPage .cntBox .boxTtl .sml {
  font-size: 13px;
}

.musicIndexPage .cntBox .boxTxt,
.foodIndexPage .cntBox .boxTxt {
  text-align: justify;
  line-height: 1.8;
  font-size: 14px;
}

.musicIndexPage .cntBox .boxBtn,
.foodIndexPage .cntBox .boxBtn {
  margin-top: 30px;
  display: flex;
  font-size: 14px;
}

.musicIndexPage .cntBox .boxBtn li,
.foodIndexPage .cntBox .boxBtn li {
  margin-right: 30px;
}

.musicIndexPage .cntBox .boxBtn a,
.foodIndexPage .cntBox .boxBtn a {
  font-weight: bold;
  display: inline-block;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  color: #000;
  padding: 5px 23px;
  transition: background-color 0.3s;
}

.musicIndexPage .cntBox .boxBtn a:hover,
.foodIndexPage .cntBox .boxBtn a:hover {
  opacity: 1;
  background-color: #ff0;
}

@media all and (max-width: 767px) {
  .musicIndexPage .cntBox,
  .foodIndexPage .cntBox {
    padding-bottom: 40px;
    background: url(../images/common/border.png) left bottom repeat-x;
    margin-bottom: 45px;
  }
  .musicIndexPage .cntBox:last-child,
  .foodIndexPage .cntBox:last-child {
    padding-bottom: 25px;
    background: none;
  }
  .musicIndexPage .cntBox .img,
  .foodIndexPage .cntBox .img {
    width: 100%;
  }
  .musicIndexPage .cntBox .txt_area,
  .foodIndexPage .cntBox .txt_area {
    width: 100%;
  }
  .musicIndexPage .cntBox .boxTtl,
  .foodIndexPage .cntBox .boxTtl {
    text-align: center;
    background: none;
    font-size: 18px;
    padding-bottom: 0px;
  }
  .musicIndexPage .cntBox .boxTtl .sml,
  .foodIndexPage .cntBox .boxTtl .sml {
    font-size: 11px;
  }
  .musicIndexPage .cntBox .boxTxt,
  .foodIndexPage .cntBox .boxTxt {
    margin-top: 20px;
    line-height: 1.8;
    font-size: 12px;
  }
  .musicIndexPage .cntBox .boxBtn,
  .foodIndexPage .cntBox .boxBtn {
    font-size: 13px;
  }
  .musicIndexPage .cntBox .boxBtn li,
  .foodIndexPage .cntBox .boxBtn li {
    margin-right: 20px;
  }
  .musicIndexPage .cntBox .boxBtn a,
  .foodIndexPage .cntBox .boxBtn a {
    border: solid 1px #000;
    border-radius: 5px;
    padding: 5px 18px;
  }
}

.musicIndexPage .kv_area .articleTtl {
  color: #fff;
  background: #46549a;
}

@media all and (min-width: 768px) {
  .musicIndexPage .cntBoxOutr {
    background: #46549a;
  }
}

.foodIndexPage .kv_area .articleTtl {
  color: #fff;
  background: #b7ab83;
}

@media all and (min-width: 768px) {
  .foodIndexPage .cntBoxOutr {
    background: #b7ab83;
  }
}

.ancPos {
  position: relative;
  width: 100%;
}

.ancPos span {
  display: block;
  width: 100%;
  position: absolute;
}

@media all and (min-width: 768px) {
  .ancPos span {
    top: -80px;
  }
}

.artPage .hCatNav li:nth-child(1) a,
.artPage .fixNav .hCatNav li:nth-child(1) a, .areaPage .hCatNav li:nth-child(1) a,
.areaPage .fixNav .hCatNav li:nth-child(1) a, .artistPage .hCatNav li:nth-child(1) a,
.artistPage .fixNav .hCatNav li:nth-child(1) a {

}

.musicIndexPage .hCatNav li:nth-child(2) a,
.musicIndexPage .fixNav .hCatNav li:nth-child(2) a,
.korogarushiPage .hCatNav li:nth-child(2) a,
.korogarushiPage .fixNav .hCatNav li:nth-child(2) a,
.operaPage .hCatNav li:nth-child(2) a,
.operaPage .fixNav .hCatNav li:nth-child(2) a {
  color: #46549a;
}

.artistPage .pageWrp.artcat-music .hCatNav li:nth-child(1) a,
.artistPage .pageWrp.artcat-music .fixNav .hCatNav li:nth-child(1) a {
  color: #000;
}

.artistPage .pageWrp.artcat-music .hCatNav li:nth-child(2) a,
.artistPage .pageWrp.artcat-music .fixNav .hCatNav li:nth-child(2) a {
  color: #46549a;
}

.foodIndexPage .hCatNav li:nth-child(3) a,
.foodIndexPage .fixNav .hCatNav li:nth-child(3) a,
.food-adventurePage .hCatNav li:nth-child(3) a,
.food-adventurePage .fixNav .hCatNav li:nth-child(3) a {
  color: #b7ab83;
}

.meguruPage .hCatNav2 li:nth-child(1) a,
.hotelPage .hCatNav2 li:nth-child(1) a {

}

.knowIndexPage .hCatNav2 li:nth-child(2) a {

}

.accessPage .hCatNav3 li:nth-child(2) a {
  color: #f0e600;
}

.topicList .hCatNav3 li:nth-child(1) a,
.topicDetail .hCatNav3 li:nth-child(1) a {
  color: #f0e600;
}

.topicList .fixNav .fixlocalNav,
.topicList .cmnHeader .hAreaNav li,
.topicDetail .fixNav .fixlocalNav,
.topicDetail .cmnHeader .hAreaNav li {
  display: none;
}

.formPage .fixNav .fixlocalNav,
.formPage .cmnHeader .hAreaNav li {
  display: none;
}

.pageWrp.areacat-ishinomaki_area1 .hAreaNav .areaNav-1 a,
.pageWrp.areapage-station .hAreaNav .areaNav-1 a {
  color: #f0e600;
}

.pageWrp.areacat-ishinomaki_area2 .hAreaNav .areaNav-2 a,
.pageWrp.areacat-ishinomaki_area2-1 .hAreaNav .areaNav-2 a,
.pageWrp.areacat-ishinomaki_area2-2 .hAreaNav .areaNav-2 a,
.pageWrp.areacat-ishinomaki_area2-3 .hAreaNav .areaNav-2 a,
.pageWrp.areacat-ishinomaki_area2-4 .hAreaNav .areaNav-2 a,
.pageWrp.areacat-ishinomaki_area2-5 .hAreaNav .areaNav-2 a,
.pageWrp.areapage-ishinomaki .hAreaNav .areaNav-2 a {
  color: #f0e600;
}

.pageWrp.areacat-momonoura_area .hAreaNav .areaNav-3 a,
.pageWrp.areapage-momonoura .hAreaNav .areaNav-3 a {
  color: #f0e600;
}

.pageWrp.areacat-oginohama_area .hAreaNav .areaNav-4 a,
.pageWrp.areapage-oginohama .hAreaNav .areaNav-4 a {
  color: #f0e600;
}

.pageWrp.areacat-kozumi_area .hAreaNav .areaNav-5 a,
.pageWrp.areapage-kozumi .hAreaNav .areaNav-5 a {
  color: #f0e600;
}

.pageWrp.areacat-ayukawa_area .hAreaNav .areaNav-6 a,
.pageWrp.areapage-ayukawa .hAreaNav .areaNav-6 a {
  color: #f0e600;
}

.pageWrp.areacat-ajishima_area .hAreaNav .areaNav-7 a,
.pageWrp.areapage-ajishima .hAreaNav .areaNav-7 a {
  color: #f0e600;
}

/*
	index
*/
.indexPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .indexPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .anc {
    top: 0;
  }
}

.indexPage .kv_area {
  background: url("../images/index/kv.jpg") center center no-repeat;
  background-size: cover;
  height: 100vh;
  color: #0f3676;
  opacity: 0;
  transition: opacity 1s;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

.indexPage .kv_area_tex {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s;
  background: url("../images/index/kv-tex.png") center center no-repeat;
  background-size: cover;
}

.indexPage .kv_area_tex.show {
  opacity: 1;
}

.indexPage .kv_area.show {
  opacity: 1;
}

.indexPage .kv_area_inner {
  position: relative;
  padding: 0px 50px;
  margin: 0px auto;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s;
}

.indexPage .kv_area_inner.show {
  opacity: 1;
}

.indexPage .kv_area .kv-days {
  position: absolute;
  top: 265px;
  width: 264px;
}

.indexPage .kv_area .kv-days img {
  width: 100%;
}

.indexPage .kv_area .kv-area {
  position: absolute;
  bottom: 70px;
}

.indexPage .kv_area_txtArea-2 {
  position: absolute;
  bottom: 70px;
  padding-right: 60px;
}

.indexPage .kv_area_txtArea-2 dl {
  margin-top: 20px;
}

.indexPage .kv_area_txtArea-2 dl:first-child {
  margin-top: 0;
}

.indexPage .kv_area_txtArea-2 dl:first-child dt {
  letter-spacing: 0.2em;
}

.indexPage .kv_area_txtArea-2 dl dt {
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 7px;
}

.indexPage .kv_area_txtArea-2 dl dt span {
  font-size: 12px;
  letter-spacing: 0.05em;
}

.indexPage .kv_area_txtArea-2 dl dd {
  font-size: 11px;
  letter-spacing: 0.075em;
}

.indexPage .kv_area_txtArea-2 dl dd .sml {
  font-size: 10px;
}

.indexPage .kv_area_txtArea-2 p {
  font-size: 9px;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.indexPage .kv_area .photo {
  position: absolute;
  font-weight: normal;
  right: 30px;
  bottom: 30px;
  font-size: 11px;
  letter-spacing: 0.05em;
  z-index: 1;
}

.indexPage .kv_area .kvTxt {
  position: absolute;
  right: 70px;
  width: 244px;
  top: 50%;
  margin-top: -12px;
  opacity: 0;
  transition: opacity 0.5s;
}

.indexPage .kv_area .kvTxt img {
  width: 100%;
}

.indexPage .kv_area .kvTxt.show {
  opacity: 1;
}

.indexPage .kv_area .cmnHeader {
  padding: 50px 50px 0px;
  opacity: 0;
  transition: opacity 1.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px - 35px);
  min-width: 1000px;
}

.indexPage .kv_area .cmnHeader.show {
  opacity: 1;
}

.indexPage .kv_area .cmnHeader .logo {
  background-image: url(../images/common/logo_w.png);
}

@media all and (min-width: 1200px) {
  .indexPage .kv_area .cmnHeader .logo {
    width: 243px;
    height: 172px;
  }
}

.indexPage .kv_area .cmnHeader .hCatNav a, .indexPage .kv_area .cmnHeader .hCatNav2 a, .indexPage .kv_area .cmnHeader .hCatNav3 a, .indexPage .kv_area .cmnHeader .hNews a {
  color: #0f3676;
}

.indexPage .kv_area .cmnHeader .hCatNav2 {
  background: url(../images/common/hcatnav2-border_w.png) left center no-repeat, url(../images/common/hcatnav2-border_w.png) right center no-repeat;
}

.indexPage .kv_area .cmnHeader .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_w.png);
}

.indexPage .kv_area .cmnHeader .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2_w.png);
}

.indexPage .kv_area .cmnHeader .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3_w.png);
}

.indexPage .kv_area .cmnHeader .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4_w.png);
}

.indexPage .kv_area .cmnHeader .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5_w.png);
}

.indexPage .kv_area .cmnHeader .headExternal a.hsns-instagram {
  background-image: url(../images/common/hsns-1_w.png);
}

.indexPage .kv_area .cmnHeader .headExternal a.hsns-facebook {
  background-image: url(../images/common/hsns-2_w.png);
}

.indexPage .kv_area .cmnHeader .headExternal a.hsns-twitter {
  background-image: url(../images/common/hsns-3_w.png);
}

.indexPage .kv_area .hPass {
  left: auto;
  margin-left: 0;
  right: 34px;
}

.indexPage .kv_area .hPass a {
  background-image: url(../images/common/hpass_w.png);
}

.indexPage .kv_area .pcMenu {
  left: auto;
  margin-left: 0;
  right: 34px;
}

.indexPage .kv_area .pcMenuBtn {
  left: auto;
  margin-left: 0;
  right: 50px;
  background-image: url(../images/common/pc-menu-btn_w.png);
  background-color: transparent;
}

@media all and (min-width: 768px) {
  .indexPage .kv_area {
    min-height: 600px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .kv_area {
    background: url("../images/index/kv-sp.jpg") center bottom no-repeat;
    background-size: cover;
    min-height: 500px;
  }
  .indexPage .kv_area_tex {
    background: url("../images/index/kv-tex-sp.png") center center no-repeat;
    background-size: cover;
  }
  .indexPage .kv_area_inner {
    padding: 0px 25px;
  }
  .indexPage .kv_area .kv-days {
    top: auto;
    top: 220px;
    width: 211px;
  }
  .indexPage .kv_area .kvTxt {
    right: auto;
    left: 25px;
    width: 168px;
    margin-top: 0px;
    top: auto;
    top: 450px;
  }
  .indexPage .kv_area_txtArea-2 {
    bottom: 35px;
    padding-right: 25px;
  }
  .indexPage .kv_area_txtArea-2 dl {
    margin-top: 20px;
  }
  .indexPage .kv_area_txtArea-2 dl:first-child {
    margin-top: 0;
  }
  .indexPage .kv_area_txtArea-2 dl:first-child dt {
    letter-spacing: 0.1em;
  }
  .indexPage .kv_area_txtArea-2 dl dt {
    font-size: 12px;
    margin-bottom: 7px;
  }
  .indexPage .kv_area_txtArea-2 dl dt span {
    font-size: 12px;
    letter-spacing: 0.05em;
  }
  .indexPage .kv_area_txtArea-2 dl dd {
    font-size: 10px;
  }
  .indexPage .kv_area_txtArea-2 p {
    font-size: 9px;
    letter-spacing: 0.1em;
    line-height: 1.7;
  }
  .indexPage .kv_area .photo {
    display: none;
  }
  .indexPage .kv_area .cmnHeader {
    min-width: 320px;
    width: calc(100% - 50px);
    padding: 25px 25px 0px;
  }
  .indexPage .kv_area .cmnHeader .logo {
    left: 0;
  }
  .indexPage .kv_area .kv-area {
    width: calc(100% - 70px);
    top: 530px;
  }
  .indexPage .kv_area .kv-area img {
    width: 100%;
    max-width: 306px;
  }
.indexPage .indexKvSlide .slick-dots {
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  top: 590px;
  height: 20px;
  
}
}

.indexPage .indexKvSlide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.indexPage .indexKvSlide .slick-list, .indexPage .indexKvSlide .slick-track {
  background: #eee;
  height: 100%;
  outline: none;
}

.indexPage .indexKvSlide .slick-dots {
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  bottom: 50px;
  height: 20px;
}

.indexPage .indexKvSlide .slick-dots li {
  border-radius: 10px;
  background: #fff;
  width: 10px;
  height: 10px;
  margin: 0px 15px 0px 0px;
}

.indexPage .indexKvSlide .slick-dots li.slick-active {
  background: #ff0;
}

.indexPage .indexKvSlide .slick-dots li {
  position: relative;
  z-index: 1;
}

.indexPage .indexKvSlide .sldBox {
  position: relative;
  width: 100%;
  height: 100vh;
}

.indexPage .indexKvSlide .sldBox.grd:before {
  content: '';
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: absolute;
  width: 100%;
  height: 500px;
  z-index: 1;
}

.indexPage .indexKvSlide .sldBox .ImgPc, .indexPage .indexKvSlide .sldBox .ImgSp {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media all and (min-width: 768px) {
  .indexPage .indexKvSlide .ImgSp {
    display: none;
  }
  .indexPage .indexKvSlide .slick-dots {
    bottom: 70px;
    text-align: right;
    width: 100%;
    right: 60px;
    left: auto;
    margin-left: auto;
  }
}

@media all and (max-width: 767px) {
  .indexPage .indexKvSlide .ImgPc {
    display: none;
  }
  .indexPage .indexKvSlide .slick-dots {
    bottom: 30px;
  }
  .indexPage .indexKvSlide .slick-dots li {
    width: 5px;
    height: 5px;
    margin-right: 9px;
  }
}

.indexPage .fixlocalNav {
  display: none;
}

.indexPage .kv_area .cmnHeader .hAreaNav {
  display: none;
}

@media all and (min-width: 768px) {
  .indexPage .cmnHeader .headerNav_area {
    width: 680px;
  }
}

.indexPage .sectionTtl {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.indexPage .sectionTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 10px 20px;
}

@media all and (max-width: 767px) {
  .indexPage .sectionTtl {
    font-size: 16px;
  }
}

.indexPage .introduction_area {
  position: relative;
  overflow: hidden;
}

.indexPage .introduction_area dl {
  background-color: rgba(255,255,255,0.85);
  text-align: left;
  padding: 50px 50px 50px 50px;
  margin: 0px auto;
  position: relative;
}

.indexPage .introduction_area dl dt {
  font-weight: bold;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
}

.indexPage .introduction_area dl dd {
  letter-spacing: 0.075em;
  font-size: 18px;
  line-height: 2;
}

.indexPage .introduction_area .sclrBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media all and (min-width: 768px) {
  .indexPage .introduction_area .spimg {
    display: none;
  }
  .indexPage .introduction_area dl {
    width: 790px;
  }
  .indexPage .introduction_area .sclrBlock img {
    height: 857px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .introduction_area .sclrBlock {
    opacity: 0;
  }
  .indexPage .introduction_area .spimg {
    line-height: 0;
  }
  .indexPage .introduction_area .spimg img {
    width: 100%;
  }
  .indexPage .introduction_area dl {
    padding: 45px 0px 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    text-align: left;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .introduction_area dl {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .introduction_area dl dt {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .indexPage .introduction_area dl dd {
    font-size: 16px;
  }
}

.indexPage .introduction_area .osTxt_area {
  background: #fff;
  text-align: center;
  margin: 0px auto;
  position: relative;
  line-height: 2;
}

@media all and (min-width: 768px) {
  .indexPage .introduction_area .osTxt_area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 790px;
    height: 426px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .introduction_area .osTxt_area {
    text-align: left;
    padding: 45px 0px 40px;
    font-size: 10px;
  }
  .indexPage .introduction_area .osTxt_area p {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .introduction_area .osTxt_area p {
    max-width: 290px;
  }
}

.indexPage .access_area {
  padding: 75px 0px;
  line-height: 0;
  position: relative;
}

.indexPage .access_area_inner {
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 0px;
}

.indexPage .access_area_inner img {
  width: 100%;
}

.indexPage .access_area .badge {
  position: absolute;
  line-height: 0;
  width: 100px;
  bottom: 35px;
  right: 70px;
}

.indexPage .access_area .badge img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .indexPage .access_area {
    padding: 0;
    margin-bottom: 30px;
    padding-top: 40px;
  }
  .indexPage .access_area_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding: 0 0px 0;
    text-align: center;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .access_area_inner {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .access_area_inner img {
    max-width: 600px;
  }
  .indexPage .access_area .badge {
    margin-top: 30px;
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .indexPage .access_area .badge img {
    width: 125px;
  }
}

.indexPage .introbnr_area .bnrList {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  justify-content: space-between;
  width: 1000px;
}

.indexPage .introbnr_area .bnrList li {
  line-height: 0;
  width: 475px;
  margin-bottom: 40px;
}

.indexPage .introbnr_area .bnrList li a {
  display: block;
}

.indexPage .introbnr_area .bnrList li img {
  width: 100%;
}

@media all and (min-width: 768px) {
  .indexPage .introbnr_area {
    padding-top: 30px;
  }
  .indexPage .introbnr_area .sectionTtl {
    margin-bottom: 100px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .introbnr_area {
    padding-top: 50px;
  }
  .indexPage .introbnr_area .bnrList {
    width: calc(100% - 70px);
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding: 0px 35px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .introbnr_area .bnrList {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .introbnr_area .bnrList li {
    width: 100%;
    margin-bottom: 20px;
  }
}

.indexPage .indexBnr_area {
  padding: 75px 0px 75px;
}

.indexPage .indexBnr_area .bnrList {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  justify-content: space-between;
  width: 1000px;
}

.indexPage .indexBnr_area .bnrList li {
  line-height: 0;
  width: 220px;
}

.indexPage .indexBnr_area .bnrList li a {
  display: block;
}

.indexPage .indexBnr_area .bnrList li img {
  width: 100%;
    margin-bottom: 40px;
}

@media all and (max-width: 767px) {
  .indexPage .indexBnr_area {
    padding: 35px 35px 30px;
  }
  .indexPage .indexBnr_area .bnrList {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    max-width: 300px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .indexBnr_area .bnrList {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .indexBnr_area .bnrList li {
    width: 40%;
    margin-bottom: 20px;
	margin: 0px 0px 0px 0px ;
  }
}

@media all and (min-width: 768px) {
  .indexPage .topicListBlock {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .indexPage .topicListBlock .blockTtl {
    margin-bottom: 80px;
  }
}

.indexPage .newIndexBlock {
  background: url(../images/common/bg-tex.jpg) center top;
  position: relative;
  padding-bottom: 55px;
}

.indexPage .newIndexBlock .sectionTtl {
  position: relative;
  top: -18px;
  margin-bottom: 32px;
}

.indexPage .newIndexBlock .newsCnt {
  width: 1000px;
  margin: 0px auto;
  padding: 0px 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.indexPage .newIndexBlock .newsListBlock {
  width: 655px;
}

.indexPage .newIndexBlock .newsListBlockTtl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 45px;
}

.indexPage .newIndexBlock .newsListBlock .newsList {
  line-height: 2.2;
  font-size: 14px;
}

.indexPage .newIndexBlock .newsListBlock .newsList a {
  color: #000;
  text-decoration: none;
}

.indexPage .newIndexBlock .toallbtn {
  padding-top: 20px;
  font-size: 15px;
}

.indexPage .newIndexBlock .toallbtn a {
  color: #000;
}

@media all and (max-width: 767px) {
  .indexPage .newIndexBlock .newsListBlock {
    width: 100%;
  }
  .indexPage .newIndexBlock .newsListBlock .newsList {
    font-size: 12px;
  }
  .indexPage .newIndexBlock .newsCnt {
    flex-direction: column-reverse;
    width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding: 0px 25px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .newIndexBlock .newsCnt {
    max-width: 290px;
  }
}

.indexPage .themeContents {
  overflow: hidden;
  background: url(../images/common/bg-tex.jpg) center top;
  padding: 100px 40px 70px;
}

@media all and (max-width: 767px) {
  .indexPage .themeContents {
    padding: 0px 0px 0px;
  }
}

.indexPage .themeContents2 {
  overflow: hidden;
  background: url(../images/common/bg-tex2.jpg) center top;
  padding: 100px 40px 70px;
}

@media all and (max-width: 767px) {
  .indexPage .themeContents2 {
    padding: 0px 0px 0px;
  }
}

.indexPage .tol_area {
  position: relative;
  margin: 0px auto;
  max-width: 1000px;
}

.indexPage .tol_area.js-ivTrg {
  position: relative;
  top: 0px;
}

.indexPage .tol_area_inner {
  position: relative;
  margin: 0px auto;
  max-width: 800px;
}

.indexPage .tol_area .ttl {
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 20px;
  letter-spacing: 0.3em;
  margin-bottom: 70px;
}

.indexPage .tol_area .ttl:before {
  content: '';
  background: #ffce00;
  position: absolute;
  width: 5px;
  height: 200px;
  left: 0;
  bottom: 0;
}






.indexPage .tol_area .ttlgrn1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #2d803c;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #2d803c;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 26px;
  letter-spacing: 0.4em;
  margin-bottom: 50px;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlgrn1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #2d803c;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #2d803c;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 15px;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}}
.indexPage .tol_area .ttlgrn2 {
  position: relative;
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
  color: #2d803c;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlgrn2 {
  position: relative;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-bottom: 70px;
  color: #2d803c;
}}
.indexPage .tol_area .leadgrn {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #2d803c;
}
.indexPage .tol_area .catchgrn {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 2.0;
}
.boxgrn {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #2d803c;/*文字色*/
    border: solid 3px #2d803c;/*線*/
    border-radius: 10px;/*角の丸み*/
	background-color: #2d803c;/*背景色*/
}


.indexPage .tol_area .ttlblue1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #1d457c;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #1d457c;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 26px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlblue1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #1d457c;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #1d457c;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 15px;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}}
.indexPage .tol_area .ttlblue2 {
  position: relative;
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
  color: #1d457c;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlblue2 {
  position: relative;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-bottom: 70px;
  color: #1d457c;
}}
.indexPage .tol_area .leadblue {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #1d457c;
}
.indexPage .tol_area .catchblue {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 2.0;
}
.boxblue {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #1d457c;/*文字色*/
    border: solid 3px #1d457c;/*線*/
    border-radius: 10px;/*角の丸み*/
	background-color: #1d457c;/*背景色*/
}



.indexPage .tol_area .ttlred1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #cc280d;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #cc280d;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 26px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlred1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #cc280d;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #cc280d;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 15px;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}}
.indexPage .tol_area .ttlred2 {
  position: relative;
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
  color: #cc280d;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlred2 {
  position: relative;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-bottom: 70px;
  color: #cc280d;
}}
.indexPage .tol_area .leadred {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #cc280d;
}
.indexPage .tol_area .catchred {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 2.0;
}
.boxred {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #cc280d;/*文字色*/
    border: solid 3px #cc280d;/*線*/
    border-radius: 10px;/*角の丸み*/
	background-color: #cc280d;/*背景色*/
}




.indexPage .tol_area .ttlpur1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #6d4cbb;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #6d4cbb;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 26px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlpur1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #6d4cbb;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #6d4cbb;/*左線（実線 太さ 色）*/
  position: relative;
  text-align: left;
  padding-left: 15px;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}}
.indexPage .tol_area .ttlpur2 {
  position: relative;
  text-align: left;
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
  color: #6d4cbb;
}
@media all and (max-width: 767px) {
.indexPage .tol_area .ttlpur2 {
  position: relative;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-bottom: 70px;
  color: #6d4cbb;
}}
.indexPage .tol_area .leadpur {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #6d4cbb;
}
.indexPage .tol_area .catchpur {
  position: relative;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 2.0;
}
.boxpur {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6d4cbb;/*文字色*/
    border: solid 3px #6d4cbb;/*線*/
    border-radius: 10px;/*角の丸み*/
	background-color: #6d4cbb;/*背景色*/
}








.indexPage .tol_area .txtblack {
  position: relative;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000;
}


















.indexPage .tol_area .txtBlock p {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 2em;
  text-align: justify;
  letter-spacing: 0.22em;
}

.indexPage .tol_area .txtBlock p:last-child {
  margin-bottom: 0;
  padding-top: 40px;
}

@media all and (max-width: 767px) {
  .indexPage .tol_area {
    width: auto !important;
    /*
			dl{
				margin-bottom:45px;
				dt{
					font-size: 16px;
					margin-bottom: 15px;
					padding-bottom: 15px;
				}
				dd{
					font-size: 10px;
				}
			}
	*/
  }
  .indexPage .tol_area_inner {
    top: 0px;
    padding: 85px 30px 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .tol_area_inner {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .tol_area .areaTtl {
    margin-bottom: 45px;
    font-size: 16px;
  }
  .indexPage .tol_area .ttl {
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 40px;
  }
  .indexPage .tol_area .txtBlock p {
    font-size: 17px;
    letter-spacing: 0.13em;
    margin-bottom: 20px;
    word-break: break-all;
  }
  .indexPage .tol_area .txtBlock p:last-child {
    padding-top: 0px;
    font-size: 13px;
  }
}

.indexPage .tour_area {
  background: url(../images/index/texture-bg.jpg) center bottom no-repeat;
  background-size: 100% auto;
}

.indexPage .tour_area_kv {
  background: url(../images/index/tour-kv.jpg) center center;
  background-size: cover;
  width: 100%;
  height: 500px;
  position: relative;
}

.indexPage .tour_area .sectionTtl {
  position: relative;
  margin-top: -18px;
}

.indexPage .tour_area .area_inr {
  background: #fff;
  width: 900px;
  margin: 0px auto;
  padding-bottom: 70px;
}

.indexPage .tour_area .area_inr dl {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.2em;
}

.indexPage .tour_area .area_inr dl dt {
  font-weight: bold;
}

.indexPage .tour_area .area_inr dl dt span {
  display: inline-block;
  border-bottom: solid #000 1px;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.indexPage .tour_area .area_inr .btn_area {
  padding-top: 65px;
  display: flex;
  justify-content: center;
  font-size: 18px;
}

.indexPage .tour_area .area_inr .btn_area a {
  color: #000;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  width: 246px;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 46px;
  font-size: 18px;
  transition: background 0.3s;
}

.indexPage .tour_area .area_inr .btn_area a:hover {
  opacity: 1;
  background: #ffff00;
}

@media all and (max-width: 767px) {
  .indexPage .tour_area_kv {
    height: 495px;
  }
  .indexPage .tour_area .area_inr {
    padding: 0px 25px 70px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .indexPage .tour_area .area_inr {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .tour_area .area_inr dl {
    text-align: justify;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  .indexPage .tour_area .area_inr dl dt span {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .indexPage .tour_area .area_inr dl dd {
    font-size: 13px;
  }
  .indexPage .tour_area .area_inr .btn_area {
    padding-top: 45px;
  }
}

.indexPage .wanted_area {
  padding-top: 0px;
  margin: 0px auto;
  position: relative;
}

.indexPage .wanted_area .imgBoxTop {
  position: relative;
  height: 500px;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/wanted-bg.jpg) center center no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}

.indexPage .wanted_area_txtwrp {
  padding: 0px 40px;
  position: relative;
  z-index: 2;
}

@media all and (max-width: 767px) {
  .indexPage .wanted_area_txtwrp {
    padding: 0px 12px;
  }
}

.indexPage .wanted_area .areaTtl {
  text-align: center;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.6em;
  position: relative;
}

.indexPage .wanted_area .areaTtl span {
  letter-spacing: 0;
}

.indexPage .wanted_area .list {
  max-width: 770px;
  padding: 0px 50px;
  margin: 0px auto;
  padding-bottom: 90px;
  display: flex;
  justify-content: space-between;
}

.indexPage .wanted_area .list li {
  width: calc(50% - 25px);
}

.indexPage .wanted_area .list .imgBox {
  position: relative;
  margin-bottom: 20px;
}

.indexPage .wanted_area .list .imgBox img {
  width: 100%;
}

.indexPage .wanted_area .list .imgBox .icon {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 60px;
}

.indexPage .wanted_area .list a {
  display: block;
  text-decoration: none;
}

.indexPage .wanted_area .list p {
  color: #000;
  text-decoration: none;
  text-align: justify;
  letter-spacing: 0.1em;
  font-size: 15px;
  line-height: 26px;
}

.indexPage .wanted_area .spCnt {
  display: none;
}

@media all and (min-width: 768px) {
  .indexPage .wanted_area .list li:nth-child(2n) .imgBox .icon {
    left: auto;
    right: -30px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .wanted_area {
    position: relative;
    padding-bottom: 0px;
    /*
			dl{
				margin-bottom:45px;
				dt{
					font-size: 16px;
					margin-bottom: 15px;
					padding-bottom: 15px;
				}
				dd{
					font-size: 10px;
				}
			}//
	*/
  }
  .indexPage .wanted_area .imgBoxTop {
    height: 400px;
    margin-bottom: 45px;
  }
  .indexPage .wanted_area .areaTtl {
    margin-bottom: 45px;
    font-size: 16px;
  }
  .indexPage .wanted_area .list {
    max-width: 275px;
    padding: 0px 50px;
    padding-bottom: 0px;
    flex-wrap: wrap;
  }
  .indexPage .wanted_area .list li {
    width: 100%;
    margin-bottom: 40px;
  }
  .indexPage .wanted_area .list .imgBox {
    margin-bottom: 15px;
  }
  .indexPage .wanted_area .list .imgBox .icon {
    top: -15px;
    left: -15px;
    width: 50px;
  }
  .indexPage .wanted_area .list p {
    font-size: 11px;
    line-height: 2;
  }
}

.indexPage .operaPage {
  padding: 90px 0;
}

.indexPage .operaPage_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.indexPage .operaPage .photo_area {
  width: 50%;
}

.indexPage .operaPage .photo_area .areaTtl {
  font-size: 24px;
  letter-spacing: 0.05em;
  padding-left: 10%;
  text-align: left;
  margin-bottom: 50px;
}

.indexPage .operaPage .photo_area .areaTtl h1 {
  display: inline-block;
  position: relative;
}

.indexPage .operaPage .photo_area .areaTtl h1:before {
  position: absolute;
  content: '';
  background: #ff0;
  display: block;
  width: 100%;
  height: 4px;
  bottom: -1px;
  left: 0;
}

.indexPage .operaPage .photo_area .areaTtl h1:after {
  position: absolute;
  content: '';
  background: #000;
  display: block;
  width: 55%;
  height: 1px;
  top: 50%;
  right: -60%;
}

.indexPage .operaPage .photo_area .areaTtl h1 span {
  position: relative;
}

.indexPage .operaPage .photo_area .img {
  margin-bottom: 20px;
}

.indexPage .operaPage .photo_area .img img {
  width: 100%;
}

.indexPage .operaPage .photo_area p {
  text-align: left;
  padding-left: 10%;
}

.indexPage .operaPage .txt_area {
  position: relative;
  background: #fff;
  text-align: left;
  padding-right: 8%;
  padding-left: 2%;
  width: 34%;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.1em;
}

.indexPage .operaPage .txt_area a {
  color: #000;
}

@media all and (min-width: 991px) {
  .indexPage .operaPage .sp {
    display: none;
  }
}

@media all and (max-width: 990px) {
  .indexPage .operaPage {
    padding: 30px 0 80px;
    width: 90%;
    max-width: 750px;
  }
  .indexPage .operaPage_inner {
    display: block;
  }
  .indexPage .operaPage .logo {
    text-align: center;
    margin-bottom: 25px;
  }
  .indexPage .operaPage .logo img {
    width: 71px;
  }
  .indexPage .operaPage .photo_area {
    width: 100%;
  }
  .indexPage .operaPage .photo_area .areaTtl {
    font-size: 15px;
    padding-left: 0%;
    text-align: center;
    margin-bottom: 25px;
  }
  .indexPage .operaPage .photo_area .areaTtl h1 {
    text-align: center;
  }
  .indexPage .operaPage .photo_area .areaTtl h1:before {
    height: 2px;
    bottom: -1px;
  }
  .indexPage .operaPage .photo_area .areaTtl h1:after {
    display: none;
  }
  .indexPage .operaPage .photo_area .img {
    margin-bottom: 7px;
  }
  .indexPage .operaPage .photo_area p {
    text-align: center;
    padding-left: 0%;
    font-size: 10px;
  }
  .indexPage .operaPage .txt_area {
    position: relative;
    background: #fff;
    text-align: left;
    padding-top: 50px;
    padding-right: 40px;
    padding-left: 40px;
    width: auto;
    font-size: 15px;
    line-height: 30px;
  }
  .indexPage .operaPage .txt_area span {
    font-size: 12px;
    line-height: 23px;
    display: inline-block;
  }
}

.indexPage .foodPage {
  padding: 0;
  position: relative;
}

.indexPage .foodPage .remodal-close {
  background-color: #fff;
  z-index: 1;
  left: auto;
  top: 25px;
  right: 25px;
  border-radius: 50px;
}

.indexPage .foodPage .modalKv {
  position: relative;
  position: relative;
  line-height: 0;
  /*
	@media all and (max-width: $breakSp) {
				height: 666px;	
			}
			.kvImg{
				background-position: center center;
				background-size: cover;
				position: absolute;
				z-index: 0;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
	*/
}

.indexPage .foodPage .modalKv .kv {
  width: 100%;
}

.indexPage .foodPage .modalKv .logo {
  position: absolute;
  width: 200px;
  top: 70px;
  left: 65px;
}

@media all and (max-width: 767px) {
  .indexPage .foodPage .modalKv .logo {
    width: 100px;
    top: 35px;
    left: 35px;
  }
}

@media all and (max-width: 767px) {
  .indexPage .foodPage .foodCnt .pc {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .indexPage .foodPage .foodCnt .sp {
    display: none;
  }
}

.indexPage .foodPage .foodCnt .topBlcok {
  padding: 70px 50px 90px;
  background: url(../images/common/bg-tex-2.jpg);
}

.indexPage .foodPage .foodCnt .topBlcok h1 {
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

.indexPage .foodPage .foodCnt .topBlcok h1 span {
  background: linear-gradient(transparent 85%, yellow 5%);
}

.indexPage .foodPage .foodCnt .topBlcok .txt {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 45px;
}

@media all and (max-width: 767px) {
  .indexPage .foodPage .foodCnt .topBlcok {
    padding: 30px 35px 35px;
  }
  .indexPage .foodPage .foodCnt .topBlcok h1 {
    font-size: 16px;
  }
  .indexPage .foodPage .foodCnt .topBlcok .txt {
    text-align: left;
    font-size: 15px;
    margin-top: 30px;
  }
}

.indexPage .foodPage .foodCnt .profBlock {
  padding: 70px 50px 85px;
}

.indexPage .foodPage .foodCnt .profBlock .blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
  font-weight: bold;
  margin-bottom: 60px;
}

.indexPage .foodPage .foodCnt .profBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

.indexPage .foodPage .foodCnt .profBlock .box {
  width: calc(50% - 30px);
}

.indexPage .foodPage .foodCnt .profBlock .box:first-child {
  margin-right: 60px;
}

.indexPage .foodPage .foodCnt .profBlock .boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

.indexPage .foodPage .foodCnt .profBlock .boxImg img {
  max-width: 300px;
  width: 100%;
}

.indexPage .foodPage .foodCnt .profBlock .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: bold;
}

.indexPage .foodPage .foodCnt .profBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (max-width: 767px) {
  .indexPage .foodPage .foodCnt .profBlock {
    padding: 45px 35px;
  }
  .indexPage .foodPage .foodCnt .profBlock .blockTtl {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .indexPage .foodPage .foodCnt .profBlock .box {
    width: 100%;
  }
  .indexPage .foodPage .foodCnt .profBlock .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .indexPage .foodPage .foodCnt .profBlock .boxImg {
    margin-bottom: 25px;
  }
  .indexPage .foodPage .foodCnt .profBlock .boxTtl {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .indexPage .foodPage .foodCnt .profBlock .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

.indexPage .buyticketBtn {
  position: fixed;
  right: 15px;
  bottom: -15px;
  line-height: 0;
  z-index: 7;
  transition: all 1s;
  transform: translateX(260px);
}

.indexPage .buyticketBtn img {
  width: 100%;
}

.indexPage .buyticketBtn.on {
  transform: translateX(0);
}

@media all and (max-width: 767px) {
  .indexPage .buyticketBtn {
    width: 100px;
    height: 100px;
  }
}

.indexPage .pg_area {
  position: relative;
  padding-bottom: 0px;
}

.indexPage .pg_area .sectionTtl {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  top: -18px;
  z-index: 1;
}

.indexPage .pg_area .areaTtl {
  text-align: center;
}

.indexPage .pg_area_list {
  display: flex;
  flex-wrap: wrap;
}

.indexPage .pg_area_list li {
  width: 20%;
  line-height: 0;
  display: block;
  position: relative;
  color: #000;
}

.indexPage .pg_area_list li:hover .overlay {
  opacity: 1;
}

.indexPage .pg_area_list li a {
  display: block;
  position: relative;
  color: #000;
}

.indexPage .pg_area_list li a:hover {
  opacity: 1;
}

.indexPage .pg_area_list li .imgBox {
  width: 100%;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media all and (max-width: 767px) {
  .indexPage .pg_area {
  }

.indexPage .pg_area_list {
  display: flex;
  flex-wrap: wrap;
}

.indexPage .pg_area_list li {
  width: 33.33%;
  line-height: 0;
  display: block;
  position: relative;
  color: #000;
}

.indexPage .pg_area_list li:hover .overlay {
  opacity: 1;
}

.indexPage .pg_area_list li a {
  display: block;
  position: relative;
  color: #000;
}

.indexPage .pg_area_list li a:hover {
  opacity: 1;
}

.indexPage .pg_area_list li .imgBox {
  width: 100%;
  padding-top: 75%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
}

.indexPage .lb-dataContainer {
  display: none !important;
}

.indexPage .passport_area_os {
  padding: 75px 0px 0px;
  position: relative;
}

.indexPage .passport_area_os .imgBoxTop {
  position: relative;
  height: 500px;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/wanted-bg.jpg) center center no-repeat;
  background-size: cover;
}

.indexPage .passport_area_os .js-ivcmn {
  padding-top: 90px;
  position: relative;
}

.indexPage .passport_area_os .areaTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 75px;
}

.indexPage .passport_area_os .areaTtl span {
  position: relative;
}

.indexPage .passport_area_os .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.indexPage .passport_area_os .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .indexPage .passport_area_os .areaTtl span:after {
    display: none;
  }
  .indexPage .passport_area_os .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.indexPage .passport_area_os .passport_cnt {
  max-width: 900px;
  margin: 0px auto;
}

.indexPage .passport_area_os .passport_cnt img {
  max-width: 100%;
}

.indexPage .passport_area_os a {
  color: #000;
}

.indexPage .passport_area_os .block1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}

.indexPage .passport_area_os .block1 .blockImg {
  width: 50%;
}

.indexPage .passport_area_os .block1 .blockImg img {
  width: 100%;
}

.indexPage .passport_area_os .block1 .blockImg p.att {
  font-size: 11px;
  line-height: 1.5;
  color: #3d539d;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

.indexPage .passport_area_os .block1 .blockTxt dd span {
  display: inline-block;
  font-size: 11px;
  line-height: 1.5;
  color: #3d539d;
}

@media all and (min-width: 768px) {
  .indexPage .passport_area_os .block1 .blockTxt {
    background: url(../images/index/passport-line.png) left top repeat-y;
    width: 37%;
    padding-left: 6%;
  }
  .indexPage .passport_area_os .block1 .blockTxt dt {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
  }
  .indexPage .passport_area_os .block1 .blockTxt dd {
    letter-spacing: 0.1em;
    font-size: 14px;
    line-height: 26px;
  }
}

@media all and (min-width: 768px) {
  .indexPage .passport_area_os .block2 {
    display: flex;
    justify-content: space-between;
  }
  .indexPage .passport_area_os .block2 .txt_area {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.1em;
  }
  .indexPage .passport_area_os .block2 .txt_area dt {
    font-weight: bold;
    width: 90px;
    border-right: #ff0 solid 5px;
  }
  .indexPage .passport_area_os .block2 .txt_area dd {
    width: calc(100% - 140px);
  }
}

@media all and (max-width: 767px) {
  .indexPage .passport_area_os .areaTtl {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .indexPage .passport_area_os .areaTtl:before {
    bottom: -15px;
  }
  .indexPage .passport_area_os .block1 {
    flex-direction: column-reverse;
    padding-left: 30px;
    padding-right: 30px;
  }
  .indexPage .passport_area_os .block1 .blockImg {
    text-align: center;
    width: 100%;
    margin: 0px auto;
  }
  .indexPage .passport_area_os .block1 .blockImg img {
    max-width: 305px;
  }
  .indexPage .passport_area_os .block1 .blockImg p.att {
    display: none;
  }
  .indexPage .passport_area_os .block1 .blockTxt {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 40px;
  }
  .indexPage .passport_area_os .block1 .blockTxt dt {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
  }
  .indexPage .passport_area_os .block1 .blockTxt dd {
    letter-spacing: 0.1em;
    font-size: 15px;
    line-height: 25px;
  }
  .indexPage .passport_area_os .block2 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .indexPage .passport_area_os .block2 .att {
    display: none;
  }
  .indexPage .passport_area_os .block2 dt {
    text-align: center;
    position: relative;
    margin-bottom: 45px;
    font-size: 15px;
    font-weight: bold;
  }
  .indexPage .passport_area_os .block2 dt:before {
    content: '';
    height: 2px;
    background: #ff0;
    width: 65px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    bottom: -25px;
  }
  .indexPage .passport_area_os .block2 dd {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.1em;
  }
}

.indexPage .tour_area_os {
  position: relative;
  padding: 90px 20px 0px;
}

.indexPage .tour_area_os .imgBoxTop {
  position: relative;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/wanted-bg.jpg) center center no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}

.indexPage .tour_area_os .areaTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 55px;
}

.indexPage .tour_area_os .areaTtl span {
  position: relative;
}

.indexPage .tour_area_os .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.indexPage .tour_area_os .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .indexPage .tour_area_os .areaTtl span:after {
    display: none;
  }
  .indexPage .tour_area_os .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.indexPage .tour_area_os .tour_cnt {
  max-width: 900px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}

.indexPage .tour_area_os .tour_cnt img {
  max-width: 100%;
}

.indexPage .tour_area_os .tour_cnt .blockImg {
  width: 55%;
}

.indexPage .tour_area_os .tour_cnt .blockImg img {
  width: 100%;
}

.indexPage .tour_area_os .tour_cnt .blockTxt {
  width: 37%;
}

.indexPage .tour_area_os .tour_cnt .blockTxt dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.1em;
  margin-bottom: 25px;
}

.indexPage .tour_area_os .tour_cnt .blockTxt dd {
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 26px;
}

@media all and (max-width: 767px) {
  .indexPage .tour_area_os {
    padding-bottom: 90px;
  }
  .indexPage .tour_area_os .tour_cnt {
    position: relative;
    width: calc(100% + 70px);
    margin-left: -35px;
    margin-bottom: 0;
  }
  .indexPage .tour_area_os .tour_cnt .blockImg {
    width: 100%;
    text-align: center;
  }
  .indexPage .tour_area_os .tour_cnt .blockImg img {
    max-width: 375px;
  }
  .indexPage .tour_area_os .tour_cnt .blockTxt {
    width: 100%;
  }
  .indexPage .tour_area_os .areaTtl {
    font-size: 15px;
    margin-bottom: 45px;
  }
  .indexPage .tour_area_os .blockTxt {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 0px;
  }
  .indexPage .tour_area_os .blockTxt dt {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
  }
  .indexPage .tour_area_os .blockTxt dd {
    letter-spacing: 0.1em;
    font-size: 15px;
    line-height: 25px;
  }
}

.indexPage .topic_area_os {
  position: relative;
  padding: 30px 20px;
}

.indexPage .topic_area_os .areaTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 100px;
}

.indexPage .topic_area_os .areaTtl span {
  position: relative;
}

.indexPage .topic_area_os .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.indexPage .topic_area_os .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .indexPage .topic_area_os .areaTtl span:after {
    display: none;
  }
  .indexPage .topic_area_os .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.indexPage .topic_area_os ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0px auto;
}

.indexPage .topic_area_os ul li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 5%;
}

.indexPage .topic_area_os ul li:nth-child(3n) {
  margin-right: 0;
}

.indexPage .topic_area_os ul li .img {
  line-height: 0;
  margin-bottom: 20px;
}

.indexPage .topic_area_os ul li .img img {
  width: 100%;
}

.indexPage .topic_area_os ul li dt {
  font-size: 19px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  border-bottom: #e4e4e4 solid 1px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.indexPage .topic_area_os ul li dd {
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.02em;
}

.indexPage .topic_area_os .link {
  padding-top: 20px;
}

.indexPage .topic_area_os .link a {
  color: #000;
  font-size: 12px;
  display: inline-block;
  text-decoration: none;
  background: #f0e600;
  padding: 3px 10px 4px;
  border-radius: 5px;
}

@media all and (max-width: 767px) {
  .indexPage .topic_area_os {
    padding: 50px 35px 0px;
  }
  .indexPage .topic_area_os .areaTtl {
    font-size: 15px;
    margin-bottom: 70px;
  }
  .indexPage .topic_area_os .areaTtl span:before {
    bottom: -20px;
  }
  .indexPage .topic_area_os ul {
    max-width: 300px;
  }
  .indexPage .topic_area_os ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .indexPage .topic_area_os ul li dt {
    font-size: 14px;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  .indexPage .topic_area_os ul li dd {
    font-size: 11px;
    line-height: 20px;
  }
  .indexPage .topic_area_os ul li:last-child {
    margin-bottom: 0;
  }
  .indexPage .topic_area_os .link a {
    font-size: 11px;
  }
}

@media all and (min-width: 768px) {
  .amfWrp {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .amfWrp .artCnt_area,
  .amfWrp .musicCnt_area,
  .amfWrp .foodCnt_area {
    width: 33.33%;
  }
}

.amfWrp .artCnt_area,
.amfWrp .musicCnt_area,
.amfWrp .foodCnt_area {
  position: relative;
  padding-top: 20px;
  padding-bottom: 25px;
}

@media all and (min-width: 768px) {
  .amfWrp .artCnt_area,
  .amfWrp .musicCnt_area,
  .amfWrp .foodCnt_area {
    padding-bottom: 75px;
  }
}

.amfWrp .artCnt_area .imgBox .img,
.amfWrp .musicCnt_area .imgBox .img,
.amfWrp .foodCnt_area .imgBox .img {
  background-position: center center;
  background-size: cover;
  width: 100%;
  padding-top: 65.3%;
}

.amfWrp .artCnt_area .link_area,
.amfWrp .musicCnt_area .link_area,
.amfWrp .foodCnt_area .link_area {
  margin-top: 20px;
  padding-left: 30px;
}

.amfWrp .artCnt_area .link_area_inner,
.amfWrp .musicCnt_area .link_area_inner,
.amfWrp .foodCnt_area .link_area_inner {
  display: inline-block;
  background: #fff;
}

.amfWrp .artCnt_area .link_area a,
.amfWrp .musicCnt_area .link_area a,
.amfWrp .foodCnt_area .link_area a {
  margin-right: 17px;
  margin-bottom: 15px;
  color: #000;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  padding: 0px 10px;
  transition: background 0.5s;
  background: #ffce00;
}

.amfWrp .artCnt_area .link_area a:last-child,
.amfWrp .musicCnt_area .link_area a:last-child,
.amfWrp .foodCnt_area .link_area a:last-child {
  margin-right: 0;
}

.amfWrp .artCnt_area .link_area a:hover,
.amfWrp .musicCnt_area .link_area a:hover,
.amfWrp .foodCnt_area .link_area a:hover {
  opacity: 1;
  background: #ffff00;
}

@media all and (max-width: 767px) {
  .amfWrp .artCnt_area .link_area,
  .amfWrp .musicCnt_area .link_area,
  .amfWrp .foodCnt_area .link_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding-right: 30px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .amfWrp .artCnt_area .link_area,
  .amfWrp .musicCnt_area .link_area,
  .amfWrp .foodCnt_area .link_area {
    max-width: 290px;
  }
}

.amfWrp .artCnt_area .cntTtl,
.amfWrp .musicCnt_area .cntTtl,
.amfWrp .foodCnt_area .cntTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 50px;
}

.amfWrp .artCnt_area .cntTtl span,
.amfWrp .musicCnt_area .cntTtl span,
.amfWrp .foodCnt_area .cntTtl span {
  position: relative;
}

.amfWrp .artCnt_area .cntTtl span:before,
.amfWrp .musicCnt_area .cntTtl span:before,
.amfWrp .foodCnt_area .cntTtl span:before {
  bottom: -5px;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
}

.amfWrp .artCnt_area .imgBox,
.amfWrp .musicCnt_area .imgBox,
.amfWrp .foodCnt_area .imgBox {
  margin-bottom: 40px;
}

@media all and (min-width: 768px) {
  .amfWrp .artCnt_area .imgBox,
  .amfWrp .musicCnt_area .imgBox,
  .amfWrp .foodCnt_area .imgBox {
    margin-bottom: 30px;
  }
}

.amfWrp .artCnt_area .txtBox .txtBoxTtl,
.amfWrp .musicCnt_area .txtBox .txtBoxTtl,
.amfWrp .foodCnt_area .txtBox .txtBoxTtl {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
  font-family: 'Helvetica';
}

.amfWrp .artCnt_area .txtBox .txtBoxTtl span,
.amfWrp .musicCnt_area .txtBox .txtBoxTtl span,
.amfWrp .foodCnt_area .txtBox .txtBoxTtl span {
  position: relative;
}

.amfWrp .artCnt_area .txtBox .txtBoxTtl span:after,
.amfWrp .musicCnt_area .txtBox .txtBoxTtl span:after,
.amfWrp .foodCnt_area .txtBox .txtBoxTtl span:after {
  content: '';
  position: absolute;
  bottom: -20px;
  margin-left: -25px;
  left: 50%;
  width: 50px;
  height: 5px;
}

@media all and (min-width: 768px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTtl,
  .amfWrp .musicCnt_area .txtBox .txtBoxTtl,
  .amfWrp .foodCnt_area .txtBox .txtBoxTtl {
    margin-bottom: 60px;
  }
  .amfWrp .artCnt_area .txtBox .txtBoxTtl span:after,
  .amfWrp .musicCnt_area .txtBox .txtBoxTtl span:after,
  .amfWrp .foodCnt_area .txtBox .txtBoxTtl span:after {
    height: 3px;
    bottom: -15px;
    width: 80px;
    margin-left: -40px;
  }
}

.amfWrp .artCnt_area .txtBox .txtBoxTtl2,
.amfWrp .musicCnt_area .txtBox .txtBoxTtl2,
.amfWrp .foodCnt_area .txtBox .txtBoxTtl2 {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

@media all and (min-width: 768px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTtl2,
  .amfWrp .musicCnt_area .txtBox .txtBoxTtl2,
  .amfWrp .foodCnt_area .txtBox .txtBoxTtl2 {
    padding-left: 30px;
    text-align: left;
    font-size: 18px;
  }
}

@media all and (max-width: 767px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTtl2,
  .amfWrp .musicCnt_area .txtBox .txtBoxTtl2,
  .amfWrp .foodCnt_area .txtBox .txtBoxTtl2 {
    font-size: 15px;
  }
}

.amfWrp .artCnt_area .txtBox .txtBoxTxt,
.amfWrp .musicCnt_area .txtBox .txtBoxTxt,
.amfWrp .foodCnt_area .txtBox .txtBoxTxt {
  padding: 0px 30px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media all and (min-width: 768px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTxt,
  .amfWrp .musicCnt_area .txtBox .txtBoxTxt,
  .amfWrp .foodCnt_area .txtBox .txtBoxTxt {
    font-size: 14px;
  }
}

@media all and (max-width: 767px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTxt,
  .amfWrp .musicCnt_area .txtBox .txtBoxTxt,
  .amfWrp .foodCnt_area .txtBox .txtBoxTxt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    font-size: 15px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .amfWrp .artCnt_area .txtBox .txtBoxTxt,
  .amfWrp .musicCnt_area .txtBox .txtBoxTxt,
  .amfWrp .foodCnt_area .txtBox .txtBoxTxt {
    max-width: 290px;
  }
}

.amfWrp .artCnt_area .txtBoxTtl span:after {
  background: #ffff00;
}

.amfWrp .musicCnt_area .txtBoxTtl span:after {
  background: #46549a;
}

.amfWrp .foodCnt_area .txtBoxTtl span:after {
  background: #b7ab83;
}

.outline_area {
  margin: 0px auto;
  position: relative;
  background: url(../images/index/texture-bg.jpg) center top no-repeat;
  background-size: cover;
}

.outline_area_txtwrp {
  padding: 0px 40px;
  position: relative;
  z-index: 2;
}

@media all and (max-width: 767px) {
  .outline_area_txtwrp {
    padding: 0px 12px;
  }
}

.outline_area .imgBoxTop {
  position: relative;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-1.jpg) center center no-repeat;
  background-size: cover;
}

.outline_area .imgBoxBottom {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-2.jpg) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
.outline_area .imgBoxBottom {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-2sp.jpg) center center no-repeat;
  background-size: cover;
}}


.outline_area .imgBoxBottom2 {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-3.jpg) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
.outline_area .imgBoxBottom2 {
   display:none;
}}

.outline_area .imgBoxBottom3 {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-4.jpg) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
.outline_area .imgBoxBottom3 {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-4sp.jpg) center center no-repeat;
  background-size: cover;
}}

.outline_area .imgBoxBottom4 {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-5.jpg) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
.outline_area .imgBoxBottom4 {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-5sp.jpg) center center no-repeat;
  background-size: cover;
}}



.outline_area .txt_area {
  position: relative;
  margin: 0px auto;
  background: #fff;
  max-width: 760px;
  padding: 70px 70px 100px;
}

.outline_area .txt_area .areaTtl {
  text-align: center;
  margin-bottom: 60px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.outline_area .txt_area .areaTtl span {
  position: relative;
}

.outline_area .txt_area .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.outline_area .txt_area .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .outline_area .txt_area .areaTtl span:after {
    display: none;
  }
  .outline_area .txt_area .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.outline_area .txt_area dl.ttl {
  text-align: center;
  margin-bottom: 60px;
  font-weight: bold;
}

.outline_area .txt_area dl.ttl dt {
  font-size: 20px;
  letter-spacing: 0.6em;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.outline_area .txt_area dl.ttl dt span {
  letter-spacing: 0;
}

.outline_area .txt_area dl.ttl dt:after {
  display: block;
  content: '';
  background: #000;
  height: 1px;
  width: 50px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.outline_area .txt_area dl.ttl dd {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.outline_area .txt_area .txtWrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

.outline_area .txt_area .txtCnt {
  width: 100%;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  line-height: 28px;
}

.outline_area .txt_area .txtCnt p.ttl {
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: 0.06em;
}

.outline_area .txt_area .txtCnt .sml {
  font-size: 12px;
}

.outline_area .outlineFt {
  font-weight: normal;
  text-align: center;
  font-size: 12px;
}

.outline_area .outlineFt dl dt {
  font-size: 14px;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}

.outline_area .outlineFt img {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
}

.outline_area .spCnt {
  display: none;
}

.outline_area .sponsorBlock {
  text-align: center;
  padding-top: 90px;
  margin-bottom: 95px;
}

.outline_area .sponsorBlock .ttl {
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  margin-bottom: 15px;
}

.outline_area .sponsorBlock .sml {
  font-size: 10px;
  margin-bottom: 60px;
}

.outline_area .sponsorBlock ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.outline_area .sponsorBlock ul li {
  margin: 0px 20px 40px;
  line-height: 0;
}

.outline_area .sponsorBlock ul li a {
  display: block;
}

.outline_area .sponsorBlock ul img {
  height: 50px;
}

.outline_area .sponsorBlock2,
.outline_area .collaborationBlock {
  text-align: center;
}

.outline_area .sponsorBlock2 .ttl,
.outline_area .collaborationBlock .ttl {
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  margin-bottom: 15px;
}

.outline_area .sponsorBlock2 .sml,
.outline_area .collaborationBlock .sml {
  font-size: 10px;
  margin-bottom: 30px;
}

.outline_area .sponsorBlock2 ul li,
.outline_area .collaborationBlock ul li {
  font-size: 14px;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}

.outline_area .sponsorBlock2 ul li a,
.outline_area .collaborationBlock ul li a {
  text-decoration: none;
  color: #000;
}

.outline_area .sponsorBlock2 {
  margin-bottom: 95px;
}

.outline_area .sponsorBlock2 .ttl {
  margin-bottom: 30px;
}

@media all and (max-width: 767px) {
  .outline_area {
    position: relative;
    padding-bottom: 0px;
  }
  .outline_area .spCnt {
    display: block;
    margin-top: 45px;
    margin-bottom: 0px;
  }
  .outline_area .spCnt dt {
    margin-bottom: 65px;
    font-size: 11px;
    letter-spacing: 0.1em;
  }
  .outline_area .spCnt dd img {
    width: 136px;
  }
  .outline_area .outlineFt {
    display: none;
  }
  .outline_area .imgBoxTop {
    height: 400px;
  }
  .outline_area .imgBoxBottom {
    position: relative;
    height: 400px;
  }
  .outline_area .txt_area {
    top: 0px;
    padding: 45px 20px;
    text-align: center;
  }
  .outline_area .txt_area .txtWrp {
    margin-bottom: 0;
  }
  .outline_area .txt_area .areaTtl {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .outline_area .txt_area .txtCnt {
    font-size: 13px;
    line-height: 29px;
  }
  .outline_area .txt_area .txtCnt p.ttl {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .outline_area .txt_area .txtCnt .sml {
    font-size: 11px;
  }
  .outline_area .sponsorBlock {
    margin-bottom: 22px;
  }
  .outline_area .sponsorBlock .ttl {
    font-size: 13px;
  }
  .outline_area .sponsorBlock .sml {
    margin-bottom: 22px;
  }
  .outline_area .sponsorBlock ul li {
    margin-bottom: 25px;
  }
  .outline_area .sponsorBlock ul li.fix img {
    height: 33px;
  }
  .outline_area .sponsorBlock ul img {
    height: 37px;
  }
  .outline_area .sponsorBlock ul:nth-child(2) {
    padding-top: 15px;
  }
  .outline_area .sponsorBlock ul.spnsrbnr-2 {
    padding-top: 15px;
    display: block;
  }
  .outline_area .sponsorBlock2 {
    margin-bottom: 35px;
  }
  .outline_area .collaborationBlock .ttl {
    font-size: 13px;
  }
  .outline_area .collaborationBlock ul li {
    font-size: 13px;
  }
}

@media all and (max-width: 374px) {
  .outline_area .txt_area {
    padding-left: 10px;
    padding-right: 10px;
  }
  .outline_area .txt_area .txtLeft, .outline_area .txt_area .txtRight {
    font-size: 11px;
  }
  .outline_area .txt_area .txtLeft p.ttl, .outline_area .txt_area .txtRight p.ttl {
    font-size: 14px;
  }
}

/*
	/index
*/
/*
	art
*/
@media all and (max-width: 767px) {
  .artPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.artPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .artPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .artPage .anc {
    top: 0;
  }
}

.artPage .kv_area {
  position: relative;
  background: url("../images/art/kv.jpg") center center no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
  margin-bottom: 95px;
}

.artPage .kv_area .articleTtl {
  text-indent: -9999px;
  position: absolute;
  width: 100px;
  height: 100px;
  bottom: -50px;
  left: 50%;
  margin-left: -50px;
  background: url(../images/art/article-ttl.png) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
  .artPage .kv_area {
    height: 375px;
    margin-bottom: 65px;
  }
  .artPage .kv_area .articleTtl {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    bottom: -30px;
  }
}

@media all and (min-width: 768px) {
  .artPage .artCnt {
    padding-bottom: 50px;
  }
}

@media all and (max-width: 767px) {
  .artPage .artCnt {
    position: relative;
    margin-top: -95px;
  }
}

.artPage .introTxt {
  text-align: center;
  padding-bottom: 65px;
}

.artPage .introTxt dt {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}

.artPage .introTxt dd {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.075em;
}

@media all and (max-width: 767px) {
  .artPage .introTxt dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .artPage .introTxt dd {
    font-size: 11px;
  }
}

.artPage .topicListBlock {
  max-width: 1000px;
  margin: 0px auto;
  padding-bottom: 70px;
}

@media all and (max-width: 767px) {
  .artPage .topicListBlock {
    padding: 0px 25px;
  }
}

.artPage .area_area {
  position: relative;
  background: url(../images/art/area_bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding: 75px 0px;
}

.artPage .area_area .areaTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 40px;
}

.artPage .area_area .areaTtl span {
  position: relative;
}

.artPage .area_area .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.artPage .area_area .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .artPage .area_area .areaTtl span:after {
    display: none;
  }
  .artPage .area_area .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.artPage .area_area ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0px auto;
}

.artPage .area_area ul a {
  text-decoration: none;
  color: #000;
}

.artPage .area_area ul li {
  margin-bottom: 5%;
}

.artPage .area_area ul li .inner {
  display: block;
  border-radius: 7px;
  padding: 10px 10px 12px 10px;
  background: #fff;
}

.artPage .area_area ul li .img {
  line-height: 0;
  margin-bottom: 8px;
  position: relative;
}

.artPage .area_area ul li .img img {
  width: 100%;
}

.artPage .area_area ul li .img .num {
  position: absolute;
  bottom: -33px;
  left: 12px;
  display: block;
  color: #fff;
  background: #f0e600;
  width: 30px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
}

.artPage .area_area ul li .ttl {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: left;
  padding-left: 65px;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.artPage .area_area ul li .ttl span {
  display: inline-block;
  letter-spacing: 0.05em;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
}

@media all and (max-width: 990px) {
  .artPage .area_area ul li .ttl {
    justify-content: inherit;
    width: auto;
    padding-left: 50px;
    font-size: 15px;
  }
  .artPage .area_area ul li .ttl span {
    font-size: 11px;
    letter-spacing: 0.05em;
  }
}

.artPage .area_area .link {
  padding-top: 15px;
}

.artPage .area_area .link a {
  color: #000;
  font-size: 12px;
  display: inline-block;
  text-decoration: none;
  background: #f0e600;
  padding: 3px 10px 4px;
  border-radius: 5px;
}

@media all and (min-width: 768px) {
  .artPage .area_area ul {
    justify-content: center;
  }
  .artPage .area_area ul li {
    width: 257px;
    margin-right: 23px;
    margin-bottom: 30px;
  }
  .artPage .area_area ul li:nth-child(4n), .artPage .area_area ul li:nth-child(7n) {
    margin-right: 0;
  }
  .artPage .area_area ul li .inner {
    padding: 8px 8px 12px 8px;
  }
  .artPage .area_area ul li .ttl {
    font-size: 16px;
    padding-left: 46px;
  }
  .artPage .area_area ul li .img .num {
    bottom: -25px;
    left: 8px;
    width: 24px;
    line-height: 32px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .artPage .area_area {
    background: url(../images/common/bg-tex-2.jpg) center top;
    padding: 0px;
  }
  .artPage .area_area .anc {
    margin-top: 62%;
  }
  .artPage .area_area:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 0;
    height: 230px;
    background: url(../images/art/area_bg.jpg) center bottom no-repeat;
    background-size: cover;
    margin-bottom: 70px;
  }
  .artPage .area_area .areaTtl {
    font-size: 15px;
    margin-bottom: 50px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .artPage .area_area .areaTtl span:before {
    bottom: -15px;
  }
  .artPage .area_area .areCntWrp {
    padding-bottom: 50px;
  }
  .artPage .area_area ul {
    max-width: 300px;
    padding: 0px 25px;
    margin-bottom: 22px;
  }
  .artPage .area_area ul li {
    width: 100%;
    margin-bottom: 25px;
  }
  .artPage .area_area ul li .ttl {
    justify-content: left;
    font-size: 15px;
    padding-left: 60px;
    width: calc(100%- 60px);
  }
}

.artPage .curator_area {
  position: relative;
  padding: 75px 20px;
}

.artPage .curator_area .areaTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 40px;
}

.artPage .curator_area .areaTtl span {
  position: relative;
}

.artPage .curator_area .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.artPage .curator_area .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .artPage .curator_area .areaTtl span:after {
    display: none;
  }
  .artPage .curator_area .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.artPage .curator_area ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0px auto;
}

.artPage .curator_area ul a {
  text-decoration: none;
  color: #000;
}

.artPage .curator_area ul li {
  width: 23%;
  margin-right: 2.6%;
  margin-bottom: 25px;
}

.artPage .curator_area ul li:nth-child(4n) {
  margin-right: 0;
}

.artPage .curator_area ul li .inner {
  display: block;
}

.artPage .curator_area ul li .img {
  line-height: 0;
  margin-bottom: 9px;
  position: relative;
}

.artPage .curator_area ul li .img img {
  width: 100%;
}

.artPage .curator_area ul li .img .num {
  position: absolute;
  bottom: -26px;
  left: 12px;
  display: block;
  color: #fff;
  background: #f0e600;
  width: 22px;
  line-height: 32px;
  font-size: 15px;
  text-align: center;
}

.artPage .curator_area ul li .txt_area {
  display: flex;
  padding-left: 50px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.artPage .curator_area ul li .txt_area .txt1 {
  font-size: 15px;
  letter-spacing: 0.1em;
}

.artPage .curator_area ul li .txt_area .txt2 {
  font-size: 10px;
}

.artPage .curator_area ul li .ttl {
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.artPage .curator_area ul li .ttl span {
  font-size: 12px;
}

@media all and (min-width: 768px) {
  .artPage .curator_area ul li.watari {
    width: 460px;
    margin-right: 0;
  }
}

.artPage .curator_area .link {
  padding-top: 15px;
}

.artPage .curator_area .link a {
  color: #000;
  font-size: 12px;
  display: inline-block;
  text-decoration: none;
  background: #f0e600;
  padding: 3px 10px 4px;
  border-radius: 5px;
}

@media all and (max-width: 767px) {
  .artPage .curator_area {
    padding: 65px 0px 0px;
  }
  .artPage .curator_area .areaTtl {
    font-size: 15px;
    margin-bottom: 50px;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .artPage .curator_area .areaTtl span {
    position: relative;
  }
  .artPage .curator_area .areaTtl span:before {
    bottom: -25px;
  }
  .artPage .curator_area ul {
    max-width: 300px;
    padding: 0px 25px;
  }
  .artPage .curator_area ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}

.artPage .artCnt_bottomBtn {
  margin: 0px auto;
  width: 1000px;
  padding-bottom: 130px;
}

.artPage .artCnt_bottomBtn ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.artPage .artCnt_bottomBtn ul li {
  text-align: center;
  position: relative;
  width: 475px;
  font-size: 24px;
  letter-spacing: 0.1em;
  margin-right: 9px;
}

.artPage .artCnt_bottomBtn ul li:before {
  content: '';
  background: #f4e700;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 9px;
  left: 9px;
}

.artPage .artCnt_bottomBtn ul a {
  position: relative;
  display: block;
  text-decoration: none;
  background: #fff;
  color: #000;
  line-height: 74px;
  border: solid 3px #000;
}

.artPage .artCnt_bottomBtn ul a:hover {
  opacity: 1;
}

@media all and (max-width: 767px) {
  .artPage .artCnt_bottomBtn {
    width: 240px;
    margin: 0px auto;
    padding-bottom: 0;
  }
  .artPage .artCnt_bottomBtn ul li {
    width: 100%;
    font-size: 12px;
    margin-bottom: 55px;
  }
  .artPage .artCnt_bottomBtn ul li a {
    line-height: 35px;
  }
}

@media all and (max-width: 767px) {
  .areaPage .cmnHeader .logo {
    background-image: url(../images/common/logo.png);
  }
}

.areaPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .areaPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .areaPage .anc {
    top: 0;
  }
}

.areaPage .kv_area {
  position: relative;
  background: #fff;
  background-size: cover;
  height: 500px;
  width: 100%;
}

.areaPage .kv_area .sldBox {
  height: 500px;
  background-position: center center;
  background-size: cover;
}

.areaPage .kv_area .slick-dots {
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  bottom: 50px;
  height: 20px;
  text-align: right;
}

.areaPage .kv_area .slick-dots li {
  border-radius: 10px;
  background: #fff;
  width: 10px;
  height: 10px;
  margin: 0px 15px 0px 0px;
}

.areaPage .kv_area .slick-dots li.slick-active {
  background: #ff0;
}

@media all and (max-width: 767px) {
  .areaPage .kv_area {
    height: 375px;
  }
  .areaPage .kv_area .sldBox {
    height: 375px;
  }
  .areaPage .kv_area .slick-dots {
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 25px;
  }
  .areaPage .kv_area .slick-dots li:last-child {
    margin-right: 25px;
  }
}

.areaPage .areaCnt {
  background: url(../images/common/bg-tex.jpg) center top;
    margin-top: -120px;
}

.areaPage .areaCnt .topicListBlock {
  background: #fff;
}

@media all and (max-width: 767px) {
  .areaPage .areaCnt {
    position: relative;
    margin-top: -70px;
  }
}

.areaPage .areainfoBlock {
  background: #fff;
  padding-bottom: 75px;
}

.areaPage .areainfoBlock_inner {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
  align-items: center;
}

@media all and (max-width: 990px) {
  .areaPage .areainfoBlock_inner {
    align-items: flex-start;
  }
}

.areaPage .areainfoImg {
  width: 50%;
  line-height: 0;
}

.areaPage .areainfoImg img {
  width: 100%;
}

.areaPage .areainfoTxt {
  position: relative;
  width: 41%;
  padding-right: 25px;
}

.areaPage .areainfoTxt .ttl {
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-bottom: 25px;
}

.areaPage .areainfoTxt .txt1 {
  font-size: 16px;
  line-height: 2;
}

.areaPage .areainfoTxt:before {
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
}

.areaPage .areainfoTxt .crtrList {
  margin-top: 40px;
}

.areaPage .areainfoTxt .crtrList dt {
  letter-spacing: 0.2em;
  font-size: 16px;
  padding-bottom: 10px;
}

.areaPage .areainfoTxt .crtrList dt span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background: #f0e600;
}

.areaPage .areainfoTxt .crtrList dd {
  font-size: 18px;
  letter-spacing: 0.2em;
  margin-top: 10px;
}

.areaPage .areainfoTxt .crtrList dd a {
  color: #000;
}

.areaPage .areainfoTxt .crtrList dd span {
  font-size: 12px;
  letter-spacing: 0.1em;
}

@media all and (max-width: 990px) {
  .areaPage .areainfoTxt {
    padding-top: 45px;
  }
}

@media all and (max-width: 767px) {
  .areaPage .areainfoBlock {
    background: #fff;
    padding: 0px 0px 65px 0px;
  }
  .areaPage .areainfoBlock_inner {
    flex-wrap: wrap;
  }
  .areaPage .areainfoImg {
    width: 100%;
  }
  .areaPage .areainfoTxt {
    padding: 20px 25px 0px;
    width: auto;
    text-align: center;
  }
  .areaPage .areainfoTxt .ttl {
    font-size: 25px;
    margin-bottom: 32px;
  }
  .areaPage .areainfoTxt .txt1 {
    font-size: 15px;
    line-height: 2;
    text-align: left;
  }
  .areaPage .areainfoTxt:before {
    display: none;
  }
  .areaPage .areainfoTxt .crtrList {
    margin-top: 30px;
  }
  .areaPage .areainfoTxt .crtrList dt {
    font-size: 12px;
    padding-bottom: 20px;
  }
  .areaPage .areainfoTxt .crtrList dd {
    font-size: 15px;
    letter-spacing: 0.2em;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .areaPage .areainfoTxt .crtrList dd:last-child {
    margin-bottom: 0;
  }
  .areaPage .areainfoTxt .crtrList dd span {
    font-size: 10px;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 5px;
  }
}

.areaPage .themeBlock_inner {
  text-align: center;
  padding: 60px 25px 0px;
}

.areaPage .themeBlock .txt1 {
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
}

.areaPage .themeBlock .name {
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
}

.areaPage .themeBlock .txt2 {
  font-size: 30px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
}

.areaPage .themeBlock ._txt3 {
  text-align: justify;
  max-width: 600px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;
  margin: 0px auto;
}

.areaPage .themeBlock .themeTxt {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;
  margin: 0px auto;
}

@media all and (max-width: 767px) {
  .areaPage .themeBlock_inner {
    padding: 70px 25px 0px;
  }
  .areaPage .themeBlock .txt1 {
    font-size: 10px;
    margin-bottom: 20px;
  }
  .areaPage .themeBlock .txt2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .areaPage .themeBlock .name {
    font-size: 10px;
    margin-bottom: 40px;
  }
  .areaPage .themeBlock ._txt3 {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  .areaPage .themeBlock .themeTxt {
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  .areaPage .themeBlock .themeTxt br {
    display: none;
  }
}

.areaPage .curatorBlock {
  padding: 90px 0px 0px;
  margin: 0px auto 0px;
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
}

.areaPage .curatorImg {
  width: 39.5%;
  line-height: 0;
}

.areaPage .curatorImg img {
  width: 100%;
}

.areaPage .curatorImg .credit {
  line-height: 1.5;
  margin-top: 5px;
  font-size: 10px;
}

.areaPage .curatorTxt {
  padding-right: 3%;
  width: 52%;
}

.areaPage .curatorTxt .name_area {
  border-bottom: solid 1px #000;
  padding-bottom: 25px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}

.areaPage .curatorTxt .name_area .addTxt {
  font-size: 18px;
  letter-spacing: 0.1em;
  margin-right: 25px;
}

.areaPage .curatorTxt .name_area .name {
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0.1em;
  margin-right: 25px;
}

.areaPage .curatorTxt .name_area .namekana {
  font-size: 14px;
  letter-spacing: 0.1em;
}

.areaPage .curatorTxt .txt {
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.05em;
  border-bottom: solid 1px #000;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.areaPage .curatorTxt .link {
  margin-top: 45px;
}

.areaPage .curatorTxt .link a {
  color: #000;
  background: #fff;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  padding: 3px 7px;
  letter-spacing: 0.1em;
  line-height: 18px;
  border: solid 1px #000;
  border-radius: 3px;
}

@media all and (min-width: 768px) {
  .areaPage .curatorTxt-sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .areaPage .curatorTxt-sp {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    font-size: 10px;
    letter-spacing: 0.2em;
  }
  .areaPage .curatorBlock {
    padding: 50px 30px 0px;
    margin: 0px auto;
    flex-wrap: wrap;
    border-bottom: none;
  }
  .areaPage .curatorImg {
    padding-left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 45px;
  }
  .areaPage .curatorImg img {
    max-width: 300px;
  }
  .areaPage .curatorImg .credit {
    max-width: 300px;
    margin: 5px auto 0px;
    text-align: left;
  }
  .areaPage .curatorTxt {
    padding-right: 0%;
    width: 100%;
  }
  .areaPage .curatorTxt .name_area {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .areaPage .curatorTxt .name_area .name {
    font-size: 20px;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 20px;
  }
  .areaPage .curatorTxt .name_area .addTxt {
    margin-right: 0;
    font-size: 10px;
    margin-bottom: 20px;
  }
  .areaPage .curatorTxt .name_area .kana {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .areaPage .curatorTxt .txt {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.1em;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .areaPage .curatorTxt .link {
    margin-top: 25px;
  }
  .areaPage .curatorTxt .link a {
    font-size: 12px;
    padding: 0px 5px;
  }
}

.areaPage .artistTtl {
  text-align: center;
  font-weight: bold;
  padding-top: 75px;
  font-size: 18px;
  letter-spacing: 0.1em;
}

@media all and (max-width: 767px) {
  .areaPage .artistTtl {
    font-size: 14px;
  }
}

.areaPage .artistTtl span {
  position: relative;
}

.areaPage .artistTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.areaPage .artistTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .areaPage .artistTtl span:after {
    display: none;
  }
  .areaPage .artistTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.areaPage .artistList {
  padding: 75px 25px 50px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0px auto;
}

.areaPage .artistList span.new {
  color: #F00;
  font-size: 12px;
  display: inline-block;
  letter-spacing: 0.05em;
  /* line-height: 20px; */
  vertical-align: middle;
  padding-bottom: 3px;
  margin-right: 10px;
}

.areaPage .artistList li {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 4%;
}

.areaPage .artistList li:nth-child(3n) {
  margin-right: 0;
}

.areaPage .artistList li a {
  color: #000;
  text-decoration: none;
  display: block;
}

.areaPage .artistList li .img {
  line-height: 0;
}

.areaPage .artistList li .img img {
  width: 100%;
  height: auto;
}

.areaPage .artistList li p {
  font-size: 20px;
  letter-spacing: 0.2em;
  margin-top: 15px;
}

@media all and (min-width: 768px) {
  .areaPage .artistListTtl-sp {
    display: none;
  }
  .areaPage .artistList.listFix {
    justify-content: center;
  }
  .areaPage .artistList.listFix li {
    margin-right: 0;
  }
}

@media all and (max-width: 767px) {
  .areaPage .artistListTtl-sp {
    text-align: center;
    font-size: 10px;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
  }
  .areaPage .artistList li {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 45px;
  }
  .areaPage .artistList li:last-child {
    margin-bottom: 0;
  }
  .areaPage .artistList li p {
    max-width: 300px;
    margin: 15px auto 0;
    text-align: left;
    font-size: 16px;
  }
  .areaPage .artistList li .img img {
    max-width: 300px;
  }
}

.areaPage .area_mapBlock {
  background: #fff;
  padding: 90px 0px 100px;
}

.areaPage .area_mapBlock .blockTtl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 50px;
}

.areaPage .area_mapBlock_inr {
  max-width: 1000px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.areaPage .area_mapBlock_inr .mapImg {
  width: 500px;
  line-height: 0;
}

.areaPage .area_mapBlock_inr .mapImg img {
  width: 100%;
}

.areaPage .area_mapBlock_inr .gmap iframe {
  width: 450px;
  height: 445px;
}

@media all and (max-width: 767px) {
  .areaPage .area_mapBlock {
    padding: 45px 25px 50px;
  }
  .areaPage .area_mapBlock .blockTtl {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .areaPage .area_mapBlock_inr .mapImg {
    width: 100%;
  }
  .areaPage .area_mapBlock_inr .gmap {
    width: 100%;
  }
  .areaPage .area_mapBlock_inr .gmap iframe {
    width: 100%;
    height: 445px;
  }
}

.areaPage .block-two {
  padding-bottom: 100px;
}

.areaPage .block-two .themeBlock_inner {
  padding-top: 70px;
  padding-bottom: 95px;
}

@media all and (max-width: 767px) {
  .areaPage .block-two {
    padding-bottom: 50px;
  }
}

.areaPage .ulHeader, .areaPage .kv_area {
  background-position: center center;
  background-size: cover;
}

.areaPage .artistList.ishinomakiFix {
  padding: 50px 25px 0px;
}

@media all and (max-width: 767px) {
  .areaPage .artistList.ishinomakiFix {
    padding: 50px 25px 0px;
  }
}

.areaPage .artistTtl1sub {
  text-align: center;
  font-weight: bold;
  padding-top: 75px;
  font-size: 18px;
  letter-spacing: 0.1em;
}

@media all and (max-width: 767px) {
  .areaPage .artistTtl1sub {
    font-size: 14px;
  }
}

.areaPage .artistTtl2 {
  text-align: center;
  font-weight: bold;
  padding-top: 50px;
  font-size: 16px;
  letter-spacing: 0.1em;
}

@media all and (max-width: 767px) {
  .areaPage .artistTtl2 {
    font-size: 12px;
  }
}

.artistPage .fixNav .catNav li a.hcat-1 {
  background-color: #ffff00;
}

.artistPage header {
  position: relative;
}

.artistPage .artistTopBlock {
  padding: 70px 35px 20px;
}

@media all and (max-width: 767px) {
  .artistPage .artistTopBlock {
    padding: 60px 0px 0;
  }
}

.artistPage .artistCnt {
  background: url(../images/common/border.png) left top repeat-x;
  margin: 0px auto;
  width: 1000px;
}

.artistPage .artistCnt .nameBlock {
  border-bottom: solid 1px #000;
  text-align: center;
  padding: 70px 0px;
}

.artistPage .artistCnt .nameBlock .txt1, .artistPage .artistCnt .nameBlock .txt3 {
  font-size: 12px;
}

.artistPage .artistCnt .nameBlock .txt2 {
  font-weight: bold;
  line-height: 3;
  font-size: 18px;
}

.artistPage .artistCnt .profBlock {
  position: relative;
  padding-bottom: 55px;
  background: url(../images/common/border.png) left bottom repeat-x;
  display: flex;
  justify-content: space-between;
}

.artistPage .artistCnt .profBlock .imgBlock {
  line-height: 0;
  width: 400px;
}

.artistPage .artistCnt .profBlock .imgBlock img {
  width: 100%;
  height: auto;
}

.artistPage .artistCnt .profBlock .imgBlock .credit {
  margin-top: 1.5em;
  line-height: 1.5;
  font-size: 11px;
}

@media all and (max-width: 767px) {
  .artistPage .artistCnt .profBlock .imgBlock .credit {
    font-size: 10px;
    padding-left: 1.5em;
  }
}

.artistPage .artistCnt .profBlock .txtBlock {
  width: 550px;
  padding-top: 40px;
  font-size: 14px;
  line-height: 1.8;
}

.artistPage .artistCnt .profBlock .link {
  position: absolute;
  top: -20px;
  right: 0;
  display: flex;
  font-size: 12px;
}

.artistPage .artistCnt .profBlock .link li {
  margin-right: 15px;
}

.artistPage .artistCnt .profBlock .link li:last-child {
  margin-right: 0;
}

.artistPage .artistCnt .profBlock .link a {
  color: #000;
  text-decoration: none;
  display: block;
  background: #ffff00;
  padding: 0px 10px;
  line-height: 19px;
}

@media all and (max-width: 767px) {
  .artistPage .artistCnt {
    width: auto;
    padding: 0px 25px;
    background: none;
  }
  .artistPage .artistCnt .nameBlock {
    padding: 10px 0px 35px;
    text-align: left;
    border: none;
  }
  .artistPage .artistCnt .nameBlock .txt1, .artistPage .artistCnt .nameBlock .txt3 {
    font-size: 10px;
  }
  .artistPage .artistCnt .nameBlock .txt1 {
    font-weight: bold;
  }
  .artistPage .artistCnt .nameBlock .txt2 {
    font-size: 20px;
  }
  .artistPage .artistCnt .profBlock {
    display: block;
    padding-bottom: 50px;
  }
  .artistPage .artistCnt .profBlock .imgBlock {
    width: calc(100% + 50px);
    position: relative;
    left: -25px;
  }
  .artistPage .artistCnt .profBlock .txtBlock {
    padding: 40px 0px 0px;
    width: auto;
    font-size: 15px;
    line-height: 2;
  }
  .artistPage .artistCnt .profBlock .link {
    position: relative;
    top: 0px;
    right: auto;
    padding: 0px;
    display: block;
    font-size: 13px;
    margin-top: 35px;
  }
  .artistPage .artistCnt .profBlock .link li {
    margin-right: 0px;
    margin-bottom: 25px;
  }
  .artistPage .artistCnt .profBlock .link li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .artistPage .artistCnt .profBlock .link a {
    display: inline-block;
    background: #ffff00;
    padding: 0px 10px;
    line-height: 19px;
  }
}

.artistPage .referenceBlock,
.artistPage .multipleBlock {
  padding-top: 55px;
  padding-bottom: 55px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.artistPage .referenceBlock .blockTtl,
.artistPage .multipleBlock .blockTtl {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 40px;
}

.artistPage .referenceBlock .listBlock,
.artistPage .multipleBlock .listBlock {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.artistPage .referenceBlock .listBlock.adj,
.artistPage .multipleBlock .listBlock.adj {
  justify-content: flex-start;
}

.artistPage .referenceBlock .listBlock a,
.artistPage .multipleBlock .listBlock a {
  color: #000;
  text-decoration: none;
}

.artistPage .referenceBlock .listBlock li,
.artistPage .multipleBlock .listBlock li {
  width: 300px;
  margin-left: 50px;
}

.artistPage .referenceBlock .listBlock li:first-child,
.artistPage .referenceBlock .listBlock li:nth-child(4),
.artistPage .multipleBlock .listBlock li:first-child, .artistPage .multipleBlock .listBlock li:nth-child(4) {
  margin-left: 0;
}

.artistPage .referenceBlock .listBlock .img,
.artistPage .multipleBlock .listBlock .img {
  line-height: 0;
}

.artistPage .referenceBlock .listBlock .img img,
.artistPage .multipleBlock .listBlock .img img {
  width: 100%;
  height: auto;
}

.artistPage .referenceBlock .listBlock dl dt,
.artistPage .multipleBlock .listBlock dl dt {
  font-weight: bold;
  margin: 10px 0px;
  font-size: 14px;
}

.artistPage .referenceBlock .listBlock dl dd,
.artistPage .multipleBlock .listBlock dl dd {
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .artistPage .referenceBlock,
  .artistPage .multipleBlock {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .artistPage .referenceBlock .blockTtl,
  .artistPage .multipleBlock .blockTtl {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .artistPage .referenceBlock .listBlock li,
  .artistPage .multipleBlock .listBlock li {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 35px;
  }
  .artistPage .referenceBlock .listBlock dl dt,
  .artistPage .multipleBlock .listBlock dl dt {
    margin: 15px 0px;
    font-size: 15px;
  }
}

.artistPage .referenceBlock .listBlock .refTxt {
  margin-top: 10px;
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .artistPage .referenceBlock .listBlock .refTxt {
    margin-top: 15px;
  }
}

.artistPage .workBlock {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 55px;
  padding-bottom: 80px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.artistPage .workBlock .anc {
  position: absolute;
  top: 0;
}

.artistPage .workBlock .slick-list, .artistPage .workBlock .slick-track {
  background: transparent;
}

.artistPage .workBlock .slick-slide {
  height: auto;
}

.artistPage .workBlock .imgBlock {
  width: 400px;
}

.artistPage .workBlock .imgBlock .blockTtl {
  font-weight: bold;
  font-size: 18px;
  height: 45px;
}

.artistPage .workBlock .imgBlock .slick-slide {
  line-height: 0;
}

.artistPage .workBlock .imgBlock .workSld_img img {
  width: 100%;
}

.artistPage .workBlock .imgBlock .workSld_img p {
  line-height: 2;
  font-size: 12px;
  margin-top: 10px;
}

.artistPage .workBlock .workSld_thumBox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.artistPage .workBlock .workSld_thumBox li {
  transition: opacity 0.5s ease;
  width: 80px;
  margin-right: 26px;
}

.artistPage .workBlock .workSld_thumBox li:nth-child(4n) {
  margin-right: 0;
}

.artistPage .workBlock .workSld_thumBox li.thum-cr,
.artistPage .workBlock .workSld_thumBox li:hover {
  opacity: .4;
}

.artistPage .workBlock .workSld_thumBox li span {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.artistPage .workBlock .txtBlock {
  width: 550px;
}

.artistPage .workBlock .txtBlock .txt1 {
  position: relative;
  border-bottom: solid 1px #cccccc;
  height: 45px;
}

.artistPage .workBlock .txtBlock .txt1 p {
  font-weight: bold;
  font-size: 18px;
}

.artistPage .workBlock .txtBlock .txt1 .gmap {
  font-family: 'Helvetica';
  color: #000;
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 12px;
  line-height: 1;
  border: #000 solid 1px;
  border-radius: 4px;
  padding: 2px 5px;
}

.artistPage .workBlock .txtBlock .txt2 {
  border-bottom: solid 1px #cccccc;
  display: flex;
  justify-content: space-between;
  padding: 20px 0px;
}

.artistPage .workBlock .txtBlock .txt2 p {
  font-size: 14px;
}

.artistPage .workBlock .txtBlock .txt3 {
  font-size: 14px;
  line-height: 1.8;
  padding-top: 20px;
}

.artistPage .workBlock .txtBlock .txt4 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
  border-top: #cccccc solid 1px;
  font-size: 14px;
}

.artistPage .workBlock .txtBlock .txt4 dl {
  display: flex;
  border-bottom: #cccccc solid 1px;
  width: 100%;
}

.artistPage .workBlock .txtBlock .txt4 dl.item1 {
  width: 250px;
}

.artistPage .workBlock .txtBlock .txt4 dl.item2 {
  width: 120px;
}

.artistPage .workBlock .txtBlock .txt4 dl.item2 dt {
  width: auto;
}

.artistPage .workBlock .txtBlock .txt4 dl.item3 {
  width: 180px;
}

.artistPage .workBlock .txtBlock .txt4 dl.item3 dt {
  width: auto;
}

.artistPage .workBlock .txtBlock .txt4 dt {
  background: #ededed;
  padding: 10px 15px;
  width: 90px;
}

.artistPage .workBlock .txtBlock .txt4 dd {
  padding: 10px 15px;
}

.artistPage .workBlock .maparea {
  margin-top: 40px;
  border: solid 1px #cccccc;
  line-height: 0;
}

.artistPage .workBlock .maparea iframe {
  width: 100%;
  height: 410px;
}

@media all and (min-width: 768px) {
  .artistPage .workBlock .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .artistPage .workBlock .slick-dots li {
    transition: opacity 0.5s ease;
    width: 80px;
    height: 80px;
    margin: 0px 26px 0px 0px;
  }
  .artistPage .workBlock .slick-dots li:nth-child(4n) {
    margin-right: 0;
  }
  .artistPage .workBlock .slick-dots li.thum-cr,
  .artistPage .workBlock .slick-dots li:hover {
    opacity: .4;
  }
  .artistPage .workBlock .slick-dots li span {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .artistPage .workBlock .slick-dots li {
    list-style: none;
    display: inline-block;
  }
  .artistPage .workBlock .slick-dots li.slick-active img {
    opacity: 1;
  }
  .artistPage .workBlock .spWorkTtl_area {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .artistPage .workBlock {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .artistPage .workBlock .spWorkTtl_area {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
  }
  .artistPage .workBlock .spWorkTtl_area .spWorkTtl {
    font-size: 15px;
    margin-bottom: 35px;
  }
  .artistPage .workBlock .spWorkTtl_area .spWorkTxt {
    font-size: 12px;
  }
  .artistPage .workBlock .imgBlock {
    width: 100%;
    margin-bottom: 45px;
  }
  .artistPage .workBlock .imgBlock .blockTtl {
    display: none;
  }
  .artistPage .workBlock .imgBlock .workSld_img p {
    margin-top: 15px;
  }
  .artistPage .workBlock .imgBlock .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 45px;
  }
  .artistPage .workBlock .imgBlock .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #000;
  }
  .artistPage .workBlock .imgBlock .slick-dots li.slick-active {
    background: #ffff00;
  }
  .artistPage .workBlock .txtBlock {
    width: 100%;
  }
  .artistPage .workBlock .txtBlock .txt1, .artistPage .workBlock .txtBlock .txt2 {
    display: none;
  }
  .artistPage .workBlock .txtBlock .txt3 {
    padding-top: 0px;
  }
  .artistPage .workBlock .txtBlock .txt4 {
    margin-top: 25px;
    font-size: 14px;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item1 {
    width: 100%;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item2 {
    width: 120px;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item2 dt {
    padding-right: 15px;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item3 {
    width: calc(100% - 120px);
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item3 dt {
    padding-right: 15px;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item3 dd {
    padding-right: 0;
  }
  .artistPage .workBlock .txtBlock .txt4 dl.item4 dd, .artistPage .workBlock .txtBlock .txt4 dl.item5 dd {
    font-size: 12px;
    width: calc(100% - 120px);
  }
  .artistPage .workBlock .txtBlock .txt4 dt {
    background: #ededed;
    padding: 10px 0px 10px 15px;
    width: 110px;
  }
  .artistPage .workBlock .txtBlock .txt4 dd {
    padding: 10px 15px;
  }
  .artistPage .workBlock .maparea iframe {
    height: 245px;
  }
}

.artistPage .aroundworksBlock {
  padding-top: 70px;
  padding-bottom: 25px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.artistPage .aroundworksBlock a {
  text-decoration: none;
  color: #000;
}

.artistPage .aroundworksBlock .blockTtl {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 45px;
}

.artistPage .aroundworksBlock ul {
  display: flex;
  flex-wrap: wrap;
}

.artistPage .aroundworksBlock ul li {
  margin-bottom: 45px;
  margin-right: 50px;
}

.artistPage .aroundworksBlock ul li:nth-child(3n) {
  margin-right: 0;
}

.artistPage .aroundworksBlock .img {
  width: 300px;
}

.artistPage .aroundworksBlock .img img {
  width: 100%;
}

.artistPage .aroundworksBlock .img .thumImg {
  background-color: #f1f1f1;
  width: 100%;
  padding-top: 66.96%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.artistPage .aroundworksBlock .img a {
  display: block;
  position: relative;
}

.artistPage .aroundworksBlock .img p {
  position: absolute;
  top: 0;
  font-size: 12px;
  padding: 3px 5px;
}

.artistPage .aroundworksBlock .img p.imgTxt1 {
  left: 0;
  background: #ffff00;
}

.artistPage .aroundworksBlock .img p.imgTxt2 {
  right: 0;
  background: #ededed;
}

.artistPage .aroundworksBlock dl dt {
  font-weight: bold;
  margin: 10px 0px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.artistPage .aroundworksBlock dl dt .map {
  font-family: 'Helvetica';
  font-size: 10px;
  line-height: 1;
  border: #000 solid 1px;
  border-radius: 4px;
  padding: 2px 5px;
}

.artistPage .aroundworksBlock dl dd {
  font-size: 12px;
}

@media all and (max-width: 767px) {
  .artistPage .aroundworksBlock {
    padding-top: 50px;
    padding-bottom: 15px;
  }
  .artistPage .aroundworksBlock .blockTtl {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .artistPage .aroundworksBlock ul li {
    margin-right: 0;
    margin-bottom: 35px;
    width: 100%;
  }
  .artistPage .aroundworksBlock .img {
    width: 100%;
  }
  .artistPage .aroundworksBlock .img p {
    font-size: 13px;
  }
  .artistPage .aroundworksBlock dl dt {
    margin: 15px 0px;
    font-size: 15px;
  }
  .artistPage .aroundworksBlock dl dt .map {
    font-size: 11px;
  }
  .artistPage .aroundworksBlock dl dd {
    font-size: 13px;
  }
}

.artistPage .topicListBlock {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 0;
}

.artistPage .cntBottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 70px 0px 120px;
  font-size: 16px;
}

.artistPage .cntBottom a {
  color: #000;
  text-decoration: none;
  position: relative;
  font-weight: bold;
}

.artistPage .cntBottom a:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  background: #000;
  width: 100%;
  height: 3px;
}

@media all and (max-width: 767px) {
  .artistPage .cntBottom {
    padding: 50px 0px 50px;
  }
  .artistPage .cntBottom div {
    width: 100%;
    margin-bottom: 50px;
  }
}

/*
	/art
*/
/*
	music
*/
@media all and (max-width: 767px) {
  .pc {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .sp {
    display: none;
  }
}

._musicPage {
  /*
	.artistTopBlock{
		//background: #fafafa;
		padding: 70px 35px 20px;
		@media all and (max-width: $breakSp) {
			//background: #fff;
			padding:60px 0px 0;
		}
	}
	
	.profBlock{
		
	}
	
	.artistCnt{
		background: url(../images/common/bg-tex-2.jpg);
	}
*/
}

._musicPage a {
  color: #000;
}

._musicPage .fixNav .catNav li a.hcat-2 {
  background-color: #3d539e;
  background-image: url(../images/common/hcat-2_fix_cr.png);
}

._musicPage header {
  height: 500px;
  position: relative;
}

@media all and (max-width: 767px) {
  ._musicPage header {
    height: 666px;
  }
}

._musicPage .kv_area {
  position: relative;
}

._musicPage .kv_area .kvImg {
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

._musicPage .kv_area .kvTxt {
  position: absolute;
  left: 70px;
  bottom: 65px;
  color: #fff;
  font-size: 10px;
}

._musicPage .musicCnt .topBlcok {
  padding: 70px 50px 90px;
  background: url(../images/common/bg-tex-2.jpg);
}

._musicPage .musicCnt .topBlcok h1 {
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

._musicPage .musicCnt .topBlcok h1 span {
  background: linear-gradient(transparent 85%, yellow 5%);
}

._musicPage .musicCnt .topBlcok .subTxt {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

._musicPage .musicCnt .topBlcok .txt {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  ._musicPage .musicCnt .topBlcok {
    padding: 30px 35px 35px;
  }
  ._musicPage .musicCnt .topBlcok h1 {
    font-size: 16px;
  }
  ._musicPage .musicCnt .topBlcok .txt {
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
  }
  ._musicPage .musicCnt .topBlcok .subTxt {
    font-size: 10px;
    margin-top: 15px;
  }
}

._musicPage .musicCnt .profBlock {
  padding: 70px 50px 85px;
}

._musicPage .musicCnt .profBlock .blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
}

._musicPage .musicCnt .profBlock .blockTtl dt {
  font-weight: bold;
  margin-bottom: 25px;
}

._musicPage .musicCnt .profBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

._musicPage .musicCnt .profBlock .box {
  width: calc(50% - 30px);
}

._musicPage .musicCnt .profBlock .box:first-child {
  margin-right: 60px;
}

._musicPage .musicCnt .profBlock .boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

._musicPage .musicCnt .profBlock .boxImg img {
  max-width: 300px;
  width: 100%;
}

._musicPage .musicCnt .profBlock .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
}

._musicPage .musicCnt .profBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (max-width: 767px) {
  ._musicPage .musicCnt .profBlock {
    padding: 45px 35px;
  }
  ._musicPage .musicCnt .profBlock .blockTtl {
    font-size: 25px;
    margin-bottom: 40px;
  }
  ._musicPage .musicCnt .profBlock .blockTtl dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  ._musicPage .musicCnt .profBlock .blockTtl dd {
    font-size: 20px;
  }
  ._musicPage .musicCnt .profBlock .box {
    width: 100%;
  }
  ._musicPage .musicCnt .profBlock .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  ._musicPage .musicCnt .profBlock .boxImg {
    margin-bottom: 25px;
  }
  ._musicPage .musicCnt .profBlock .boxTtl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  ._musicPage .musicCnt .profBlock .boxTtl b {
    font-size: 15px;
  }
  ._musicPage .musicCnt .profBlock .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

._musicPage .musicCnt .detailBlock {
  background: url(../images/common/bg-tex-2.jpg);
  padding: 70px 50px 85px;
}

._musicPage .musicCnt .detailBlock a {
  color: #000;
}

._musicPage .musicCnt .detailBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

._musicPage .musicCnt .detailBlock .box {
  width: calc(50% - 30px);
}

._musicPage .musicCnt .detailBlock .box:first-child {
  margin-right: 60px;
}

._musicPage .musicCnt .detailBlock .boxTtl {
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  font-size: 16px;
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

._musicPage .musicCnt .detailBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 14px;
  line-height: 1.8;
}

._musicPage .musicCnt .detailBlock .boxTxt p {
  margin-bottom: 1em;
}

._musicPage .musicCnt .detailBlock .boxTxt p .sml {
  font-size: 10px;
}

._musicPage .musicCnt .detailBlock .boxTxt p .sml2 {
  font-size: 14px;
}

._musicPage .musicCnt .detailBlock .boxTxt .adj-indent {
  text-indent: -2.7em;
  padding-left: 2.7em;
}

._musicPage .musicCnt .detailBlock .boxTxt2 {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 50px;
}

._musicPage .musicCnt .detailBlock .map {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}

._musicPage .musicCnt .detailBlock .map iframe {
  width: 100%;
  height: 100%;
}

._musicPage .musicCnt .detailBlock .accessTxt {
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 2.3;
}

._musicPage .musicCnt .detailBlock .tableCnt {
  padding-top: 25px;
  margin-bottom: 40px;
}

._musicPage .musicCnt .detailBlock .tableCnt table {
  background: #fff;
  font-size: 14px;
  line-height: 2;
  border: solid 1px #000;
}

._musicPage .musicCnt .detailBlock .tableCnt .size1 {
  font-size: 20px;
}

._musicPage .musicCnt .detailBlock .tableCnt td {
  vertical-align: middle;
  padding: 13px;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell1 {
  line-height: 1.5;
  border-bottom: solid 1px #000;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell1 td:nth-child(1) {
  font-weight: bold;
  border-right: 1px solid #000;
  text-align: center;
  background-color: #fef684;
  width: 95px;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell1 td:nth-child(2) {
  padding: 10px;
  padding-left: 30px;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell2 {
  line-height: 1.6;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell2 td {
  padding: 8px 20px 15px;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell3 {
  line-height: 1.5;
  border-top: solid 1px #000;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell3 td:nth-child(1) {
  font-weight: bold;
  border-right: 1px solid #000;
  text-align: center;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell3 td:nth-child(2) {
  font-size: 12px;
  line-height: 1.7;
}

._musicPage .musicCnt .detailBlock .tableCnt .cell3 a {
  color: #000;
  /*
						display: inline-block;
						text-decoration: none;
						border-radius: 8px;
						font-weight: bold;
						font-size: 18px;
						padding: 8px 16px;
						background: #fef684;
						color: #000;
						margin-top: 15px;
*/
}

._musicPage .musicCnt .detailBlock .tableCnt .cell4 {
  border-top: solid 1px #000;
  font-size: 12px;
}

._musicPage .musicCnt .detailBlock .coming {
  color: #ff0707;
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  height: 630px;
  padding-top: 25px;
  margin-bottom: 40px;
}

@media all and (max-width: 767px) {
  ._musicPage .musicCnt .detailBlock {
    padding: 45px 35px;
  }
  ._musicPage .musicCnt .detailBlock .box {
    width: 100%;
  }
  ._musicPage .musicCnt .detailBlock .box:first-child {
    margin-right: 0px;
    background: url(../images/common/border.png) left bottom repeat-x;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  ._musicPage .musicCnt .detailBlock .boxTtl {
    font-size: 15px;
    background: none;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  ._musicPage .musicCnt .detailBlock .boxTxt {
    font-size: 15px;
  }
  ._musicPage .musicCnt .detailBlock .boxTxt p .sml {
    font-size: 10px;
  }
  ._musicPage .musicCnt .detailBlock .boxTxt p .sml2 {
    font-size: 14px;
  }
  ._musicPage .musicCnt .detailBlock .boxTxt .adj-indent {
    text-indent: -2.7em;
    padding-left: 2.7em;
  }
  ._musicPage .musicCnt .detailBlock .boxTxt2 {
    font-size: 10px;
    margin-bottom: 30px;
  }
  ._musicPage .musicCnt .detailBlock .accessTxt {
    font-size: 10px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt {
    margin-bottom: 15px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt table {
    font-size: 10px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .size1 {
    font-size: 12px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt td {
    padding: 7px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .cell1 td:nth-child(1) {
    width: 60px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .cell1 td:nth-child(2) {
    padding: 5px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .cell2 td {
    padding: 4px 10px 7px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .cell3 td:nth-child(2) {
    padding: 5px;
  }
  ._musicPage .musicCnt .detailBlock .tableCnt .cell4 {
    font-size: 10px;
  }
  ._musicPage .musicCnt .detailBlock .coming {
    font-size: 12px;
    line-height: 2;
    height: auto;
    padding-top: 10px;
    margin-bottom: 20px;
  }
}

@media all and (max-width: 767px) {
  .pc {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .operaPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.operaPage a {
  color: #000;
}

.operaPage .fixNav .catNav li a.hcat-2 {
  background-color: #3d539e;
}

.operaPage header {
  position: relative;
}

@media all and (max-width: 767px) {
  .operaPage header {
    height: auto;
  }
}

.operaPage .kv_area {
  position: relative;
  height: 500px;
}

.operaPage .kv_area .kvImg {
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.operaPage .kv_area .kvTxt {
  position: absolute;
  left: 70px;
  bottom: 65px;
  color: #fff;
  font-size: 10px;
}

@media all and (max-width: 767px) {
  .operaPage .kv_area {
    position: relative;
    margin-top: -95px;
    height: 375px;
  }
}

.operaPage .operaCnt .topBlcok {
  padding: 70px 50px 90px;
  background: url(../images/common/bg-tex-2.jpg);
}

.operaPage .operaCnt .topBlcok h1 {
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

.operaPage .operaCnt .topBlcok h1 span {
  background: linear-gradient(transparent 85%, yellow 5%);
}

.operaPage .operaCnt .topBlcok .subTxt {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.operaPage .operaCnt .topBlcok .txt {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .operaPage .operaCnt .topBlcok {
    padding: 30px 35px 35px;
  }
  .operaPage .operaCnt .topBlcok h1 {
    font-size: 16px;
  }
  .operaPage .operaCnt .topBlcok .txt {
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
  }
  .operaPage .operaCnt .topBlcok .subTxt {
    font-size: 10px;
    margin-top: 15px;
  }
}

.operaPage .operaCnt .profBlock {
  padding: 70px 50px 85px;
}

.operaPage .operaCnt .profBlock .blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
}

.operaPage .operaCnt .profBlock .blockTtl dt {
  font-weight: bold;
  margin-bottom: 25px;
}

.operaPage .operaCnt .profBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

.operaPage .operaCnt .profBlock .box {
  width: calc(50% - 30px);
}

.operaPage .operaCnt .profBlock .box:first-child {
  margin-right: 60px;
}

.operaPage .operaCnt .profBlock .boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

.operaPage .operaCnt .profBlock .boxImg img {
  max-width: 300px;
  width: 100%;
}

.operaPage .operaCnt .profBlock .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
}

.operaPage .operaCnt .profBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (max-width: 767px) {
  .operaPage .operaCnt .profBlock {
    padding: 45px 35px;
  }
  .operaPage .operaCnt .profBlock .blockTtl {
    font-size: 25px;
    margin-bottom: 40px;
  }
  .operaPage .operaCnt .profBlock .blockTtl dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .operaPage .operaCnt .profBlock .blockTtl dd {
    font-size: 20px;
  }
  .operaPage .operaCnt .profBlock .box {
    width: 100%;
  }
  .operaPage .operaCnt .profBlock .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .operaPage .operaCnt .profBlock .boxImg {
    margin-bottom: 25px;
  }
  .operaPage .operaCnt .profBlock .boxTtl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .operaPage .operaCnt .profBlock .boxTtl b {
    font-size: 15px;
  }
  .operaPage .operaCnt .profBlock .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

.operaPage .operaCnt .profBlock2 {
  padding: 0px 50px 85px;
}

.operaPage .operaCnt .profBlock2 a {
  text-decoration: none;
  display: block;
}

.operaPage .operaCnt .profBlock2 .blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
  font-weight: bold;
  margin-bottom: 50px;
}

.operaPage .operaCnt .profBlock2_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

.operaPage .operaCnt .profBlock2 .boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

.operaPage .operaCnt .profBlock2 .boxImg img {
  max-width: 300px;
  width: 100%;
}

.operaPage .operaCnt .profBlock2 .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
}

.operaPage .operaCnt .profBlock2 .boxTtl span {
  font-size: 10px;
}

.operaPage .operaCnt .profBlock2 .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (min-width: 768px) {
  .operaPage .operaCnt .profBlock2 .box {
    width: 202px;
    margin-left: 50px;
  }
  .operaPage .operaCnt .profBlock2 .box:first-child {
    margin-left: 0px;
  }
  .operaPage .operaCnt .profBlock2 .boxImg {
    line-height: 0;
    text-align: center;
    margin-bottom: 25px;
  }
  .operaPage .operaCnt .profBlock2 .boxImg img {
    max-width: 300px;
    width: 100%;
  }
  .operaPage .operaCnt .profBlock2 .boxTtl {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .operaPage .operaCnt .profBlock2 .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

@media all and (max-width: 767px) {
  .operaPage .operaCnt .profBlock2 {
    padding: 0px 35px 45px;
  }
  .operaPage .operaCnt .profBlock2 .blockTtl {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .operaPage .operaCnt .profBlock2 .box {
    width: 100%;
  }
  .operaPage .operaCnt .profBlock2 .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .operaPage .operaCnt .profBlock2 .boxImg {
    margin-bottom: 25px;
  }
  .operaPage .operaCnt .profBlock2 .boxTtl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .operaPage .operaCnt .profBlock2 .boxTtl span {
    font-size: 10px;
  }
  .operaPage .operaCnt .profBlock2 .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

.operaPage .operaCnt .detailBlock {
  background: url(../images/common/bg-tex-2.jpg);
  padding: 70px 50px 85px;
}

.operaPage .operaCnt .detailBlock a {
  color: #000;
}

.operaPage .operaCnt .detailBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

.operaPage .operaCnt .detailBlock .box {
  width: calc(50% - 30px);
}

.operaPage .operaCnt .detailBlock .box:first-child {
  margin-right: 60px;
}

.operaPage .operaCnt .detailBlock .boxTtl {
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.1em;
  font-size: 16px;
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.operaPage .operaCnt .detailBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 14px;
  line-height: 1.8;
}

.operaPage .operaCnt .detailBlock .boxTxt p {
  margin-bottom: 1em;
}

.operaPage .operaCnt .detailBlock .boxTxt p .sml {
  font-size: 10px;
}

.operaPage .operaCnt .detailBlock .boxTxt p .sml2 {
  font-size: 14px;
}

.operaPage .operaCnt .detailBlock .boxTxt .adj-indent {
  text-indent: -2.7em;
  padding-left: 2.7em;
}

.operaPage .operaCnt .detailBlock .boxTxt2 {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 50px;
}

.operaPage .operaCnt .detailBlock .map {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
}

.operaPage .operaCnt .detailBlock .map iframe {
  width: 100%;
  height: 100%;
}

.operaPage .operaCnt .detailBlock .accessTxt {
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 2.3;
}

.operaPage .operaCnt .detailBlock .tableCnt {
  padding-top: 25px;
  margin-bottom: 40px;
}

.operaPage .operaCnt .detailBlock .tableCnt table {
  background: #fff;
  font-size: 14px;
  line-height: 2;
  border: solid 1px #000;
}

.operaPage .operaCnt .detailBlock .tableCnt .size1 {
  font-size: 20px;
}

.operaPage .operaCnt .detailBlock .tableCnt td {
  vertical-align: middle;
  padding: 13px;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell1 {
  line-height: 1.5;
  border-bottom: solid 1px #000;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell1 td:nth-child(1) {
  font-weight: bold;
  border-right: 1px solid #000;
  text-align: center;
  background-color: #fef684;
  width: 95px;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell1 td:nth-child(2) {
  padding: 10px;
  padding-left: 30px;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell2 {
  line-height: 1.6;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell2 td {
  padding: 8px 20px 15px;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell3 {
  line-height: 1.5;
  border-top: solid 1px #000;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell3 td:nth-child(1) {
  font-weight: bold;
  border-right: 1px solid #000;
  text-align: center;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell3 td:nth-child(2) {
  font-size: 12px;
  line-height: 1.7;
}

.operaPage .operaCnt .detailBlock .tableCnt .cell3 a {
  color: #000;
  /*
						display: inline-block;
						text-decoration: none;
						border-radius: 8px;
						font-weight: bold;
						font-size: 18px;
						padding: 8px 16px;
						background: #fef684;
						color: #000;
						margin-top: 15px;
*/
}

.operaPage .operaCnt .detailBlock .tableCnt .cell4 {
  border-top: solid 1px #000;
  font-size: 12px;
}

.operaPage .operaCnt .detailBlock .coming {
  color: #ff0707;
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  height: 755px;
  padding-top: 25px;
  margin-bottom: 40px;
}

@media all and (max-width: 767px) {
  .operaPage .operaCnt .detailBlock {
    padding: 45px 35px;
  }
  .operaPage .operaCnt .detailBlock .box {
    width: 100%;
  }
  .operaPage .operaCnt .detailBlock .box:first-child {
    margin-right: 0px;
    background: url(../images/common/border.png) left bottom repeat-x;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .operaPage .operaCnt .detailBlock .boxTtl {
    font-size: 15px;
    background: none;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .operaPage .operaCnt .detailBlock .boxTxt {
    font-size: 15px;
  }
  .operaPage .operaCnt .detailBlock .boxTxt p .sml {
    font-size: 10px;
  }
  .operaPage .operaCnt .detailBlock .boxTxt p .sml2 {
    font-size: 14px;
  }
  .operaPage .operaCnt .detailBlock .boxTxt .adj-indent {
    text-indent: -2.7em;
    padding-left: 2.7em;
  }
  .operaPage .operaCnt .detailBlock .boxTxt2 {
    font-size: 10px;
    margin-bottom: 30px;
  }
  .operaPage .operaCnt .detailBlock .accessTxt {
    font-size: 10px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt {
    margin-bottom: 15px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt table {
    font-size: 10px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .size1 {
    font-size: 12px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt td {
    padding: 7px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .cell1 td:nth-child(1) {
    width: 60px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .cell1 td:nth-child(2) {
    padding: 5px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .cell2 td {
    padding: 4px 10px 7px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .cell3 td:nth-child(2) {
    padding: 5px;
  }
  .operaPage .operaCnt .detailBlock .tableCnt .cell4 {
    font-size: 10px;
  }
  .operaPage .operaCnt .detailBlock .coming {
    font-size: 12px;
    line-height: 2;
    height: auto;
    padding-top: 10px;
    margin-bottom: 20px;
  }
}

/*body*/
.korogarushiCnt {
  /* KV部分ここから */
  /* KV部分ここまで */
  /* イベント詳細ここから */
  /* イベント詳細ここまで */
  /* アクセスここから */
  /* アクセスここまで */
  /* さらに楽しむためにここから */
  /* さらに楽しむためにここまで */
  /* カラーセクションここから */
  /* カラーセクションここまで */
  /* 概要説明ここから */
  /* 概要説明ここまで */
}

.korogarushiCnt .top-image-part img {
  width: 100%;
  display: block;
}

.korogarushiCnt .artists-part {
  display: inherit;
  overflow: auto;
}

.korogarushiCnt .artists-part img {
  width: 100%;
}

.korogarushiCnt .artists-part-sp {
  display: none;
}

.korogarushiCnt .artists-part .artists-row1 .artist-box {
  width: 28.3%;
  float: left;
  position: relative;
}

.korogarushiCnt .artists-part .artists-row1 .side-box {
  width: 21.7%;
}

.korogarushiCnt .artists-part .artists-row2 .artist-box {
  width: 16.666%;
  float: left;
  position: relative;
}

.korogarushiCnt .artist-box:hover > .info {
  opacity: 1.0;
}

.korogarushiCnt .artists-part .artist-box .info {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  color: black;
  bottom: 0px;
  width: 100%;
  height: 100%;
  vertical-align: text-bottom;
}

.korogarushiCnt .artists-part .artist-box .info:hover {
  opacity: 1;
}

.korogarushiCnt .artists-part .artist-box .info h3 {
  font-size: 40px;
  position: absolute;
  bottom: 35px;
  left: 5px;
  font-style: italic;
}

.korogarushiCnt .artists-part .artist-box .info h4 {
  font-size: 20px;
  position: absolute;
  bottom: 10px;
  left: 5px;
  font-style: italic;
}

.korogarushiCnt .artists-part .side-box .info h3 {
  bottom: 10px;
}

.korogarushiCnt .artists-part .artists-row2 .artist-box .info h3 {
  font-size: 30px;
  bottom: 30px;
}

.korogarushiCnt .artists-part .artists-row2 .artist-box .info h4 {
  font-size: 18px;
  bottom: 10px;
}

@media all and (max-width: 767px) {
  .korogarushiCnt .aList {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding-bottom: 1px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .korogarushiCnt .aList {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt .aList img {
    width: 100%;
  }
  .korogarushiCnt .aList .aBox {
    width: 100%;
    float: none;
    margin-bottom: 35px;
  }
  .korogarushiCnt .aList .aBox:lasct-child {
    margin-bottom: 0;
  }
  .korogarushiCnt .aList h3 {
    font-size: 20px;
    font-style: italic;
    margin-top: 10px;
  }
  .korogarushiCnt .aList h4 {
    font-size: 15px;
    font-style: italic;
  }
}

@media screen and (max-width: 767px) {
  .korogarushiCnt .artists-part {
    display: none;
  }
  .korogarushiCnt .artists-part-sp {
    display: inherit;
    text-align: center;
    background-image: url("../images/music/korogarushi/background1.png");
  }
  .korogarushiCnt .artists-part-sp h1 {
    font-size: 20px;
    padding: 50px 0px;
    letter-spacing: 0.2em;
  }
  .korogarushiCnt .artists-part-sp .artist-box {
    width: 50%;
    float: left;
  }
  .korogarushiCnt .artists-part-sp .artists-row0 .artist-box {
    float: none;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
  .korogarushiCnt .artists-part-sp .artists-row0 h3 {
    font-size: 30px;
    font-style: italic;
    margin-top: 10px;
  }
  .korogarushiCnt .artists-part-sp .artists-row0 h4 {
    font-size: 18px;
    font-style: italic;
  }
  .korogarushiCnt .artists-part-sp .artists-row1 h3 {
    font-size: 30px;
    font-style: italic;
    margin-top: 10px;
  }
  .korogarushiCnt .artists-part-sp .artists-row1 h4 {
    font-size: 18px;
    font-style: italic;
  }
  .korogarushiCnt .artists-part-sp .artists-row2 h3 {
    font-size: 30px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .korogarushiCnt .artists-part-sp .artists-row3 h3 {
    font-size: 18px;
    font-style: italic;
    margin-top: 10px;
  }
  .korogarushiCnt .artists-part-sp .artists-row3 h4 {
    font-size: 14px;
    font-style: italic;
  }
  .korogarushiCnt .artists-part-sp .artists-row4 {
    padding-bottom: 100px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
  .korogarushiCnt .artists-part-sp .artists-row4 h3 {
    font-size: 18px;
    font-style: italic;
    margin-top: 10px;
  }
  .korogarushiCnt .artists-part-sp .artists-row4 h4 {
    font-size: 14px;
    font-style: italic;
  }
  .korogarushiCnt .artists-part-sp .artist-box img {
    width: 100%;
  }
  .korogarushiCnt .artists-part-sp .artists-row {
    overflow: hidden;
    padding-bottom: 60px;
  }
  .korogarushiCnt .artists-part-sp .artists-row2 {
    margin: 0% 10%;
    margin-bottom: 20px;
  }
  .korogarushiCnt .artists-part-sp .artists-row2 .artist-box {
    width: 50%;
  }
  .korogarushiCnt .artists-part-sp .artists-row3 .artist-box, .korogarushiCnt .artists-part-sp .artists-row4 .artist-box {
    width: 33.33%;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .korogarushiCnt .artists-part-sp h1 {
    font-size: 14px;
  }
  .korogarushiCnt .artists-part-sp .artists-row1 h3 {
    font-size: 22px;
  }
  .korogarushiCnt .artists-part-sp .artists-row1 h4 {
    font-size: 12px;
  }
  .korogarushiCnt .artists-part-sp .artists-row2 h3 {
    font-size: 22px;
  }
  .korogarushiCnt .artists-part-sp .artists-row3 h3 {
    font-size: 16px;
  }
  .korogarushiCnt .artists-part-sp .artists-row3 h4 {
    font-size: 10px;
  }
  .korogarushiCnt .artists-part-sp .artists-row4 h4 {
    font-size: 10px;
  }
}

.korogarushiCnt #detail {
  background-image: url("../images/music/korogarushi/background1.png");
  display: flex;
}

.korogarushiCnt #detail a {
  color: #000;
}

@media all and (min-width: 768px) {
  .korogarushiCnt #detail {
    padding: 80px 0px;
  }
}

@media screen and (min-width: 768px) {
  .korogarushiCnt #detail .detail_inr {
    display: flex;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt #detail .detail_inr {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .korogarushiCnt #detail .detail_inr {
    max-width: 290px;
  }
}

.korogarushiCnt #detail .left-box {
  width: 630px;
}

.korogarushiCnt #detail .detail-table {
  font-size: 16px;
  width: 100%;
}

.korogarushiCnt #detail .detail-table th {
  background-color: #ffff00;
  text-align: center;
  width: 90px;
  border: solid 1px black;
}

.korogarushiCnt #detail .detail-table td {
  background-color: white;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  /* font-weight: 600; */
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  line-height: 1.6;
}

.korogarushiCnt #detail .detail-table .dashed {
  border-right: solid 1px black;
  border-bottom: dashed 1px black;
}

.korogarushiCnt #detail .detail-table .top {
  border-top: solid 1px black;
}

.korogarushiCnt #detail .detail-table .sml {
  text-align: left;
  display: inline-block;
  font-weight: normal;
  padding-left: 0.5em;
  line-height: 1.4;
  margin-top: 1em;
  font-size: 11px;
  text-indent: -0.5em;
}

.korogarushiCnt #detail .rounded-button {
  background-color: #4a4c9c;
  border-radius: 12px;
  padding: 0px 15px 0px 15px;
  color: white;
}

.korogarushiCnt #detail .rounded-button a {
  font-size: 12px;
  line-height: 20px;
  color: white;
  text-decoration: none;
}

.korogarushiCnt #detail .rounded-button a:visited {
  font-size: 12px;
  color: white;
  text-decoration: none;
}

.korogarushiCnt #detail .ticket-box {
  margin-top: 50px;
}

.korogarushiCnt #detail .ticket-table {
  font-size: 16px;
  width: 100%;
}

.korogarushiCnt #detail .ticket-table th {
  background-color: #4a4c9c;
  text-align: center;
  width: 90px;
  border: solid 1px black;
  color: white;
}

.korogarushiCnt #detail .ticket-table td {
  background-color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  /* font-weight: 600; */
  line-height: 1.6;
}

.korogarushiCnt #detail .ticket-table .dashed {
  border-right: solid 1px black;
  border-bottom: dashed 1px black;
}

.korogarushiCnt #detail .ticket-table .top {
  border-top: solid 1px black;
}

.korogarushiCnt #detail .ticket-table .toiawase {
  font-size: 13px;
}

.korogarushiCnt #detail .right-box {
  width: 315px;
}

@media all and (min-width: 768px) {
  .korogarushiCnt #detail .about-box {
    position: relative;
    margin-top: -7px;
  }
}

.korogarushiCnt #detail .about-box .event-image {
  margin-top: 15px;
  width: 100%;
}

.korogarushiCnt #detail .about-box h2 {
  font-size: 17px;
}

@media screen and (max-width: 767px) {
  .korogarushiCnt #detail .about-box h2 {
    font-size: 15px;
  }
}

.korogarushiCnt #detail .about-box .text-box {
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
}

.korogarushiCnt #detail .about-box p {
  font-size: 16px;
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .korogarushiCnt #detail .about-box p {
    font-size: 13px;
  }
}

.korogarushiCnt #detail .event-button {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.korogarushiCnt #detail .event-button.button-01 {
  background-color: #ffff00;
}

.korogarushiCnt #detail .event-button.button-02 {
  background-color: #4a4c9c;
  color: white;
}

.korogarushiCnt #detail .event-button.button-03 {
  background-color: #b8ad81;
  color: white;
}

.korogarushiCnt #detail .event-button a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.korogarushiCnt #detail .event-button:hover {
  opacity: 0.7;
}

.korogarushiCnt #detail .gmap-button {
  display: inline-block;
  background-color: #4a4c9c;
  border-radius: 12px;
  padding: 0px 15px 0px 15px;
  font-size: 12px;
  line-height: 20px;
  color: white;
  text-decoration: none;
}

.korogarushiCnt #detail .tdFontSize1 {
  font-size: 14px;
}

.korogarushiCnt #detail .tdFontSize2 {
  font-size: 12px;
}

.korogarushiCnt #detail .tdFontSize3 {
  font-size: 11px;
}

.korogarushiCnt #detail .adj {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}

@media all and (max-width: 767px) {
  .korogarushiCnt #detail {
    padding: 0px;
    display: inherit;
  }
  .korogarushiCnt #detail .left-box, .korogarushiCnt #detail .right-box {
    width: 100%;
  }
  .korogarushiCnt #detail .about-box {
    padding: 60px 0px 30px;
  }
  .korogarushiCnt #detail .detail-table,
  .korogarushiCnt #detail .ticket-table {
    font-size: 14px;
  }
  .korogarushiCnt #detail .left-box {
    padding-top: 40px;
  }
  .korogarushiCnt #detail .tdFontSize1 {
    font-size: 13px !important;
  }
  .korogarushiCnt #detail .tdFontSize2 {
    font-size: 10px !important;
  }
  .korogarushiCnt #detail .tdFontSize3 {
    font-size: 10px !important;
  }
}

.korogarushiCnt #access {
  padding: 100px;
}

@media screen and (min-width: 770px) {
  .korogarushiCnt #access {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

.korogarushiCnt img.access-image {
  width: 100%;
}

.korogarushiCnt .access-image {
  display: inherit;
}

.korogarushiCnt .access-image-sp {
  display: none;
}

.korogarushiCnt img.access-image-sp {
  width: 100%;
}

@media all and (max-width: 767px) {
  .korogarushiCnt #access {
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .korogarushiCnt #access {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt .access-image {
    display: none;
  }
  .korogarushiCnt .access-image-sp {
    display: inherit;
  }
}

.korogarushiCnt #more {
  padding: 100px;
  text-align: center;
}

.korogarushiCnt #more h1 {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 40px;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
}

.korogarushiCnt #more .banners-box {
  overflow: hidden;
}

.korogarushiCnt #more .banner {
  width: 46%;
  float: left;
  margin: 2%;
  position: relative;
  z-index: 1;
}

.korogarushiCnt #more .banner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 2;
  /* 必要であればリンク要素の重なりのベース順序指定 */
}

.korogarushiCnt #more .banner:hover {
  opacity: 0.7;
}

.korogarushiCnt #more .banner-image {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .korogarushiCnt #more {
    padding: 100px 0px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .korogarushiCnt #more h1 {
    margin-bottom: 50px;
  }
  .korogarushiCnt #more .banners-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .korogarushiCnt #more .banner {
    width: 475px;
    float: none;
    margin: 0;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    transition: opacity 0.5s;
  }
  .korogarushiCnt #more .banner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
    /* 必要であればリンク要素の重なりのベース順序指定 */
  }
  .korogarushiCnt #more .banner:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt #more {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding: 40px 0px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .korogarushiCnt #more {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt #more .banner {
    width: 100%;
    margin: 0;
    margin-bottom: 5%;
  }
  .korogarushiCnt #more .banner .banner-image {
    width: 100%;
  }
  .korogarushiCnt #more h1 {
    border-bottom: 0px solid black;
    font-size: 15px;
    line-height: 1.8;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}

.korogarushiCnt #just-color {
  min-height: 150px;
  background-color: #b8ad81;
}

@media all and (max-width: 767px) {
  .korogarushiCnt .kv_pc {
    display: none;
  }
}

.korogarushiCnt .kv_pc .box {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.korogarushiCnt .kv_pc .box a {
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.5s;
}

.korogarushiCnt .kv_pc .box a:hover {
  opacity: 1;
}

.korogarushiCnt .kv_pc .box .txt_area {
  position: absolute;
  font-style: italic;
  left: 0;
  bottom: 0;
  font-weight: bold;
}

.korogarushiCnt .kv_pc .kv_list1 {
  display: flex;
}

.korogarushiCnt .kv_pc .kv_list1 .txt_area {
  font-size: 40px;
}

.korogarushiCnt .kv_pc .kv_list1 .txt_area .txtadd {
  font-size: 20px;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(1) {
  width: 16.8%;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(1):before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 151.2%;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(2) {
  width: 23.2%;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(3) {
  width: 24.4%;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(4) {
  width: 17%;
}

.korogarushiCnt .kv_pc .kv_list1 .box:nth-child(5) {
  width: 18.6%;
}

.korogarushiCnt .kv_pc .kv_list2 {
  display: flex;
}

.korogarushiCnt .kv_pc .kv_list2 .txt_area {
  font-size: 30px;
}

.korogarushiCnt .kv_pc .kv_list2 .txt_area .txtadd {
  font-size: 18px;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(1) {
  width: 25.1%;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(1):before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 74.1%;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(2) {
  width: 22.1%;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(3) {
  width: 12.4%;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(4) {
  width: 26.5%;
}

.korogarushiCnt .kv_pc .kv_list2 .box:nth-child(5) {
  width: 13.9%;
}

@media all and (min-width: 768px) {
  .korogarushiCnt .kv_sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt .kv_sp {
    display: block;
    line-height: 0;
    position: relative;
    margin-top: -95px;
  }
  .korogarushiCnt .kv_sp img {
    width: 100%;
  }
}

.korogarushiCnt .introTxt_area {
  position: relative;
  background: #4a4c9c;
}

.korogarushiCnt .introTxt_area:before {
  content: '';
  background: #ffff00;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.korogarushiCnt .introTxt_area_inr {
  position: relative;
  background: #fff;
  width: 1000px;
  margin: 0px auto;
  padding-top: 85px;
  padding-bottom: 65px;
}

@media all and (max-width: 767px) {
  .korogarushiCnt .introTxt_area_inr {
    padding: 45px 0px 35px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .korogarushiCnt .introTxt_area_inr {
    max-width: 290px;
  }
}

.korogarushiCnt .title-part .center-box {
  position: relative;
}

.korogarushiCnt .title-part .center-box p {
  text-align: center;
}

.korogarushiCnt .title-part .center-box p.sub-title {
  font-size: 17px;
  font-weight: 600;
}

.korogarushiCnt .title-part .center-box p.title {
  margin-top: 40px;
}

.korogarushiCnt .title-part .center-box p.title img {
  width: 218px;
}

.korogarushiCnt .title-part .center-box p.date-text {
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  letter-spacing: 0.2em;
}

.korogarushiCnt .title-part .center-box p.spot-text {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
}

@media all and (min-width: 768px) {
  .korogarushiCnt .title-part .center-box p.date-text {
    margin-top: 47px;
  }
}

@media all and (max-width: 767px) {
  .korogarushiCnt .title-part .center-box .title {
    display: none;
  }
  .korogarushiCnt .title-part .center-box p.sub-title {
    font-size: 12px;
  }
  .korogarushiCnt .title-part .center-box p.date-text {
    margin-top: 15px;
    font-size: 10px;
  }
  .korogarushiCnt .title-part .center-box p.spot-text {
    margin-top: 15px;
    font-size: 12px;
  }
}

.korogarushiCnt #overview {
  text-align: center;
  min-height: 250px;
}

.korogarushiCnt #overview h1 {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 600;
}

.korogarushiCnt #overview p {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 2.0;
  letter-spacing: 0.2em;
}

@media all and (max-width: 767px) {
  .korogarushiCnt #overview {
    text-align: left;
    padding: 0 30px;
  }
  .korogarushiCnt #overview h1 {
    margin-top: 50px;
    line-height: 1.8;
    font-size: 18px;
  }
  .korogarushiCnt #overview p {
    text-align: justify;
    margin-top: 20px;
    font-size: 13px;
  }
}

/*
	/muisc
*/
@media all and (max-width: 767px) {
  .pc {
    display: none;
  }
}

@media all and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .food-radPage .cmnHeader .logo,
  .food-adventurePage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.food-radPage a,
.food-adventurePage a {
  color: #000;
}

.food-radPage .fixNav .catNav li a.hcat-2,
.food-adventurePage .fixNav .catNav li a.hcat-2 {
  background-color: #3d539e;
}

.food-radPage header,
.food-adventurePage header {
  position: relative;
}

@media all and (max-width: 767px) {
  .food-radPage header,
  .food-adventurePage header {
    height: auto;
  }
}

.food-radPage .kv_area,
.food-adventurePage .kv_area {
  position: relative;
  height: 500px;
}

.food-radPage .kv_area .kvImg,
.food-adventurePage .kv_area .kvImg {
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.food-radPage .kv_area .kvTxt,
.food-adventurePage .kv_area .kvTxt {
  position: absolute;
  left: 70px;
  bottom: 65px;
  color: #fff;
  font-size: 10px;
}

@media all and (max-width: 767px) {
  .food-radPage .kv_area,
  .food-adventurePage .kv_area {
    position: relative;
    margin-top: -95px;
    height: 375px;
  }
}

.food-radPage .food-adventureCnt .topBlcok,
.food-adventurePage .food-adventureCnt .topBlcok {
  padding: 70px 50px 90px;
  background: url(../images/common/bg-tex-2.jpg);
}

.food-radPage .food-adventureCnt .topBlcok h1,
.food-adventurePage .food-adventureCnt .topBlcok h1 {
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

.food-radPage .food-adventureCnt .topBlcok h1 span,
.food-adventurePage .food-adventureCnt .topBlcok h1 span {
  background: linear-gradient(transparent 85%, yellow 5%);
}

.food-radPage .food-adventureCnt .topBlcok .subTxt,
.food-adventurePage .food-adventureCnt .topBlcok .subTxt {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.food-radPage .food-adventureCnt .topBlcok .txt,
.food-adventurePage .food-adventureCnt .topBlcok .txt {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .food-radPage .food-adventureCnt .topBlcok,
  .food-adventurePage .food-adventureCnt .topBlcok {
    padding: 30px 35px 35px;
  }
  .food-radPage .food-adventureCnt .topBlcok h1,
  .food-adventurePage .food-adventureCnt .topBlcok h1 {
    font-size: 16px;
  }
  .food-radPage .food-adventureCnt .topBlcok .txt,
  .food-adventurePage .food-adventureCnt .topBlcok .txt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    text-align: left;
    font-size: 15px;
    margin-top: 15px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .food-radPage .food-adventureCnt .topBlcok .txt,
  .food-adventurePage .food-adventureCnt .topBlcok .txt {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .food-radPage .food-adventureCnt .topBlcok .subTxt,
  .food-adventurePage .food-adventureCnt .topBlcok .subTxt {
    font-size: 10px;
    margin-top: 15px;
  }
}

.food-radPage .food-adventureCnt .profBlock,
.food-adventurePage .food-adventureCnt .profBlock {
  padding: 70px 50px 85px;
}

.food-radPage .food-adventureCnt .profBlock .blockTtl,
.food-adventurePage .food-adventureCnt .profBlock .blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
  font-weight: bold;
  margin-bottom: 50px;
}

.food-radPage .food-adventureCnt .profBlock_inner,
.food-adventurePage .food-adventureCnt .profBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0px auto;
}

.food-radPage .food-adventureCnt .profBlock .box,
.food-adventurePage .food-adventureCnt .profBlock .box {
  width: calc(50% - 30px);
}

.food-radPage .food-adventureCnt .profBlock .box:first-child,
.food-adventurePage .food-adventureCnt .profBlock .box:first-child {
  margin-right: 60px;
}

.food-radPage .food-adventureCnt .profBlock .boxImg,
.food-adventurePage .food-adventureCnt .profBlock .boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

.food-radPage .food-adventureCnt .profBlock .boxImg img,
.food-adventurePage .food-adventureCnt .profBlock .boxImg img {
  max-width: 300px;
  width: 100%;
}

.food-radPage .food-adventureCnt .profBlock .boxTtl,
.food-adventurePage .food-adventureCnt .profBlock .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
}

.food-radPage .food-adventureCnt .profBlock .boxTxt,
.food-adventurePage .food-adventureCnt .profBlock .boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (max-width: 767px) {
  .food-radPage .food-adventureCnt .profBlock,
  .food-adventurePage .food-adventureCnt .profBlock {
    padding: 45px 35px;
  }
  .food-radPage .food-adventureCnt .profBlock .blockTtl,
  .food-adventurePage .food-adventureCnt .profBlock .blockTtl {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .food-radPage .food-adventureCnt .profBlock_inner,
  .food-adventurePage .food-adventureCnt .profBlock_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .food-radPage .food-adventureCnt .profBlock_inner,
  .food-adventurePage .food-adventureCnt .profBlock_inner {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .food-radPage .food-adventureCnt .profBlock .box,
  .food-adventurePage .food-adventureCnt .profBlock .box {
    width: 100%;
  }
  .food-radPage .food-adventureCnt .profBlock .box:first-child,
  .food-adventurePage .food-adventureCnt .profBlock .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .food-radPage .food-adventureCnt .profBlock .boxImg,
  .food-adventurePage .food-adventureCnt .profBlock .boxImg {
    margin-bottom: 25px;
  }
  .food-radPage .food-adventureCnt .profBlock .boxTtl,
  .food-adventurePage .food-adventureCnt .profBlock .boxTtl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .food-radPage .food-adventureCnt .profBlock .boxTtl b,
  .food-adventurePage .food-adventureCnt .profBlock .boxTtl b {
    font-size: 15px;
  }
  .food-radPage .food-adventureCnt .profBlock .boxTxt,
  .food-adventurePage .food-adventureCnt .profBlock .boxTxt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

.food-radCnt .topBlcok {
  padding: 70px 50px 90px;
  background: url(../images/common/bg-tex-2.jpg);
}

.food-radCnt .topBlcok h1 {
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

.food-radCnt .topBlcok h1 span {
  background: linear-gradient(transparent 85%, yellow 5%);
}

.food-radCnt .topBlcok .subTxt {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.food-radCnt .topBlcok .txt {
  text-align: center;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.1em;
  margin-top: 30px;
}

@media all and (max-width: 767px) {
  .food-radCnt .topBlcok {
    padding: 30px 35px 35px;
  }
  .food-radCnt .topBlcok h1 {
    font-size: 16px;
  }
  .food-radCnt .topBlcok .txt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    text-align: left;
    font-size: 15px;
    margin-top: 2em;
    word-break: break-all;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .food-radCnt .topBlcok .txt {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .food-radCnt .topBlcok .txt b {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .food-radCnt .topBlcok .subTxt {
    font-size: 10px;
    margin-top: 15px;
  }
}

.food-radCnt .intr_area {
  background: #fff;
  letter-spacing: 0.1em;
  font-size: 16px;
  line-height: 2;
  position: relative;
}

.food-radCnt .intr_area_cnt {
  background: #fff;
  padding: 40px 0px 35px;
  width: 1000px;
  margin: 0px auto;
  position: relative;
  text-align: center;
}

.food-radCnt .intr_area_cnt .add {
  position: absolute;
  top: -50px;
  right: 155px;
  line-height: 0;
}

@media all and (min-width: 768px) {
  .food-radCnt .intr_area {
    background: #b7ab83;
    position: relative;
  }
  .food-radCnt .intr_area:before {
    display: block;
    content: '';
    background: #ffff00;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
  }
}

@media all and (max-width: 767px) {
  .food-radCnt .intr_area_cnt {
    padding: 20px 0px 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    font-size: 13px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .food-radCnt .intr_area_cnt {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .food-radCnt .intr_area_cnt .add {
    width: 75px;
    height: 75px;
    top: -50px;
    right: -50px;
  }
}

.food-radCnt .profBlock {
  padding: 100px 50px 30px;
}

.food-radCnt .profBlock ._blockTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 70px;
  font-weight: bold;
  margin-bottom: 50px;
}

.food-radCnt .profBlock .blockTtl {
  font-family: 'Helvetica';
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
}

.food-radCnt .profBlock_inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0px auto;
}

.food-radCnt .profBlock_inner.local .box:nth-child(2) {
  margin-right: 0;
}

.food-radCnt .profBlock .boxImg {
  line-height: 0;
  text-align: center;
}

.food-radCnt .profBlock .boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 20px;
  margin-top: 20px;
}

.food-radCnt .profBlock .boxTtl .txt2 {
  margin-top: 0.5em;
  font-size: 14px;
  line-height: 1.5;
}

@media all and (min-width: 768px) {
  .food-radCnt .profBlock_inner {
    justify-content: center;
  }
  .food-radCnt .profBlock .box {
    width: 226px;
    margin-right: 30px;
    margin-bottom: 70px;
  }
  .food-radCnt .profBlock .box:nth-child(4), .food-radCnt .profBlock .box:nth-child(7) {
    margin-right: 0;
  }
  .food-radCnt .profBlock .boxImg {
    line-height: 0;
    text-align: center;
  }
  .food-radCnt .profBlock .boxImg img {
    width: 226px;
  }
  .food-radCnt .profBlock .boxTtl {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 16px;
  }
}

.food-radCnt .profBlock ._box {
  width: calc(50% - 30px);
}

.food-radCnt .profBlock ._box:first-child {
  margin-right: 60px;
}

.food-radCnt .profBlock ._boxImg {
  line-height: 0;
  text-align: center;
  margin-bottom: 25px;
}

.food-radCnt .profBlock ._boxImg img {
  max-width: 300px;
  width: 100%;
}

.food-radCnt .profBlock ._boxTtl {
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 16px;
  margin-bottom: 20px;
}

.food-radCnt .profBlock ._boxTxt {
  letter-spacing: 0.05em;
  text-align: justify;
  font-size: 12px;
  line-height: 1.8;
}

@media all and (max-width: 767px) {
  .food-radCnt .profBlock {
    padding: 50px 35px;
  }
  .food-radCnt .profBlock ._blockTtl {
    font-size: 15px;
    margin-bottom: 40px;
  }
  .food-radCnt .profBlock_inner.local {
    padding-bottom: 30px;
  }
  .food-radCnt .profBlock .blockTtl {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .food-radCnt .profBlock .box {
    width: 100%;
    margin-bottom: 30px;
  }
  .food-radCnt .profBlock .box:first-child {
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .food-radCnt .profBlock .boxImg {
    margin-bottom: 25px;
  }
  .food-radCnt .profBlock .boxImg img {
    width: 300px;
  }
  .food-radCnt .profBlock .boxTtl {
    font-size: 15px;
  }
  .food-radCnt .profBlock .boxTtl .txt2 {
    font-size: 12px;
  }
  .food-radCnt .profBlock .box__Txt {
    letter-spacing: 0.05em;
    text-align: justify;
    font-size: 12px;
    line-height: 1.8;
  }
}

.artistList .topBtn_area ul li:nth-child(1) a {
  background: #ff0;
}

.workList .topBtn_area ul li:nth-child(2) a {
  background: #ff0;
}

.workList .artImg {
  background-color: #f1f1f1;
  width: 100%;
  padding-top: 66.96%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.artistList .topBtn_area, .workList .topBtn_area {
  padding-top: 35px;
  margin-bottom: 55px;
}

.artistList .topBtn_area ul, .workList .topBtn_area ul {
  display: flex;
  justify-content: center;
}

.artistList .topBtn_area ul li, .workList .topBtn_area ul li {
  width: 206px;
  margin-right: 50px;
}

.artistList .topBtn_area ul li:last-child, .workList .topBtn_area ul li:last-child {
  margin-right: 0;
}

.artistList .topBtn_area a, .workList .topBtn_area a {
  color: #000;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 46px;
  font-size: 18px;
}

@media all and (max-width: 767px) {
  .artistList .topBtn_area, .workList .topBtn_area {
    padding: 10px 25px 0px;
    margin-bottom: 30px;
  }
  .artistList .topBtn_area ul li, .workList .topBtn_area ul li {
    width: 150px;
    margin-right: 15px;
  }
  .artistList .topBtn_area a, .workList .topBtn_area a {
    font-size: 14px;
    line-height: 25px;
  }
}

.artistList .listBlock, .workList .listBlock {
  width: 1000px;
  margin: 0px auto;
}

.artistList .listBlock .blockTtl, .workList .listBlock .blockTtl {
  position: relative;
  font-weight: bold;
  line-height: 1;
  font-size: 20px;
  margin-bottom: 50px;
}

.artistList .listBlock .blockTtl:before, .workList .listBlock .blockTtl:before {
  content: '';
  position: absolute;
  background: #d9d9d9;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.artistList .listBlock .blockTtl span, .workList .listBlock .blockTtl span {
  background: #fff;
  position: relative;
  padding-right: 20px;
}

.artistList .listBlock .list, .workList .listBlock .list {
  display: flex;
  flex-wrap: wrap;
}

.artistList .listBlock .list a, .workList .listBlock .list a {
  display: block;
  text-decoration: none;
  color: #000;
}

.artistList .listBlock .list .imgBox, .workList .listBlock .list .imgBox {
  line-height: 0;
  position: relative;
}

.artistList .listBlock .list .imgBox img, .workList .listBlock .list .imgBox img {
  width: 100%;
  height: auto;
}

.artistList .listBlock .list .imgBox .flag, .workList .listBlock .list .imgBox .flag {
  font-family: 'Helvetica';
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 0px;
  width: 42px;
  line-height: 1;
}

.artistList .listBlock .list .imgBox .flag.artFlag, .workList .listBlock .list .imgBox .flag.artFlag {
  background: #ffff00;
}

.artistList .listBlock .list .imgBox .flag.musicFlag, .workList .listBlock .list .imgBox .flag.musicFlag {
  color: #fff;
  background: #4a4c9c;
}

.artistList .listBlock .list .imgBox .flag.foodFlag, .workList .listBlock .list .imgBox .flag.foodFlag {
  color: #fff;
  background: #beb58d;
}

.artistList .listBlock .list .imgBox .flag.addFlag, .workList .listBlock .list .imgBox .flag.addFlag {
  left: 42px;
}

.artistList .listBlock .list .txt, .workList .listBlock .list .txt {
  font-weight: bold;
  font-size: 14px;
}

.artistList .listBlock .list .txt2, .workList .listBlock .list .txt2 {
  font-size: 10px;
  margin-top: 10px;
}

@media all and (min-width: 768px) {
  .artistList .listBlock .list, .workList .listBlock .list {
    padding-bottom: 30px;
  }
  .artistList .listBlock .list .imgBox, .workList .listBlock .list .imgBox {
    margin-bottom: 15px;
  }
  .artistList .listBlock .list li, .workList .listBlock .list li {
    margin-right: 26px;
    margin-bottom: 35px;
    width: 230px;
  }
  .artistList .listBlock .list li:nth-child(4n), .workList .listBlock .list li:nth-child(4n) {
    margin-right: 0;
  }
}

@media all and (max-width: 767px) {
  .artistList .listBlock, .workList .listBlock {
    width: auto;
    margin: 0px 25px;
  }
  .artistList .listBlock .blockTtl, .workList .listBlock .blockTtl {
    text-align: center;
    font-size: 15px;
    margin-bottom: 35px;
  }
  .artistList .listBlock .blockTtl:before, .workList .listBlock .blockTtl:before {
    bottom: auto;
    top: 50%;
    width: 100%;
  }
  .artistList .listBlock .blockTtl span, .workList .listBlock .blockTtl span {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
  }
  .artistList .listBlock .imgBox, .workList .listBlock .imgBox {
    margin-bottom: 10px;
  }
  .artistList .listBlock .list, .workList .listBlock .list {
    padding-bottom: 20px;
  }
  .artistList .listBlock .list li, .workList .listBlock .list li {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 25px;
  }
  .artistList .listBlock .list li:nth-child(2n), .workList .listBlock .list li:nth-child(2n) {
    margin-right: 0;
  }
  .artistList .listBlock .list .txt, .workList .listBlock .list .txt {
    font-size: 10px;
  }
  .artistList .listBlock .list .txt2, .workList .listBlock .list .txt2 {
    margin-top: 5px;
  }
}

.topicList .ftstmp, .topicDetail .ftstmp {
  padding-bottom: 20px;
  font-size: 10px;
}

.topicList .ftstmp ul, .topicDetail .ftstmp ul {
  overflow: hidden;
}

.topicList .ftstmp ul li, .topicDetail .ftstmp ul li {
  float: left;
  margin-bottom: 10px;
}

.topicList .ftstmp a, .topicDetail .ftstmp a {
  color: #000;
}

@media all and (min-width: 768px) {
  .topicList .ftstmp, .topicDetail .ftstmp {
    display: none;
  }
}

.topicListCnt {
  width: 1000px;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .topicListCnt {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 55px;
    padding-top: 0;
  }
}

.topicList .topicListBlock {
  padding: 0px;
}

.topicList .topicListBlock.pickupList {
  padding-bottom: 20px;
}

.topicList .blockListTtl {
  position: relative;
  font-weight: bold;
  line-height: 2;
  font-size: 16px;
  margin-bottom: 50px;
}

.topicList .blockListTtl:before {
  content: '';
  position: absolute;
  background: #d9d9d9;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.topicList .blockListTtl span {
  background: #fff;
  position: relative;
  padding-right: 20px;
}

@media all and (max-width: 767px) {
  .topicList .blockListTtl {
    margin: 0px auto 30px;
  }
  .topicList .blockListTtl .blockTtl {
    text-align: center;
    font-size: 15px;
    margin-bottom: 35px;
  }
  .topicList .blockListTtl .blockTtl:before {
    bottom: auto;
    top: 50%;
    width: 100%;
  }
  .topicList .blockListTtl .blockTtl span {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
  }
}

.topicList .topicListmore {
  position: relative;
  text-align: center;
}

.topicList .topicListmore:before {
  content: '';
  position: absolute;
  background: #d9d9d9;
  height: 1px;
  top: 50%;
  left: 0;
  width: 100%;
}

.topicList .topicListmore p {
  cursor: pointer;
  position: relative;
  font-weight: bold;
  display: inline-block;
  background: #fff;
  line-height: 1;
  padding: 0px 40px;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .topicList .topicListmore p {
    padding: 0px 20px;
    font-size: 15px;
  }
}

.topicDetailCnt {
  width: 1000px;
  margin: 0px auto;
  padding-top: 30px;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .topicDetailCnt {
    padding-top: 0px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 55px;
  }
}

.topicDetailCnt_inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.topicDetail .topicDetailPost {
  width: 650px;
  padding-bottom: 0px;
}

.topicDetail .topicDetailPost .articleTtl {
  font-size: 20px;
  margin-bottom: 25px;
  line-height: 1.5;
}

@media all and (max-width: 767px) {
  .topicDetail .topicDetailPost {
    width: 100%;
    padding-bottom: 0;
  }
  .topicDetail .topicDetailPost .articleTtl {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.topicDetail .post_content {
  font-size: 16px;
  line-height: 1.5;
}

.topicDetail .post_content a {
  text-decoration: none;
  color: #000;
  background: #ff0;
}

.topicDetail .post_content img {
  max-width: 100%;
  height: auto;
}

.topicDetail .post_content p {
  margin-bottom: 1em;
}

@media all and (max-width: 767px) {
  .topicDetail .post_content {
    font-size: 14px;
  }
}

.topicDetail .relationLink {
  margin-top: 50px;
  display: flex;
  font-size: 14px;
}

.topicDetail .relationLink dd {
  margin-left: 15px;
}

.topicDetail .relationLink a {
  color: #000;
  text-decoration: none;
  background: #ff0;
}

@media all and (max-width: 767px) {
  .topicDetail .relationLink {
    margin-top: 25px;
    font-size: 12px;
  }
}

.topicDetail .articleBottom {
  margin-top: 70px;
  border-top: #cccccc solid 1px;
  padding-top: 60px;
}

.topicDetail .articleBottom_inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topicDetail .articleBottom .date {
  font-size: 12px;
}

.topicDetail .articleBottom .topic-all {
  text-align: center;
  font-size: 16px;
}

.topicDetail .articleBottom .topic-all a {
  color: #000;
  text-decoration: none;
}

@media all and (max-width: 767px) {
  .topicDetail .articleBottom {
    margin-top: 35px;
    padding-top: 40px;
  }
  .topicDetail .articleBottom .topic-all {
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
  }
  .topicDetail .articleBottom .topic-all a {
    width: 100%;
    border-radius: 20px;
    max-width: 250px;
    display: inline-block;
    border: solid 2px #000;
    line-height: 1;
    padding: 10px 0px;
  }
}

.topicDetail .articleShare {
  display: flex;
}

.topicDetail .articleShare li {
  line-height: 1;
  margin-right: 20px;
}

.topicDetail .articleShare li:last-child {
  margin-right: 0;
}

.topicDetail .articleShare a {
  overflow: hidden;
  display: block;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23px;
  height: 20px;
  text-indent: -999px;
}

.topicDetail .articleShare a.articleShare-facebook {
  background-image: url(../images/common/hsns-2.png);
}

.topicDetail .articleShare a.articleShare-twitter {
  background-image: url(../images/common/hsns-3.png);
}

.topicDetail .topicDetailSide {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.topicDetail .topicDetailSideBnr {
  line-height: 0;
  padding-bottom: 20px;
  width: 100%;
}

.topicDetail .topicDetailSideBnr img {
  width: 100%;
  height: auto;
}

.topicDetail .topicDetailSideBnr li {
  margin-bottom: 25px;
  line-height: 0;
}

.topicDetail .topicDetailSideBnr li a {
  display: block;
}

@media all and (max-width: 767px) {
  .topicDetail .topicDetailSideBnr {
    padding-bottom: 0;
  }
  .topicDetail .topicDetailSideBnr li {
    margin-bottom: 35px;
  }
  .topicDetail .topicDetailSideBnr li:last-child {
    margin-bottom: 0;
  }
}

@media all and (min-width: 768px) {
  .topicDetail .topicDetailSide {
    width: 270px;
  }
  .topicDetail .topicDetailSide .tagList {
    order: 3;
  }
  .topicDetail .topicDetailSide .newTopic_area {
    order: 1;
  }
  .topicDetail .topicDetailSideBnr {
    order: 2;
  }
}

.topicDetail .newTopic_area {
  margin-bottom: 50px;
}

.topicDetail .newTopic_area .new {
  display: none;
}

@media all and (max-width: 767px) {
  .topicDetail .newTopic_area {
    margin-bottom: 0;
  }
}

.topicDetail .newTopic_area .areaTtl {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
}

.topicDetail .newTopic_area .totopicindex {
  text-align: center;
  font-weight: bold;
}

.topicDetail .newTopic_area .totopicindex a {
  color: #000;
  text-decoration: none;
  border-radius: 20px;
  display: block;
  border: solid 2px #000;
  line-height: 1;
  padding: 10px 0px;
}

.topicDetail .newTopic_area ul.topicList li {
  margin-bottom: 70px;
}

.topicDetail .newTopic_area .listImg {
  line-height: 0;
  margin-bottom: 10px;
  position: relative;
}

.topicDetail .newTopic_area .listImg img {
  width: 100%;
  height: auto;
}

.topicDetail .newTopic_area .listImg .new {
  position: absolute;
  left: -25px;
  top: -25px;
  width: 50px;
  height: 50px;
  background: url(../images/common/topic-new.png) center center no-repeat;
  background-size: cover;
}

.topicDetail .newTopic_area .listTtl {
  letter-spacing: 0.1em;
  font-size: 16px;
  line-height: 1.8;
  border-bottom: #bebebe solid 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.topicDetail .newTopic_area .listTxt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}

.topicDetail .newTopic_area .listBottom {
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  font-size: 12px;
}

.topicDetail .newTopic_area .listBottom .link {
  text-decoration: none;
  color: #000;
  background: #ffff00;
  display: inline-block;
  border-radius: 3px;
  padding: 3px 7px;
}

.topicDetail .newTopic_area .listBottom .date {
  font-family: 'Helvetica';
}

@media all and (max-width: 767px) {
  .topicDetail .newTopic_area {
    font-size: 15px;
    width: 100%;
    margin-top: 15px;
    border-top: #cccccc solid 1px;
    padding-top: 45px;
  }
  .topicDetail .newTopic_area .areaTtl {
    text-align: center;
  }
  .topicDetail .newTopic_area .totopicindex {
    display: none;
  }
  .topicDetail .newTopic_area .topicList {
    display: block;
    padding-bottom: 1px;
  }
  .topicDetail .newTopic_area .topicList li {
    width: 100%;
    max-width: 325px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
  }
  .topicDetail .newTopic_area .topicList li:nth-child(3n) {
    margin-right: auto;
  }
  .topicDetail .newTopic_area .topicList .listImg {
    margin-bottom: 15px;
  }
  .topicDetail .newTopic_area .topicList .listImg .new {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
  }
  .topicDetail .newTopic_area .topicList .listTtl {
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .topicDetail .newTopic_area .topicList .listTxt {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 20px;
  }
  .topicDetail .newTopic_area .topicList .listBottom {
    font-size: 12px;
  }
}

.topicDetail .tagList {
  font-size: 16px;
}

.topicDetail .tagList .areaTtl {
  font-weight: bold;
  margin-bottom: 20px;
}

.topicDetail .tagList ul {
  display: flex;
  flex-wrap: wrap;
}

.topicDetail .tagList ul li {
  margin-right: 20px;
  margin-bottom: 20px;
}

.topicDetail .tagList a {
  display: block;
  line-height: 1;
  color: #000;
  border-radius: 5px;
  background: #d9d9d9;
  padding: 5px;
  text-decoration: none;
}

@media all and (max-width: 767px) {
  .topicDetail .tagList {
    font-size: 15px;
    width: 100%;
    margin-top: 50px;
    border-top: #cccccc solid 1px;
    padding-top: 35px;
  }
  .topicDetail .tagList .areaTtl {
    text-align: center;
  }
}

@media all and (max-width: 767px) {
  .formPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.formPage .head_area_outr {
  position: relative;
}

@media all and (min-width: 768px) {
  .formPage .head_area_outr {
    background: #fff;
    position: relative;
  }
}

.formPage .pageWrp:before,
.formPage .wrp:before {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  background: url(../images/form/form-bg.jpg) center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 767px) {
  .formPage .pageWrp:before,
  .formPage .wrp:before {
    position: absolute;
    height: 375px;
    background-image: url(../images/form/form-bg2-sp.jpg);
  }
}

.formPage .pageWrp.arbeitPage:before,
.formPage .wrp.arbeitPage:before {
  background-image: url(../images/form/form-bg-arbeit.jpg);
}

.formPage .pageWrp.ppCnt:before,
.formPage .wrp.ppCnt:before {
  background-image: url(../images/pp/pp-bg.jpg);
}

.formPage .outer {
  margin: 0px auto;
  max-width: 1000px;
  padding: 70px 0px;
}

@media all and (max-width: 767px) {
  .formPage .outer {
    padding: 0;
  }
}

.formPage .wrapper:after {
  content: '';
  clear: both;
  display: block;
}

.formPage .wrapper .cntWrp {
  background: rgba(255, 255, 248, 0.95);
  float: right;
  width: calc(100% - 250px);
  max-width: 1000px;
  margin: 0px auto;
}

@media all and (max-width: 767px) {
  .formPage .wrapper .cntWrp {
    width: 100%;
  }
}

.formPage .wrapper .cnt_inner {
  max-width: 600px;
  padding: 0px 38px 80px;
  margin: 0px auto;
}

@media all and (max-width: 767px) {
  .formPage .wrapper .cnt_inner.fix {
    padding-bottom: 50px;
  }
}

@media all and (max-width: 374px) {
  .formPage .wrapper .cnt_inner {
    padding: 0px 30px 80px;
  }
}

.formPage .formHeader {
  position: relative;
  float: left;
  width: 250px;
  line-height: 0;
}

.formPage .formHeader .kv-txt1, .formPage .formHeader .kv-txt1-2 {
  margin-bottom: 30px;
}

.formPage .formHeader .kv-txt2 {
  display: block;
  margin-bottom: 40px;
}

.formPage .formHeader .sns {
  display: flex;
}

.formPage .formHeader .sns li {
  margin-right: 20px;
}

.formPage .formHeader .sns img {
  width: 26px;
}

@media all and (min-width: 768px) {
  .formPage .formHeader {
    width: 250px;
    line-height: 0;
  }
  .formPage .formHeader .spScroll {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .formPage .formHeader {
    height: 375px;
    width: 100%;
    float: none;
    margin-top: -95px;
  }
  .formPage .formHeader .kv-txt1 {
    position: absolute;
    left: 50%;
    margin-left: -58px;
    margin-bottom: 0;
    bottom: 35px;
    margin-left: -101px;
  }
  .formPage .formHeader .kv-txt1 img {
    width: 203px;
  }
  .formPage .formHeader .kv-txt1-2 {
    position: absolute;
    left: 50%;
    bottom: 35px;
    margin-left: -120px;
    margin-bottom: 0;
  }
  .formPage .formHeader .kv-txt1-2 img {
    width: 240px;
  }
  .formPage .formHeader .kv-txt2 {
    position: absolute;
    top: 35px;
    right: 30px;
  }
  .formPage .formHeader .kv-txt2 img {
    width: 117px;
  }
  .formPage .formHeader .sns {
    position: absolute;
    right: 30px;
    top: 35px;
    display: none;
  }
  .formPage .formHeader .sns li {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.formPage .cntKv {
  line-height: 0;
  margin-bottom: 60px;
}

.formPage .cntKv img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .formPage .cntKv {
    padding-top: 35px;
    margin-bottom: 40px;
  }
}

.formPage .txtCnt1-1,
.formPage .txtCnt2-1 {
  padding-bottom: 90px;
}

.formPage .txtCnt1-1 dt,
.formPage .txtCnt2-1 dt {
  margin-bottom: 40px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-1 img,
.formPage .txtCnt2-1 img {
  max-width: 100%;
}

.formPage .txtCnt1-1 dd,
.formPage .txtCnt2-1 dd {
  text-align: justify;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-1 dd span,
.formPage .txtCnt2-1 dd span {
  color: #ff0000;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt1-1,
  .formPage .txtCnt2-1 {
    padding-bottom: 50px;
  }
  .formPage .txtCnt1-1 dt,
  .formPage .txtCnt2-1 dt {
    margin-bottom: 35px;
  }
  .formPage .txtCnt1-1 img,
  .formPage .txtCnt2-1 img {
    width: 100%;
    max-width: 300px;
  }
  .formPage .txtCnt1-1 dd,
  .formPage .txtCnt2-1 dd {
    font-size: 11px;
    line-height: 20px;
  }
}

.formPage .txtCnt1-1 {
  padding-bottom: 0;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt1-1 {
    padding-bottom: 0;
  }
}

.formPage .cntmidImg {
  margin-bottom: 60px;
}

.formPage .cntmidImg img {
  width: 100%;
}

.formPage .txtCnt1-2 {
  line-height: 0;
  text-align: center;
  margin-bottom: 110px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-2 img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt1-2 img {
    max-width: 300px;
  }
}

.formPage .txtCnt1-3,
.formPage .txtCnt2-3 {
  margin-bottom: 70px;
}

.formPage .txtCnt1-3 dt,
.formPage .txtCnt2-3 dt {
  text-align: center;
  margin-bottom: 25px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-3 dt img,
.formPage .txtCnt2-3 dt img {
  width: 100%;
  max-width: 330px;
}

.formPage .txtCnt1-3 dt span,
.formPage .txtCnt2-3 dt span {
  line-height: 0;
  display: inline-block;
  border-bottom: solid 1px #000;
}

.formPage .txtCnt1-3 dd,
.formPage .txtCnt2-3 dd {
  text-align: center;
  font-size: 12px;
  line-height: 2em;
  letter-spacing: 0.2em;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt1-3,
  .formPage .txtCnt2-3 {
    margin-bottom: 55px;
  }
  .formPage .txtCnt1-3 dt,
  .formPage .txtCnt2-3 dt {
    margin-bottom: 20px;
  }
  .formPage .txtCnt1-3 dt img,
  .formPage .txtCnt2-3 dt img {
    max-width: 275px;
  }
  .formPage .txtCnt1-3 dd,
  .formPage .txtCnt2-3 dd {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
}

.formPage .txtCnt1-4_area,
.formPage .txtCnt2-4_area {
  padding-bottom: 40px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-4_area a,
.formPage .txtCnt2-4_area a {
  color: #000;
}

.formPage .txtCnt1-4_area dl,
.formPage .txtCnt2-4_area dl {
  margin-bottom: 45px;
}

.formPage .txtCnt1-4_area dt,
.formPage .txtCnt2-4_area dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-4_area dd,
.formPage .txtCnt2-4_area dd {
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.1em;
}

.formPage .txtCnt1-4_area dd p,
.formPage .txtCnt2-4_area dd p {
  text-indent: -1.1em;
  padding-left: 1.1em;
  margin-bottom: 1em;
}

.formPage .txtCnt1-4_area dd p.att,
.formPage .txtCnt2-4_area dd p.att {
  color: #f00;
  text-indent: -0.7em;
  padding-left: 0.7em;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt1-4_area dl,
  .formPage .txtCnt2-4_area dl {
    margin-bottom: 25px;
  }
  .formPage .txtCnt1-4_area dt,
  .formPage .txtCnt2-4_area dt {
    font-size: 11px;
  }
  .formPage .txtCnt1-4_area dd,
  .formPage .txtCnt2-4_area dd {
    font-size: 11px;
  }
  .formPage .txtCnt1-4_area dd p,
  .formPage .txtCnt2-4_area dd p {
    line-height: 19px;
    margin-bottom: 15px;
  }
}

.formPage .txtCnt2-2_area {
  padding-bottom: 100px;
}

.formPage .txtCnt2-2_area p.ttl {
  margin-bottom: 40px;
}

.formPage .txtCnt2-2_area p.ttl img {
  max-width: 100%;
}

.formPage .txtCnt2-2_area dl {
  margin-bottom: 50px;
  display: flex;
  font-size: 16px;
  line-height: 30px;
}

.formPage .txtCnt2-2_area dt {
  font-weight: bold;
  width: 130px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt2-2_area dd {
  width: calc(100% - 130px);
}

.formPage .txtCnt2-2_area dd p {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 25px;
  letter-spacing: 0.1em;
}

.formPage .txtCnt2-2_area dd p:last-child {
  margin-bottom: 0;
}

.formPage .txtCnt2-2_area dd .sml {
  font-size: 12px;
  color: #ff3333;
}

.formPage .txtCnt2-2_area .bottomTxt {
  letter-spacing: 0.1em;
  font-size: 15px;
  line-height: 30px;
}

@media all and (max-width: 767px) {
  .formPage .txtCnt2-2_area {
    padding-bottom: 50px;
  }
  .formPage .txtCnt2-2_area p.ttl {
    margin-bottom: 35px;
  }
  .formPage .txtCnt2-2_area p.ttl img {
    width: 100%;
    max-width: 300px;
  }
  .formPage .txtCnt2-2_area dl {
    margin-bottom: 30px;
    font-size: 11px;
    line-height: 1.8;
  }
  .formPage .txtCnt2-2_area dl.fix {
    flex-wrap: wrap;
  }
  .formPage .txtCnt2-2_area dl.fix dt {
    width: 100%;
    margin-bottom: 10px;
  }
  .formPage .txtCnt2-2_area dl.fix dd {
    width: 100%;
  }
  .formPage .txtCnt2-2_area dt {
    width: 65px;
  }
  .formPage .txtCnt2-2_area dd {
    line-height: 20px;
    width: calc(100% - 65px);
  }
  .formPage .txtCnt2-2_area dd p {
    margin-bottom: 20px;
  }
  .formPage .txtCnt2-2_area dd .sml {
    font-size: 10px;
  }
  .formPage .txtCnt2-2_area .bottomTxt {
    text-align: center;
    font-size: 11px;
    line-height: 20px;
  }
}

.formPage .formWrp {
  letter-spacing: 0.075em;
}

.formPage .formWrp dl {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background: url(../images/form/border.png) left bottom repeat-x;
  font-size: 16px;
}

.formPage .formWrp dl dt {
  width: 140px;
  line-height: 30px;
}

.formPage .formWrp dl dt span.att {
  font-size: 16px;
  color: #cc3333;
  display: inline;
}

.formPage .formWrp dl dt span {
  display: block;
  line-height: 18px;
  margin-top: 10px;
  font-size: 10px;
  text-align: justify;
}

.formPage .formWrp dl dt span span {
  display: inline-block;
  margin-top: 0px;
  font-size: 12px;
}

.formPage .formWrp dl dd {
  width: calc(100% - 170px);
}

.formPage .formWrp dl dd input[type="text"], .formPage .formWrp dl dd input[type="email"], .formPage .formWrp dl dd input[type="tel"] {
  width: calc(100% - 4px);
}

.formPage .formWrp dl dd textarea {
  width: calc(100% - 4px);
}

.formPage .formWrp dl dd input[type="radio"], .formPage .formWrp dl dd input[type="checkbox"] {
  margin: 0;
  margin-right: 15px;
}

.formPage .formWrp dl .addTxt1 {
  font-size: 12px;
  margin-top: 10px;
}

.formPage .formWrp dl .addTxt2 {
  display: block;
  text-align: justify;
  margin-top: 20px;
  font-size: 10px;
  line-height: 18px;
}

.formPage .formWrp dl .addTxt2Ttl {
  font-size: 12px;
}

.formPage .formWrp dl.kojikaknowList {
  background: none;
  padding-bottom: 0;
}

.formPage .formWrp dl.kojikaknowTxt {
  padding-left: 170px;
  flex-wrap: wrap;
}

.formPage .formWrp dl.kojikaknowTxt dt {
  display: none;
}

.formPage .formWrp dl.kojikaknowTxt dd {
  width: 100%;
}

.formPage .formWrp dl.kojikaknowTxt dd p {
  font-size: 12px;
  margin-bottom: 15px;
}

.formPage .formWrp .radioListLine {
  display: flex;
  line-height: 30px;
}

.formPage .formWrp .radioListLine li {
  margin-right: 30px;
}

.formPage .formWrp .radioListLine li:last-child {
  margin-bottom: 0;
}

.formPage .formWrp .radioList {
  line-height: 30px;
}

.formPage .formWrp .radioList li {
  margin-bottom: 25px;
}

.formPage .formWrp .radioList li:last-child {
  margin-bottom: 0;
}

.formPage .formWrp .chkBoxList li {
  margin-bottom: 25px;
  line-height: 1.5;
}

.formPage .formWrp .chkBoxList li label {
  display: flex;
}

.formPage .formWrp .chkBoxList li label input {
  width: 15px;
}

.formPage .formWrp .chkBoxList li label p {
  line-height: 1.5;
}

.formPage .formWrp .chkBoxList li:last-child {
  margin-bottom: 0;
}

.formPage .formWrp .addTxt_area {
  margin-top: 25px;
}

.formPage .formWrp .addTxt_area p {
  line-height: 1.8;
  margin-bottom: 15px;
}

.formPage .formWrp .addTxt_area .attTxt {
  font-size: 10px;
  letter-spacing: 0;
}

.formPage .formWrp .form_submit {
  text-align: center;
  padding-top: 40px;
}

.formPage .formWrp .form_submitBtn {
  font-weight: bold;
  outline: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 46px;
  padding: 0;
  width: 100%;
  max-width: 200px;
  font-size: 24px;
  line-height: 50px;
  background: #fff;
  border: #000 solid 2px;
  transition: opacity 0.5s;
  letter-spacing: 0.075em;
}

.formPage .formWrp .form_submitBtn:hover {
  opacity: 0.5;
}

.formPage .formWrp .chksml {
  font-size: 11px;
}

@media all and (max-width: 767px) {
  .formPage .formWrp .chksml {
    font-size: 10px;
  }
}

.formPage .formWrp .error_blank {
  display: block;
  font-size: 10px;
  color: #cc3333;
}

.formPage .formWrp .age_area {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background: url(../images/form/border.png) left bottom repeat-x;
  font-size: 16px;
}

.formPage .formWrp .age_area_ttl {
  width: 140px;
  line-height: 30px;
}

.formPage .formWrp .age_area_ttl .att {
  color: #cc3333;
}

.formPage .formWrp .age_area_select {
  width: calc(100% - 170px);
  display: flex;
  justify-content: space-between;
}

.formPage .formWrp .age_area_select dl {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
  width: 30%;
}

.formPage .formWrp .age_area_select dt {
  display: none;
}

.formPage .formWrp .age_area_select dd {
  width: 100%;
}

.formPage .formWrp .age_area_select dd select {
  height: 30px;
  width: calc(100% - 4px);
}

@media all and (min-width: 768px) {
  .formPage .formWrp textarea {
    height: 300px;
  }
  .formPage .formWrp select {
    height: 30px;
  }
}

@media all and (max-width: 767px) {
  .formPage .formWrp select {
    height: 23px;
  }
  .formPage .formWrp dl {
    padding-bottom: 40px;
    margin-bottom: 35px;
    font-size: 11px;
  }
  .formPage .formWrp dl.fix {
    flex-wrap: wrap;
  }
  .formPage .formWrp dl.fix dt {
    width: 100%;
    margin-bottom: 10px;
  }
  .formPage .formWrp dl.fix dd {
    width: 100%;
  }
  .formPage .formWrp dl dt {
    width: 90px;
    line-height: 23px;
  }
  .formPage .formWrp dl dt span.att {
    font-size: 11px;
  }
  .formPage .formWrp dl dt span {
    line-height: 18px;
    margin-top: 10px;
    font-size: 10px;
    margin-bottom: 10px;
  }
  .formPage .formWrp dl dt span span {
    font-size: 10px;
    margin-bottom: 0;
  }
  .formPage .formWrp dl dd {
    width: calc(100% - 90px);
  }
  .formPage .formWrp dl dd input[type="radio"] {
    margin-right: 10px;
  }
  .formPage .formWrp dl .addTxt1 {
    font-size: 10px;
  }
  .formPage .formWrp .radioList {
    line-height: 23px;
  }
  .formPage .formWrp .radioList li {
    margin-bottom: 15px;
  }
  .formPage .formWrp .radioListLine {
    line-height: 23px;
  }
  .formPage .formWrp .chkBoxList li {
    margin-bottom: 15px;
  }
  .formPage .formWrp .form_submitBtn {
    border-radius: 50px;
    width: 165px;
    font-size: 12px;
    line-height: 23px;
    border: #000 solid 1px;
  }
  .formPage .formWrp .age_area {
    padding-bottom: 40px;
    margin-bottom: 35px;
    font-size: 11px;
    flex-wrap: wrap;
  }
  .formPage .formWrp .age_area_ttl {
    width: 100%;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .formPage .formWrp .age_area_select {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .formPage .formWrp .age_area_select dl {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
    width: 30%;
  }
  .formPage .formWrp .age_area_select dt {
    display: none;
  }
  .formPage .formWrp .age_area_select dd {
    width: 100%;
  }
  .formPage .formWrp .age_area_select dd select {
    height: 30px;
    width: calc(100% - 4px);
  }
  .formPage .formWrp dl.kojikaknowTxt {
    width: 100%;
    padding-left: 0;
  }
  .formPage .formWrp dl.kojikaknowTxt dd p {
    font-size: 11px;
  }
}

.formPage #missopen,
.formPage #clearopen {
  width: 100%;
  display: none;
}

.formPage #missopen h2,
.formPage #clearopen h2 {
  margin: auto;
  padding: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.formPage #missopen .details,
.formPage #clearopen .details {
  font-size: 12px;
  color: #777;
}

.formPage .thanksCnt .cntWrp {
  padding-top: 80px;
}

.formPage .thanksCnt .thanksTxt dt {
  font-weight: bold;
  border-left: 5px solid #000;
  font-size: 24px;
  letter-spacing: 0.075em;
  padding-left: 20px;
  margin-bottom: 50px;
}

.formPage .thanksCnt .thanksTxt dd {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.05em;
}

.formPage .thanksCnt .thanksTxt dd a {
  color: #000;
}

@media all and (max-width: 767px) {
  .formPage .thanksCnt .cntWrp {
    padding-top: 35px;
  }
  .formPage .thanksCnt .wrapper .cnt_inner {
    padding-bottom: 35px;
  }
  .formPage .thanksCnt .thanksTxt dt {
    font-weight: bold;
    border-left: none;
    padding-left: 0px;
    border-bottom: 3px solid #000;
    font-size: 17px;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .formPage .thanksCnt .thanksTxt dd {
    font-size: 11px;
  }
}

.formPage .ppCnt {
  letter-spacing: 0.1em;
}

.formPage .ppCnt:before {
  background-image: url(../images/pp-bg.jpg);
}

.formPage .ppCnt .cntWrp {
  padding-top: 80px;
}

.formPage .ppCnt ._cntTtl {
  font-weight: bold;
  border-left: 5px solid #000;
  font-size: 24px;
  padding-left: 20px;
  margin-bottom: 20px;
  line-height: 0;
}

.formPage .ppCnt ._cntTtl img {
  width: 100%;
  max-width: 397px;
}

.formPage .ppCnt .introTxt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 50px;
}

.formPage .ppCnt .cnt_inner dl {
  margin-bottom: 50px;
}

.formPage .ppCnt .cnt_inner dl:last-child {
  margin-bottom: 0;
}

.formPage .ppCnt .cnt_inner dl dt {
  font-weight: bold;
  border-left: 5px solid #000;
  padding-left: 20px;
  font-size: 20px;
  margin-bottom: 50px;
}

.formPage .ppCnt .cnt_inner dl dd {
  font-size: 14px;
  line-height: 2;
}

.formPage .ppCnt .cnt_inner dl dd p.txtLine {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.formPage .ppCnt .cnt_inner dl dd p.txtLine b {
  font-size: 16px;
}

.formPage .ppCnt .cnt_inner dl dd .mailto {
  display: inline-block;
  background: #ffff00;
  color: #000;
  text-decoration: none;
  line-height: 1;
}

@media all and (max-width: 767px) {
  .formPage .ppCnt .cntWrp {
    padding-top: 50px;
  }
  .formPage .ppCnt .cntTtl {
    border-left: 3px solid #000;
    font-size: 17px;
    padding-left: 14px;
  }
  .formPage .ppCnt .cntTtl span {
    margin-left: 20px;
    font-size: 10px;
  }
  .formPage .ppCnt .cntTtl img {
    max-width: 286px;
  }
  .formPage .ppCnt .introTxt {
    font-size: 11px;
    margin-bottom: 30px;
  }
  .formPage .ppCnt .wrapper .cnt_inner {
    padding-bottom: 40px;
  }
  .formPage .ppCnt .cnt_inner dl {
    margin-bottom: 40px;
  }
  .formPage .ppCnt .cnt_inner dl dt {
    border-left: 3px solid #000;
    padding-left: 14px;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .formPage .ppCnt .cnt_inner dl dd {
    font-size: 11px;
    line-height: 2;
  }
  .formPage .ppCnt .cnt_inner dl dd p.txtLine {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .formPage .ppCnt .cnt_inner dl dd p.txtLine b {
    font-size: 11px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .cmnHeader .logo {
    background-image: url(../images/common/logo.png);
  }
}

.meguruPage .anc {
  position: relative;
  width: 100%;
}

@media all and (min-width: 768px) {
  .meguruPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .anc {
    top: 0;
  }
}



.meguruPage .kv_area .articleTtl {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  background: #ffff00;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

@media all and (max-width: 767px) {

  .meguruPage .kv_area .articleTtl {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    bottom: -30px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .cntinrWrp {
    position: relative;
    margin-top: -95px;
  }
}

.meguruPage .introTxt_area {
  text-align: center;
  padding-bottom: 65px;
}

.meguruPage .introTxt_area dl dt {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 40px;
}

.meguruPage .introTxt_area dl dd {
  line-height: 2;
  font-size: 16px;
}

.meguruPage .introTxt_area dl dd.sml {
  margin-top: 35px;
  font-size: 10px;
}

@media all and (min-width: 768px) {
  .meguruPage .introTxt_area .ancPos span {
    top: -130px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .introTxt_area dl dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .meguruPage .introTxt_area dl dd {
    font-size: 11px;
  }
}

.meguruPage .cntBoxWrp {
  width: 1000px;
  margin: 0px auto;
}

@media all and (max-width: 767px) {
  .meguruPage .cntBoxWrp {
    width: 100%;
  }
}

.meguruPage .cntBox {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 100px;
}

.meguruPage .cntBox .img {
  width: 500px;
  line-height: 0;
}

.meguruPage .cntBox .img img {
  width: 100%;
}

.meguruPage .cntBox .txt_area {
  width: 450px;
}

.meguruPage .cntBox .boxTtl {

  background: url(../images/common/border.png) left bottom repeat-x;
  font-size: 30px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.meguruPage .cntBox .boxTxt {
  line-height: 1.8;
  font-size: 16px;
}

.meguruPage .cntBox .boxBtn {
  margin-top: 30px;
  display: flex;
  font-size: 14px;
}

.meguruPage .cntBox .boxBtn li {
  margin-right: 30px;
}

.meguruPage .cntBox .boxBtn a {
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  color: #000;
  padding: 5px 23px;
  transition: background-color 0.3s;
  display: inline-block;
  font-weight: bold;
}

.meguruPage .cntBox .boxBtn a:hover {
  opacity: 1;
  background-color: #ff0;
}

@media all and (min-width: 768px) {
  .meguruPage .cntBox .ancPos span {
    top: -130px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .cntBox {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding-bottom: 40px;
    background: url(../images/common/border.png) left bottom repeat-x;
    margin-bottom: 45px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .cntBox {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .cntBox:last-child {
    padding-bottom: 25px;
    background: none;
  }
  .meguruPage .cntBox .img {
    width: 100%;
  }
  .meguruPage .cntBox .txt_area {
    width: 100%;
  }
  .meguruPage .cntBox .boxTtl {
    text-align: center;
    background: none;
    font-size: 18px;
    padding-bottom: 0px;
  }
  .meguruPage .cntBox .boxTxt {
    margin-top: 20px;
    line-height: 1.8;
    font-size: 16px;
  }
  .meguruPage .cntBox .boxBtn {
    font-size: 13px;
  }
  .meguruPage .cntBox .boxBtn li {
    margin-right: 20px;
  }
  .meguruPage .cntBox .boxBtn a {
    border: solid 1px #000;
    border-radius: 5px;
    padding: 5px 18px;
  }
}

.meguruPage .access_area {
  border-top: 2px solid #000;
  margin-bottom: 110px;
}

.meguruPage .access_area .sectionTtl {
  position: relative;
  margin-top: -25px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.meguruPage .access_area .sectionTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 13px 16px;
}

@media all and (max-width: 767px) {
  .meguruPage .access_area .sectionTtl {
    font-size: 16px;
  }
}

.meguruPage .access_area_inr {
  margin: 0px auto;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media all and (min-width: 768px) {
  .meguruPage .access_area .sectionTtl {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
}

.meguruPage .access_area .txt_area {
  width: 350px;
  padding-top: 40px;
}

.meguruPage .access_area .txt_area dt {
  font-weight: bold;
  line-height: 2;
  font-size: 20px;
  margin-bottom: 35px;
}

.meguruPage .access_area .txt_area dd {
  font-size: 16px;
  line-height: 1.8;
}

.meguruPage .access_area .txt_area .link {
  padding-top: 40px;
  color: #000;
  font-size: 20px;
}

.meguruPage .access_area .txt_area .link li {
  line-height: 1;
  margin-bottom: 30px;
}

.meguruPage .access_area .txt_area .link a {
  text-decoration: none;
  color: #000;
  border-left: #bfbfbf solid 4px;
  padding-left: 20px;
  transition: border-color 0.3s, color 0.3s;
}

.meguruPage .access_area .txt_area .link a:hover {
  opacity: 1;
  color: #ffff00;
  border-color: #ffff00;
}

@media all and (min-width: 768px) {
  .meguruPage .access_area_inr {
    margin: 0px auto;
    max-width: 1000px;
  }
  .meguruPage .access_area_inr .img_area {
    width: 650px;
  }
  .meguruPage .access_area_inr .img_area .img {
    position: relative;
    left: -100px;
    width: 700px;
  }
  .meguruPage .access_area_inr .img_area img {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .access_area {
    width: 100%;
    border-top: none;
    margin-bottom: 40px;
  }
  .meguruPage .access_area .sectionTtl {
    margin-top: 70px;
    margin-bottom: 35px;
  }
  .meguruPage .access_area .img_area {
    width: 100%;
  }
  .meguruPage .access_area .img_area img {
    width: 100%;
  }
  .meguruPage .access_area .txt_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .access_area .txt_area {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .access_area .txt_area dt {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .meguruPage .access_area .txt_area dd {
    font-size: 15px;
  }
  .meguruPage .access_area .txt_area .link {
    font-size: 18px;
    padding-left: 20px;
  }
  .meguruPage .access_area .txt_area .link li {
    line-height: 1;
  }
}

.meguruPage .passport_area .sectionTtl {
  position: relative;
  margin-top: -25px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.meguruPage .passport_area .sectionTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 13px 16px;
}

@media all and (max-width: 767px) {
  .meguruPage .passport_area .sectionTtl {
    font-size: 16px;
  }
}

.meguruPage .passport_area .introTxt dd {
  font-weight: normal;
  padding-bottom: 0;
}

.meguruPage .stayBnr_area {
  max-width: 1000px;
  margin-bottom: 75px;
  line-height: 0;
}

.meguruPage .stayBnr_area img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .meguruPage .stayBnr_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .stayBnr_area {
    max-width: 290px;
  }
}

.meguruPage .hotelListBlock {
  border-top: #000 solid 2px;
}

.meguruPage .hotelListBlock_inr {
  max-width: 1000px;
  margin: 0px auto;
  padding-bottom: 70px;
}

@media all and (max-width: 767px) {
  .meguruPage .hotelListBlock_inr {
    padding: 0px 25px 70px;
  }
}

.meguruPage .hotelListBlock .sectionTtl {
  position: relative;
  margin-top: -25px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.meguruPage .hotelListBlock .sectionTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 13px 16px;
}

@media all and (max-width: 767px) {
  .meguruPage .hotelListBlock .sectionTtl {
    font-size: 16px;
  }
}

.meguruPage .hotelListBlock .btn_area {
  margin-top: 30px;
  display: flex;
  font-size: 18px;
  justify-content: center;
}

.meguruPage .hotelListBlock .btn_area a {
  font-weight: bold;
  display: inline-block;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  color: #000;
  padding: 5px 23px;
  transition: background-color 0.3s;
}

.meguruPage .hotelListBlock .btn_area a:hover {
  opacity: 1;
  background-color: #ff0;
}

.meguruPage .tour_area {
  padding-bottom: 140px;
}

.meguruPage .tour_area .sectionTtl {
  position: relative;
  margin-top: -25px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.065em;
  margin-bottom: 50px;
}

.meguruPage .tour_area .sectionTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 13px 16px;
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area .sectionTtl {
    font-size: 16px;
  }
}

.meguruPage .tour_area .sectionTtl {
  padding-top: 140px;
  margin-bottom: 70px;
}

.meguruPage .tour_area_topBlock {
  max-width: 800px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.meguruPage .tour_area_topBlock .imgBlock {
  line-height: 0;
  width: 360px;
}

.meguruPage .tour_area_topBlock .imgBlock li {
  margin-bottom: 13px;
}

.meguruPage .tour_area_topBlock .imgBlock img {
  width: 100%;
}

.meguruPage .tour_area_topBlock .txtBlock {
  width: 390px;
}

.meguruPage .tour_area_topBlock .txtBlock .ttl {
  font-weight: bold;
  margin-bottom: 40px;
  position: relative;
  font-size: 20px;
  letter-spacing: 0.2em;
}

.meguruPage .tour_area_topBlock .txtBlock .ttl:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.meguruPage .tour_area_topBlock .txtBlock .ttl span {
  position: relative;
  background: #fff;
  padding-right: 25px;
}

.meguruPage .tour_area_topBlock .txtBlock dl {
  margin-bottom: 25px;
}

.meguruPage .tour_area_topBlock .txtBlock dt {
  font-weight: bold;
  font-size: 16px;
  line-height: 2.2;
}

.meguruPage .tour_area_topBlock .txtBlock dd {
  font-size: 14px;
  line-height: 1.8;
}

.meguruPage .tour_area_bottomBlock {
  padding-top: 20px;
  text-align: center;
}

.meguruPage .tour_area_bottomBlock a {
  color: #000;
}

.meguruPage .tour_area_bottomBlock p {
  font-size: 18px;
  line-height: 2;
}

.meguruPage .tour_area_bottomBlock p .sml {
  font-size: 14px;
}

.meguruPage .tour_area_bottomBlock p.att {
  font-size: 14px;
  margin-bottom: 1.5em;
}

.meguruPage .tour_area_bottomBlock span {
  font-size: 12px;
}

@media all and (min-width: 768px) {
  .meguruPage .tour_area_bottomBlock {
    display: flex;
    justify-content: center;
  }
  .meguruPage .tour_area_bottomBlock_inr {
    text-align: left;
  }
}

.meguruPage .tour_area .detial {
  padding-top: 60px;
}

.meguruPage .tour_area .detialBox {
  position: relative;
  background: #ff0;
  margin-bottom: 50px;
}

.meguruPage .tour_area .detialBox .imgBox {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 0;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.meguruPage .tour_area .detialBox .boxinr {
  width: 1000px;
  margin: 0px auto;
}

.meguruPage .tour_area .detialBox .txt_area {
  padding: 40px 0px 40px 540px;
  width: 460px;
}

@media all and (min-width: 768px) {
  .meguruPage .tour_area .detialBox .txt_area {
    min-height: 327px;
  }
}

.meguruPage .tour_area .detialBox .txt_area .txt1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1 .name {
  font-style: italic;
  font-size: 30px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1 .price {
  font-size: 23px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1 .price span {
  font-size: 15px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj .txt1_inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj .name {
  font-style: italic;
  font-size: 30px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj .price {
  font-size: 23px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj .price span {
  font-size: 15px;
}

.meguruPage .tour_area .detialBox .txt_area .txt1adj .attTxt {
  text-align: right;
  padding-top: 20px;
  font-size: 15px;
}

.meguruPage .tour_area .detialBox .txt_area .txt2 {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: 2.2;
  font-size: 18px;
  line-height: 40px;
}

.meguruPage .tour_area .detialBox .txt_area .txt2 span {
  font-size: 13px;
}

.meguruPage .tour_area .detialBox .txt_area .txt3 {
  font-size: 14px;
}

.meguruPage .tour_area .detialBox .txt_area .btn_area {
  padding-top: 37px;
}

.meguruPage .tour_area .detialBox .txt_area .btn_area a {
  font-weight: bold;
  display: inline-block;
  border: solid 2px #000;
  border-radius: 30px;
  text-decoration: none;
  background: #fff;
  color: #000;
  padding: 5px 23px;
  transition: background-color 0.3s;
  font-size: 14px;
}

.meguruPage .tour_area .detialBox .txt_area .btn_area a:hover {
  opacity: 1;
  background-color: #ff0;
}

.meguruPage .tour_area dl.introTxt {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.2em;
  margin-bottom: 70px;
}

.meguruPage .tour_area dl.introTxt dt {
  font-weight: bold;
}

.meguruPage .tour_area dl.introTxt dt span {
  display: inline-block;
  border-bottom: solid #000 1px;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area {
    padding-bottom: 70px;
  }
  .meguruPage .tour_area .sectionTtl {
    padding-top: 70px;
    margin-bottom: 35px;
  }
  .meguruPage .tour_area_topBlock {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .tour_area_topBlock {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area_topBlock .imgBox {
    width: 100%;
    line-height: 0;
    margin-bottom: 40px;
  }
  .meguruPage .tour_area_topBlock .imgBox img {
    width: 100%;
  }
  .meguruPage .tour_area_topBlock .txtBlock {
    width: 100%;
  }
  .meguruPage .tour_area_topBlock .txtBlock .ttl {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
  }
  .meguruPage .tour_area_topBlock .txtBlock .ttl:before {
    display: none;
  }
  .meguruPage .tour_area_topBlock .txtBlock .ttl span {
    padding-right: 0px;
  }
  .meguruPage .tour_area_topBlock .txtBlock dl {
    margin-bottom: 25px;
  }
  .meguruPage .tour_area_topBlock .txtBlock dt {
    font-size: 15px;
  }
  .meguruPage .tour_area_topBlock .txtBlock dd {
    font-size: 15px;
  }
  .meguruPage .tour_area_bottomBlock {
    padding-top: 15px;
  }
  .meguruPage .tour_area_bottomBlock p {
    font-size: 15px;
    line-height: 21px;
  }
  .meguruPage .tour_area_bottomBlock p.att {
    text-align: left;
    font-size: 10px;
    line-height: 1.8;
    margin-bottom: 3em;
  }
  .meguruPage .tour_area_bottomBlock span {
    font-size: 12px;
  }
  .meguruPage .tour_area_bottomBlock span.sml {
    font-size: 10px;
  }
  .meguruPage .tour_area_bottomBlock_inr {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .tour_area_bottomBlock_inr {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area .detial {
    padding-top: 60px;
  }
  .meguruPage .tour_area .detialBox {
    margin-bottom: 25px;
  }
  .meguruPage .tour_area .detialBox .imgBox {
    position: relative;
    top: 0;
    width: 100%;
    height: 280px;
  }
  .meguruPage .tour_area .detialBox .boxinr {
    width: 100%;
    margin: 0px auto;
  }
  .meguruPage .tour_area .detialBox .txt_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding: 25px 0px 45px 0px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .tour_area .detialBox .txt_area {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area .detialBox .txt_area .txt1, .meguruPage .tour_area .detialBox .txt_area .txt1adj {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt1 .name, .meguruPage .tour_area .detialBox .txt_area .txt1adj .name {
    font-size: 18px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt1 .price, .meguruPage .tour_area .detialBox .txt_area .txt1adj .price {
    font-size: 14px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt1 .price span, .meguruPage .tour_area .detialBox .txt_area .txt1adj .price span {
    font-size: 10px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt1 .attTxt, .meguruPage .tour_area .detialBox .txt_area .txt1adj .attTxt {
    padding-top: 15px;
    font-size: 10px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 27px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt2 span {
    font-size: 10px;
  }
  .meguruPage .tour_area .detialBox .txt_area .txt3 {
    font-size: 12px;
  }
  .meguruPage .tour_area .detialBox .txt_area .btn_area {
    padding-top: 35px;
    text-align: center;
  }
  .meguruPage .tour_area .detialBox .txt_area .btn_area a {
    padding: 10px 50px;
    font-size: 13px;
  }
  .meguruPage .tour_area dl.introTxt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    text-align: justify;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .meguruPage .tour_area dl.introTxt {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .meguruPage .tour_area dl.introTxt dt span {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .meguruPage .tour_area dl.introTxt dd {
    font-size: 13px;
  }
}

.meguruPage .hotelList {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: normal;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.meguruPage .hotelList li {
  width: 300px;
  margin-right: 50px;
  margin-bottom: 70px;
}

.meguruPage .hotelList li:nth-child(3n) {
  margin-right: 0;
}

.meguruPage .hotelList .listImg {
  line-height: 0;
  margin-bottom: 10px;
  position: relative;
}

.meguruPage .hotelList .listImg img {
  width: 100%;
  height: auto;
}

.meguruPage .hotelList .listImg .new {
  position: absolute;
  left: -25px;
  top: -25px;
  width: 50px;
  height: 50px;
  background: url(../images/common/topic-new.png) center center no-repeat;
  background-size: cover;
}

.meguruPage .hotelList .listTtl {
  letter-spacing: 0.1em;
  font-size: 18px;
  line-height: 1.8;
  background: url(../images/common/border.png) left bottom repeat-x;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.meguruPage .hotelList .listTxt {
  font-size: 14px;
  line-height: 2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.meguruPage .hotelList .listBottom {
  font-size: 12px;
}

.meguruPage .hotelList .listBottom:after {
  content: '';
  display: block;
  clear: both;
}

.meguruPage .hotelList .listBottom .link, .meguruPage .hotelList .listBottom .website {
  text-decoration: none;
  color: #000;
  border-radius: 3px;
  padding: 3px 7px;
}

.meguruPage .hotelList .listBottom .link {
  float: right;
  background: #ffff00;
  letter-spacing: 0.18em;
}

.meguruPage .hotelList .listBottom .website {
  float: left;
  background: #ffd9de;
}

@media all and (max-width: 767px) {
  .meguruPage .hotelList {
    display: block;
    padding-bottom: 1px;
  }
  .meguruPage .hotelList li {
    width: 100%;
    max-width: 325px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
  }
  .meguruPage .hotelList li:nth-child(3n) {
    margin-right: auto;
  }
  .meguruPage .hotelList .listImg {
    margin-bottom: 15px;
  }
  .meguruPage .hotelList .listImg .new {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
  }
  .meguruPage .hotelList .listTtl {
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .meguruPage .hotelList .listTxt {
    font-size: 12px;
    line-height: 2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .meguruPage .hotelList .listBottom {
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.hotelPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .hotelPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .anc {
    top: 0;
  }
}

.hotelPage .kv_area {
  position: relative;
  background: url("../images/meguru/hotel-kv.jpg") center center no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
  margin-bottom: 95px;
}

.hotelPage .kv_area .articleTtl {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  background: #ffff00;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .hotelPage .kv_area {
    height: 375px;
    margin-bottom: 65px;
    background-position: center top;
  }
  .hotelPage .kv_area .articleTtl {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    bottom: -30px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .cntinrWrp {
    position: relative;
    margin-top: -95px;
  }
}

.hotelPage .introTxt {
  text-align: center;
  font-weight: bold;
  padding-bottom: 65px;
}

.hotelPage .introTxt p {
  font-size: 20px;
  line-height: 1.8;
}

.hotelPage .introTxt p.sml {
  margin-top: 35px;
  font-size: 10px;
}

@media all and (max-width: 767px) {
  .hotelPage .introTxt p {
    font-size: 15px;
  }
  .hotelPage .introTxt p.sml {
    margin-top: 20px;
  }
}

.hotelPage .stayBnr_area {
  max-width: 1000px;
  line-height: 0;
  margin: 0px auto 75px;
}

.hotelPage .stayBnr_area img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .hotelPage .stayBnr_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    margin-bottom: 30px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .hotelPage .stayBnr_area {
    max-width: 290px;
  }
}

.hotelPage .select_area {
  width: 1000px;
  margin: 0px auto;
}

.hotelPage .select_area .areaTtl {
  position: relative;
  text-align: center;
  margin-bottom: 35px;
}

.hotelPage .select_area .areaTtl:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: url(../images/meguru/access/ttl-border.png) center center repeat-x;
}

.hotelPage .select_area .areaTtl span {
  position: relative;
  background: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0px 30px;
  font-size: 22px;
}

@media all and (max-width: 767px) {
  .hotelPage .select_area .areaTtl {
    margin-bottom: 45px;
  }
  .hotelPage .select_area .areaTtl span {
    font-size: 15px;
  }
}

.hotelPage .select_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 45px;
}

.hotelPage .select_area ul li {
  text-align: center;
  border: 2px solid #000;
  border-radius: 30px;
}

.hotelPage .select_area ul li a {
  border-radius: 30px;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s;
  font-weight: bold;
  color: #000;
}

.hotelPage .select_area ul li a:hover {
  opacity: 1;
  background-color: #ff0;
}

@media all and (min-width: 768px) {
  .hotelPage .select_area ul li {
    font-size: 18px;
    width: 186px;
    line-height: 46px;
    margin-bottom: 34px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .select_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .hotelPage .select_area {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .select_area li {
    border: 1px solid #000;
    width: 100%;
    font-size: 15px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}

.hotelPage .hotelListBlock {
  max-width: 1000px;
  margin: 0px auto;
  padding-bottom: 70px;
}

@media all and (max-width: 767px) {
  .hotelPage .hotelListBlock {
    padding: 0px 25px;
  }
}

@media all and (min-width: 768px) {
  .hotelPage .hotelListBlock .ancPos span {
    top: -130px;
  }
}

@media all and (max-width: 767px) {
  .hotelPage .hotelListBlock .ancPos span {
    top: -45px;
  }
}

.hotelPage .blockListTtl {
  position: relative;
  font-weight: bold;
  line-height: 1;
  font-size: 16px;
  margin-bottom: 50px;
}

.hotelPage .blockListTtl:before {
  content: '';
  position: absolute;
  background: #d9d9d9;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
}

.hotelPage .blockListTtl span {
  background: #fff;
  position: relative;
  padding-right: 20px;
}

@media all and (max-width: 767px) {
  .hotelPage .blockListTtl {
    margin: 0px auto 30px;
    text-align: center;
  }
  .hotelPage .blockListTtl span {
    padding-right: 10px;
    padding-left: 10px;
  }
  .hotelPage .blockListTtl .blockTtl {
    text-align: center;
    font-size: 15px;
    margin-bottom: 35px;
  }
  .hotelPage .blockListTtl .blockTtl:before {
    bottom: auto;
    top: 50%;
    width: 100%;
  }
  .hotelPage .blockListTtl .blockTtl span {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
  }
}

.hotelPage .hotelList {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: normal;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.hotelPage .hotelList li {
  width: 300px;
  margin-right: 50px;
  margin-bottom: 70px;
}

.hotelPage .hotelList li:nth-child(3n) {
  margin-right: 0;
}

.hotelPage .hotelList .listImg {
  line-height: 0;
  margin-bottom: 10px;
  position: relative;
}

.hotelPage .hotelList .listImg img {
  width: 100%;
  height: auto;
}

.hotelPage .hotelList .listImg .new {
  position: absolute;
  left: -25px;
  top: -25px;
  width: 50px;
  height: 50px;
  background: url(../images/common/topic-new.png) center center no-repeat;
  background-size: cover;
}

.hotelPage .hotelList .listTtl {
  letter-spacing: 0.1em;
  font-size: 18px;
  line-height: 1.8;
  background: url(../images/common/border.png) left bottom repeat-x;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.hotelPage .hotelList .listTxt {
  font-size: 14px;
  line-height: 2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background: url(../images/common/border.png) left bottom repeat-x;
}

.hotelPage .hotelList .listBottom {
  padding-top: 10px;
  font-size: 12px;
}

.hotelPage .hotelList .listBottom:after {
  content: '';
  display: block;
  clear: both;
}

.hotelPage .hotelList .listBottom .link, .hotelPage .hotelList .listBottom .website {
  text-decoration: none;
  color: #000;
  border-radius: 3px;
  padding: 3px 7px;
}

.hotelPage .hotelList .listBottom .link {
  float: right;
  background: #ffff00;
  letter-spacing: 0.18em;
}

.hotelPage .hotelList .listBottom .website {
  float: left;
  background: #ffd9de;
}

@media all and (max-width: 767px) {
  .hotelPage .hotelList {
    display: block;
    padding-bottom: 1px;
  }
  .hotelPage .hotelList li {
    width: 100%;
    max-width: 325px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
  }
  .hotelPage .hotelList li:nth-child(3n) {
    margin-right: auto;
  }
  .hotelPage .hotelList .listImg {
    margin-bottom: 15px;
  }
  .hotelPage .hotelList .listImg .new {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
  }
  .hotelPage .hotelList .listTtl {
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .hotelPage .hotelList .listTxt {
    font-size: 12px;
    line-height: 2;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .hotelPage .hotelList .listBottom {
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.accessPage a {
  color: #000;
}

.accessPage header {
  height: 500px;
  position: relative;
}

@media all and (max-width: 767px) {
  .accessPage header {
    height: auto;
  }
}

.accessPage .kv_area {
  position: relative;
  height: 500px;
}

.accessPage .kv_area .kvImg {
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accessPage .kv_area .kvTxt {
  position: absolute;
  left: 70px;
  bottom: 65px;
  color: #fff;
  font-size: 10px;
}

@media all and (max-width: 767px) {
  .accessPage .kv_area {
    position: relative;
    margin-top: -95px;
    height: 375px;
  }
}

.accessPage .accessCnt {
  max-width: 1000px;
  margin: 0px auto;
}

.accessPage .accessCnt .mapBlock {
  padding-top: 75px;
  padding-bottom: 100px;
  max-width: 1000px;
  margin: 0px auto;
}

.accessPage .accessCnt .mapBlock img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .mapBlock {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .accessPage .accessCnt .mapBlock {
    max-width: 290px;
  }
}

.accessPage .accessCnt .select_area .areaTtl {
  position: relative;
  text-align: center;
  margin-bottom: 70px;
}

.accessPage .accessCnt .select_area .areaTtl:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background: url(../images/meguru/access/ttl-border.png) center center repeat-x;
}

.accessPage .accessCnt .select_area .areaTtl span {
  position: relative;
  background: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0px 30px;
  font-size: 22px;
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .select_area .areaTtl {
    margin-bottom: 45px;
  }
  .accessPage .accessCnt .select_area .areaTtl span {
    font-size: 15px;
  }
}

.accessPage .accessCnt .select_area ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 45px;
}

.accessPage .accessCnt .select_area ul li {
  text-align: center;
  border: 2px solid #000;
  border-radius: 30px;
}

.accessPage .accessCnt .select_area ul li a {
  border-radius: 30px;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s;
  font-weight: bold;
}

.accessPage .accessCnt .select_area ul li a:hover {
  opacity: 1;
  background-color: #ff0;
}

@media all and (min-width: 768px) {
  .accessPage .accessCnt .select_area ul li {
    font-size: 18px;
    width: 186px;
    line-height: 46px;
    margin-bottom: 34px;
  }
  .accessPage .accessCnt .select_area ul li:nth-child(1), .accessPage .accessCnt .select_area ul li:nth-child(2), .accessPage .accessCnt .select_area ul li:nth-child(3) {
    width: 296px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .select_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .accessPage .accessCnt .select_area {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .select_area li {
    border: 1px solid #000;
    width: 100%;
    font-size: 15px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}

.accessPage .accessCnt .areaBlock {
  margin-bottom: 90px;
}

@media all and (min-width: 768px) {
  .accessPage .accessCnt .areaBlock .ancPos span {
    top: -130px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock {
    margin-bottom: 50px;
  }
  .accessPage .accessCnt .areaBlock .ancPos span {
    top: -45px;
  }
}

.accessPage .accessCnt .areaBlock .blockTtl {
  position: relative;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 70px;
}

.accessPage .accessCnt .areaBlock .blockTtl span {
  padding-right: 25px;
  position: relative;
  display: inline-block;
  background: #fff;
}

@media all and (min-width: 768px) {
  .accessPage .accessCnt .areaBlock .blockTtl:before {
    content: '';
    position: absolute;
    height: 1px;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #000;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .blockTtl {
    font-size: 15px;
    text-align: center;
    margin-bottom: 40px;
  }
  .accessPage .accessCnt .areaBlock .blockTtl span {
    padding-right: 0;
    position: relative;
  }
  .accessPage .accessCnt .areaBlock .blockTtl span:before {
    content: '';
    position: absolute;
    height: 2px;
    bottom: -10px;
    width: 100%;
    background: #000;
  }
}

.accessPage .accessCnt .areaBlock .mapImg img {
  width: 100%;
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .mapImg {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .accessPage .accessCnt .areaBlock .mapImg {
    max-width: 290px;
  }
}

.accessPage .accessCnt .areaBlock .mapImg2 {
  padding: 0px 60px;
}

.accessPage .accessCnt .areaBlock .mapImg2 .img {
  line-height: 0;
  margin-bottom: 30px;
}

.accessPage .accessCnt .areaBlock .mapImg2 img {
  width: 100%;
}

.accessPage .accessCnt .areaBlock .mapImg2 .txt {
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
}

.accessPage .accessCnt .areaBlock .mapImg2 .txt li {
  margin-right: 2em;
}

.accessPage .accessCnt .areaBlock .mapImg2 p {
  font-size: 15px;
}

.accessPage .accessCnt .areaBlock .mapImg2 p.att {
  font-size: 12px;
  margin-top: 1em;
  color: red;
}

.accessPage .accessCnt .areaBlock .mapImg2 .txt_area p {
  line-height: 1.8;
  margin-top: 1em;
}

.accessPage .accessCnt .areaBlock .mapImg2 .txt_area a {
  color: #000;
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .mapImg2 {
    padding: 0;
  }
  .accessPage .accessCnt .areaBlock .mapImg2 .img {
    margin-bottom: 20px;
  }
  .accessPage .accessCnt .areaBlock .mapImg2 .txt {
    font-size: 12px;
    justify-content: center;
  }
  .accessPage .accessCnt .areaBlock .mapImg2 .txt li {
    text-align: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .accessPage .accessCnt .areaBlock .mapImg2 p {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    line-height: 1.8;
    font-size: 12px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .accessPage .accessCnt .areaBlock .mapImg2 p {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .mapImg2 p.att {
    font-size: 10px;
  }
  .accessPage .accessCnt .areaBlock .mapImg2 p.att br {
    display: none;
  }
}

.accessPage .accessCnt .areaBlock .mapTop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 75px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area {
  line-height: 0;
  width: 500px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area img {
  width: 100%;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area ul {
  padding-top: 40px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area li {
  line-height: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area li p {
  font-size: 13px;
  line-height: 1.5;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area li p b {
  font-weight: bold;
  font-size: 15px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area li a {
  display: inline-block;
  font-size: 15px;
  border-radius: 30px;
  display: block;
  text-decoration: none;
  transition: background-color 0.3s;
  font-weight: bold;
  text-align: center;
  border: 2px solid #000;
  border-radius: 30px;
  width: 186px;
  line-height: 46px;
}

.accessPage .accessCnt .areaBlock .mapTop .bnr_area li a:hover {
  opacity: 1;
  background-color: #ff0;
}

.accessPage .accessCnt .areaBlock .mapTop .twTimeline {
  width: 450px;
  height: 500px;
  font-size: 11px;
}

.accessPage .accessCnt .areaBlock .mapTop .twTimeline iframe {
  height: 340px;
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .mapTop {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    margin-bottom: 50px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .accessPage .accessCnt .areaBlock .mapTop {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area {
    width: 100%;
    margin-bottom: 40px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area ul {
    padding-top: 20px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area li {
    display: block;
    margin-bottom: 25px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area li p {
    font-size: 12px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area li p b {
    font-size: 13px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area li .btn {
    margin-top: 10px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .bnr_area li a {
    font-size: 13px;
    width: 100%;
    line-height: 40px;
  }
  .accessPage .accessCnt .areaBlock .mapTop .twTimeline {
    width: 100%;
    height: 340px;
    overflow: hidden;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .area2wrp .areaBlock .blockTtl {
    margin-bottom: 25px;
  }
  .accessPage .accessCnt .area2wrp .areaBlock .blockTtl span:before {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .accessPage .accessCnt .areaOs {
    max-width: 325px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/common/border.png) left top repeat-x, url(../images/common/border.png) left bottom repeat-x;
    padding: 50px 0px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage .cmnHeader .logo {
    background-image: url(../images/common/logo_w.png);
  }
}

.knowIndexPage .anc {
  position: absolute;
  width: 100%;
}

@media all and (min-width: 768px) {
  .knowIndexPage .anc {
    top: -55px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage .anc {
    top: 0;
  }
}

.knowIndexPage .kv_area {
  position: relative;
  background: url("../images/know/index-kv1.jpg") center center no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
  margin-bottom: 95px;
}

.knowIndexPage .kv_area .articleTtl {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -40px;
  left: 50%;
  margin-left: -40px;
  background: #ffff00;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .knowIndexPage .kv_area {
    height: 375px;
    margin-bottom: 65px;
    background-position: center top;
  }
  .knowIndexPage .kv_area .articleTtl {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    bottom: -30px;
    font-size: 16px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage .cntinrWrp {
    position: relative;
    margin-top: -95px;
  }
}

.knowIndexPage .introTxt_area {
  text-align: center;
  padding-bottom: 65px;
}

.knowIndexPage .introTxt_area dl dt {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 40px;
}

.knowIndexPage .introTxt_area dl dd {
  line-height: 2;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  .knowIndexPage .introTxt_area dl dt {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .knowIndexPage .introTxt_area dl dd {
    font-size: 11px;
  }
}

.knowIndexPage .interKv {
  background: url("../images/know/index-kv2.jpg") center center no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
}

@media all and (max-width: 767px) {
  .knowIndexPage .interKv {
    height: 300px;
  }
}

.knowIndexPage .inter_txt_area {
  overflow: hidden;
  background: url(../images/common/bg-tex.jpg) center top;
  padding: 170px 0px 140px;
}

.knowIndexPage .inter_txt_area dl {
  width: 690px;
  margin: 0px auto;
}

.knowIndexPage .inter_txt_area dl dt {
  font-weight: bold;
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 20px;
  letter-spacing: 0.6em;
  margin-bottom: 70px;
}

.knowIndexPage .inter_txt_area dl dt span {
  font-family: 'helvetica';
  letter-spacing: 0.2em;
}

.knowIndexPage .inter_txt_area dl dt:before {
  content: '';
  background: #f0e600;
  position: absolute;
  width: 5px;
  height: 200px;
  left: 0;
  bottom: 0;
}

.knowIndexPage .inter_txt_area dl dd {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 2em;
  text-align: justify;
  letter-spacing: 0.22em;
}

@media all and (max-width: 767px) {
  .knowIndexPage .inter_txt_area {
    padding: 50px 0px 70px;
  }
  .knowIndexPage .inter_txt_area dl {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .knowIndexPage .inter_txt_area dl {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage .inter_txt_area dl dt {
    line-height: 1.8;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 40px;
  }
  .knowIndexPage .inter_txt_area dl dd {
    font-size: 15px;
    letter-spacing: 0.13em;
  }
}

@media all and (min-width: 768px) {
  .knowIndexPage ._amfWrp {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .knowIndexPage ._amfWrp .artCnt_area,
  .knowIndexPage ._amfWrp .musicCnt_area,
  .knowIndexPage ._amfWrp .foodCnt_area {
    width: 33.33%;
  }
}

.knowIndexPage ._artCnt_area,
.knowIndexPage ._musicCnt_area,
.knowIndexPage ._foodCnt_area {
  position: relative;
  padding-top: 45px;
  padding-bottom: 25px;
}

@media all and (min-width: 768px) {
  .knowIndexPage ._artCnt_area,
  .knowIndexPage ._musicCnt_area,
  .knowIndexPage ._foodCnt_area {
    padding-bottom: 90px;
  }
}

.knowIndexPage ._artCnt_area .imgBox .img,
.knowIndexPage ._musicCnt_area .imgBox .img,
.knowIndexPage ._foodCnt_area .imgBox .img {
  background-position: center center;
  background-size: cover;
  width: 100%;
  padding-top: 65.3%;
}

.knowIndexPage ._artCnt_area .link_area,
.knowIndexPage ._musicCnt_area .link_area,
.knowIndexPage ._foodCnt_area .link_area {
  margin-top: 20px;
  padding-left: 30px;
}

.knowIndexPage ._artCnt_area .link_area_inner,
.knowIndexPage ._musicCnt_area .link_area_inner,
.knowIndexPage ._foodCnt_area .link_area_inner {
  display: inline-block;
  background: #fff;
}

.knowIndexPage ._artCnt_area .link_area a,
.knowIndexPage ._musicCnt_area .link_area a,
.knowIndexPage ._foodCnt_area .link_area a {
  margin-right: 17px;
  margin-bottom: 15px;
  color: #000;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  padding: 0px 10px;
  transition: background 0.5s;
  background: #ffff00;
}

.knowIndexPage ._artCnt_area .link_area a:last-child,
.knowIndexPage ._musicCnt_area .link_area a:last-child,
.knowIndexPage ._foodCnt_area .link_area a:last-child {
  margin-right: 0;
}

.knowIndexPage ._artCnt_area .link_area a:hover,
.knowIndexPage ._musicCnt_area .link_area a:hover,
.knowIndexPage ._foodCnt_area .link_area a:hover {
  opacity: 1;
  background: #ffff00;
}

@media all and (max-width: 767px) {
  .knowIndexPage ._artCnt_area .link_area,
  .knowIndexPage ._musicCnt_area .link_area,
  .knowIndexPage ._foodCnt_area .link_area {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    padding-right: 30px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .knowIndexPage ._artCnt_area .link_area,
  .knowIndexPage ._musicCnt_area .link_area,
  .knowIndexPage ._foodCnt_area .link_area {
    max-width: 290px;
  }
}

.knowIndexPage ._artCnt_area .cntTtl,
.knowIndexPage ._musicCnt_area .cntTtl,
.knowIndexPage ._foodCnt_area .cntTtl {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 50px;
}

.knowIndexPage ._artCnt_area .cntTtl span,
.knowIndexPage ._musicCnt_area .cntTtl span,
.knowIndexPage ._foodCnt_area .cntTtl span {
  position: relative;
}

.knowIndexPage ._artCnt_area .cntTtl span:before,
.knowIndexPage ._musicCnt_area .cntTtl span:before,
.knowIndexPage ._foodCnt_area .cntTtl span:before {
  bottom: -5px;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
}

.knowIndexPage ._artCnt_area .imgBox,
.knowIndexPage ._musicCnt_area .imgBox,
.knowIndexPage ._foodCnt_area .imgBox {
  margin-bottom: 40px;
}

@media all and (min-width: 768px) {
  .knowIndexPage ._artCnt_area .imgBox,
  .knowIndexPage ._musicCnt_area .imgBox,
  .knowIndexPage ._foodCnt_area .imgBox {
    margin-bottom: 30px;
  }
}

.knowIndexPage ._artCnt_area .txtBox .txtBoxTtl,
.knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl,
.knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl {
  font-weight: bold;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.1em;
  margin-bottom: 45px;
  font-family: 'Helvetica';
}

.knowIndexPage ._artCnt_area .txtBox .txtBoxTtl span,
.knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl span,
.knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl span {
  position: relative;
}

.knowIndexPage ._artCnt_area .txtBox .txtBoxTtl span:after,
.knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl span:after,
.knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl span:after {
  content: '';
  position: absolute;
  bottom: -20px;
  margin-left: -25px;
  left: 50%;
  width: 50px;
  height: 5px;
}

@media all and (min-width: 768px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTtl,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl {
    margin-bottom: 60px;
  }
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTtl span:after,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl span:after,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl span:after {
    height: 3px;
    bottom: -15px;
    width: 80px;
    margin-left: -40px;
  }
}

.knowIndexPage ._artCnt_area .txtBox .txtBoxTtl2,
.knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl2,
.knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl2 {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

@media all and (min-width: 768px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTtl2,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl2,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl2 {
    padding-left: 30px;
    text-align: left;
    font-size: 18px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTtl2,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTtl2,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTtl2 {
    font-size: 15px;
  }
}

.knowIndexPage ._artCnt_area .txtBox .txtBoxTxt,
.knowIndexPage ._musicCnt_area .txtBox .txtBoxTxt,
.knowIndexPage ._foodCnt_area .txtBox .txtBoxTxt {
  padding: 0px 30px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media all and (min-width: 768px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTxt {
    font-size: 14px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTxt {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
    font-size: 15px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .knowIndexPage ._artCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._musicCnt_area .txtBox .txtBoxTxt,
  .knowIndexPage ._foodCnt_area .txtBox .txtBoxTxt {
    max-width: 290px;
  }
}

.knowIndexPage ._artCnt_area .txtBoxTtl span:after {
  background: #ffff00;
}

.knowIndexPage ._musicCnt_area .txtBoxTtl span:after {
  background: #46549a;
}

.knowIndexPage ._foodCnt_area .txtBoxTtl span:after {
  background: #b7ab83;
}

.knowIndexPage .themeContents {
  overflow: hidden;
  background: url(../images/common/bg-tex.jpg) center top;
  padding: 170px 40px 160px;
}

@media all and (max-width: 767px) {
  .knowIndexPage .themeContents {
    padding: 0px 0px 0px;
  }
}

.knowIndexPage .tol_area {
  position: relative;
  margin: 0px auto;
  max-width: 1000px;
}

.knowIndexPage .tol_area.js-ivTrg {
  position: relative;
  top: 0px;
}

.knowIndexPage .tol_area_inner {
  position: relative;
  margin: 0px auto;
  max-width: 800px;
}

.knowIndexPage .tol_area .ttl {
  position: relative;
  text-align: left;
  padding-left: 55px;
  font-size: 20px;
  letter-spacing: 0.6em;
  margin-bottom: 70px;
}

.knowIndexPage .tol_area .ttl:before {
  content: '';
  background: #f0e600;
  position: absolute;
  width: 5px;
  height: 200px;
  left: 0;
  bottom: 0;
}

.knowIndexPage .tol_area .txtBlock p {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 2em;
  text-align: justify;
  letter-spacing: 0.22em;
}

.knowIndexPage .tol_area .txtBlock p:last-child {
  margin-bottom: 0;
  padding-top: 40px;
}

@media all and (max-width: 767px) {
  .knowIndexPage .tol_area {
    width: auto !important;
    /*
			dl{
				margin-bottom:45px;
				dt{
					font-size: 16px;
					margin-bottom: 15px;
					padding-bottom: 15px;
				}
				dd{
					font-size: 10px;
				}
			}
	*/
  }
  .knowIndexPage .tol_area_inner {
    top: 0px;
    padding: 85px 30px 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
  }
}

@media all and (max-width: 767px) and (max-width: 324px) {
  .knowIndexPage .tol_area_inner {
    max-width: 290px;
  }
}

@media all and (max-width: 767px) {
  .knowIndexPage .tol_area .areaTtl {
    margin-bottom: 45px;
    font-size: 16px;
  }
  .knowIndexPage .tol_area .ttl {
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 40px;
  }
  .knowIndexPage .tol_area .txtBlock p {
    font-size: 15px;
    letter-spacing: 0.13em;
    margin-bottom: 20px;
    word-break: break-all;
  }
  .knowIndexPage .tol_area .txtBlock p:last-child {
    padding-top: 0px;
    font-size: 13px;
  }
}

.knowIndexPage ._outline_area {
  margin: 0px auto;
  position: relative;
  background: url(../images/index/texture-bg.jpg) center top no-repeat;
  background-size: cover;
}

.knowIndexPage ._outline_area_txtwrp {
  padding: 0px 40px;
  position: relative;
  z-index: 2;
}

@media all and (max-width: 767px) {
  .knowIndexPage ._outline_area_txtwrp {
    padding: 0px 12px;
  }
}

.knowIndexPage ._outline_area .imgBoxTop {
  position: relative;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-1.jpg) center center no-repeat;
  background-size: cover;
}

.knowIndexPage ._outline_area .imgBoxBottom {
  position: relative;
  height: 500px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/index/outline-bg-2.jpg) center center no-repeat;
  background-size: cover;
}

.knowIndexPage ._outline_area .txt_area {
  position: relative;
  margin: 0px auto;
  background: #fff;
  max-width: 760px;
  padding: 70px 70px 100px;
}

.knowIndexPage ._outline_area .txt_area .areaTtl {
  text-align: center;
  margin-bottom: 60px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.1em;
}

.knowIndexPage ._outline_area .txt_area .areaTtl span {
  position: relative;
}

.knowIndexPage ._outline_area .txt_area .areaTtl span:before {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  left: -45px;
}

.knowIndexPage ._outline_area .txt_area .areaTtl span:after {
  top: 50%;
  position: absolute;
  content: '';
  background: #000;
  height: 2px;
  width: 15px;
  right: -45px;
}

@media all and (max-width: 767px) {
  .knowIndexPage ._outline_area .txt_area .areaTtl span:after {
    display: none;
  }
  .knowIndexPage ._outline_area .txt_area .areaTtl span:before {
    top: auto;
    bottom: -5px;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -10px;
    width: 65px;
    margin-left: -33px;
  }
}

.knowIndexPage ._outline_area .txt_area dl.ttl {
  text-align: center;
  margin-bottom: 60px;
  font-weight: bold;
}

.knowIndexPage ._outline_area .txt_area dl.ttl dt {
  font-size: 20px;
  letter-spacing: 0.6em;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.knowIndexPage ._outline_area .txt_area dl.ttl dt span {
  letter-spacing: 0;
}

.knowIndexPage ._outline_area .txt_area dl.ttl dt:after {
  display: block;
  content: '';
  background: #000;
  height: 1px;
  width: 50px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}

.knowIndexPage ._outline_area .txt_area dl.ttl dd {
  font-size: 12px;
  letter-spacing: 0.1em;
}

.knowIndexPage ._outline_area .txt_area .txtWrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

.knowIndexPage ._outline_area .txt_area .txtCnt {
  width: 100%;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  line-height: 28px;
}

.knowIndexPage ._outline_area .txt_area .txtCnt p.ttl {
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: 0.06em;
}

.knowIndexPage ._outline_area .txt_area .txtCnt .sml {
  font-size: 12px;
}

.knowIndexPage ._outline_area .outlineFt {
  font-weight: normal;
  text-align: center;
  font-size: 12px;
}

.knowIndexPage ._outline_area .outlineFt dl dt {
  font-size: 14px;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}

.knowIndexPage ._outline_area .outlineFt img {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
}

.knowIndexPage ._outline_area .spCnt {
  display: none;
}

.knowIndexPage ._outline_area .sponsorBlock {
  text-align: center;
  padding-top: 90px;
  margin-bottom: 95px;
}

.knowIndexPage ._outline_area .sponsorBlock .ttl {
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  margin-bottom: 15px;
}

.knowIndexPage ._outline_area .sponsorBlock .sml {
  font-size: 10px;
  margin-bottom: 60px;
}

.knowIndexPage ._outline_area .sponsorBlock ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.knowIndexPage ._outline_area .sponsorBlock ul li {
  margin: 0px 20px 40px;
  line-height: 0;
}

.knowIndexPage ._outline_area .sponsorBlock ul li a {
  display: block;
}

.knowIndexPage ._outline_area .sponsorBlock ul img {
  height: 50px;
}

.knowIndexPage ._outline_area .sponsorBlock2,
.knowIndexPage ._outline_area .collaborationBlock {
  text-align: center;
}

.knowIndexPage ._outline_area .sponsorBlock2 .ttl,
.knowIndexPage ._outline_area .collaborationBlock .ttl {
  text-align: center;
  letter-spacing: 0.08em;
  font-size: 14px;
  margin-bottom: 15px;
}

.knowIndexPage ._outline_area .sponsorBlock2 .sml,
.knowIndexPage ._outline_area .collaborationBlock .sml {
  font-size: 10px;
  margin-bottom: 30px;
}

.knowIndexPage ._outline_area .sponsorBlock2 ul li,
.knowIndexPage ._outline_area .collaborationBlock ul li {
  font-size: 14px;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}

.knowIndexPage ._outline_area .sponsorBlock2 ul li a,
.knowIndexPage ._outline_area .collaborationBlock ul li a {
  text-decoration: none;
  color: #000;
}

.knowIndexPage ._outline_area .sponsorBlock2 {
  margin-bottom: 95px;
}

.knowIndexPage ._outline_area .sponsorBlock2 .ttl {
  margin-bottom: 30px;
}

@media all and (max-width: 767px) {
  .knowIndexPage ._outline_area {
    position: relative;
    padding-bottom: 0px;
  }
  .knowIndexPage ._outline_area .spCnt {
    display: block;
    margin-top: 45px;
    margin-bottom: 0px;
  }
  .knowIndexPage ._outline_area .spCnt dt {
    margin-bottom: 65px;
    font-size: 11px;
    letter-spacing: 0.1em;
  }
  .knowIndexPage ._outline_area .spCnt dd img {
    width: 136px;
  }
  .knowIndexPage ._outline_area .outlineFt {
    display: none;
  }
  .knowIndexPage ._outline_area .imgBoxTop {
    height: 400px;
  }
  .knowIndexPage ._outline_area .imgBoxBottom {
    position: relative;
    height: 400px;
  }
  .knowIndexPage ._outline_area .txt_area {
    top: 0px;
    padding: 45px 20px;
    text-align: center;
  }
  .knowIndexPage ._outline_area .txt_area .txtWrp {
    margin-bottom: 0;
  }
  .knowIndexPage ._outline_area .txt_area .areaTtl {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .knowIndexPage ._outline_area .txt_area .txtCnt {
    font-size: 13px;
    line-height: 29px;
  }
  .knowIndexPage ._outline_area .txt_area .txtCnt p.ttl {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .knowIndexPage ._outline_area .txt_area .txtCnt .sml {
    font-size: 11px;
  }
  .knowIndexPage ._outline_area .sponsorBlock {
    margin-bottom: 22px;
  }
  .knowIndexPage ._outline_area .sponsorBlock .ttl {
    font-size: 13px;
  }
  .knowIndexPage ._outline_area .sponsorBlock .sml {
    margin-bottom: 22px;
  }
  .knowIndexPage ._outline_area .sponsorBlock ul li {
    margin-bottom: 25px;
  }
  .knowIndexPage ._outline_area .sponsorBlock ul li.fix img {
    height: 33px;
  }
  .knowIndexPage ._outline_area .sponsorBlock ul img {
    height: 37px;
  }
  .knowIndexPage ._outline_area .sponsorBlock ul:nth-child(2) {
    padding-top: 15px;
  }
  .knowIndexPage ._outline_area .sponsorBlock2 {
    margin-bottom: 22px;
  }
  .knowIndexPage ._outline_area .collaborationBlock .ttl {
    font-size: 13px;
  }
  .knowIndexPage ._outline_area .collaborationBlock ul li {
    font-size: 13px;
  }
}

@media all and (max-width: 374px) {
  .knowIndexPage ._outline_area .txt_area {
    padding-left: 10px;
    padding-right: 10px;
  }
  .knowIndexPage ._outline_area .txt_area .txtLeft, .knowIndexPage ._outline_area .txt_area .txtRight {
    font-size: 11px;
  }
  .knowIndexPage ._outline_area .txt_area .txtLeft p.ttl, .knowIndexPage ._outline_area .txt_area .txtRight p.ttl {
    font-size: 14px;
  }
}

.newsPageCnt {
  width: 1000px;
  margin: 0px auto;
  padding-top: 25px;
  padding-bottom: 110px;
}

@media all and (max-width: 767px) {
  .newsPageCnt {
    padding-top: 0px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 55px;
    background: url(../images/common/bg-tex.jpg);
  }
}

.newsPageCnt_inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.newsPage .cntTtl {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.065em;
  margin-bottom: 75px;
  width: 100%;
  position: relative;
  margin-top: -14px;
}

@media all and (min-width: 768px) {
  .newsPage .cntTtl {
    display: none;
  }
}

.newsPage .cntTtl span {
  background: #fff;
  display: inline-block;
  line-height: 1;
  border: solid 2px #000;
  padding: 5px 10px;
}

.newsPage .newsBlockttl {
  position: relative;
  margin-bottom: 30px;
}

.newsPage .newsBlockttl:before {
  content: '';
  background: #d9d9d9;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 8px;
}

.newsPage .newsBlockttl span {
  display: inline-block;
  position: relative;
  background-color: #fff;
  line-height: 1;
  padding-right: 15px;
  font-size: 16px;
}

@media all and (min-width: 768px) {
  .newsPage .importantNewsBlock {
    display: none;
  }
}

.newsPage .importantNewsBlockPc {
  width: 270px;
}

.newsPage .importantNewsBlockPc .post {
  font-size: 13px;
  line-height: 2.1;
}

.newsPage .importantNewsBlockPc .date {
  margin-top: 20px;
  font-size: 13px;
  color: red;
}

.newsPage .importantNewsBlockPc .newsBlockttl {
  color: red;
}

.newsPage .importantNewsBlockPc ul li {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 30px;
  margin-bottom: 35px;
}

@media all and (max-width: 767px) {
  .newsPage .importantNewsBlockPc {
    display: none;
  }
}

.newsPage .newsListBlock {
  width: 660px;
}

.newsPage .newsListBlock .newsPostList {
  font-size: 14px;
  line-height: 2;
}

.newsPage .newsListBlock .newsPostList a {
  color: #000;
}

.newsPage .newsListBlock li {
  background: url(../images/common/border.png) left bottom repeat-x;
  padding-bottom: 13px;
  margin-bottom: 18px;
}

.newsPage .newsListBlock .date {
  letter-spacing: normal;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  .newsPage .newsListBlock li {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
  .newsPage .newsListBlock li:last-child {
    margin-bottom: 0;
  }
  .newsPage .newsListBlock .spTtl {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    margin-bottom: 40px;
  }
}

.newsPage .post_content {
  font-size: 14px;
  line-height: 2;
}

.newsPage .post_content a {
  text-decoration: none;
  color: #000;
  background: #ff0;
}

.newsPage .post_content img {
  max-width: 100%;
  height: auto;
}

.newsPage .post_content p {
  margin-bottom: 1em;
}

@media all and (max-width: 767px) {
  .newsPage .post_content {
    font-size: 12px;
  }
}

/*
	lang
*/
body.ja .cmnHeader .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_cr.png) !important;
}

body.ja .fixNav .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_cr.png) !important;
}

body.ja .spNav_inner .hlang a.hlang-1 {
  background-image: url(../images/common/hlang-1_cr.png) !important;
}

body.en-US .cmnHeader .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2_cr.png) !important;
}

body.en-US .fixNav .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2_cr.png) !important;
}

body.en-US .spNav_inner .hlang a.hlang-2 {
  background-image: url(../images/common/hlang-2_cr.png) !important;
}

body.en-US .hPass a {
  background-image: url(../images/common/hpass_en.png);
}

body.en-US.indexPage .kv_area .hPass a {
  background-image: url(../images/common/hpass_en_w.png);
}

body.zh-CN .cmnHeader .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3_cr.png) !important;
}

body.zh-CN .fixNav .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3_cr.png) !important;
}

body.zh-CN .spNav_inner .hlang a.hlang-3 {
  background-image: url(../images/common/hlang-3_cr.png) !important;
}

body.zh-CN .hPass a {
  background-image: url(../images/common/hpass_cn.png);
}

body.zh-CN.indexPage .kv_area .hPass a {
  background-image: url(../images/common/hpass_cn_w.png);
}

body.zh-TW .cmnHeader .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4_cr.png) !important;
}

body.zh-TW .fixNav .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4_cr.png) !important;
}

body.zh-TW .spNav_inner .hlang a.hlang-4 {
  background-image: url(../images/common/hlang-4_cr.png) !important;
}

body.zh-TW .hPass a {
  background-image: url(../images/common/hpass_tw.png);
}

body.zh-TW.indexPage .kv_area .hPass a {
  background-image: url(../images/common/hpass_tw_w.png);
}

body.ko-KR .cmnHeader .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5_cr.png) !important;
}

body.ko-KR .fixNav .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5_cr.png) !important;
}

body.ko-KR .spNav_inner .hlang a.hlang-5 {
  background-image: url(../images/common/hlang-5_cr.png) !important;
}

body.ko-KR .hPass a {
  background-image: url(../images/common/hpass_kr.png);
}

body.ko-KR.indexPage .kv_area .hPass a {
  background-image: url(../images/common/hpass_kr_w.png);
}

.zh-CNtCmn {
  display: none;
}

.lang-jp .zh-CNtJp {
  display: block;
}

.en-US .zh-CNtEn {
  display: block;
}

.zh-CN .zh-CNtCn {
  display: block;
}

.zh-TW .zh-CNtTw {
  display: block;
}

.ko-KR .zh-CNtKr {
  display: block;
}

@media (min-width: 991px) {
  .en-US .footer .linkList,
  .zh-CN .footer .linkList,
  .zh-TW .footer .linkList,
  .ko-KR .footer .linkList {
    right: 0;
  }
}

.en-US.indexPage .cmnHeader .hCatNav,
.zh-CN.indexPage .cmnHeader .hCatNav,
.zh-TW.indexPage .cmnHeader .hCatNav,
.ko-KR.indexPage .cmnHeader .hCatNav {
  display: none;
}

@media (min-width: 768px) {
  .en-US.indexPage .indexPage .introduction_area .cnt,
  .zh-CN.indexPage .indexPage .introduction_area .cnt,
  .zh-TW.indexPage .indexPage .introduction_area .cnt,
  .ko-KR.indexPage .indexPage .introduction_area .cnt {
    height: 426px;
  }
  .en-US.indexPage .sclrBlock img,
  .zh-CN.indexPage .sclrBlock img,
  .zh-TW.indexPage .sclrBlock img,
  .ko-KR.indexPage .sclrBlock img {
    height: 426px;
  }
}

.en-US.indexPage .area_area ul li .ttl {
  letter-spacing: 0.05em;
}

@media (min-width: 991px) {
  .en-US.indexPage .artCnt_area .inner .txtBoxTxt,
  .en-US.indexPage .musicCnt_area .inner .txtBoxTxt,
  .en-US.indexPage .foodCnt_area .inner .txtBoxTxt {
    line-height: 1.5;
  }
}

.en-US.indexPage .operaPage .photo_area .areaTtl {
  font-size: 20px;
}

@media all and (max-width: 767px) {
  .en-US.indexPage .operaPage .photo_area .areaTtl {
    font-size: 15px;
  }
  .en-US.indexPage .operaPage .photo_area .areaTtl h1:before {
    display: none;
  }
}

.en-US.indexPage .introduction_txt p.txt {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 2;
}

.en-US.indexPage .tol_area .areaTtl,
.en-US.indexPage .tol_area .txtBlock p,
.en-US.indexPage .tol_area .ttl {
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .en-US.indexPage .kv_area .kvTxt {
    width: 242px;
  }
  .en-US.indexPage .introduction_txt {
    margin-top: -200px;
  }
}

@media (max-width: 767px) {
  .en-US.indexPage .kv_area .kv-days {
    bottom: 240px;
  }
  .en-US.indexPage .kv_area .kvTxt {
    bottom: 190px;
    width: 168px;
  }
  .en-US.indexPage .introduction_txt p.txt {
    line-height: 20px;
  }
}

.en-US.indexPage .artCnt_area .inner .txtBoxTtl2,
.en-US.indexPage .musicCnt_area .inner .txtBoxTtl2,
.en-US.indexPage .foodCnt_area .inner .txtBoxTtl2 {
  font-size: 15px;
}

@media (min-width: 768px) {
  .en-US.indexPage .artCnt_area .link_area a,
  .en-US.indexPage .musicCnt_area .link_area a,
  .en-US.indexPage .foodCnt_area .link_area a {
    font-size: 16px;
  }
  .en-US.indexPage .sp {
    display: none;
  }
  .en-US.indexPage .tol_area .txtBlock p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  .en-US.indexPage .topic_area ul li dt {
    font-size: 17px;
  }
  .en-US.indexPage .topic_area ul li dd {
    font-size: 13px;
  }
  .en-US.indexPage .area_area ul li .ttl {
    letter-spacing: 0.05em;
    text-align: left;
    justify-content: left;
    padding-left: 60px;
    width: auto;
  }
  .en-US.indexPage .curator_area ul li .txt_area {
    padding-left: 50px;
  }
  .en-US.indexPage .curator_area ul li .txt_area .txt1 {
    font-size: 12px;
  }
  .en-US.indexPage .tour_area .tour_cnt .blockTxt dt {
    font-size: 13px;
  }
  .en-US.indexPage .passport_area .block1 .blockTxt dd span {
    font-size: 12px;
  }
  .en-US.indexPage .passport_area .block1 .blockTxt dt {
    font-size: 11px;
  }
  .en-US.indexPage .passport_area .block2 .txt_area dt {
    padding-right: 18px;
  }
}

@media (max-width: 767px) {
  .en-US.indexPage .introduction_txt p.txt {
    font-size: 14px;
    line-height: 1.8;
  }
  .en-US.indexPage .artCnt_area .inner .txtBoxTtl2,
  .en-US.indexPage .musicCnt_area .inner .txtBoxTtl2,
  .en-US.indexPage .foodCnt_area .inner .txtBoxTtl2 {
    line-height: 1.5;
  }
  .en-US.indexPage .areaTtlSp {
    border-bottom: none;
    padding-bottom: 0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
  }
  .en-US.indexPage .areaTtlSp span {
    position: relative;
  }
  .en-US.indexPage .areaTtlSp span:before {
    top: auto;
    position: absolute;
    content: '';
    background: #000;
    left: 50%;
    height: 1px;
    bottom: -25px;
    width: 65px;
    margin-left: -33px;
  }
  .en-US.indexPage .access_area_inner {
    padding: 0;
  }
}

.en-US .areaNav ul li {
  letter-spacing: 0.05em;
}

.en-US.areaPage .areainfoTxt .crtrList dd {
  letter-spacing: 0.1em;
}

.en-US.areaPage .areainfoTxt .crtrList dd span {
  display: inline-block;
  margin-right: 20px;
}

.en-US.areaPage .themeBlock .txt3 {
  text-align: left;
}

.en-US.areaPage .areainfoTxt .ttl {
  letter-spacing: 0.1em;
}

.en-US.areaPage .artistList li p {
  letter-spacing: 0.1em;
}

.en-US.areaPage .themeBlock .txt1 {
  font-size: 14px;
}

.en-US.areaPage .curatorTxt .name_area .addTxt {
  font-size: 14px;
}

.en-US.areaPage .curatorTxt .txt {
  font-size: 14px;
}

.en-US.artistPage .artistinfoTxt .txt2 {
  text-align: left;
}

@media (min-width: 768px) {
  .zh-CN.indexPage .kv_area .kv-days {
    width: 295px;
  }
  .zh-CN.indexPage .kv_area .kvTxt {
    width: 154px;
  }
  .zh-CN.indexPage .introduction_txt {
    margin-top: -241px;
  }
}

@media (max-width: 767px) {
  .zh-CN.indexPage .kv_area .kvTxt {
    width: auto;
  }
  .zh-CN.indexPage .kv_area .kvTxt img {
    width: auto;
    height: 14px;
  }
}

.zh-TW {
  font-family: "微軟正黑體";
}

@media (min-width: 768px) {
  .zh-TW.indexPage .kv_area .kv-days {
    width: 295px;
  }
  .zh-TW.indexPage .kv_area .kvTxt {
    width: 154px;
  }
  .zh-TW.indexPage .introduction_txt {
    margin-top: -204px;
  }
}

@media (max-width: 767px) {
  .zh-TW.indexPage .kv_area .kvTxt {
    width: auto;
  }
  .zh-TW.indexPage .kv_area .kvTxt img {
    width: auto;
    height: 14px;
  }
}

@media all and (min-width: 768px) {
  .ko-KR .cmnHeader .hAreaNav li {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .ko-KR.indexPage .kv_area .kv-days {
    width: 295px;
  }
  .ko-KR.indexPage .kv_area .kvTxt {
    width: 154px;
  }
  .ko-KR.indexPage .introduction_txt {
    margin-top: -220px;
  }
}

@media (max-width: 767px) {
  .ko-KR.indexPage .kv_area .kvTxt {
    width: auto;
  }
  .ko-KR.indexPage .kv_area .kvTxt img {
    width: auto;
    height: 14px;
  }
}

/*
	/lang
*/
.devTXt {
  font-size: 30px;
  font-weight: bold;
  color: red;
  text-align: center;
}

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



/*	/2019.07.09　追記　Youtube　*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*	/2019.07.10　追記　PCだけ改行　*/
@media screen and (max-width: 767px) {
    .br-sp { display:none; }
}

.txtmin {
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}


h5 {
  position: relative;
  border-top: solid 2px #683d49;
  border-bottom: solid 2px #683d49;
  background: ;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
  font-size: 22px;
}

h5:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 500;
  content: 'メインプログラム';
  background: #683d49;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}
h6 {
  position: relative;
  border-top: solid 2px #683d49;
  border-bottom: solid 2px #683d49;
  background: ;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
  font-size: 22px;
}

h6:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 500;
  content: 'オプションプログラム';
  background: #683d49;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}