@charset "UTF-8";
/*==========================================
  Common
==========================================*/
/* base
==================================*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, tr {
  font-size: 16px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}

.sp {
  display: none !important;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

a:visited {
  color: #000;
}

a:hover {
  color: #000;
  text-decoration: none;
}

a:active {
  color: #000;
}

a.tel {
  pointer-events: none;
  cursor: default;
}

/* header
==================================*/
header .header_upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
  background: #7c6f46;
  height: 30px;
  padding: 0 40px;
}

header .header_upper p {
  margin: 0 24px 0 0;
  font-size: 12px;
  line-height: 30px;
}

header .header_upper a {
  color: #fff;
}

header .header_upper a.lang {
  font-size: 14px;
  line-height: 30px;
}

header .header_upper a:hover {
  color: #fff;
  text-decoration: underline;
}

header .header_upper ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 10px;
}

header .header_upper ul::before {
  content: "";
  position: absolute;
  left: -1px;
  background: #a79c7c;
  width: 1px;
  height: 14px;
}

header .header_upper ul li {
  margin: 0 0 0 10px;
}

header .header_upper ul li a {
  display: inline-block;
}

header .header_upper ul li a:hover {
  opacity: .7;
}

header .header_upper ul li img {
  vertical-align: baseline;
}

header .header_upper ul li.ig img {
  width: 14px;
  height: 14px;
}

header .header_upper ul li.fb img {
  width: 15px;
  height: 15px;
}

header .header_upper ul li.yt img {
  width: 18px;
  height: 13px;
}

header .header_fixed {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  z-index: 888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #000;
  width: 100%;
  height: 76px;
}

header .header_fixed .logo {
  margin: 14px 0 0 60px;
}

header .header_fixed nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .header_fixed nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 26px 0 0;
}

header .header_fixed nav ul li {
  margin-left: 20px;
}

header .header_fixed nav ul li a {
  position: relative;
  display: inline-block;
  color: #ebdfbc;
  padding: 0 0 27px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

header .header_fixed nav ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #7c6f46;
  width: 100%;
  height: 3px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: .4s ease;
  transition: .4s ease;
}

header .header_fixed nav ul li a:hover, header .header_fixed nav ul li a.here {
  color: #fff;
}

header .header_fixed nav ul li a:hover::before, header .header_fixed nav ul li a.here::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

header .header_fixed nav .menu {
  position: relative;
  background: #000;
  width: 76px;
  height: 76px;
  border-left: 1px solid #1b1b1b;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

header .header_fixed nav .menu:hover {
  background: #131313;
}

header .header_fixed nav .menu span {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  display: inline-block;
  background: #ebdfbc;
  width: 26px;
  height: 1px;
  margin: 0 auto;
}

header .header_fixed nav .menu span.line-m {
  top: 38px;
}

header .header_fixed nav .menu span.line-b {
  top: 46px;
}

@media (max-width: 1250px) {
  header .header_fixed .logo {
    margin-left: 40px;
  }
  header .header_fixed nav ul {
    margin: 30px 16px 0 0;
  }
  header .header_fixed nav ul li {
    margin-left: 12px;
  }
  header .header_fixed nav ul li a {
    font-size: 14px;
    padding: 0 0 22px;
  }
}

@media (max-width: 1080px) {
  header .header_fixed nav ul {
    display: none;
  }
}

#allMenu {
  display: none;
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: url(../images/common/allMenu_bg.jpg) no-repeat top/cover;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#allMenu * {
  color: #fff;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#allMenu .menu {
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  width: 76px;
  height: 76px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

#allMenu .menu:hover {
  background: #131313;
}

#allMenu .menu span {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  display: inline-block;
  background: #ebdfbc;
  width: 26px;
  height: 1px;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
}

#allMenu .menu span.line-t.show {
  top: 38px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#allMenu .menu span.line-m {
  top: 38px;
}

#allMenu .menu span.line-m.show {
  opacity: 0;
}

#allMenu .menu span.line-b {
  top: 46px;
}

#allMenu .menu span.line-b.show {
  top: 38px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#allMenu .inner {
  max-width: 940px;
  margin: 95px auto 0;
  padding: 0 40px;
}

#allMenu nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.27, 0.38, 0.37, 0.99);
  transition: 0.5s cubic-bezier(0.27, 0.38, 0.37, 0.99);
}

#allMenu nav.show {
  opacity: 1;
}

#allMenu nav ul.first li a {
  color: #ebdfbc;
  font-size: 18px;
  line-height: 36px;
}

#allMenu nav ul.first li a:hover {
  color: #fff;
  text-decoration: underline;
}

#allMenu nav .c-navWrap {
  margin: 0 0 30px;
}

#allMenu nav .c-navWrap p.tl a {
  display: block;
  color: #ebdfbc;
  margin: 0 0 16px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ebdfbc;
  font-size: 18px;
}

#allMenu nav .c-navWrap p.tl a:hover {
  color: #fff;
  text-decoration: underline;
}

#allMenu nav .c-navWrap ul li a {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.02em;
}

#allMenu nav .c-navWrap ul li a:hover {
  color: #ebdfbc;
  text-decoration: underline;
}

#allMenu nav ul.first,
#allMenu nav .nav_collection,
#allMenu nav .nav_research,
#allMenu nav .nav_about {
  width: 210px;
}

#allMenu nav .nav_event,
#allMenu nav .nav_publish {
  width: 420px;
}

#allMenu nav .nav_event ul,
#allMenu nav .nav_publish ul {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-grid-columns: 1fr 1fr;
      grid-template-areas: "link01 link05"
 "link02 link06"
 "link03 link07"
 "link04 link08";
}

#allMenu nav .nav_event ul .link01,
#allMenu nav .nav_publish ul .link01 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: link01;
}

#allMenu nav .nav_event ul .link02,
#allMenu nav .nav_publish ul .link02 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: link02;
}

#allMenu nav .nav_event ul .link03,
#allMenu nav .nav_publish ul .link03 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: link03;
}

#allMenu nav .nav_event ul .link04,
#allMenu nav .nav_publish ul .link04 {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: link04;
}

#allMenu nav .nav_event ul .link05,
#allMenu nav .nav_publish ul .link05 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: link05;
}

#allMenu nav .nav_event ul .link06,
#allMenu nav .nav_publish ul .link06 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: link06;
}

#allMenu nav .nav_event ul .link07,
#allMenu nav .nav_publish ul .link07 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: link07;
}

#allMenu nav .nav_event ul .link08,
#allMenu nav .nav_publish ul .link08 {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: link08;
}

#allMenu nav .nav_publish ul {
  grid-template-columns: 1fr 1.5fr;
  -ms-grid-columns: 1fr 1.5fr;
}

#allMenu .otherLinks {
  margin: 0 0 80px;
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.27, 0.38, 0.37, 0.99);
  transition: 0.5s cubic-bezier(0.27, 0.38, 0.37, 0.99);
}

#allMenu .otherLinks.show {
  opacity: 1;
}

#allMenu .otherLinks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#allMenu .otherLinks ul.sns {
  margin: 0 0 14px;
}

#allMenu .otherLinks ul.sns li {
  margin-right: 15px;
}

#allMenu .otherLinks ul.sns li.ig {
  background: url(../images/common/icon_ig_h.svg) no-repeat center/21px 21px;
  width: 21px;
  height: 21px;
}

#allMenu .otherLinks ul.sns li.fb {
  background: url(../images/common/icon_fb_h.svg) no-repeat center/21px 21px;
  width: 21px;
  height: 21px;
}

#allMenu .otherLinks ul.sns li.yt {
  background: url(../images/common/icon_yt_h.svg) no-repeat center/22px 16px;
  width: 22px;
  height: 16px;
}

#allMenu .otherLinks ul.sns li img {
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: top;
}

#allMenu .otherLinks ul.sns li a:hover img {
  opacity: 0;
}

#allMenu .otherLinks ul.sns li.lang {
  position: relative;
  margin-left: 15px;
  font-size: 14px;
}

#allMenu .otherLinks ul.sns li.lang::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -14px;
  background: #5f5f5f;
  width: 2px;
  height: 15px;
}

#allMenu .otherLinks ul.sns li.lang a {
  font-size: 14px;
}

#allMenu .otherLinks ul.sns li.lang a:hover {
  color: #ebdfbc;
  text-decoration: underline;
}

#allMenu .otherLinks ul.other {
  margin: 0 0 30px;
}

#allMenu .otherLinks ul.other li {
  position: relative;
  margin-right: 16px;
}

#allMenu .otherLinks ul.other li::after {
  content: "/";
  position: absolute;
  top: 1px;
  right: -11px;
  font-size: 13px;
}

#allMenu .otherLinks ul.other li:last-child::after {
  content: none;
}

#allMenu .otherLinks ul.other li a {
  font-size: 14px;
}

#allMenu .otherLinks ul.other li a:hover {
  color: #ebdfbc;
  text-decoration: underline;
}

#allMenu .otherLinks ul.external li {
  margin-right: 30px;
}

#allMenu .otherLinks ul.external li.hcf {
  background: url(../images/common/logo_hcf_h.svg) no-repeat center/143px 29px;
  width: 143px;
  height: 29px;
}

#allMenu .otherLinks ul.external li.act {
  background: url(../images/common/logo_act_h.svg) no-repeat center/139px 31px;
  width: 139px;
  height: 31px;
}

#allMenu .otherLinks ul.external li.hama {
  background: url(../images/common/logo_hama_h.svg) no-repeat center/114px 28px;
  width: 114px;
  height: 28px;
}

#allMenu .otherLinks ul.external li img {
  -webkit-transition: .3s;
  transition: .3s;
}

#allMenu .otherLinks ul.external li a:hover img {
  opacity: 0;
}

@media (max-width: 1080px) {
  #allMenu nav ul.first,
  #allMenu nav .nav_collection,
  #allMenu nav .nav_research,
  #allMenu nav .nav_about {
    width: 30%;
  }
  #allMenu nav .nav_event,
  #allMenu nav .nav_publish {
    width: 70%;
  }
}

/* footer
==================================*/
footer {
  position: relative;
  background: #000;
  padding: 70px 40px 50px;
}

footer * {
  color: #e2e2e2;
}

footer .footer_inner {
  max-width: 1177px;
  margin: 0 auto;
}

footer .footer_upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 0 40px;
  border-bottom: 1px solid #303030;
}

footer .footer_upper .left_box .logo {
  margin: 0 0 20px;
}

footer .footer_upper .left_box address {
  font-style: normal;
}

footer .footer_upper .left_box address p {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}

footer .footer_upper .left_box address p:nth-of-type(2) {
  padding: 12px 0 0;
  font-size: 16px;
}

footer .footer_upper .left_box address p:nth-of-type(2) span {
  font-size: 24px;
}

footer .footer_upper .left_box address p:nth-of-type(2) a:hover {
  color: #fff;
}

footer .footer_upper .right_box {
  text-align: right;
}

footer .footer_upper .right_box img {
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: top;
}

footer .footer_upper .right_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}

footer .footer_upper .right_box ul li {
  margin-left: 20px;
}

footer .footer_upper .right_box ul li a:hover img {
  opacity: 0;
}

footer .footer_upper .right_box ul li.ig {
  background: url(../images/common/icon_ig_h.svg) no-repeat center/21px 21px;
  width: 21px;
  height: 21px;
}

footer .footer_upper .right_box ul li.fb {
  background: url(../images/common/icon_fb_h.svg) no-repeat center/21px 21px;
  width: 21px;
  height: 21px;
}

footer .footer_upper .right_box ul li.yt {
  background: url(../images/common/icon_yt_h.svg) no-repeat center/22px 16px;
  width: 22px;
  height: 16px;
}

footer .footer_upper .right_box a.trip {
  display: inline-block;
  background: url(../images/common/logo_trip_h.png) no-repeat;
  margin: 0 0 10px;
}

footer .footer_upper .right_box a.trip:hover img {
  opacity: 0;
}

footer .footer_upper .right_box p {
  color: #919191;
  font-size: 12px;
  line-height: 18px;
}

footer .footer_lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 0 0;
}

footer .footer_lower img {
  -webkit-transition: .3s;
  transition: .3s;
}

footer .footer_lower ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .footer_lower ul li {
  margin-right: 30px;
}

footer .footer_lower ul li a:hover img {
  opacity: 0;
}

footer .footer_lower ul li.hcf {
  background: url(../images/common/logo_hcf_h.svg) no-repeat center/143px 29px;
  width: 143px;
  height: 29px;
}

footer .footer_lower ul li.act {
  background: url(../images/common/logo_act_h.svg) no-repeat center/139px 31px;
  width: 139px;
  height: 31px;
}

footer .footer_lower ul li.hama {
  background: url(../images/common/logo_hama_h.svg) no-repeat center/114px 28px;
  width: 114px;
  height: 28px;
}

footer .footer_lower .copy {
  text-align: right;
}

