@charset "utf-8";

/*---about---*/
.page-id-14 #mv {
  background: url(../img/about/mv.jpg) no-repeat center center / cover;
  height: 100vh;
}
.page-id-14 #mv .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  text-align: center;
  top: 45vh;
  width: calc(100% - 160px);
}
.page-id-14 #sec1 {
  padding: 100px 0 80px;
}
.page-id-14 #sec1 .inner > div {
  align-items: center;
  display: flex;
}
.page-id-14 #sec1 .inner > div p {
  font-size: 1.8rem;
  line-height: 1.8;
  padding-right: 100px;
  width: calc(100% - 500px);
}
.page-id-14 #sec1 .inner > div figure {
  width: 500px;
}
.page-id-14 #sec1 .inner > div figcaption {
  padding-top: 10px;
  text-align: center;
}
.page-id-14 #sec2 {
  padding: 80px 0 0;
}
.page-id-14 #sec2 .logo_stage {
  margin-top: 50px;
  text-align: center;
}
.page-id-14 #sec2 .logo_stage img {
  width: 400px;
}
.page-id-14 #sec2 .inner > p {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-top: 50px;
  text-align: center;
}
.page-id-14 #sec2 .logo_maker {
  margin-top: 50px;
  text-align: center;
}
.page-id-14 #sec2 .logo_maker img {
  width: 350px;
}
.page-id-14 #sec2 figcaption {
  padding-top: 10px;
  text-align: center;
}
.page-id-14 #sec3,
.page-id-14 #sec4 {
  padding: 80px 0;
}
.page-id-14 #sec3 .inner > div,
.page-id-14 #sec4 .inner > div {
  margin-top: 50px;
}
.page-id-14 #sec3 .inner dl,
.page-id-14 #sec4 .inner dl {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 15px 0;
}
.page-id-14 #sec3 .inner dt,
.page-id-14 #sec4 .inner dt {
  width: 270px;
}
.page-id-14 #sec3 .inner dd,
.page-id-14 #sec4 .inner dd {
  width: calc(100% - 270px);
}
.page-id-14 #sec3 .inner dd p {
  font-weight: bold;
  margin-top: 15px;
}
.page-id-14 #sec3 .inner dd p span {
  color: #891223;
}
.page-id-14 #sec3 .inner dd a.waku {
  background: url(../img/access/arrow.png) no-repeat right 40px center / 70px auto;
  border: 1px solid #707070;
  color: #000;
  display: block;
  font-family: 'Roboto', sans-serif;
  height: 50px;
  letter-spacing: 0.1em;
  line-height: 50px;
  margin-top: 5px;
  padding: 0 40px;
  text-decoration: none;
  width: 280px;
}

@media screen and (max-width: 768px) {

  .page-id-14 #sec1 {
    padding: 50px 0 40px;
  }
  .page-id-14 #sec1 .inner > div {
    display: block;
  }
  .page-id-14 #sec1 .inner > div p {
    font-size: 1.5rem;
    padding: 0;
    width: auto;
  }
  .page-id-14 #sec1 .inner > div figure {
    margin: 30px auto 0;
    width: 90%;
  }
  .page-id-14 #sec2 .logo_stage img {
    width: 75%;
  }
  .page-id-14 #sec2 .inner > p {
    font-size: 1.5rem;
    text-align: left;
  }
  .page-id-14 #sec2 .logo_maker img {
    width: 80%;
  }
  .page-id-14 #sec3 .inner > div, .page-id-14 #sec4 .inner > div {
    margin-top: 25px;
  }
  .page-id-14 #sec3 .inner dl, .page-id-14 #sec4 .inner dl {
    display: block;
    font-size: 1.6rem;
  }
  .page-id-14 #sec3 .inner dt, .page-id-14 #sec4 .inner dt {
    font-weight: bold;
    width: auto;
  }
  .page-id-14 #sec3 .inner dd, .page-id-14 #sec4 .inner dd {
    width: auto;
  }

}

