@charset "UTF-8";
:root {
  --hksg-header-bar-gradiengt: linear-gradient(102.92deg, #381a06 0%, #3d1e09 6.26%, #4b2813 13.58%, #633a23 21.43%, #835238 29.61%, #935e43 33%, #805036 41.07%, #613821 56.95%, #4a2812 72.39%, #3d1d09 87.02%, #381a06 100%);
  --hksg-header-gradiengt: linear-gradient(102.92deg, #966e09 0%, #f8f192 7.12%, #e9db80 7.82%, #d6be69 8.95%, #c6a755 10.21%, #b99446 11.64%, #b0883c 13.35%, #ab8036 15.59%, #aa7e34 20.44%, #bf984a 23.38%, #d7b662 27.09%, #bd9648 33.98%, #aa7e34 38.68%, #bf984a 45.47%, #d7b662 54.04%, #bd9648 60.41%, #aa7e34 64.76%, #ae8338 68.06%, #bb9242 72.04%, #d0aa54 76.35%, #e7c568 80.08%, #966e09 99.96%);
}

.header-bar {
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  background: var(--hksg-header-bar-gradiengt);
}
@media screen and (max-width: 959px) {
  .header-bar {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
}

#header:before {
  content: "";
  display: block;
  height: 10px;
  background: var(--hksg-header-bar-gradiengt);
}

.header-main-wrap {
  background: var(--hksg-header-gradiengt);
}

@media screen and (max-width: 959px) {
  .header-main-outer {
    background: var(--hksg-header-gradiengt);
  }
}

@media screen and (max-width: 959px) {
  .header-nav {
    background: var(--hksg-header-gradiengt);
  }
}

@media screen and (min-width: 960px) {
  .header-nav-menu > li {
    position: relative;
    width: 152px;
    text-align: center;
    transition: background-color 0.2s linear;
  }
  .header-nav-menu > li:before, .header-nav-menu > li:after {
    position: absolute;
    top: 25px;
    width: 1px;
    height: 70px;
    background-color: #ffffff;
  }
  .header-nav-menu > li:after {
    content: "";
    display: block;
    right: 0;
  }
  .header-nav-menu > li:first-child:before {
    content: "";
    display: block;
    left: 0;
  }
  .header-nav-menu > li:nth-child(4) > a .label:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="rgb(255,255,255)"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
  }
  .header-nav-menu > li.current_page_item, .header-nav-menu > li:hover {
    background-color: rgba(255, 238, 0, 0.35);
  }
  .header-nav-menu > li > a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pac: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    font-size: 18px;
  }
  .header-nav-menu > li > a:hover {
    opacity: 1;
  }
  .header-nav-menu > li > a .label {
    flex-direction: column;
  }
  .header-nav .header-nav-menu > li > a .label {
    max-height: none;
  }
  .header-nav-menu .label .bx {
    text-align: center;
    font-size: 30px;
    line-height: 1;
  }
}
.archive-item-category-wrap {
  display: none;
}

.single-term {
  display: none;
}

#footer a {
  color: inherit;
}

.flexible-hksg-schedule {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  .flexible-hksg-schedule {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
  .flexible-hksg-schedule {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1180px) {
  .flexible-hksg-schedule {
    margin-bottom: 40px;
  }
}
.schedule-list li {
  min-height: 120px;
  background-color: #ffffff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .schedule-list li {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
}
.schedule-list li + li {
  margin-top: 12px;
}
.schedule-list li .date {
  float: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pac: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--ns-label-text);
  line-height: 1;
  text-align: center;
  background-color: var(--ns-label-bg);
}
@media screen and (max-width: 767px) {
  .schedule-list li .date {
    width: 100%;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }
}
.schedule-list li .date .year:after {
  content: "年";
}
.schedule-list li .date .month:after {
  content: "月";
}
.schedule-list li .date .day {
  display: block;
  width: 100%;
  font-size: 40px;
}
@media screen and (max-width: 767px) {
  .schedule-list li .date .day {
    width: auto;
    font-size: inherit;
  }
}
.schedule-list li .date .day:after {
  content: "日";
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .schedule-list li .date .day:after {
    font-size: inherit;
  }
}
@media screen and (max-width: 767px) {
  .schedule-list li .date .week:before {
    content: "（";
  }
}
.schedule-list li .date .week:after {
  content: "曜日";
}
@media screen and (max-width: 767px) {
  .schedule-list li .date .week:after {
    content: "）";
  }
}
.schedule-list li .image {
  float: left;
  width: 120px;
  height: 100%;
  margin-left: 8px;
}
@media screen and (max-width: 767px) {
  .schedule-list li .image {
    width: 90px;
    height: 90px;
    margin-left: 0;
  }
}
.schedule-list li .image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.schedule-list li .data {
  float: left;
  width: calc(100% - 120px * 3 - 8px * 3);
  margin-left: 8px;
}
@media screen and (max-width: 767px) {
  .schedule-list li .data {
    width: calc(100% - 90px);
    margin-left: 0;
  }
}
.schedule-list li .data .date {
  display: none;
}
.schedule-list li .data .title {
  height: 80px;
  line-height: 79px;
  font-size: 30px;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .schedule-list li .data .title {
    height: 35px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 34px;
    font-size: 16px;
    font-weight: bold;
  }
}
.schedule-list li .data .parlor {
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 5px;
  line-height: 30px;
  font-size: 20px;
  text-indent: -20px;
}
.schedule-list li .data .parlor .bx {
  width: 15px;
  text-indent: 0;
}
@media screen and (max-width: 767px) {
  .schedule-list li .data .parlor {
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 0;
    line-height: 25px;
    font-size: 12px;
  }
}
.schedule-list li .icons {
  float: left;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pac: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 120px;
  margin-left: 8px;
}
@media screen and (max-width: 767px) {
  .schedule-list li .icons {
    width: 120px;
    height: 30px;
    margin-left: 0;
  }
}
.schedule-list li .icons img {
  display: block;
  width: calc(100% / 2);
}
@media screen and (max-width: 767px) {
  .schedule-list li .icons img {
    width: 30px;
    height: 30px;
  }
}

.flexible-hksg-schedule-button {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
  .flexible-hksg-schedule-button {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
  .flexible-hksg-schedule-button {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1180px) {
  .flexible-hksg-schedule-button {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.table-report-data th, .table-parlor th {
  width: 5em;
  color: var(--ns-label-text);
  background-color: var(--ns-label-bg);
}

.single-sns-tile .single-sns-btn.single-sns-btn-twitter {
  text-indent: 100%;
  white-space: nowrap;
  background-color: #000000;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-sns-tile .single-sns-btn.single-sns-btn-twitter:before {
    content: "X (旧Twitter)";
    display: block;
    text-indent: 0;
  }
}
@media screen and (min-width: 768px) {
  .single-sns-tile .single-sns-btn.single-sns-btn-twitter i {
    top: 0;
  }
}
.single-sns-tile .single-sns-btn.single-sns-btn-twitter i:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="rgb(255,255,255)"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}