footer .footer_lower .copy small {
  color: #5e5e5e;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 12px;
}

footer .footer_lower .copy small span a {
  display: inline-block;
  padding: 8px 0 0;
  color: #474747;
  font-size: 10px;
}

footer .footer_lower .copy small span a:hover {
  color: #919191;
}

@media (max-width: 1080px) {
  footer .footer_upper {
    display: block;
  }
  footer .footer_upper .right_box {
    margin: 40px 0 0;
    text-align: left;
  }
  footer .footer_upper .right_box ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  footer .footer_upper .right_box ul li {
    margin: 0 20px 0 0;
  }
  footer .footer_lower {
    display: block;
  }
  footer .footer_lower ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .footer_lower ul li:last-child {
    margin-right: 0;
  }
  footer .footer_lower .copy {
    margin: 35px 0 0;
    text-align: center;
  }
}

#pageTop {
  opacity: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 888;
  -webkit-transition: .3s;
  transition: .3s;
}

#pageTop.active {
  opacity: 1;
}

#pageTop a {
  display: block;
  width: 46px;
  height: 46px;
}

#pageTop a:hover {
  opacity: .7;
}

/* main
==================================*/
main {
  display: block;
  padding: 76px 0 0;
}

main .title_area {
  position: relative;
  height: 20.3vw;
  max-height: 280px;
  overflow: hidden;
}

main .title_area .ph {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

main .title_area .ph img {
  width: 100%;
}

main .title_area h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 34px;
  text-align: center;
  white-space: nowrap;
}

main .title_area h1 span {
  display: block;
  padding: 0 0 14px;
  font-size: 14px;
  letter-spacing: 0.12em;
}

main .under_nav {
  padding: 35px 0 80px;
}

main .under_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main .under_nav ul li {
  position: relative;
  margin: 0 28px 0 0;
}

main .under_nav ul li::after {
  content: "/";
  position: absolute;
  right: -16px;
}

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

main .under_nav ul li:last-child::after {
  content: none;
}

main .under_nav ul li a {
  position: relative;
  display: inline-block;
  padding: 0 0 6px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

main .under_nav ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #96844b;
  width: 100%;
  height: 2px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: .3s;
  transition: .3s;
}

main .under_nav ul li a:hover, main .under_nav ul li a.here {
  color: #96844b;
}

main .under_nav ul li a:hover::before, main .under_nav ul li a.here::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

main .under_nav ul li a.here {
  pointer-events: none;
}

main h2.c-section_tl {
  margin: 0 0 35px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 30px;
  text-align: center;
}

main h2.c-section_tl span {
  display: block;
  padding: 0 0 8px;
  color: #a40006;
  font-size: 14px;
}

main .c-symbol_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1246px;
  margin: 0 auto;
}

main .c-symbol_message .ph {
  width: 50%;
  max-width: 438px;
}

main .c-symbol_message .ph img {
  width: 100%;
}

main .c-symbol_message .textWrap {
  margin-left: 80px;
}

main .c-symbol_message .textWrap h2 {
  color: rgba(150, 132, 75, 0.2);
  font-family: 'Amiri';
  font-weight: 400;
  font-size: 70px;
  line-height: 0.85;
}

main .c-symbol_message .textWrap p {
  margin: 20px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  line-height: 2;
  white-space: nowrap;
}

main table.c-table {
  width: 100%;
}

main table.c-table tbody {
  border: 1px solid #e3e3e3;
}

main table.c-table tbody tr th {
  background: #eae8e2;
  width: 127px;
  padding: 22px 0;
  border-bottom: 1px solid #fff;
  font-weight: 400;
  vertical-align: middle;
}

main table.c-table tbody tr td {
  padding: 22px 25px;
  border-bottom: 1px solid #e3e3e3;
}

main table.c-table tbody tr:last-child th, main table.c-table tbody tr:last-child td {
  border-bottom: none;
}

main ul.c-list li {
  position: relative;
  margin: 10px 0 0;
  padding-left: 20px;
}

main ul.c-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  background: #96844b;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

main a.c-btn {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 280px;
  height: 74px;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  line-height: 72px;
  text-align: center;
}

main a.c-btn::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0px solid #96844b;
  -webkit-transition: .3s;
  transition: .3s;
}

main a.c-btn:hover::after {
  border: 3px solid #96844b;
}

main a.c-btn2 {
  display: block;
  background: #d8cfb7;
  width: 320px;
  height: 74px;
  margin: 0 auto;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  line-height: 74px;
  text-align: center;
}

main a.c-btn2:hover {
  background: #c1ae7b !important;
}

main a.c-more {
  position: relative;
  display: block;
  width: 83px;
  margin: 0 0 0 auto;
  padding: 0 14px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

main a.c-more::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #ae0006;
  border-right: 1px solid #ae0006;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 2px;
}

main a.c-more:hover {
  color: #96844b;
  text-decoration: underline;
}

main + .under_nav {
  display: none;
}

/* pan
==================================*/
#pan {
  padding: 0 60px;
}

#pan ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1246px;
  margin: 0 auto;
  padding: 0 0 33px;
}

#pan ul li {
  position: relative;
  color: #5e5e5e;
  margin-right: 16px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 14px;
}

#pan ul li::after {
  content: "";
  position: absolute;
  top: 7px;
  right: -10px;
  background: url(../images/common/icon_arrow_right.svg) no-repeat center/contain;
  width: 4px;
  height: 8px;
}

#pan ul li:last-child::after {
  content: none;
}

#pan ul li a {
  color: #5e5e5e;
  -webkit-transition: 0s;
  transition: 0s;
}

#pan ul li a:hover {
  color: #96844b;
  text-decoration: underline;
}

/* news-list
================================================ */
.news-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #e2e0d3;
}

.news-list li a:hover {
  background: #eceae1;
}

.news-list li a:hover p {
  color: #b09b5c;
  text-decoration: underline;
}

.news-list li:last-child {
  border-bottom: 1px solid #e2e0d3;
}

.news-list li .date {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #5e5e5e;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin-right: 15px;
  display: inline-block;
  width: 95px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95px;
          flex: 0 0 95px;
}

.news-list li .category-cat {
  font-size: 12px;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #fff;
  background: #303030;
  width: 65px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  height: 19px;
  display: inline-block;
  text-align: center;
  padding: 3px 5px;
  margin-right: 22px;
}

.news-list li .category-cat.caution {
  background: #ae0006;
}

.news-list li p {
  display: inline-block;
  vertical-align: middle;
}

.news-list li .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.news-list li .icon img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* pager
================================================ */
#Content .pager {
  padding-top: 32px;
  width: 100%;
  text-align: center;
  letter-spacing: -0.4em;
}

#Content .pager .pages {
  display: none;
}

#Content .pager a {
  display: inline-block;
  width: 52px;
  height: 52px;
  text-align: center;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 8px;
  font-family: "Noto Serif JP", serif;
  padding: 16px 5px;
  color: #000;
  background: #fff;
  border: 1px solid #e3e3e3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /*  &.page:last-of-type {
      margin-right: 0;
    }*/
}

#Content .pager a:hover {
  color: #fff;
  background: #b09b5c;
  border-color: transparent;
  text-decoration: none;
}

#Content .pager span.current {
  display: inline-block;
  width: 52px;
  height: 52px;
  text-align: center;
  letter-spacing: 0;
  font-size: 20px;
  line-height: 1;
  border: 1px solid #b09b5c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 8px;
  font-family: "Noto Serif JP", serif;
  padding: 16px 5px;
  color: #ffffff;
  background: #b09b5c;
}

#Content .pager a.previouspostslink,
#Content .pager .comPageBtn li.prev a {
  font-size: 18px;
  background: none;
  width: auto;
  height: auto;
  margin: 0 50px 0 0;
  padding-left: 20px;
  background: url(../images/common/prev.png) no-repeat left center;
  border: none;
}

#Content .pager a.previouspostslink:hover,
#Content .pager .comPageBtn li.prev a:hover {
  color: #000;
  text-decoration: none !important;
  opacity: .75;
}

#Content .pager a.nextpostslink,
#Content .pager .comPageBtn li.next a {
  font-size: 18px;
  background: none;
  width: auto;
  height: auto;
  margin: 0 0 0 50px;
  padding-right: 20px;
  background: url(../images/common/next.png) no-repeat right center;
  border: none;
}

#Content .pager a.nextpostslink:hover,
#Content .pager .comPageBtn li.next a:hover {
  color: #000;
  text-decoration: none !important;
  opacity: .75;
}

#Content .pager .comPageBtn li {
  display: inline;
}

#Content .pager a.first {
  display: none;
}

#Content .pager a.last {
  display: none;
}

#Content .pager .wp-pagenavi span.extend {
  display: none;
}

#Content .pager a.previouspostslink:hover,
#Content .pager .comPageBtn li.prev a:hover,
#Content .pager a.nextpostslink:hover,
#Content .pager .comPageBtn li.next a:hover {
  text-decoration: underline;
}

main.detail #Content .pager a {
  padding: 25px 20px;
}

main.detail #Content .pager .back a {
  width: 280px;
  height: 74px;
}

/* loader
==================================*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1001;
}

#loader .item_wrap {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 54px;
  height: 45px;
}

#loader span {
  display: block;
  bottom: 14px;
  width: 9px;
  height: 15px;
  background: #96844b;
  position: absolute;
  -webkit-animation: preloader_1 1.5s  infinite ease-in-out;
          animation: preloader_1 1.5s  infinite ease-in-out;
}

#loader span.item02 {
  left: 11px;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

#loader span.item03 {
  left: 22px;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

#loader span.item04 {
  left: 33px;
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

#loader span.item05 {
  left: 44px;
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}

@-webkit-keyframes preloader_1 {
  0% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
  25% {
    height: 45px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #960005;
  }
  50% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
  100% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
}

@keyframes preloader_1 {
  0% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
  25% {
    height: 45px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #960005;
  }
  50% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
  100% {
    height: 15px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: #96844b;
  }
}

/* Animation
==================================*/
.c-anim-load,
.c-anim-load02,
.c-anim-load03,
.c-anim-up,
.c-anim-up01,
.c-anim-up02,
.c-anim-up03 {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.27, 0.38, 0.37, 0.99);
  transition: 1.2s cubic-bezier(0.27, 0.38, 0.37, 0.99);
}

.move {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

/*==========================================
  Layout
==========================================*/
/*==================================
  Top
==================================*/
#Top main h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#Top main #heroArea {
  position: relative;
}

#Top main #heroArea ul li img {
  width: 100%;
}

#Top main #heroArea .slick-arrow {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
  width: 46px;
  height: 46px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

#Top main #heroArea .slick-arrow:hover {
  background: #131313;
}

#Top main #heroArea .slick-arrow.prev {
  right: 47px;
}

#Top main #heroArea .slick-arrow.next {
  right: 0;
}

#Top main #heroArea .slider {
  display: none;
}

#Top main #heroArea .slider.slick-initialized {
  display: block;
}

#Top main #heroArea h2.catch {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 160px;
}

#Top main #bannerArea {
  margin: 20px 0 80px;
  padding: 0 40px;
}

#Top main #bannerArea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1120px;
  margin: 0 auto;
}

#Top main #bannerArea ul li {
  width: calc((100% - 40px) / 3);
  margin: 0 20px 0 0;
}

#Top main #bannerArea ul li:last-child {
  margin-right: 0;
}

#Top main #bannerArea ul li img {
  width: 100%;
}

#Top main #bannerArea ul li a:hover {
  opacity: .7;
}

#Top main #todayEvent {
  max-width: 1245px;
  margin: 0 auto 60px;
  padding: 0 40px;
}

#Top main #todayEvent h3 span {
  display: inline-block;
  padding-left: 30px;
  font-size: 16px;
}

#Top main #todayEvent ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 22px 0 0;
}

#Top main #todayEvent ul li {
  position: relative;
  width: calc((100% - 64px) / 3);
  margin: 0 32px 0 0;
}

#Top main #todayEvent ul li:last-child {
  margin-right: 0;
}

#Top main #todayEvent ul li::before {
  content: "";
  position: absolute;
  top: 19px;
  left: 0;
  right: 0;
  background: #96844b;
  width: 100%;
  height: 1px;
}

#Top main #todayEvent ul li p.tag {
  color: #fff;
  background: #96844b;
  width: 124px;
  height: 20px;
  margin: 0 0 14px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

#Top main #todayEvent ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px 0 0;
}

#Top main #todayEvent ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f6f4f0;
  width: 22px;
  height: 22px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #todayEvent ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_arrow_right_bk.svg) no-repeat center/contain;
  width: 4px;
  height: 7px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #todayEvent ul li a .ph {
  width: 110px;
  margin: 0 20px 0 0;
  overflow: hidden;
}

#Top main #todayEvent ul li a .ph img {
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #todayEvent ul li a p {
  width: calc(100% - 110px);
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #todayEvent ul li a:hover::before {
  background: #96844b;
}