/*---spend---*/
.page-id-16 #mv {
  background: url(../img/time/mv.jpg) no-repeat center center / cover;
  height: 100vh;
}
.page-id-16 #mv .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  text-align: center;
  top: 45vh;
  width: calc(100% - 160px);
}
.page-id-16 #sec1 {
  padding: 90px 0;
}
.page-id-16 #sec1 h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.page-id-16 #sec1 .inner > p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 60px;
  text-align: center;
}
.page-id-16 #sec1 .pics {
  margin: 150px auto 0;
  padding-bottom: 120px;
  width: 1400px;
}
.page-id-16 #sec1 .pics ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.page-id-16 #sec1 .pics ul li {
  margin-right: 70px;
  width: 420px;
}
.page-id-16 #sec1 .pics ul li:nth-of-type(3n) {
  margin-right: 0;
}
.page-id-16 #sec1 .pics ul li:nth-of-type(n+4) {
  margin-top: 70px;
}
.page-id-16 #sec1 .pics ul li a img {
  display: block;
}
.page-id-16 .lb-outerContainer {
  border-radius: 0;
}
.page-id-16 .lightbox .lb-image {
  border: none;
  border-radius: 0;
}
.page-id-16 .lb-nav a.lb-prev,
.page-id-16 .lb-nav a.lb-next {
  height: 50px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 50px;
}
.page-id-16 .lb-nav a.lb-prev {
  background: #891122 url(../img/time/prev.png) no-repeat center center / 15px auto;
  left: -50px;
}
.page-id-16 .lb-nav a.lb-next {
  background: #891122 url(../img/time/next.png) no-repeat center center / 15px auto;
  right: -50px;
}
.page-id-16 .lb-data .lb-close {
  background: url(../img/time/close.png) no-repeat center center / contain;
  height: 25px;
  width: 40px;
}
.page-id-16 .pic_info {
  align-items: center;
  display: flex;
}
.page-id-16 .pic_info + .pic_info {
  margin-top: 100px;
}
.page-id-16 .pic_info dl {
  padding-right: 100px;
  width: 50%;
}
.page-id-16 .pic_info dl dt {
  font-size: 2.6rem;
  font-weight: bold;
}
.page-id-16 .pic_info dl dd {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 50px;
}
.page-id-16 .pic_info figure {
  width: 50%;
}

@media screen and (max-width: 768px) {

  .page-id-16 #sec1 {
    padding: 50px 0;
  }
  .page-id-16 #sec1 h2 {
    font-size: 2rem;
    text-align: left;
  }
  .page-id-16 #sec1 .inner > p {
    font-size: 1.5rem;
    text-align: left;
  }
  .page-id-16 #sec1 .pics {
    margin: 80px auto 0;
    width: auto;
  }
  .page-id-16 #sec1 .pics ul li {
    margin: 0;
    width: calc((100% - 15px) / 2);
  }
  .page-id-16 #sec1 .pics ul li:nth-of-type(2n) {
    margin-left: 15px;
  }
  .page-id-16 #sec1 .pics ul li:nth-of-type(n+3),
  .page-id-16 #sec1 .pics ul li:nth-of-type(n+4) {
    margin-top: 15px;
  }
  .page-id-16 .lb-nav a.lb-prev, .page-id-16 .lb-nav a.lb-next {
    height: 40px;
    top: 42%;
    width: 40px;
  }
  .page-id-16 .lb-nav a.lb-prev {
    left: -20px;
  }
  .page-id-16 .lb-nav a.lb-next {
    right: -20px;
  }
  .page-id-16 .pic_info {
    display: block;
  }
  .page-id-16 .pic_info dl {
    padding: 0;
    text-align: center;
    width: auto;
  }
  .page-id-16 .pic_info dl dt {
    font-size: 2rem;
  }
  .page-id-16 .pic_info dl dd {
    font-size: 1.5rem;
    margin-top: 30px;
  }
  .page-id-16 .pic_info figure {
    margin-top: 30px;
    width: auto;
  }

}