#Top main #todayEvent ul li a:hover::after {
  background: url(../images/common/icon_arrow_right_wh.svg) no-repeat center/contain;
}

#Top main #todayEvent ul li a:hover .ph img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Top main #todayEvent ul li a:hover p {
  color: #96844b;
  text-decoration: underline;
}

#Top main #todayEvent ul li a.no-link {
  pointer-events: none;
  cursor: text;
}

#Top main #todayEvent ul li a.no-link::before, #Top main #todayEvent ul li a.no-link::after {
  content: none;
}

@media (max-width: 1080px) {
  #Top main #todayEvent ul {
    display: block;
  }
  #Top main #todayEvent ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  #Top main #todayEvent ul li:last-child {
    margin-bottom: 0;
  }
}

#Top main .contentWrap {
  position: relative;
  z-index: 2;
  background: #f6f4f0;
  margin: 0 0 110px;
}

#Top main .contentWrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #eae8e2;
  width: 30%;
  height: 100%;
}

#Top main .contentWrap > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1245px;
  margin: 0 auto 60px;
  padding: 0 40px;
}

#Top main #news {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f6f4f0;
  width: 66%;
  padding: 100px 60px 75px 0;
}

#Top main #news ul {
  margin: 20px 0 0;
  border-top: 1px solid #e2e0d3;
}

#Top main #news ul li {
  border-bottom: 1px solid #e2e0d3;
}

#Top main #news ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}

#Top main #news ul li a p.day {
  color: #5e5e5e;
  width: 180px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Top main #news ul li a p.day span {
  display: inline-block;
  color: #fff;
  width: 65px;
  height: 19px;
  margin-left: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}

#Top main #news ul li a p.day span.im {
  background: #ae0006;
}

#Top main #news ul li a p.day span.caution {
  background: #ae0006;
}

#Top main #news ul li a p.day span.ne {
  background: #303030;
}

#Top main #news ul li a p.text {
  width: calc(100% - 180px);
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #news ul li a:hover {
  background: #eceae1;
}

#Top main #news ul li a:hover p.text {
  color: #96844b;
  text-decoration: underline;
}

#Top main #news a.c-more {
  margin-top: 15px;
}

@media (max-width: 1273px) {
  #Top main #news {
    width: calc(100% - 380px);
    padding-right: 40px;
  }
}

@media (max-width: 1080px) {
  #Top main #news ul li a {
    display: block;
  }
  #Top main #news ul li a p.text {
    width: 100%;
    margin: 5px 0 0;
  }
}

#Top main #calender {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #eae8e2;
  width: 34%;
  padding: 100px 0 70px 60px;
}

#Top main #calender .inner {
  width: 340px;
  margin: 0 0 0 auto;
}

#Top main #calender .box {
  background: #f9f8f6;
  height: 344px;
  margin: 20px 0 0;
}

#Top main #calender .box .mc-main {
  position: relative;
  background: #f9f8f6;
  padding: 20px 24px 5px;
}

#Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li {
  margin: 0;
}

#Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li a {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 9px;
  height: 23px;
  display: block;
  position: absolute;
  top: 45px;
  z-index: 10;
  text-indent: -9999px;
}

#Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li a::before, #Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li a::after {
  content: "";
  margin: 0;
}

#Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li.my-calendar-prev a {
  background: url(/images/common/icon_arrow_left.svg) no-repeat 0 0;
  background-size: 9px 23px;
  left: calc(50% - 131px);
}

#Top main #calender .box .mc-main .my-calendar-header .my-calendar-nav ul li.my-calendar-next a {
  background: url(/images/common/icon_arrow_right.svg) no-repeat 0 0;
  background-size: 9px 23px;
  right: calc(50% - 131px);
}

#Top main #calender .box .mc-main.mini .mc-date {
  width: 36px;
  height: 36px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  line-height: 36px;
}

#Top main #calender .box .mc-main.mini caption {
  color: #000;
  margin: 0 0 12px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

#Top main #calender .box .mc-main.mini .details {
  border: none;
  padding: 16px 0 0;
  /*.sharing {
              display: none;
            }*/
}

#Top main #calender .box .mc-main th {
  color: #5e5e5e !important;
  background: #f9f8f6 !important;
  padding: 0;
}

#Top main #calender .box .mc-main th abbr {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 14px;
}

#Top main #calender .box .mc-main th.sat {
  color: #0f2c7f !important;
}

#Top main #calender .box .mc-main th.sun {
  color: #a40006 !important;
}

#Top main #calender .box .mc-main td {
  border: 7px solid #f9f8f6;
}

#Top main #calender .box .mc-main td.weekend .mc-date {
  color: #a40006;
}

#Top main #calender .box .mc-main td.mcat_mcat_ .mc-date {
  background: #ffdfe0;
}

#Top main #calender .box .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date:last-child .mc-date {
  color: #0f2c7f !important;
}

#Top main #calender .box .mc-main .has-events .mc-date {
  color: #000;
  background: #fff;
}

#Top main #calender .box .mc-main .current-day .mc-date {
  color: #fff !important;
  background: #b09b5c !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-style: normal;
}

#Top main #calender .box .mc-main button.close {
  top: 0;
  z-index: 2;
}

#Top main #calender .box .mc-main button.close .dashicons {
  width: 39px;
  height: 39px;
  border-radius: 0;
}

#Top main #calender .box .mc-main button.close .dashicons:before {
  content: "";
  text-indent: -9999px;
  width: 39px;
  height: 39px;
  display: block;
  background: url(../images/calendar/close.png) no-repeat left top;
  background-size: 39px 39px;
}

#Top main #calender .box .mc-main .calendar-events {
  border: #e2e0d3 1px solid;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 25px;
}

#Top main #calender .box .mc-main .calendar-events h3.event-title {
  background: none;
  padding: 32px 0 14px;
  font-size: 24px;
  border-bottom: #e2e0d3 1px solid;
}

#Top main #calender .box .mc-main .calendar-events .time-block {
  font-size: 16px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  left: 25px;
  top: 25px;
  position: absolute;
  width: calc(100% - 50px);
  background: #fff;
}

#Top main #calender .box .mc-main .calendar-events .time-block p {
  padding: 0 !important;
}

#Top main #calender .box .mc-main .calendar-events .time-block::before {
  display: none;
}

#Top main #calender .box p.info {
  background: #f9f8f6;
  padding: 11px 24px;
  border-top: 1px solid #eae8e2;
  font-size: 14px;
  line-height: 16px;
}

#Top main #calender .box p.info span {
  display: inline-block;
  background: #ffdfe0;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: bottom;
}

@media (max-width: 1273px) {
  #Top main #calender {
    padding-left: 40px;
  }
}

#Top main #event {
  max-width: 1366px;
  margin: 0 auto 95px;
}

#Top main #event h3 {
  text-align: center;
}

#Top main #event h3 span.en {
  display: block;
  color: #a40006;
  padding: 0 0 15px;
  font-size: 14px;
}

#Top main #event .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0;
}

#Top main #event .wrap a.box {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

#Top main #event .wrap a.box .ph {
  margin: 0 0 30px;
  overflow: hidden;
}

#Top main #event .wrap a.box .ph img {
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #event .wrap a.box h4 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #event .wrap a.box p {
  color: #5e5e5e;
  padding: 15px 0 0;
}

#Top main #event .wrap a.box:hover .ph img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Top main #event .wrap a.box:hover h4 {
  color: #96844b;
}

#Top main #exLinks {
  margin: 0 auto 30px;
}

#Top main #exLinks ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#Top main #exLinks ul li {
  margin-right: 20px;
}

#Top main #exLinks ul li:last-child {
  margin-right: 0;
}

#Top main #exLinks ul li a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 380px;
  height: 90px;
  padding: 14px 0 0;
  border: 1px solid #e3e3e3;
  text-align: center;
}

#Top main #exLinks ul li a::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0px solid #96844b;
  -webkit-transition: .3s;
  transition: .3s;
}

#Top main #exLinks ul li a:hover::after {
  border: 3px solid #96844b;
}

#Top main #exLinks ul li a p {
  color: #5e5e5e;
  padding: 0 0 5px;
  font-size: 14px;
}

/*==================================
  Guide
==================================*/
#Guide main img {
  width: 100%;
}

#Guide main #Content {
  padding: 80px 60px 100px;
}

#Guide main section.fee {
  max-width: 940px;
  margin: 0 auto 100px;
}

#Guide main section.fee table thead {
  border: 1px solid #e3e3e3;
  border-bottom: none;
}

#Guide main section.fee table thead tr th {
  background: #f6f4f0;
  padding: 17px 0;
  border-right: 1px solid #fff;
  font-weight: 400;
  line-height: 22px;
  vertical-align: middle;
}

#Guide main section.fee table thead tr th.col01 {
  width: 21%;
}

#Guide main section.fee table thead tr th.col02, #Guide main section.fee table thead tr th.col03, #Guide main section.fee table thead tr th.col04 {
  width: 14%;
}

#Guide main section.fee table thead tr th.col05 {
  width: 65%;
  border-right: none;
}

#Guide main section.fee table tbody {
  border-top: none;
}

#Guide main section.fee table tbody td {
  border-right: 1px solid #e3e3e3;
  text-align: center;
  vertical-align: middle;
}

#Guide main section.fee ul.attr {
  padding: 8px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

#Guide main section.fee h4 {
  padding: 38px 0 14px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
}

#Guide main section.fee .tomonokai {
  margin: 35px 0 0;
  padding: 40px;
  border: 1px solid #e2e0d3;
}

#Guide main section.fee .tomonokai .upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#Guide main section.fee .tomonokai .upper .text {
  width: 52.5%;
}

#Guide main section.fee .tomonokai .upper .text h3 {
  padding: 0 0 8px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#Guide main section.fee .tomonokai .upper .text h3 span {
  display: inline-block;
  color: #96844b;
  background: #f6f4f0;
  width: 70px;
  height: 32px;
  margin-right: 10px;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
}

#Guide main section.fee .tomonokai .upper .ph {
  width: 43.2%;
  max-width: 370px;
  margin-left: 4.3%;
}

#Guide main section.fee .tomonokai .benefits {
  background: #f6f4f0;
  margin: 20px 0 0;
  padding: 30px 40px;
}

#Guide main section.fee .tomonokai .benefits h4 {
  color: #96844b;
  padding: 0;
}

#Guide main section.fee .tomonokai .benefits ul {
  margin: 15px 0 0;
}

#Guide main section.fee .tomonokai a.c-btn2 {
  margin: 20px auto 0;
}

#Guide main section.facility {
  max-width: 1246px;
  margin: 0 auto;
}

#Guide main section.facility .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#Guide main section.facility table {
  width: 64.2%;
}

#Guide main section.facility .ph {
  width: 32%;
  max-width: 396px;
  margin-right: 3.8%;
}

/*==================================
  Access
==================================*/
#Access main img {
  width: 100%;
}

#Access main #Content {
  max-width: 1080px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Access main section.map {
  padding: 0 0 100px;
  text-align: center;
}

#Access main section.map h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
}

#Access main section.map p {
  padding: 16px 0 28px;
}

#Access main section.map .gMap {
  height: 550px;
  margin: 20px 0 0;
}

#Access main section.map .gMap iframe {
  width: 100%;
  height: 100%;
}

#Access main section.map a.c-btn {
  margin: 30px auto 0;
}

#Access main section.train {
  padding: 0 0 100px;
  text-align: center;
}

#Access main section.train p {
  padding: 25px 0 0;
}

#Access main section.car .inner > p {
  padding: 0 0 38px;
  text-align: center;
}

#Access main section.car .other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f6f4f0;
  margin: 40px 0 0;
  padding: 36px;
}

#Access main section.car .other > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}

#Access main section.car .other > div h3 {
  padding: 0 0 16px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#Access main section.car .other .parking {
  padding-right: 36px;
  border-right: 1px solid #e2e0d3;
}

#Access main section.car .other .parking p a {
  text-decoration: underline;
}

#Access main section.car .other .parking p a:hover {
  color: #96844b;
}

#Access main section.car .other .bus {
  padding-left: 36px;
}

#Access main section.car .other .bus a.tel {
  display: inline-block;
  color: #96844b;
  margin: 16px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Access main section.car .other .bus a.tel span {
  font-size: 26px;
}

/*==================================
  About
==================================*/
#About main #Content {
  max-width: 1366px;
  margin: 0 auto;
}

/* ---------------------------------
  index
--------------------------------- */
#About main#index img {
  width: 100%;
}

#About main#index section.message {
  margin: 0 0 100px;
  padding: 0 60px;
}

#About main#index section.greeting {
  margin: 100px 0 0;
  padding: 0 60px 90px;
}

#About main#index section.greeting .inner {
  max-width: 942px;
  margin: 0 auto;
}

#About main#index section.greeting .inner .ph {
  padding: 46px 0;
}

#About main#index section.greeting .inner p.signature {
  padding: 28px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  text-align: right;
}

#About main#index section.greeting .inner p.signature span {
  font-size: 16px;
}

/* ---------------------------------
  outline
--------------------------------- */
#About main#outline img {
  width: 100%;
}

#About main#outline section.purpose {
  padding: 0 60px 100px;
}

#About main#outline section.purpose .inner {
  max-width: 1080px;
  margin: 0 auto;
}

#About main#outline section.purpose .inner .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#About main#outline section.purpose .inner .wrap .ph {
  width: 35.7%;
  max-width: 386px;
}

#About main#outline section.purpose .inner .wrap .text {
  width: 58.8%;
  padding: 24px 0 0;
}

#About main#outline section.purpose .inner .wrap .text h3 {
  padding: 30px 0 12px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#About main#outline section.history {
  padding: 0 60px 96px;
}

#About main#outline section.history .inner {
  max-width: 1080px;
  margin: 0 auto;
}

#About main#outline section.history .inner table {
  width: 100%;
  border-top: 1px solid #e2e0d3;
}

#About main#outline section.history .inner table tr {
  display: block;
  border-bottom: 1px solid #e2e0d3;
}

#About main#outline section.history .inner table tr th {
  color: #96844b;
  width: 163px;
  font-family: 'Amiri';
  font-weight: 400;
  font-size: 40px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}

#About main#outline section.history .inner table tr th span {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#About main#outline section.history .inner table tr td {
  padding: 26px 50px 26px 0;
}

#About main#outline section.history .inner table tr td ul li {
  position: relative;
  margin: 0 0 11px;
  padding-left: 138px;
}

#About main#outline section.history .inner table tr td ul li:last-child {
  margin-bottom: 0;
}

#About main#outline section.history .inner table tr td ul li span.month {
  position: absolute;
  left: 72px;
  display: inline-block;
  width: 40px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  text-align: right;
}

#About main#outline section.history .inner table tr td ul li span.month span {
  font-size: 16px;
}

/* ---------------------------------
  equipment
--------------------------------- */
#About main#equipment #Content {
  /*    padding-bottom: 100px;*/
}

#About main#equipment #Content *,
#About main#equipment #Content *:before,
#About main#equipment #Content *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#About main#equipment #Content .inner {
  max-width: 1200px;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto;
}

#About main#equipment #Content .map-wrap {
  width: 100%;
  max-width: 847px;
  margin: 0 auto 60px;
}

#About main#equipment #Content h3 {
  margin: 0 0 10px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 22px;
}

#About main#equipment #Content .c-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 100px;
}

#About main#equipment #Content .c-list li {
  width: 100%;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  position: relative;
}

#About main#equipment #Content .shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 100px;
}

#About main#equipment #Content .shop .ph {
  width: 42.6%;
  max-width: 460px;
}

#About main#equipment #Content .shop .ph img {
  width: 100%;
}

#About main#equipment #Content .shop .text {
  width: 52%;
}

#About main#equipment #Content .shop .text p {
  margin-bottom: 24px;
}

#About main#equipment #Content .shop .text table {
  width: 100%;
}

#About main#equipment #Content .shop .text table tbody {
  border: #e3e3e3 1px solid;
}

#About main#equipment #Content .shop .text table tbody tr th {
  background: #eae8e2;
  width: 153px;
  padding: 22px 0 22px 30px;
  text-align: left;
  border-bottom: 1px solid #fff;
  font-weight: 400;
  vertical-align: middle;
}

#About main#equipment #Content .shop .text table tbody tr td {
  padding: 22px 30px;
  border-bottom: 1px solid #e3e3e3;
  word-break: break-all;
}

#About main#equipment #Content .shop .text table tbody tr td a {
  background: url(/images/about/link.svg) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 20px;
}

#About main#equipment #Content .shop .text table tbody tr td a:hover {
  color: #96844b;
}

#About main#equipment #Content .shop .text table tbody tr td a.tel {
  background: none;
  padding: 0;
}

#About main#equipment #Content .shop .text table tbody tr:last-child th, #About main#equipment #Content .shop .text table tbody tr:last-child td {
  border-bottom: none;
}

/* ---------------------------------
  tomonokai
--------------------------------- */
#About main#tomonokai #Content {
  max-width: 1100px;
  margin: auto;
  padding: 0 60px 100px;
}

#About main#tomonokai #Content *,
#About main#tomonokai #Content *:before,
#About main#tomonokai #Content *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#About main#tomonokai #Content section {
  padding-bottom: 75px;
}

#About main#tomonokai #Content section:last-child {
  padding-bottom: 0;
}

#About main#tomonokai #Content .map-wrap {
  margin-bottom: 60px;
}

#About main#tomonokai #Content .read-wrap {
  margin-bottom: 35px;
}

#About main#tomonokai #Content .read-wrap p {
  text-align: center;
}

#About main#tomonokai #Content .activity-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 35px;
}

#About main#tomonokai #Content .activity-content > div {
  width: 100%;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

#About main#tomonokai #Content .activity-content > div .ph img {
  max-width: 100%;
  height: auto;
}

#About main#tomonokai #Content .activity-content > div p:not(.ph) {
  text-align: left;
  padding: 15px 40px 0;
}

#About main#tomonokai #Content h3 {
  margin: 0 0 10px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 22px;
}

#About main#tomonokai #Content .bg-wrap {
  background: #f6f4f0;
  margin: 20px 0 0;
  padding: 30px 40px;
}

#About main#tomonokai #Content .bg-wrap h3 {
  color: #96844b;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  vertical-align: bottom;
}

#About main#tomonokai #Content .bg-wrap h3 small {
  font-size: 16px;
  display: inline-block;
  margin-left: 5px;
}

#About main#tomonokai #Content .bg-wrap .c-list + h3 {
  margin-top: 25px;
}

#About main#tomonokai #Content .fee .inner > p {
  text-align: center;
  margin-bottom: 35px;
}

#About main#tomonokai #Content .fee .inner table thead {
  border: 1px solid #e3e3e3;
  border-bottom: none;
}

#About main#tomonokai #Content .fee .inner table thead tr th {
  background: #f6f4f0;
  padding: 17px 0;
  border-right: 1px solid #fff;
  font-weight: 400;
  line-height: 22px;
  vertical-align: middle;
}

#About main#tomonokai #Content .fee .inner table thead tr th.col01 {
  width: 21%;
}

#About main#tomonokai #Content .fee .inner table thead tr th.col02, #About main#tomonokai #Content .fee .inner table thead tr th.col03, #About main#tomonokai #Content .fee .inner table thead tr th.col04 {
  width: 19.75%;
}

#About main#tomonokai #Content .fee .inner table thead tr th.col05 {
  border-right: none;
}

#About main#tomonokai #Content .fee .inner table tbody {
  border-top: none;
}

#About main#tomonokai #Content .fee .inner table tbody td {
  border-right: 1px solid #e3e3e3;
  text-align: center;
  vertical-align: middle;
}

#About main#tomonokai #Content .fee .inner table tbody td:last-child {
  border-right: none;
}

#About main#tomonokai #Content .fee .inner .attr {
  margin-top: 10px;
}

#About main#tomonokai #Content .join h2 + p {
  text-align: center;
  margin-bottom: 35px;
}

#About main#tomonokai #Content .join .table_wrap + p {
  margin-top: 15px;
}

/*==================================
  Event
==================================*/
#Event main #Content .under_nav ul {
  max-width: 840px;
  margin: 0 auto;
}

#Event main #Content .under_nav ul li {
  margin-bottom: 12px;
}

#Event main #Content .under_nav ul li:nth-child(4) {
  margin-right: 0;
}

#Event main #Content .under_nav ul li:nth-child(4)::after {
  content: none;
}

#Event main #Content .under_nav ul li:nth-child(n+6) {
  margin-bottom: 0;
}

/* ---------------------------------
  index
--------------------------------- */
#Event main#index .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 60px 100px;
}

#Event main#index .info .ph {
  width: 42.6%;
  max-width: 460px;
}

#Event main#index .info .ph img {
  width: 100%;
}

#Event main#index .info .text {
  width: 52%;
}

#Event main#index .info .text h3 {
  font-size: 26px;
  line-height: 1.4;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  margin-bottom: 24px;
}

#Event main#index .info a.c-btn2 {
  background: #e2ded3;
  margin: 38px 0 0;
}

#Event main#index section.schedule {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 60px 60px;
}

#Event main#index section.schedule ul {
  border-top: 1px solid #e2e0d3;
}

#Event main#index section.schedule ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e2e0d3;
}

#Event main#index section.schedule ul li .dayBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f4f0;
  width: 160px;
}

#Event main#index section.schedule ul li .dayBox p {
  font-family: 'Amiri';
  font-weight: 400;
  line-height: 1;
}

#Event main#index section.schedule ul li .dayBox p.year {
  font-size: 14px;
  padding: 0 0 2px;
}

#Event main#index section.schedule ul li .dayBox p.day {
  font-size: 30px;
}

#Event main#index section.schedule ul li .dayBox p.day span.week {
  display: inline-block;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  font-size: 18px;
}

#Event main#index section.schedule ul li .dayBox p.day span.week span {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  vertical-align: middle;
}

#Event main#index section.schedule ul li .dayBox p.day span.week span.sat {
  color: #0f2c7f;
}

#Event main#index section.schedule ul li .dayBox p.day span.week span.sun {
  color: #a40006;
}

#Event main#index section.schedule ul li .dayBox span.line {
  display: block;
  background: #96844b;
  width: 1px;
  height: 18px;
  margin: 5px auto 8px;
}

#Event main#index section.schedule ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 160px - 120px);
  padding: 20px 100px 20px 20px;
}

#Event main#index section.schedule ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f6f4f0;
  width: 44px;
  height: 44px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Event main#index section.schedule ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 47px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/common/icon_arrow_right_bk.svg) no-repeat center/contain;
  width: 8px;
  height: 12px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Event main#index section.schedule ul li a .ph {
  width: 163px;
  border: 1px solid #e2e2e2;
  overflow: hidden;
}

#Event main#index section.schedule ul li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  height: auto;
}

#Event main#index section.schedule ul li a .text {
  width: calc(100% - 186px);
  margin-left: 30px;
}

#Event main#index section.schedule ul li a .text p.tag {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background: #96844b;
  min-width: 124px;
  height: 24px;
  margin: 0 0 12px;
  padding: 0 10px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

#Event main#index section.schedule ul li a .text p.tl {
  font-size: 20px;
  line-height: 1.5;
  -webkit-transition: .3s;
  transition: .3s;
}

#Event main#index section.schedule ul li a:hover::before {
  background: #96844b;
}

#Event main#index section.schedule ul li a:hover::after {
  background: url(../images/common/icon_arrow_right_wh.svg) no-repeat center/contain;
}

#Event main#index section.schedule ul li a:hover .ph img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Event main#index section.schedule ul li a:hover .text p.tl {
  color: #96844b;
  text-decoration: underline;
}

#Event main#index section.schedule a.c-more {
  margin-top: 20px;
}

#Event main#index section.introduction {
  max-width: 1246px;
  margin: 0 auto;
  padding: 0 0 50px;
}

#Event main#index section.introduction ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#Event main#index section.introduction ul li {
  width: 50%;
  margin: 0 0 50px;
  text-align: center;
}

#Event main#index section.introduction ul li a .ph {
  overflow: hidden;
}

#Event main#index section.introduction ul li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Event main#index section.introduction ul li a h3 {
  padding: 21px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Event main#index section.introduction ul li a:hover .ph img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Event main#index section.introduction ul li a:hover h3 {
  color: #96844b;
}

#Event main#index section.introduction ul.three li {
  width: calc(100% / 3);
}

@media all and (-ms-high-contrast: none) {
  #Event main#index section.introduction ul.three li {
    width: calc((100% / 3) - 1px);
  }
}

/*==================================
  Pager
==================================*/
#Event main .pager {
  margin-bottom: 97px;
}

#Event main .pager .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#Event main .pager .wp-pagenavi a {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  width: 52px;
  display: inline-block;
  padding: 19px 0 13px;
  border: 1px solid #e3e3e3;
  background: #fff;
  margin: 0 7.5px;
  font-family: 'Amiri';
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Event main .pager .wp-pagenavi a:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#Event main .pager .wp-pagenavi a.previouspostslink, #Event main .pager .wp-pagenavi a.nextpostslink {
  border: none;
  width: auto;
  padding: 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
}

#Event main .pager .wp-pagenavi a.previouspostslink:hover, #Event main .pager .wp-pagenavi a.nextpostslink:hover {
  color: #b09b5c;
}

#Event main .pager .wp-pagenavi a.previouspostslink {
  background: url(../images/common/icon_arrow_left.svg) no-repeat center left;
  background-size: 4px 7px;
  margin-right: 52.5px;
  padding-left: 24px;
}