/*---kuninda---*/
.page-id-18 #mv {
  background: url(../img/kuninda/mv.jpg) no-repeat center center / cover;
  height: 100vh;
}
.page-id-18 #mv .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  text-align: center;
  top: 45vh;
  width: calc(100% - 160px);
}
.page-id-18 #sec1 {
  padding: 90px 0;
}
.page-id-18 #sec1 h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.page-id-18 #sec1 .inner > p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 60px;
  text-align: center;
}
.page-id-18 .pic_info {
  align-items: center;
  display: flex;
}
.page-id-18 .pic_info {
  margin-top: 100px;
}
.page-id-18 .pic_info dl {
  padding-right: 100px;
  width: 50%;
}
.page-id-18 .pic_info dl dt {
  font-size: 2.6rem;
  font-weight: bold;
}
.page-id-18 .pic_info dl dd {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 50px;
}
.page-id-18 .pic_info figure {
  width: 50%;
}
.page-id-18 #sec2 .inner > div {
  margin-top: 50px;
}
.page-id-18 #sec2 .inner dl {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 15px 0;
}
.page-id-18 #sec2 .inner dt {
  width: 270px;
}
.page-id-18 #sec2 .inner dd {
  width: calc(100% - 270px);
}

@media screen and (max-width: 768px) {

  .page-id-18 #sec1 {
    padding: 50px 0;
  }
  .page-id-18 #sec1 h2 {
    font-size: 2rem;
    text-align: left;
  }
  .page-id-18 #sec1 .inner > p {
    font-size: 1.5rem;
    text-align: left;
  }
  .page-id-18 .pic_info {
    display: block;
  }
  .page-id-18 .pic_info dl {
    padding: 0;
    text-align: center;
    width: auto;
  }
  .page-id-18 .pic_info dl dt {
    font-size: 2rem;
    line-height: 1.5;
  }
  .page-id-18 .pic_info dl dd {
    font-size: 1.5rem;
    margin-top: 30px;
  }
  .page-id-18 .pic_info figure {
    margin-top: 30px;
    width: auto;
  }
  .page-id-18 #sec2 .inner dl {
    display: block;
    font-size: 1.6rem;
  }
  .page-id-18 #sec2 .inner dt {
    font-weight: bold;
    width: auto;
  }
  .page-id-18 #sec2 .inner dd {
    width: auto;
  }

}

/*---restaurant---*/
.page-id-20 #mv {
  background: url(../img/restaurant/mv.jpg) no-repeat center center / cover;
  height: 100vh;
}
.page-id-20 #mv .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  text-align: center;
  top: 45vh;
  width: calc(100% - 160px);
}
.page-id-20 #sec1 {
  padding: 90px 0;
}
.page-id-20 #sec1 h2 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.page-id-20 #sec1 .inner > p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 60px;
  text-align: center;
}
.page-id-20 #sec1 .pics {
  margin: 150px auto 0;
  padding-bottom: 120px;
  width: 1400px;
}
.page-id-20 #sec1 .pics ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.page-id-20 #sec1 .pics ul li {
  margin-right: 70px;
  width: 420px;
}
.page-id-20 #sec1 .pics ul li:nth-of-type(3n) {
  margin-right: 0;
}
.page-id-20 #sec1 .pics ul li:nth-of-type(n+4) {
  margin-top: 70px;
}
.page-id-20 #sec1 .pics ul li a img {
  display: block;
}
.page-id-20 .lb-outerContainer {
  border-radius: 0;
}
.page-id-20 .lightbox .lb-image {
  border: none;
  border-radius: 0;
}
.page-id-20 .lb-nav a.lb-prev,
.page-id-20 .lb-nav a.lb-next {
  height: 50px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 50px;
}
.page-id-20 .lb-nav a.lb-prev {
  background: #891122 url(../img/time/prev.png) no-repeat center center / 15px auto;
  left: -50px;
}
.page-id-20 .lb-nav a.lb-next {
  background: #891122 url(../img/time/next.png) no-repeat center center / 15px auto;
  right: -50px;
}
.page-id-20 .lb-data .lb-close {
  background: url(../img/time/close.png) no-repeat center center / contain;
  height: 25px;
  width: 40px;
}
.page-id-20 .pic_info {
  align-items: center;
  display: flex;
}
.page-id-20 .pic_info + .pic_info {
  margin-top: 100px;
}
.page-id-20 .pic_info dl {
  padding-right: 100px;
  width: 50%;
}
.page-id-20 .pic_info dl dt {
  font-size: 2.6rem;
  font-weight: bold;
}
.page-id-20 .pic_info dl dd {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 50px;
}
.page-id-20 .pic_info figure {
  width: 50%;
}
.page-id-20 #sec2 .inner > div {
  margin-top: 50px;
}
.page-id-20 #sec2 .inner dl {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 15px 0;
}
.page-id-20 #sec2 .inner dt {
  width: 270px;
}
.page-id-20 #sec2 .inner dd {
  width: calc(100% - 270px);
}