#Event main .pager .wp-pagenavi a.nextpostslink {
  background: url(../images/common/icon_arrow_right.svg) no-repeat center right;
  background-size: 4px 7px;
  margin-left: 52.5px;
  padding-right: 24px;
}

#Event main .pager .wp-pagenavi span.current {
  color: #fff;
  font-size: 20px;
  text-align: center;
  width: 52px;
  display: inline-block;
  background: #b09b5c;
  padding: 19px 0 13px;
  border: 1px solid transparent;
  margin: 0 7.5px;
  font-family: 'Amiri';
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Event main .pager .comPageBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#Event main .pager .comPageBtn li {
  font-size: 18px;
  line-height: 1;
  position: relative;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Event main .pager .comPageBtn li.back {
  margin: 0 60px;
}

#Event main .pager .comPageBtn li.back a {
  text-align: center;
  width: 280px;
  height: auto;
  margin: 0;
  display: inline-block;
  padding: 27px 0;
  border: 1px solid #e3e3e3;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Event main .pager .comPageBtn li.back a:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#Event main .pager .comPageBtn li.prev a, #Event main .pager .comPageBtn li.next a {
  border: none;
  width: auto;
  padding: 0;
  margin: 0;
}

#Event main .pager .comPageBtn li.prev a:hover, #Event main .pager .comPageBtn li.next a:hover {
  color: #b09b5c;
}

#Event main .pager .comPageBtn li.prev a {
  background: url(../images/common/icon_arrow_left.svg) no-repeat center left;
  background-size: 4px 7px;
  padding-left: 24px;
}

#Event main .pager .comPageBtn li.next a {
  background: url(../images/common/icon_arrow_right.svg) no-repeat center right;
  background-size: 4px 7px;
  padding-right: 24px;
}

/*==================================
  Event List
==================================*/
#Event main .catelist {
  margin-bottom: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#Event main .catelist .cbox {
  display: table;
  width: auto;
  margin-right: 40px;
}

#Event main .catelist .cbox h3 {
  display: table-cell;
  vertical-align: middle;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  padding-right: 12px;
}

#Event main .catelist .cbox .c select {
  width: 220px;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 10px 40px 10px 20px;
}

#Event main .catelist .cbox .c select::-ms-expand {
  display: none;
}

#Event main .catelist .cbox .sen {
  position: relative;
  background: #FFF;
  border: #e2e0d3 1px solid;
}

#Event main .catelist .cbox .sen::before {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #000000;
  pointer-events: none;
}

/*==================================
  Article
==================================*/
#Event main article {
  max-width: 1080px;
  margin: 0 auto 60px;
  padding-bottom: 50px;
  border-bottom: #e2e0d3 1px solid;
}

#Event main article p {
  margin: 0 0 30px;
}

#Event main article p img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#Event main article .detail_tl h3 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  padding: 7px 0 16px;
  border-bottom: #e2e0d3 1px solid;
  margin-bottom: 40px;
}

#Event main article .detail_tl p.day {
  margin: 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  position: relative;
  padding-bottom: 40px;
}

#Event main article .detail_tl p.day .tag {
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
  display: inline-block;
  background: #96844b;
  padding: 0 15px;
  position: absolute;
  left: 0;
  bottom: 3px;
}

#Event main article .detail_hon {
  width: 100%;
  clear: both;
  overflow: hidden;
}

#Event main article .detail_hon p.ph {
  float: right;
  width: 460px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #e2e2e2 1px solid;
  margin: 0;
}

#Event main article .detail_hon .txt {
  float: left;
  width: calc(100% - 519px);
}

#Event main article .detail_hon .txt ul li {
  position: relative;
  padding-left: 84px;
}

#Event main article .detail_hon .txt ul li span {
  position: absolute;
  left: 0;
  top: 0;
}

#Event main article .detail_hon .txt .btn {
  margin: 0;
}

#Event main article .detail_hon .txt .btn a {
  background: #e2ded3;
  margin: 38px 0 0;
  width: 280px;
  text-decoration: none;
}

#Event main article .detail_hon .txt .btn a:hover {
  color: #000;
}

#Event main article .detail_hon .txt h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
}

#Event main article .detail_hon .txt p a {
  text-decoration: underline;
}

#Event main article .detail_hon .txt p a:hover {
  color: #96844b;
}

@media (max-width: 1160px) {
  #Event main article {
    max-width: calc(100% - 80px);
    margin: 0 40px 60px;
  }
  #Event main article .detail_hon p.ph {
    width: 42.6%;
  }
  #Event main article .detail_hon .txt {
    width: 52%;
  }
}

/*==================================
  Video
==================================*/
#Event main.Videoroom #Content *, #Event main.Videoroom #Content *:before, #Event main.Videoroom #Content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Event main.Videoroom #Content .video {
  max-width: 1246px;
  margin: 0 auto;
  padding: 0 45px;
}

#Event main.Videoroom #Content .inner {
  margin: auto;
  padding-bottom: 100px;
}

#Event main.Videoroom #Content ul.video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -45px;
  margin-left: -45px;
}

#Event main.Videoroom #Content ul.video-list > li {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 0;
  line-height: 0;
  margin-bottom: 38px;
}

#Event main.Videoroom #Content ul.video-list > li .video-wrap {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
}

#Event main.Videoroom #Content ul.video-list > li .video-wrap iframe {
  font-size: 0;
  line-height: 0;
  border: none;
  width: 100%;
  max-width: 576px;
  min-height: 432px;
}

#Event main.Videoroom #Content ul.video-list > li .video-wrap p {
  margin-top: 8px;
  font-size: 14px;
  text-align: right;
}

#Event main.Videoroom #Content ul.video-list > li .video-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#Event main.Videoroom #Content ul.video-list > li:last-child {
  margin-bottom: 0;
}

/*==================================
  Calendar
==================================*/
#Calendar main img {
  width: 100%;
}

#Calendar main #Content {
  max-width: 1246px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Calendar main #Content p.museum-holi {
  text-align: right;
  margin-top: 20px;
  line-height: 30px;
  position: relative;
}

#Calendar main #Content p.museum-holi::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #f4dcdf;
  position: absolute;
  top: 0;
  right: 60px;
}

#Calendar main .mc-main {
  position: relative;
}

#Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li {
  margin: 0;
}

#Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li a {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 12px;
  height: 25px;
  display: block;
  position: absolute;
  top: 13px;
  z-index: 10;
  text-indent: -9999px;
}

#Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li a::before, #Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li a::after {
  content: "";
  margin: 0;
}

#Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li.my-calendar-prev a {
  background: url(/images/common/icon_arrow_left.svg) no-repeat 0 0;
  background-size: 12px 25px;
  left: calc(50% - 166px);
}

#Calendar main .mc-main .my-calendar-header .my-calendar-nav ul li.my-calendar-next a {
  background: url(/images/common/icon_arrow_right.svg) no-repeat 0 0;
  background-size: 12px 25px;
  right: calc(50% - 166px);
}

#Calendar main .mc-main table.my-calendar-table caption.heading {
  text-align: center;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 30px;
  color: #000;
  margin: -25px 0 30px;
}

#Calendar main .mc-main table.my-calendar-table thead {
  border: #e3e3e3 1px solid;
  border-bottom: none;
}

#Calendar main .mc-main table.my-calendar-table thead th.day-heading,
#Calendar main .mc-main table.my-calendar-table thead th.weekend-heading {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  color: #000 !important;
  background: #f6f4f0 !important;
  padding: 15px 0;
  border-bottom: #e3e3e3 1px solid;
}

#Calendar main .mc-main table.my-calendar-table thead th.sun {
  color: #a40006 !important;
}

#Calendar main .mc-main table.my-calendar-table thead th.sat {
  color: #0f2c7f !important;
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date {
  /*h3 a {
              text-indent: -9999px;
            }*/
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date span.mc-date {
  text-align: center;
  background: none !important;
  font-family: 'Amiri';
  font-weight: 400;
  font-size: 24px;
  color: #000 !important;
  font-style: normal;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 14px !important;
  margin-bottom: 31px !important;
  padding: 0;
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date:first-child span.mc-date {
  color: #a40006 !important;
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date:last-child span.mc-date {
  color: #0f2c7f !important;
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_event .event-title a:hover,
#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_event .event-title a:focus {
  background: #dae8f2 !important;
  /* EVENT DAY */
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_mcat2 .event-title a:hover,
#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_mcat2 .event-title a:focus {
  background: #f4dcdf !important;
  /* HOLIDAY */
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_guidetour .event-title a:hover,
#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.day-with-date .mc_rel_guidetour .event-title a:focus {
  background: #dfefce !important;
  /* GUIDE TOUR */
}

#Calendar main .mc-main table.my-calendar-table tbody tr.mc-row td.current-day span.mc-date {
  display: block;
  width: 36px;
  background: #b09b5c !important;
  color: #FFF !important;
  margin: 14px auto 31px !important;
}

#Calendar main .mc-main h2.event-title.summary {
  background: none;
  padding: 38px 0 14px;
  font-size: 24px;
  border-bottom: #e2e0d3 1px solid;
  font-family: 'Noto Sans JP';
  font-weight: 400;
}

#Calendar main .mc-main .time-block {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
}

#Calendar main .mc-main .time-block::before {
  display: none;
}

#Calendar main .mc-main .time-block p {
  padding: 0 !important;
}

#Calendar main .mc-main .details .description {
  margin: 32px 0 100px;
}

#Calendar main .mc-main .details .description h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

#Calendar main .mc-main .details .description p a {
  color: #000;
  text-decoration: underline;
}

#Calendar main .mc-main .details .description p a:hover {
  color: #96844b;
}

#Calendar main .mc-main .details .view-full a {
  text-align: center;
  width: 280px;
  height: auto;
  margin: 0 auto;
  display: block;
  padding: 27px 0;
  border: 1px solid #e3e3e3;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  line-height: 1;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Calendar main .mc-main .details .view-full a:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#Calendar main .mc-main .time-block p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#Calendar main .mc-main .time-block p .event-time {
  padding-left: 15px;
}

/*==================================
  Collection
==================================*/
#Collection main #Content .under_nav ul {
  max-width: 620px;
  margin: 0 auto;
}

#Collection main #Content .under_nav ul li {
  margin-bottom: 12px;
}

#Collection main #Content .under_nav ul li:nth-child(4) {
  margin-right: 0;
}

#Collection main #Content .under_nav ul li:nth-child(4)::after {
  content: none;
}

#Collection main #Content .under_nav ul li:nth-child(n+5) {
  margin-bottom: 0;
}

/* ---------------------------------
  index
--------------------------------- */
#Collection main#index img {
  width: 100%;
}

#Collection main#index #Content {
  max-width: 1246px;
  margin: 0 auto;
  padding: 0 60px;
}

#Collection main#index section.permanent {
  padding: 0 0 100px;
  text-align: center;
}

#Collection main#index section.permanent p {
  margin: 0 0 38px;
}

#Collection main#index section.permanent ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#Collection main#index section.permanent ul li {
  width: 50%;
}

#Collection main#index section.permanent ul li a {
  display: block;
}

#Collection main#index section.permanent ul li a .ph {
  overflow: hidden;
}

#Collection main#index section.permanent ul li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main#index section.permanent ul li a h3 {
  padding: 24px 0 0;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main#index section.permanent ul li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Collection main#index section.permanent ul li a:hover h3 {
  color: #96844b;
}

#Collection main#index section.concept {
  padding: 0 0 100px;
}

#Collection main#index section.concept .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 80px 0 0;
}

#Collection main#index section.concept .box .textWrap {
  width: 58.8%;
}

#Collection main#index section.concept .box .textWrap h3 {
  padding: 0 0 24px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#Collection main#index section.concept .box .textWrap h4 {
  padding: 36px 0 14px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
}

#Collection main#index section.concept .box .textWrap table {
  margin: 18px 0 0;
}

#Collection main#index section.concept .box .textWrap ul {
  margin: 25px 0 0;
}

#Collection main#index section.concept .box .ph {
  width: 35.2%;
  max-width: 438px;
}

#Collection main#index section.concept .box.odd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#Collection main#index section.concept .box.odd .ph {
  margin-left: 6%;
}

#Collection main#index section.concept .box.even .ph {
  margin-right: 6%;
}

#Collection main#index section.concept .box.box03 .ph {
  width: 28.5%;
  max-width: 355px;
}

#Collection main#index section.concept .box.box03 .textWrap {
  width: 65.5%;
}

/*==================================
  Collection Kids
==================================*/
#Collection main.Kids #Content *, #Collection main.Kids #Content *:before, #Collection main.Kids #Content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Kids #Content .inner {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0px 100px;
}

#Collection main.Kids #Content p.c-anim-load {
  text-align: center;
  margin-bottom: 38px;
}

#Collection main.Kids #Content h2 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Noto Serif JP';
  text-align: center;
  margin-bottom: 45px;
}

#Collection main.Kids #Content .benefits {
  max-width: 858px;
  background: #f6f4f0;
  margin: 75px auto 38px;
  padding: 30px 40px;
}

#Collection main.Kids #Content .benefits h3 {
  color: #96844b;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Noto Serif JP';
}

#Collection main.Kids #Content .benefits ul {
  margin: 15px 0 0;
}

#Collection main.Kids #Content .benefits ul li strong {
  color: #a40006;
}

#Collection main.Kids #Content .sheet-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -35px;
  margin-left: -35px;
}

#Collection main.Kids #Content .sheet-list li {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 35px;
  padding-left: 35px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  font-size: 0;
  line-height: 0;
  margin-bottom: 60px;
}

#Collection main.Kids #Content .sheet-list li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

#Collection main.Kids #Content .sheet-list li a {
  width: 100%;
}

@media (max-width: 1180px) {
  #Collection main.Kids #Content .sheet-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

#Collection main.Kids #Content .sheet-list li .img-wrap {
  padding: 20px 10px;
  border: 1px solid #e3e3e3;
  text-align: center;
  margin: auto;
}

#Collection main.Kids #Content .sheet-list li p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  font-family: 'Noto Serif JP';
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 12px;
  display: block;
}

#Collection main.Kids #Content .sheet-list li p .num {
  display: block;
  color: #96844b;
  background: #f6f4f0;
  width: 70px;
  height: 28px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  margin: auto;
  margin-bottom: 14px;
}

#Collection main.Kids #Content .sheet-list li p .caution {
  color: #a40006;
  margin-top: 14px;
  display: block;
}

#Collection main.Kids #Content .sheet-list li a {
  margin-top: 18px;
}

/*==================================
  Collection Kind
==================================*/
#Collection main.Kind #Content *, #Collection main.Kind #Content ::after, #Collection main.Kind #Content ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Kind #Content section {
  padding: 0 0 100px;
  text-align: center;
}

#Collection main.Kind #Content section ul.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Collection main.Kind #Content section ul.item-list li {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 75px;
}

#Collection main.Kind #Content section ul.item-list li a {
  display: block;
}

#Collection main.Kind #Content section ul.item-list li a .ph {
  overflow: hidden;
}

#Collection main.Kind #Content section ul.item-list li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main.Kind #Content section ul.item-list li a h2 {
  padding: 24px 0 15px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main.Kind #Content section ul.item-list li a p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  -webkit-transition: .3s;
  transition: .3s;
  color: #5e5e5e;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}

#Collection main.Kind #Content section ul.item-list li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Collection main.Kind #Content section ul.item-list li a:hover h2 {
  color: #96844b;
}

/*==================================
  Collection Kind Category
==================================*/
#Collection main.Kind.category #Content *, #Collection main.Kind.category #Content ::after, #Collection main.Kind.category #Content ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Kind.category #Content .category-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#Collection main.Kind.category #Content .category-nav > h2 {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  padding-right: 29px;
  margin-right: 29px;
  position: relative;
}

#Collection main.Kind.category #Content .category-nav > h2:before {
  content: "";
  width: 1px;
  height: 22px;
  background-color: #e2e0d3;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#Collection main.Kind.category #Content .category-nav > .cbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 65%;
}

#Collection main.Kind.category #Content .category-nav > .cbox p {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  margin-right: 14px;
}

#Collection main.Kind.category #Content ul.item-list {
  margin-left: -10px;
  margin-right: -10px;
}

#Collection main.Kind.category #Content ul.item-list > li {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 38px;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 1279px) {
  #Collection main.Kind.category #Content ul.item-list > li {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

#Collection main.Kind.category #Content ul.item-list > li a {
  display: block;
}

#Collection main.Kind.category #Content ul.item-list > li a .img-wrap {
  overflow: hidden;
}

#Collection main.Kind.category #Content ul.item-list > li a .img-wrap img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main.Kind.category #Content ul.item-list > li a p {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #000;
  text-align: left;
  padding: 12px 0 0;
}

#Collection main.Kind.category #Content ul.item-list > li a:hover .img-wrap img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.c_sen {
  overflow: hidden;
  width: 90%;
  max-width: 260px;
  text-align: center;
}

.c_sen select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.c_sen select::-ms-expand {
  display: none;
}

.c_sen {
  position: relative;
  border: 1px solid #e2e0d3;
  background: #ffffff;
}

.c_sen select {
  padding: 14px 48px 14px 18px;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  color: #000;
}

.c_sen::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  width: 0;
  height: 0;
  padding: 0;
  margin: auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000000;
  pointer-events: none;
}

/*==================================
  Collection Kind Detail
==================================*/
#Collection main.Kind.detail #Content .inner {
  max-width: 1080px;
  margin: auto;
}

#Collection main.Kind.detail #Content .inner .middle-content {
  margin-top: 60px;
  margin-bottom: 80px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div {
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding-left: 20px;
  padding-right: 20px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div h2 {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.12em;
  font-family: "Noto Serif JP", serif;
  text-align: left;
  margin-bottom: 30px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-align: left;
  margin-bottom: 35px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div .c-btn2 {
  background-color: #e2ded3;
  margin-left: 0;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div table tr th {
  text-align: left;
  padding: 22px 30px;
}

#Collection main.Kind.detail #Content .inner .middle-content .flex-wrap > div table tr td {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  text-align: left;
  padding: 22px 25px;
}

#Collection main.Kind.detail #Content .inner .video-wrap {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
}

#Collection main.Kind.detail #Content .inner .video-wrap iframe {
  width: 100%;
  height: 607px;
}

#Collection main.Kind.detail #Content .inner .video-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#Collection main.Kind.detail #Content .inner .slick-dots li {
  width: 50px;
  height: 10px;
}

#Collection main.Kind.detail #Content .inner .slick-dots li button {
  width: 50px;
  height: 2px;
}

#Collection main.Kind.detail #Content .inner .slick-dots li button:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #e2e2e2;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#Collection main.Kind.detail #Content .inner .slick-dots li.slick-active button:before {
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #7c6f46;
}

#Collection main.Kind.detail #Content .inner .slick-prev {
  left: 20px;
  z-index: 1;
  width: 25px;
  height: 56px;
}

#Collection main.Kind.detail #Content .inner .slick-prev:before {
  content: "";
  background: url("../images/common/slick_prev.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: 25px;
  height: 56px;
  display: block;
}

#Collection main.Kind.detail #Content .inner .slick-next {
  right: 20px;
  z-index: 1;
  width: 25px;
  height: 56px;
}

#Collection main.Kind.detail #Content .inner .slick-next:before {
  content: "";
  background: url("../images/common/slick_next.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: 25px;
  height: 56px;
  display: block;
}

/*==================================
  Collection Room
==================================*/
#Collection main.Room #Content .inner {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0px 100px;
}

#Collection main.Room #Content .inner:nth-child(1) {
  padding-bottom: 95px;
}

#Collection main.Room #Content .text-center {
  text-align: center;
}

#Collection main.Room #Content .c-table {
  margin-top: 18px;
}

#Collection main.Room #Content .c-table tbody tr th {
  border-bottom: 1px solid #e3e3e3;
}

#Collection main.Room #Content .c-table tbody tr th small {
  font-size: 13px;
}

#Collection main.Room #Content .c-table tbody tr td {
  border-right: 1px solid #e3e3e3;
  text-align: center;
  vertical-align: middle;
}

#Collection main.Room #Content .c-table + p {
  padding-top: 8px;
}

#Collection main.Room #Content p.c-anim-load {
  margin-bottom: 38px;
}

#Collection main.Room #Content .room .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  margin-bottom: 45px;
}

#Collection main.Room #Content .room .info:last-child {
  margin-bottom: 0;
}

#Collection main.Room #Content .room .info .ph {
  width: 42.6%;
  max-width: 460px;
}

#Collection main.Room #Content .room .info .text {
  width: 52%;
}

#Collection main.Room #Content .room .info .text h2 {
  font-size: 26px;
  font-weight: 500;
  font-family: 'Noto Serif JP';
  padding: 0 0 24px;
}

#Collection main.Room #Content .room .info ul {
  margin-top: 20px;
}

#Collection main.Room #Content .room .info ul li {
  display: inline-block;
  margin-right: 10px;
}

#Collection main.Room #Content .room .info ul li:before {
  content: ">";
}

#Collection main.Room #Content .room .info.center {
  text-align: center;
}

#Collection main.Room #Content .room .info.center .text {
  margin: 0 auto;
}

/*==================================
  Collection Video
==================================*/
#Collection main.Videoroom #Content *, #Collection main.Videoroom #Content *:before, #Collection main.Videoroom #Content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Videoroom #Content .inner {
  margin: auto;
  padding-bottom: 100px;
}

#Collection main.Videoroom #Content ul.video-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -45px;
  margin-left: -45px;
}

#Collection main.Videoroom #Content ul.video-list > li {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 45px;
  padding-left: 45px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 0;
  line-height: 0;
  margin-bottom: 38px;
}

#Collection main.Videoroom #Content ul.video-list > li .video-wrap {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  /*iframe {
            font-size: 0;
            line-height: 0;
            border: none;
            width: 100%;
            max-width: 576px;
            min-height: 432px;
          }*/
}

#Collection main.Videoroom #Content ul.video-list > li .video-wrap .videobox {
  font-size: 0;
  line-height: 0;
  border: none;
  width: 100%;
  max-width: 578px;
  padding-top: 56.25%;
  position: relative;
}

#Collection main.Videoroom #Content ul.video-list > li .video-wrap .videobox iframe {
  font-size: 0;
  line-height: 0;
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#Collection main.Videoroom #Content ul.video-list > li .video-wrap p {
  margin-top: 8px;
  font-size: 14px;
  text-align: right;
}

#Collection main.Videoroom #Content ul.video-list > li .video-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

#Collection main.Videoroom #Content ul.video-list > li:last-child {
  margin-bottom: 0;
}

/*==================================
  Collection Area
==================================*/
#Collection main.Area #Content *, #Collection main.Area #Content ::after, #Collection main.Area #Content ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Area #Content section {
  padding: 0 0 100px;
  text-align: center;
}

#Collection main.Area #Content section ul.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Collection main.Area #Content section ul.item-list li {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 75px;
}

#Collection main.Area #Content section ul.item-list li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

#Collection main.Area #Content section ul.item-list li a {
  display: block;
}

#Collection main.Area #Content section ul.item-list li a .ph {
  overflow: hidden;
}

#Collection main.Area #Content section ul.item-list li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main.Area #Content section ul.item-list li a h2 {
  padding: 24px 0 15px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Collection main.Area #Content section ul.item-list li a p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  -webkit-transition: .3s;
  transition: .3s;
  color: #5e5e5e;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}

#Collection main.Area #Content section ul.item-list li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Collection main.Area #Content section ul.item-list li a:hover h2 {
  color: #96844b;
}

/*==================================
  Collection Area Detail
==================================*/
#Collection main.Area.Detail #Content *, #Collection main.Area.Detail #Content ::after, #Collection main.Area.Detail #Content ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*==================================
  Collection Area Dummy
==================================*/
#Collection main.Area.Dummy *, #Collection main.Area.Dummy ::after, #Collection main.Area.Dummy ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Collection main.Area.Dummy #Content {
  max-width: 1200px;
}

#Collection main.Area.Dummy #Content section {
  padding: 0 0 80px;
  text-align: center;
}

#Collection main.Area.Dummy #Content section:last-child {
  padding: 0 0 100px;
}

#Collection main.Area.Dummy #Content section p {
  text-align: left;
}

#Collection main.Area.Dummy #Content section div.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -20px;
  margin-right: -20px;
}

#Collection main.Area.Dummy #Content section div.flex-wrap > * {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}

#Collection main.Area.Dummy #Content section div.flex-wrap > p {
  max-width: 60%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}

#Collection main.Area.Dummy #Content section div.flex-wrap > .img-wrap {
  max-width: 40%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}

#Collection main.Area.Dummy #Content section .img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 35px;
  margin-left: -15px;
  margin-right: -15px;
}

#Collection main.Area.Dummy #Content section .img-list > li {
  width: 33.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
}

#Collection main.Area.Dummy #Content section .img-list > li > img {
  max-width: 100%;
  height: auto;
}

#Collection main.Area.Dummy #Content section .bottom-content {
  margin-top: 45px;
}

#Collection main.Area.Dummy #Content section .c-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

#Collection main.Area.Dummy #Content section .c-list li {
  position: relative;
  width: 100%;
  max-width: 33.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  min-height: 1px;
  text-align: left;
  padding-left: 30px;
  padding-right: 10px;
}

#Collection main.Area.Dummy #Content section .c-list li:before {
  left: 10px;
}