@media screen and (max-width: 768px) {

  .page-id-20 #sec1 {
    padding: 50px 0;
  }
  .page-id-20 #sec1 h2 {
    font-size: 2rem;
    text-align: left;
  }
  .page-id-20 #sec1 .inner > p {
    font-size: 1.5rem;
    text-align: left;
  }
  .page-id-20 #sec1 .pics {
    margin: 80px auto 0;
    width: auto;
  }
  .page-id-20 #sec1 .pics ul li {
    margin: 0;
    width: calc((100% - 15px) / 2);
  }
  .page-id-20 #sec1 .pics ul li:nth-of-type(2n) {
    margin-left: 15px;
  }
  .page-id-20 #sec1 .pics ul li:nth-of-type(n+3),
  .page-id-20 #sec1 .pics ul li:nth-of-type(n+4) {
    margin-top: 15px;
  }
  .page-id-20 .lb-nav a.lb-prev, .page-id-20 .lb-nav a.lb-next {
    height: 40px;
    top: 42%;
    width: 40px;
  }
  .page-id-20 .lb-nav a.lb-prev {
    left: -20px;
  }
  .page-id-20 .lb-nav a.lb-next {
    right: -20px;
  }
  .page-id-20 .pic_info {
    display: block;
  }
  .page-id-20 .pic_info dl {
    padding: 0;
    text-align: center;
    width: auto;
  }
  .page-id-20 .pic_info dl dt {
    font-size: 2rem;
    line-height: 1.5;
  }
  .page-id-20 .pic_info dl dd {
    font-size: 1.5rem;
    margin-top: 30px;
  }
  .page-id-20 .pic_info figure {
    margin-top: 30px;
    width: auto;
  }
  .page-id-20 #sec2 .inner dl {
    display: block;
    font-size: 1.6rem;
  }
  .page-id-20 #sec2 .inner dt {
    font-weight: bold;
    width: auto;
  }
  .page-id-20 #sec2 .inner dd {
    width: auto;
  }

}