@media (max-width: 1025px) {
  #Collection main.Area.Dummy #Content section .c-list {
    max-width: 680px;
    margin: auto;
  }
  #Collection main.Area.Dummy #Content section .c-list li {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

/*==================================
  Research
==================================*/
#Research main *,
#Research main *:before,
#Research main *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Research main #Content {
  max-width: 1062px;
  margin: 0 auto;
  padding: 0 60px;
  padding-bottom: 100px;
}

#Research main #Content .inner .box {
  padding-bottom: 80px;
}

#Research main #Content .inner .box:last-child {
  padding-bottom: 0;
}

#Research main #Content .inner .box .ph ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}

#Research main #Content .inner .box .ph ul li {
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

#Research main #Content .inner .box .ph img {
  max-width: 100%;
  height: auto;
}

#Research main #Content .inner .box .textWrap h2 {
  padding: 0 0 35px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  text-align: center;
}

#Research main #Content .inner .box .textWrap p {
  margin-bottom: 35px;
}

/*==================================
  Publish
==================================*/
#Publish main #Content *,
#Publish main #Content ::after,
#Publish main #Content ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Publish main #Content .under_nav ul {
  max-width: 620px;
  margin: 0 auto;
}

#Publish main #Content .under_nav ul li {
  margin-bottom: 12px;
}

#Publish main #Content .under_nav ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

#Publish main #Content .inner {
  max-width: 1246px;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto;
  padding-bottom: 100px;
}

#Publish main #Content .read-content {
  margin-bottom: 65px;
}

#Publish main #Content .read-content p {
  text-align: center;
}

#Publish main #Content .read-content p a {
  border-bottom: 1px solid #000;
  cursor: pointer;
}

#Publish main #Content .read-content p a:hover {
  color: #96844b;
  border-color: #96844b;
}

#Publish main #Content .read-content .banner-list {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}

#Publish main #Content .read-content .banner-list li {
  padding-left: 5px;
  padding-right: 5px;
}

#Publish main #Content .read-content .banner-list li a {
  -webkit-transition: .3s;
  transition: .3s;
}

#Publish main #Content .read-content .banner-list li a:hover {
  opacity: .7;
}

#Publish main #Content ul.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#Publish main #Content ul.item-list li {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 75px;
}

#Publish main #Content ul.item-list li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

#Publish main #Content ul.item-list li a {
  display: block;
}

#Publish main #Content ul.item-list li a .ph {
  overflow: hidden;
  text-align: center;
}

#Publish main #Content ul.item-list li a .ph img {
  -webkit-transition: .3s;
  transition: .3s;
}

#Publish main #Content ul.item-list li a h2 {
  padding: 24px 0 15px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center;
}

#Publish main #Content ul.item-list li a p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  -webkit-transition: .3s;
  transition: .3s;
  color: #5e5e5e;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}

#Publish main #Content ul.item-list li a:hover img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

#Publish main #Content ul.item-list li a:hover h2 {
  color: #96844b;
}

/*==================================
  Publish Category
==================================*/
#Publish main.Category #Content .inner {
  max-width: 1200px;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto;
}

#Publish main.Category #Content .category-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

#Publish main.Category #Content .category-nav > h2 {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  padding-right: 29px;
  margin-right: 29px;
  position: relative;
}

#Publish main.Category #Content .category-nav > h2:before {
  content: "";
  width: 1px;
  height: 22px;
  background-color: #e2e0d3;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#Publish main.Category #Content .category-nav > .cbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#Publish main.Category #Content .category-nav > .cbox p {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  margin-right: 14px;
}

@media (max-width: 1080px) {
  #Publish main.Category #Content .category-nav {
    display: block;
  }
  #Publish main.Category #Content .category-nav > h2 {
    font-size: 24px;
    letter-spacing: 0.12em;
    text-align: center;
    padding-right: 0;
    margin: 0 0 30px;
  }
  #Publish main.Category #Content .category-nav > h2:before {
    display: none;
  }
  #Publish main.Category #Content .category-nav > .cbox p {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.03em;
    font-family: 'Noto Serif JP';
    font-weight: 500;
    margin-right: 8px;
  }
  #Publish main.Category #Content .category-nav > .cbox .c_sen {
    width: calc(100% - 143px);
    max-width: 100%;
  }
}

#Publish main.Category #Content ul.item-list {
  margin-left: -10px;
  margin-right: -10px;
}

#Publish main.Category #Content ul.item-list > li {
  position: relative;
  width: 100%;
  min-height: 1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 38px;
  -webkit-transition: .3s;
  transition: .3s;
}

#Publish main.Category #Content ul.item-list > li a {
  display: block;
}

#Publish main.Category #Content ul.item-list > li a .img-wrap {
  overflow: hidden;
  height: 20vw;
  max-height: 255px;
}

#Publish main.Category #Content ul.item-list > li a .img-wrap img {
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
}

#Publish main.Category #Content ul.item-list > li a p {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #000;
  text-align: left;
  padding: 12px 0 0;
}

#Publish main.Category #Content ul.item-list > li a:hover .img-wrap img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

@media (max-width: 1279px) {
  #Publish main.Category #Content ul.item-list > li {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  #Publish main.Category #Content ul.item-list > li a .img-wrap {
    height: 27.1vw;
    max-height: 346px;
  }
}

/*==================================
  Publish Detail
==================================*/
#Publish main.Detail #Content .inner {
  max-width: 1200px;
  margin: auto;
}

#Publish main.Detail #Content .inner .single-item img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

#Publish main.Detail #Content .inner .name-wrap {
  padding: 30px 38px;
  background-color: #f6f4f0;
  margin-top: 65px;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div {
  position: relative;
  width: 100%;
  min-height: 1px;
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div h2 {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div p {
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: 0.12em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  margin-top: 5px;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div p strong {
  font-size: 26px;
  letter-spacing: 0.12em;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#Publish main.Detail #Content .inner .name-wrap .flex-wrap > div .flex li {
  margin-left: 10px;
}

@media (max-width: 1140px) {
  #Publish main.Detail #Content .inner .name-wrap .flex-wrap > div {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  #Publish main.Detail #Content .inner .name-wrap .flex-wrap > div .flex {
    margin-top: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #Publish main.Detail #Content .inner .name-wrap .flex-wrap > div .flex li {
    margin: 0 5px;
  }
  #Publish main.Detail #Content .inner .name-wrap .flex-wrap > div .flex li img {
    width: 100%;
  }
}

#Publish main.Detail #Content .inner .bottom-content {
  margin-top: 38px;
}

#Publish main.Detail #Content .inner .bottom-content h1,
#Publish main.Detail #Content .inner .bottom-content h3 {
  padding-bottom: 6px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
}

#Publish main.Detail #Content .inner .bottom-content ul li {
  margin-bottom: 30px;
}

#Publish main.Detail #Content .inner .bottom-content .tl {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}

#Publish main.Detail #Content .inner .bottom-content p:not(.tl) {
  font-size: 16px;
  letter-spacing: .06em;
  margin-bottom: 35px;
}

#Publish main.Detail #Content .inner .bottom-content p:not(.tl) strong {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-weight: bold;
  font-size: 20px;
}

#Publish main.Detail #Content .inner .bottom-content p:not(.tl) a {
  text-decoration: underline;
}

#Publish main.Detail #Content .inner .bottom-content p:not(.tl) a:hover {
  color: #b09b5c;
}

#Publish main.Detail #Content .inner .bottom-content table.tablepress {
  width: 100%;
  border: #e3e3e3 1px solid;
}

#Publish main.Detail #Content .inner .bottom-content table.tablepress .column-1 {
  width: 88px;
  text-align: center;
  font-weight: 400;
  background: #eae8e2;
  border-bottom: #fff 1px solid;
  vertical-align: middle;
}

#Publish main.Detail #Content .inner .bottom-content table.tablepress .column-2 {
  text-align: left;
  font-weight: 400;
  padding: 25px 30px;
  border-bottom: 1px solid #e3e3e3;
  word-break: break-all;
}

#Publish main.Detail #Content .inner .bottom-content table.tablepress th.column-2 {
  background: #f6f4f0;
  border-left: #fff 1px solid;
}

#Publish main.Detail #Content .inner .bottom-content table.tablepress tbody tr:last-child td.column-1,
#Publish main.Detail #Content .inner .bottom-content table.tablepress tbody tr:last-child td.column-2 {
  border-bottom: none;
}

#Publish main.Detail #Content .inner .table-wrap .c-table {
  margin-top: 20px;
}

#Publish main.Detail #Content .inner .table-wrap .c-table thead tr {
  border-top: 1px solid #e3e3e3;
}

#Publish main.Detail #Content .inner .table-wrap .c-table thead tr th {
  background: #f6f4f0;
  padding: 22px 25px;
  border-right: 1px solid #e3e3e3;
  text-align: left;
}

#Publish main.Detail #Content .inner .table-wrap .c-table thead tr th:first-child {
  background: #eae8e2;
  width: 88px;
  padding: 22px 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
}

#Publish main.Detail #Content .inner .table-wrap .c-table tbody tr th:first-child {
  width: 88px;
}

#Publish main.Detail #Content .inner .pager {
  padding-top: 55px;
}

#Publish main.Detail #Content .inner .slick-dots li {
  width: 50px;
  height: 10px;
}

#Publish main.Detail #Content .inner .slick-dots li button {
  width: 50px;
  height: 2px;
}

#Publish main.Detail #Content .inner .slick-dots li button:before {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #e2e2e2;
  opacity: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

#Publish main.Detail #Content .inner .slick-dots li.slick-active button:before {
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #7c6f46;
}

#Publish main.Detail #Content .inner .slick-prev {
  left: 20px;
  z-index: 1;
  width: 25px;
  height: 56px;
}

#Publish main.Detail #Content .inner .slick-prev:before {
  content: "";
  background: url("../images/common/slick_prev.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  width: 25px;
  height: 56px;
  display: block;
}

#Publish main.Detail #Content .inner .slick-next {
  right: 20px;
  z-index: 1;
  width: 25px;
  height: 56px;
}

#Publish main.Detail #Content .inner .slick-next:before {
  content: "";
  background: url("../images/common/slick_next.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: 25px;
  height: 56px;
  display: block;
}

/*==================================
  Publish Letter
==================================*/
#Publish main.Letter #Content .inner {
  max-width: 1246px;
  padding-left: 60px;
  padding-right: 60px;
  margin: auto;
}

#Publish main.Letter #Content .inner .pager {
  margin-top: 60px;
  padding-top: 0;
}

#Publish main.Letter #Content .inner .news-list li .icon {
  margin-right: 0.5em;
}

/*==================================
  News
==================================*/
#News main #Content {
  padding-top: 80px;
  padding-bottom: 100px;
}

#News main #Content *,
#News main #Content *:before,
#News main #Content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#News main #Content .inner {
  max-width: 1200px;
  margin: auto;
  padding-left: 60px;
  padding-right: 60px;
}

#News main #Content .inner .pager {
  margin-top: 60px;
  padding-top: 0;
}

#News main #Content .inner .categorybox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

#News main #Content .inner .categorybox .cbox {
  width: 326px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 326px;
          flex: 0 0 326px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#News main #Content .inner .categorybox .cbox:first-child {
  margin-right: 40px;
}

#News main #Content .inner .categorybox .cbox p {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin-right: 10px;
}

#News main #Content .inner .categorybox .cbox .c_sen {
  max-width: 220px;
  width: 100%;
}

#News main article {
  max-width: 1080px;
  margin: 0 auto 28px;
  padding-bottom: 20px;
  border-bottom: #e2e0d3 1px solid;
}

#News main article p {
  margin: 0 0 30px;
}

#News main article p img {
  width: auto;
  max-width: 100%;
  height: auto;
}

#News main article .detail_tl h2 {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 400;
  padding: 7px 0 16px;
  border-bottom: #e2e0d3 1px solid;
  margin-bottom: 40px;
}

#News main article .detail_tl p.day {
  margin: 0 0 10px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  color: #5e5e5e;
}

#News main article .detail_tl p.day .tag {
  display: inline-block;
  color: #fff;
  width: 65px;
  height: 19px;
  margin-left: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  background: #303030;
}

#News main article .detail_tl p.day .tag.im {
  background: #ae0006;
}

#News main article .detail_tl p.day .tag.caution {
  background: #ae0006;
}

#News main article .detail_hon {
  width: 100%;
}

#News main article .detail_hon h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 6px;
}

#News main article .detail_hon a {
  text-decoration: underline;
}

#News main article .detail_hon a:hover {
  color: #b09b5c;
}

@media (max-width: 1160px) {
  #News main article {
    margin: 0 40px 28px;
  }
}

#News main .detail .comPageBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#News main .detail .comPageBtn li {
  font-size: 18px;
  line-height: 1;
  position: relative;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#News main .detail .comPageBtn li.back {
  margin: 0 60px;
}