/*---access---*/
.page-id-22 #mv {
  background: url(../img/access/mv.jpg) no-repeat center center / cover;
  height: 100vh;
}
.page-id-22 #mv .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  text-align: center;
  top: 45vh;
  width: calc(100% - 160px);
}
.page-id-22 #sec1 {
  padding: 150px 0 100px;
}
.page-id-22 #sec1 .inner > div {
  display: flex;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) {
  width: 510px;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul {
  list-style: none;
  margin-top: 50px;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li {
  font-size: 1.8rem;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li + li {
  margin-top: 15px;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li:last-of-type {
  margin-top: 50px;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li img {
  display: inline-block;
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
  width: 30px;
}
.page-id-22 #sec1 .inner > div > div:nth-of-type(2) {
  width: 890px;
}
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 38%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-id-22 #sec2 {
  padding: 100px 0 150px;
}
.page-id-22 #sec2 section {
  padding: 75px 0;
}
.page-id-22 #sec2 section h3 {
  border-bottom: 1px solid #891223;
  font-size: 2.2rem;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  text-align: center;
  width: 280px;
}
.page-id-22 #sec2 section dl {
  border-top: 1px solid #ccc;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 15px 0;
}
.page-id-22 #sec2 section dl:last-of-type {
  border-bottom: 1px solid #ccc;
}
.page-id-22 #sec2 section dl dt {
  width: 280px;
}
.page-id-22 #sec2 section dl dd {
  width: calc(100% - 280px);
}
.page-id-22 #sec2 section p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 15px;
}
.page-id-22 #sec2 section p + p {
  font-weight: bold;
}
.page-id-22 #sec2 section p span {
  color: #891223;
}
.page-id-22 #sec2 section a {
  background: url(../img/access/arrow.png) no-repeat right 40px center / 70px auto;
  border: 1px solid #707070;
  color: #000;
  display: block;
  font-family: 'Roboto', sans-serif;
  height: 50px;
  letter-spacing: 0.1em;
  line-height: 50px;
  margin-top: 5px;
  padding: 0 40px;
  text-decoration: none;
  width: 280px;
}

@media screen and (max-width: 768px) {

  .page-id-22 #sec1 {
    padding: 50px 0;
  }
  .page-id-22 #sec1 .inner > div {
    display: block;
  }
  .page-id-22 #sec1 .inner > div > div:nth-of-type(1) {
    width: auto;
  }
  .page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li {
    font-size: 1.4rem;
  }
  .page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li:last-of-type {
    margin-top: 15px;
  }
  .page-id-22 #sec1 .inner > div > div:nth-of-type(1) ul li img {
    width: 20px;
  }
  .page-id-22 #sec1 .inner > div > div:nth-of-type(2) {
    width: auto;
  }
  .gmap {
    margin-top: 30px;
    padding-top: 56.25%;
  }
  .page-id-22 #sec2 {
    padding: 80px 0 0;
  }
  .page-id-22 #sec2 section {
    padding: 50px 0;
  }
  .page-id-22 #sec2 section h3 {
    font-size: 2rem;
    width: 50%;
  }
  .page-id-22 #sec2 section dl {
    display: block;
    font-size: 1.6rem;
  }
  .page-id-22 #sec2 section dl dt {
    font-weight: bold;
    width: auto;
  }
  .page-id-22 #sec2 section dl dd {
    width: auto;
  }
  .page-id-22 #sec2 section p {
    font-size: 1.6rem;
  }

}

/*---contact---*/
.page-id-24 main .inner {
  width: 960px;
}
.page-id-24 .pagehead .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  top: 200px;
}
.page-id-24 .pagehead {
  background: url(../img/contact/mv.jpg) no-repeat center center / cover;
  height: 400px;
  position: relative;
}
.page-id-24 #sec_form {
  padding: 80px 0 0;
}
.page-id-24 #sec_form .inner > p {
  font-size: 1.8rem;
  line-height: 1.8;
}
.page-id-24 .mw_wp_form_input #sec_form .c2 {
  display: none;
}
.page-id-24 .mw_wp_form_preview #sec_form .c1 {
  display: none;
}
.page-id-24 .mw_wp_form_preview #sec_form .c2 {
  display: block;
}
.page-id-24 #sec_form .inner > dl {
  align-items: center;
  display: flex;
  margin-top: 60px;
}
.page-id-24 .mw_wp_form_preview #sec_form .inner > dl.mail2 {
  display: none;
}
.page-id-24 #sec_form .inner > dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  width: 320px;
}
.page-id-24 #sec_form .inner > dl dt span {
  color: #891122;
  font-size: 1.3rem;
  font-weight: bold;
  margin-left: 10px;
}
.page-id-24 #sec_form .inner > dl dd {
  width: calc(100% - 320px);
}
.page-id-24 #sec_form .inner > dl dd input,
.page-id-24 #sec_form .inner > dl dd textarea {
  background: #f4f2ee;
  border: none;
  border-radius: 6px;
  font-size: 1.8rem;
  padding: 15px;
  width: 70%;
}
.page-id-24 #sec_form .inner > dl dd textarea {
  width: 100%;
}
.page-id-24 #sec_form .inner > dl dd span.error {
  color: #891122;
  display: block;
  font-weight: bold;
  margin-top: 5px;
}
.page-id-24 #sec_form .btns {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.page-id-24 #sec_form .btns input {
  background: #891122;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  height: 60px;
  letter-spacing: 0.1em;
  line-height: 60px;
  text-align: center;
  width: 240px;
}
.page-id-24 #sec_form .btns input + input {
  background: #ccc;
  color: #333;
  margin-left: 15px;
}
.page-id-24 .mw_wp_form_complete section {
  padding: 80px 0 0;
}
.page-id-24 .mw_wp_form_complete section h2 {
  font-size: 2rem;
  font-weight: bold;
}
.page-id-24 .mw_wp_form_complete section p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {

  .page-id-24 .pagehead {
    height: 300px;
  }
  .page-id-24 .pagehead .titles {
    color: #fff;
    left: 80px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: calc(100% - 160px);
  }
  .page-id-24 main .inner {
    width: auto;
  }
  .page-id-24 #sec_form .inner > p {
    font-size: 1.6rem;
  }
  .page-id-24 #sec_form .inner > dl {
    display: block;
  }
  .page-id-24 #sec_form .inner > dl dt {
    width: auto;
  }
  .page-id-24 #sec_form .inner > dl dd {
    margin-top: 10px;
    width: auto;
  }
  .page-id-24 #sec_form .inner > dl dd input, .page-id-24 #sec_form .inner > dl dd textarea {
    width: 100%;
  }
  .page-id-24 .mw_wp_form_complete section p {
    font-size: 1.6rem;
  }

}

/*---privacy---*/
.page-id-26 .pagehead .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  top: 200px;
}
.page-id-26 .pagehead {
  background: url(../img/contact/mv.jpg) no-repeat center center / cover;
  height: 400px;
  position: relative;
}
.page-id-26 main section {
  padding: 120px 0 0;
}
.page-id-26 main section .inner {
  width: 960px;
}
.page-id-26 main section .inner p {
  line-height: 1.5;
}
.page-id-26 main section .inner h2 {
  margin: 50px 0 20px;
}
.page-id-26 main section .inner ol {
  padding-left: 25px;
}
.page-id-26 main section .inner > ol {
  margin-top: 20px;
}
.page-id-26 main section .inner ol li {
  line-height: 1.5;
  padding: 3px 0;
}
.page-id-26 .t_r {
  margin-top: 30px;
  text-align: right;
}

@media screen and (max-width: 768px) {

  .page-id-26 .pagehead {
    height: 300px;
  }
  .page-id-26 .pagehead .titles {
    color: #fff;
    left: 80px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: calc(100% - 160px);
  }
  .page-id-26 main section .inner {
    width: auto;
  }

}

/*---lang---*/
.lang_wrap #top_movie {
  height: 100vh;
  min-height: -webkit-fill-available;
  overflow: hidden;
  position: relative;
}
.lang_wrap video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.lang_wrap .toplead {
  align-items: center;
  background: rgba(0,0,0,0.2);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.lang_wrap .toplead p {
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
.lang_wrap #sec1 {
  padding: 100px 0 0;
}
.lang_wrap #sec1 .inner > div {
  align-items: center;
  display: flex;
}
.lang_wrap #sec1 .inner > div p {
  font-size: 1.8rem;
  line-height: 1.8;
  padding-right: 100px;
  width: calc(100% - 500px);
}
.lang_wrap #sec1 .inner > div figure {
  width: 500px;
}
.lang_wrap #sec1 .inner > div figcaption {
  padding-top: 10px;
  text-align: center;
}
.lang_sec {
  margin-top: 100px;
}
.lang_wrap .outer {
  padding: 180px 0;
}
.lang_wrap #sec2 .outer {
  background: url(../img/lang/spend.jpg) no-repeat center center / cover;
}
.lang_wrap #sec3 .outer {
  background: url(../img/lang/kuninda.jpg) no-repeat center center / cover;
}
.lang_wrap #sec4 .outer {
  background: url(../img/lang/restaurant.jpg) no-repeat center center / cover;
}
.lang_wrap .outer .titles {
  color: #fff;
}
.lang_sec h2 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 80px;
  text-align: center;
}
.lang_sec h2 + p {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 65px;
  text-align: center;
}
.s_info {
  border-top: 1px solid #ccc;
  margin-top: 80px;
}
.s_info dl {
  border-bottom: 1px solid #ccc;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.5;
  padding: 15px 0;
}
.s_info dt {
  width: 270px;
}
.s_info dd {
  width: calc(100% - 270px);
}