#News main .detail .comPageBtn li.back a {
  text-align: center;
  width: 280px;
  height: auto;
  font-size: 18px;
  margin: 0;
  display: inline-block;
  padding: 27px 0;
  border: 1px solid #e3e3e3;
  background: #fff;
}

#News main .detail .comPageBtn li.back a:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#News main .detail .comPageBtn li.prev a,
#News main .detail .comPageBtn li.next a {
  border: none;
  width: auto;
  padding: 0;
  margin: 0;
}

#News main .detail .comPageBtn li.prev a:hover,
#News main .detail .comPageBtn li.next a:hover {
  color: #b09b5c;
}

#News main .detail .comPageBtn li.prev a {
  background: url(../images/common/icon_arrow_left.svg) no-repeat center left;
  background-size: 4px 7px;
  padding-left: 24px;
}

#News main .detail .comPageBtn li.next a {
  background: url(../images/common/icon_arrow_right.svg) no-repeat center right;
  background-size: 4px 7px;
  padding-right: 24px;
}

/*==================================
  Contact
==================================*/
#Contact main img {
  width: 100%;
}

#Contact main .ERR {
  color: #a40006;
}

#Contact main #Content {
  max-width: 940px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Contact main #Content p.lead {
  margin-bottom: 50px;
}

#Contact main #Content p.lead a {
  text-decoration: underline;
}

#Contact main #Content p.lead a:hover {
  color: #b09b5c;
}

#Contact main .form_wrap table {
  width: 100%;
}

#Contact main .form_wrap table tr th {
  display: block;
  font-weight: 400;
  text-align: left;
}

#Contact main .form_wrap table tr th span.need {
  color: #a40006;
  font-size: 14px;
}

#Contact main .form_wrap table tr td {
  display: block;
  padding: 10px 0 27px 0;
  word-break: break-all;
}

#Contact main .form_wrap table tr td input.txt, #Contact main .form_wrap table tr td textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  border-radius: 0;
  background: #f6f4f0;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Contact main .form_wrap table tr td input.tzip {
  width: 35%;
}

#Contact main .form_wrap table tr td textarea {
  height: 200px;
}

#Contact main .form_wrap .submit_area {
  margin-top: 33px;
}

#Contact main .form_wrap .submit_area input.pushbtn {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  width: 280px;
  display: block;
  background: #96844b;
  border-radius: 0;
  padding: 24px 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Contact main .form_wrap .submit_area input.pushbtn:hover {
  background: #7e6822;
}

#Contact main .form_wrap .submit_area p {
  text-align: center;
  margin-bottom: 20px;
}

#Contact main .form_wrap .submit_area p.btn_back {
  margin-bottom: 0;
}

#Contact main .form_wrap .submit_area p.btn_back input.pushbtn {
  color: #000;
  background: #fff;
  padding: 23px 0;
  border: 1px solid #e3e3e3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Contact main .form_wrap .submit_area p.btn_back input.pushbtn:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#Contact main .form_wrap .submit_area ul.koumoku {
  width: 590px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

#Contact main .form_wrap .submit_area ul.koumoku li.btn_back input.pushbtn {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: #000;
  background: #fff;
  padding: 23px 0;
  border: 1px solid #e3e3e3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Contact main .form_wrap .submit_area ul.koumoku li.btn_back input.pushbtn:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

#Contact main .send_comp p {
  line-height: 1.8;
  text-align: center;
}

#Contact main .send_comp p.contact_back a {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  width: 280px;
  display: block;
  color: #000;
  background: #fff;
  padding: 23px 0;
  border: 1px solid #e3e3e3;
  margin: 40px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Contact main .send_comp p.contact_back a:hover {
  color: #fff;
  border-color: transparent;
  background: #b09b5c;
}

/*==================================
  Privacy policy
==================================*/
#Privacy main #Content {
  max-width: 940px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Privacy main #Content p.intro {
  margin-bottom: 50px;
}

#Privacy main #Content p.sign {
  text-align: right;
}

#Privacy main section.pri {
  padding: 0 0 50px;
}

#Privacy main section.pri h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  padding: 0 0 16px;
}

#Privacy main section.cont {
  margin-top: 100px;
  padding: 40px;
  border: 1px solid #e2e0d3;
}

#Privacy main section.cont h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
}

#Privacy main section.cont h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  padding: 25px 0 5px;
  color: #96844b;
}

/*==================================
  Links
==================================*/
#Links main #Content {
  max-width: 940px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Links main section.link {
  padding: 0 0 50px;
}

#Links main section.link h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  padding: 0 0 16px;
}

#Links main section.link ul li a {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 18px;
  text-decoration: underline;
}

#Links main section.link ul li a:hover {
  color: #96844b;
}

#Links main section.aboutlink {
  padding: 40px;
  border: 1px solid #e2e0d3;
}

#Links main section.aboutlink h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  padding: 0 0 8px;
}

#Links main section.aboutlink .attention {
  background: #f6f4f0;
  margin: 20px 0 0;
  padding: 30px 40px;
}

#Links main section.aboutlink .attention h3 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  color: #96844b;
}

/*==================================
  Sitemap
==================================*/
#Sitemap main #Content {
  max-width: 940px;
  margin: 0 auto;
  padding: 80px 60px 100px;
}

#Sitemap main #Content ul {
  padding: 0 0 50px;
}

#Sitemap main #Content ul li {
  margin: 0 0 10px;
}

#Sitemap main #Content ul li a {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
}

#Sitemap main #Content ul li a:hover {
  color: #96844b;
  text-decoration: underline;
}

#Sitemap main #Content section.sm h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 20px;
  padding: 0 0 16px;
}

#Sitemap main #Content section.sm ul {
  padding: 0 0 50px 26px;
}

#Sitemap main #Content section.sm ul li a {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 16px;
}

#Sitemap main #Content section.aboutGA {
  padding: 40px;
  border: 1px solid #e2e0d3;
}

#Sitemap main #Content section.aboutGA h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 26px;
  padding: 0 0 15px;
}

#Sitemap main #Content section.aboutGA .attention {
  background: #f6f4f0;
  margin: 20px 0 0;
  padding: 30px 40px 20px;
}

#Sitemap main #Content section.aboutGA .attention ul {
  padding: 0;
}

#Sitemap main #Content section.aboutGA .attention ul li a {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 16px;
}

/*==================================
  Signage
==================================*/
#Signage {
  width: 1080px;
  height: 1920px;
  margin: auto;
  position: relative;
  background: url(../images/signage/bg.jpg) no-repeat center top;
}

#Signage main {
  padding: 90px 60px 0;
}

#Signage main h1 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 60px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 51px;
}

#Signage main h1 span.en {
  display: block;
  font-size: 24px;
  margin-bottom: 22px;
  letter-spacing: 0.12em;
}

#Signage main #WhiteContent {
  background: #fff;
  height: 1480px;
}

#Signage main #WhiteContent .inner {
  padding: 49px 50px 0;
}

#Signage main #WhiteContent .inner p {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  /*          white-space: nowrap;*/
}

#Signage main #WhiteContent .inner #OpenDay h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  margin-bottom: 7px;
}

#Signage main #WhiteContent .inner #OpenDay h2 span {
  display: inline-block;
  background: #96844b;
  padding: 6px 18px;
}

#Signage main #WhiteContent .inner #OpenDay .talk {
  margin-bottom: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clear: both;
}

#Signage main #WhiteContent .inner #OpenDay .talk.flex-wrap {
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#Signage main #WhiteContent .inner #OpenDay .talk h2 {
  font-size: 22px;
  margin-bottom: 4px;
  min-width: 242px;
}

#Signage main #WhiteContent .inner #OpenDay .talk h2 span {
  text-align: center;
  padding: 15px 20px 16px;
}

#Signage main #WhiteContent .inner #OpenDay .talk h2 span small {
  font-size: 15px;
  margin-top: 8px;
  display: block;
}

#Signage main #WhiteContent .inner #OpenDay .talk p.g_txt {
  padding-left: 20px;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox {
  border-bottom: #e2e0d3 1px solid;
  padding: 26px 0 21px;
  width: 100%;
  clear: both;
  overflow: hidden;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox h3 {
  font-size: 30px;
  line-height: 1.1;
  max-height: 70px;
  overflow: hidden;
  font-family: "Noto Serif JP";
  font-weight: 700;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_time {
  float: left;
  width: 140px;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_time p {
  font-size: 30px;
  font-weight: 700;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_time p.place {
  font-size: 18px;
  color: #5e5e5e;
  margin-top: 20px;
  letter-spacing: -0.03em;
  font-weight: 500;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_title {
  float: left;
  margin: 0 45px;
  width: 510px;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_title p {
  font-size: 20px;
  color: #5e5e5e;
  letter-spacing: -0.03em;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .talk_title p.en {
  color: #000;
  letter-spacing: normal;
  margin: 4px 0 17px;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .ph {
  width: 120px;
  float: right;
}

#Signage main #WhiteContent .inner #OpenDay .talk .talkBox .ph img {
  width: 100%;
  height: auto;
}

#Signage main #WhiteContent .inner #OpenDay .eventBox {
  padding: 20px 0 13px;
  border-bottom: #e2e0d3 1px solid;
}

#Signage main #WhiteContent .inner #OpenDay .eventBox p {
  font-size: 26px;
  letter-spacing: -0.03em;
  font-weight: 700;
}

#Signage main #WhiteContent .inner #OpenDay .eventBox:last-child {
  border-bottom: none;
}

#Signage main #WhiteContent .inner #CloseDay {
  margin-top: 289px;
}

#Signage main #WhiteContent .inner #CloseDay h2 {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  text-align: center;
  font-size: 80px;
  margin-bottom: 90px;
}

#Signage main #WhiteContent .inner #CloseDay p {
  text-align: center;
  font-size: 50px;
}

#Signage main #WhiteContent .inner #CloseDay p.qr {
  margin-top: 61px;
}

#Signage main #F-black {
  width: 100%;
  background: #000;
  padding: 19px 0 31px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#Signage main #F-black p {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#Signage main #F-black p.logo img {
  width: 273px;
  margin-bottom: 15px;
}

/*==================================
  Movie List (TABLET)
==================================*/
#MovieList {
  /* 動画スライド */
  /* 動画スライド最後 */
}

#MovieList main {
  padding: 0;
  position: relative;
}

#MovieList main #Content {
  padding-top: 40px;
  padding-bottom: 20px;
}

#MovieList main #Content *,
#MovieList main #Content *:before,
#MovieList main #Content *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#MovieList main #Content ul.movie-list {
  max-width: 1045px;
  margin: auto;
  padding-left: 60px;
  padding-right: 60px;
}

#MovieList main #Content ul.movie-list li {
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

#MovieList main #Content ul.movie-list li a {
  display: block;
  padding: 30px;
  background: #e2ded3;
}

#MovieList #MovieSlide {
  /*    height: calc(100vh - 50px);*/
  background: #0e0e0e;
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#MovieList #MovieSlide .slide_inner {
  padding: 25px 136px;
  margin: auto;
  max-width: 1197px;
  max-height: 570px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#MovieList #MovieSlide ul li .m {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

#MovieList #MovieSlide ul li .m video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#MovieList #MovieSlide .prev {
  position: absolute;
  top: 0;
  left: -113px;
  height: 100%;
  width: 90px;
  color: #ffffff;
  background: #4a4a4a;
  border: #696969 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#MovieList #MovieSlide .prev span {
  text-align: center;
  font-size: 22px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  position: absolute;
  left: 10px;
  top: calc(50% - 18px);
  padding-left: 18px;
  background: url(../images/tablet/prev.svg) no-repeat left 12px;
  background-size: 9px 17px;
}

#MovieList #MovieSlide .prev.slick-disabled {
  opacity: 0.4;
}

#MovieList #MovieSlide .next {
  position: absolute;
  top: 0;
  right: -113px;
  height: 100%;
  width: 90px;
  color: #ffffff;
  background: #4a4a4a;
  border: #696969 1px solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#MovieList #MovieSlide .next span {
  text-align: center;
  font-size: 22px;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: calc(50% - 18px);
  padding-right: 18px;
  background: url(../images/tablet/next.svg) no-repeat right 12px;
  background-size: 10px 17px;
}

#MovieList #MovieSlide .next.slick-disabled {
  opacity: 0.4;
}

#MovieList #MovieEnd {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  background: rgba(0, 0, 0, 0.7);
}

#MovieList #MovieEnd .pop {
  top: calc(50% - 74px);
  position: absolute;
  left: 0;
  width: 100%;
}

#MovieList #MovieEnd .pop p {
  font-size: 24px;
  text-align: center;
  font-family: 'Noto Serif JP';
  font-weight: 500;
  color: #ffffff;
}

#MovieList #MovieEnd .pop p.back_btn a {
  display: block;
  width: 280px;
  margin: 30px auto 0;
  font-size: 18px;
  padding: 10px 0;
  background: #ffffff;
  color: #000;
}