@media screen and (max-width: 768px) {

  .lang_wrap .toplead p {
    font-size: 3.6rem;
  }
  .lang_wrap #sec1 {
    padding: 80px 0 0;
  }
  .lang_wrap #sec1 .inner > div {
    display: block;
  }
  .lang_wrap #sec1 .inner > div p {
    font-size: 1.5rem;
    padding: 0;
    width: auto;
  }
  .lang_wrap #sec1 .inner > div figure {
    margin: 30px auto 0;
    width: 90%;
  }
  .lang_sec {
    margin-top: 80px;
  }
  .lang_wrap .outer {
    padding: 80px 0;
  }
  .lang_sec h2 {
    font-size: 2rem;
    text-align: left;
  }
  .lang_sec h2 + p {
    font-size: 1.6rem;
    text-align: left;
  }
  .s_info {
    margin-top: 60px;
  }
  .s_info dl {
    display: block;
    font-size: 1.6rem;
  }
  .s_info dt {
    font-weight: bold;
    width: auto;
  }
  .s_info dd {
    width: auto;
  }

}


/*---news & event---*/
.page-id-70 .pagehead .titles {
  color: #fff;
  left: 80px;
  position: absolute;
  top: 200px;
}
.page-id-70 .pagehead {
  background: url(../img/news/pagehead.jpg) no-repeat center center / cover;
  height: 400px;
  position: relative;
}
.page-id-70 .inner > p {
  line-height: 1.8;
  margin-top: 80px;
}
.news_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}
.news_list a {
  border-bottom: 1px solid #891122;
  color: #000;
  display: block;
  margin-right: 40px;
  padding-bottom: 30px;
  position: relative;
  text-decoration: none;
  width: 320px;
}
.news_list a:nth-of-type(4n) {
  margin-right: 0;
}
.news_list a:nth-of-type(n+5) {
  margin-top: 40px;
}
.new_flag {
  background: #891122;
  color: #fff;
  display: block;
  font-family: 'Roboto',sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  height: 24px;
  left: 0;
  letter-spacing: 0.1em;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 15px;
  width: 50px;
  z-index: 1;
}
.news_list a figure {
  height: 320px;
  overflow: hidden;
}
.news_list a figure img {
  display: block;
  height: 320px;
  object-fit: cover;
  transition: .3s all;
  width: 320px;
}
.news_list a:hover figure img {
  transform:scale(1.1,1.1);
}
.news_list a .date {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 15px;
}
.news_list a .cat {
  margin-top: 10px;
}
.news_list a .cat span {
  background: #ccc;
  display: inline-block;
  font-size: 1.3rem;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
}
.news_list a h3 {
  margin-top: 10px;
}
.news_list a p {
  line-height: 1.2;
  margin-top: 10px;
}
.page-id-70 .panel {
  margin-top: 60px;
}
.page-id-70 .wp-pagenavi a,
.page-id-70 .wp-pagenavi span {
  border: 1px solid #891122;
  color: #000;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.page-id-70 .wp-pagenavi a:hover,
.page-id-70 .wp-pagenavi span.current {
  background: #891122;
  border: 1px solid #891122;
  color: #fff;
}
