@charset "UTF-8";
.fs1 {
  font-size: 100%;
}

.fs2 {
  font-size: 160%;
}

.fs3 {
  font-size: 200%;
}

.no-text {
  letter-spacing: normal;
}

.no-text-1 {
  padding: 80px 0;
  text-align: center;
}

.g-calendar iframe {
  width: 100% !important;
}

.g-calendar.sp {
  display: none;
}

/* about */
.abo-box-1 {
  margin-bottom: 4px;
  padding: 90px 38px 0;
  background: url(../img/contents/about/abo-bg-1.jpg) no-repeat left top;
}

.abo-box-1 .im {
  margin-bottom: 64px;
  text-align: center;
}

.abo-box-1 .im img {
  width: 150px;
}

.abo-box-1 h2 {
  margin-bottom: 18px;
}

.abo-box-1 h3 {
  margin-bottom: 14px;
  color: #00331b;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.abo-box-2 {
  padding: 38px;
  background: url(../img/contents/about/abo-bg-2.jpg) repeat left top;
}

.abo-box-2 dl {
  padding: 0 0 0 28px;
  float: left;
}

.abo-box-2 dt {
  margin-top: 24px;
  color: #00331b;
  font-size: 143%;
  position: relative;
}
.abo-box-2 dt#price {
  letter-spacing: 1em;
}

.abo-box-2 dt:first-child {
  margin-top: 0;
}

.abo-box-2 dt .icon {
  color: #00331b;
  font-size: 22px;
  font-size: 2.2rem;
  position: absolute;
  top: 6px;
  left: -28px;
}

.abo-box-2 dt.icon-1::before {
  content: "";
  background: url(../img/contents/about/abo-icon-1.png) no-repeat left top;
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  left: -26px;
  top: 8px;
}

.abo-box-2 dd ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}

.abo-box-2 dd ul li {
  margin: 0;
  padding: 0;
  position: relative;
}

.abo-box-2 dd ul li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 1.1rem;
  left: -0.9rem;
}

.abo-box-3 {
  margin-bottom: 4px;
  padding: 0 38px 120px;
  background: url(../img/contents/about/abo-bg-3.jpg) no-repeat center bottom;
}

.abo-box-3 .box {
  margin-bottom: 50px;
  width: 100%;
}

.abo-box-3 .box.line {
  background: url(../img/contents/about/abo-line-1.gif) repeat-y center top;
}

.abo-box-3 .box > .inner {
  width: 50%;
  float: left;
}

.abo-box-3 .box > .inner:first-child {
  padding-right: 22px;
}

.abo-box-3 .box > .inner:last-child {
  padding-left: 22px;
}

.abo-box-3 .box .box-1 {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px #cbcbcb solid;
}

.abo-box-3 .box h3 {
  margin-bottom: 14px;
  color: #00331b;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.abo-box-3 .box .list-1 {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

.abo-box-3 .box .list-1 li {
  margin: 0 50px 0 0;
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
}

.abo-box-3 .box .list-1 li:last-child {
  margin: 0;
}

.abo-box-3 .title-1 {
  margin-bottom: 22px;
  padding: 14px 20px;
  color: #00331b;
  background: url(../img/contents/about/abo-bg-2.jpg) repeat left top;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.abo-box-3 .box > .inner .list-2 {
  margin: 0 0 22px;
  padding: 0 0 0 30px;
  list-style: none;
}

.abo-box-3 .box > .inner .list-2 li {
  margin: 0;
  padding: 0;
  color: #000;
  font-weight: bold;
  position: relative;
}

.abo-box-3 .box > .inner .list-2 li .num {
  position: absolute;
  top: 0;
  left: -30px;
}

.abo-box-3 .box > .inner .list-3 dt {
  color: #000;
  font-weight: bold;
}

.abo-box-3 .box > .inner .list-3 dd {
  margin-bottom: 22px;
}

.abo-box-3 .box > .inner .list-3 dd ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none;
}

.abo-box-3 .box > .inner .list-3 dd ul li {
  margin: 0;
  padding: 0;
  position: relative;
}

.abo-box-3 .box > .inner .list-3 dd ul li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 1.1rem;
  left: -0.9rem;
}

.abo-box-4 {
  padding: 0 0 48px;
}

.abo-box-4 > .inner {
  padding: 26px 38px 44px;
}

.abo-box-4 > .inner-1 {
  border-bottom: 1px #cbcbcb solid;
}

.abo-box-4 > .inner-2 {
  border-top: 3px #f5f7f4 solid;
}

.abo-box-4 h3 {
  margin-bottom: 18px;
  color: #00331b;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.abo-box-4 h3.title-1 {
  padding-left: 30px;
  background: url(../img/contents/about/abo-icon-2.gif) no-repeat left 4px;
}

.abo-box-4 h3 i {
  margin-right: 6px;
}

.abo-box-4 .box-1-w {
  margin-bottom: 20px;
  letter-spacing: -0.4em;
}

.abo-box-4 .box-1 {
  margin-bottom: 16px;
  padding-left: 18px;
  border-left: 1px #e5e5e5 solid;
  letter-spacing: normal;
  display: inline-block;
}

.abo-box-4 .box-1.no-line {
  margin-bottom: 36px;
  padding-left: 0;
  border-left: none;
  min-height: 0;
}

.abo-box-4 .box-1 h4 {
  margin-bottom: 6px;
  color: #000;
}

.abo-box-4 ul.list {
  margin: 0;
  padding: 0 30px 0 0;
  list-style: none;
  float: left;
}

.abo-box-4 ul.list li {
  margin: 0;
  padding: 0 0 4px;
}

.abo-box-4 ul.list li i {
  margin-right: 4px;
  color: #00331b;
  position: relative;
  top: -1px;
  line-height: 1;
}
.abo-box-4 ul.list li i img {
  vertical-align: baseline;
}

.abo-box-4 .box-2 {
  margin-bottom: 30px;
  clear: both;
  padding-right: 10px;
  width: 100%;
}

.abo-box-4 .box-2 dl {
  margin-right: 10px;
  padding: 26px 28px;
  width: 50%;
  min-height: 158px;
  background-color: #f5f7f4;
  float: left;
}

.abo-box-4 .box-2 dl:last-child {
  margin-right: -10px;
}

.abo-box-4 .box-2 dt {
  color: #00331b;
  font-size: 129%;
}

/* sitemap */
.sit-box-1 {
  padding: 0 38px;
}

.sit-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.sit-box-1 .box-1 {
  padding: 26px 0;
  border-top: 1px #e5e5e5 solid;
}

.sit-box-1 .box-1 hr {
  margin: 12px 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 1px;
}

.sit-box-1 .box-1 ul {
  margin: 0;
  padding: 0 0 0 18px;
  list-style: none;
  float: left;
  width: 33.3%;
}

.sit-box-1 .box-1 ul li {
  margin: 0;
  padding: 0 0 10px;
  position: relative;
}

.sit-box-1 .box-1 ul li.title {
  margin: 0 0 0 -18px;
}

.sit-box-1 .box-1 ul li a {
  text-decoration: none;
}

.sit-box-1 .box-1 ul li a:hover,
.sit-box-1 .box-1 ul li a:focus {
  text-decoration: underline;
}

.sit-box-1 .box-1 ul li i {
  color: #b2b2b2;
  position: absolute;
  top: 5px;
  left: -18px;
}

.sit-box-1 .box-1 h3 {
  margin-bottom: 12px;
  color: #46703b;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

/* faq */
.faq-text-cs {
  padding: 80px 0;
  text-align: center;
  font-size: 129%;
}

.faq-box-1 {
  padding: 0 38px;
}

.faq-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.faq-box-1 h2 span {
  font-size: 63%;
  line-height: 1.2;
  font-weight: normal;
}

.faq-box-1 .lead {
  margin-bottom: 28px;
}

.faq-box-1 .list {
  margin: 0 0 32px;
  padding: 20px 32px;
  list-style: none;
  background-color: #5ca880;
}

.faq-box-1 .list li {
  margin: 0 40px 0 0;
  padding: 0;
  float: left;
  color: #fff;
  font-size: 114%;
}

.faq-box-1 .list li:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: url("../img/contents/faq/faq-cat-icon.svg") no-repeat center center/16px auto;
  position: relative;
  top: 2px;
}

.faq-box-1 .list li a {
  color: #fff;
}

.faq-box-1 .box {
  margin-bottom: 34px;
}

.faq-box-1 .box h3 {
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 6px #00331b solid;
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.faq-box-1 .box dl {
  padding: 10px;
}

.faq-box-1 .box dt {
  padding-bottom: 10px;
  color: #00331b;
  font-size: 114%;
  cursor: pointer;
}

.faq-box-1 .box dt i {
  margin-right: 8px;
}

.faq-box-1 .box dt.active {
  color: #00944e;
}

.faq-box-1 .box dt .down {
  line-height: 1;
  display: inline-block;
}

.faq-box-1 .box dt .up {
  line-height: 1;
  display: none;
}

.faq-box-1 .box dt.active .down {
  display: none;
}

.faq-box-1 .box dt.active .up {
  display: inline-block;
}

.faq-box-1 .box dd {
  width: 100%;
  padding: 14px 18px;
  background-color: #fff;
  display: none;
}

.faq-box-1 .box dl:nth-child(even) {
  background-color: #f5f7f4;
}

.faq-box-1 .box dl:nth-child(even) dd {
  background-color: #fff;
}

.faq-box-1 .box dl:nth-child(odd) {
  background-color: #fff;
}

.faq-box-1 .box dl:nth-child(odd) dd {
  background-color: #f5f7f4;
}

/* voice */
.voi-box-1 {
  padding: 0 38px 20px;
}

.voi-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.voi-box-1 .lead {
  margin-bottom: 28px;
}

.voi-box-1 .box {
  margin-bottom: 16px;
  padding: 10px;
  border-radius: 3px;
  background-color: #e7f2dc;
}

.voi-box-1 .box .box-l {
  float: left;
  width: 78px;
}

.voi-box-1 .box .box-l .icon {
  padding-top: 10px;
  width: 78px;
  height: 52px;
  position: relative;
  text-align: center;
  color: #004f36;
}

.voi-box-1 .box .box-l .icon .fa-commenting {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #004f36;
  font-size: 114%;
}

.voi-box-1 .box .box-l .icon .fa-user {
  font-size: 286%;
}

.voi-box-1 .box .box-l .num {
  color: #000;
  font-size: 125%;
  text-align: center;
}

.voi-box-1 .box .box-r {
  margin-left: 84px;
  border-radius: 3px;
  background-color: #fff;
}

.voi-box-1 .box .box-r .box-1 {
  padding: 16px 20px;
}

.voi-box-1 .box .box-r .box-1.border-top {
  border-top: 1px #e5e5e5 solid;
}

.voi-box-1 .box .box-r .box-1 .text-1 {
  font-size: 114%;
}

.voi-box-1 .box .box-r .box-1 .text-2 {
  margin-top: 4px;
  font-size: 86%;
}

/* toiawase */
.toi-box-1 {
  padding: 0 38px 38px;
}

.toi-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.toi-box-1 .lead {
  margin-bottom: 28px;
}

.toi-box-1 .box {
  padding: 30px 38px;
  background-color: #f1f1f1;
}

.toi-box-1 .box .text {
  margin-bottom: 24px;
}

.text-error {
  color: #f00;
  margin-bottom: 24px;
}

.text-thanks {
  padding: 80px 0;
  font-size: 114%;
  text-align: center;
}
.text-thanks .text-1 {
  font-size: 88%;
}

.toi-box-1 .box dl {
  margin-bottom: 24px;
}

.toi-box-1 .box dl.border-top {
  padding-top: 20px;
  border-top: 1px #d7d7d7 solid;
}

.toi-box-1 .box dl.mb-1 {
  margin-bottom: 12px;
}

.toi-box-1 .box dl dt {
  padding-left: 50px;
  width: 228px;
  float: left;
  color: #000;
  font-size: 114%;
}

.toi-box-1 .box dl dt.hissu {
  background: url(../img/contents/toiawase/icon-hissu.gif) no-repeat 0 2px;
}

.toi-box-1 .box dl dt.nini {
  background: url(../img/contents/toiawase/icon-nini.gif) no-repeat 0 2px;
}

.toi-box-1 .box dl dt span {
  font-size: 75%;
}

.toi-box-1 .box dl dd {
  margin-left: 240px;
  color: #000;
}

.toi-box-1 .box dl dd input[type=text],
.toi-box-1 .box dl dd input[type=email],
.toi-box-1 .box dl dd select,
.toi-box-1 .box dl dd textarea {
  border: 1px #ddd solid;
  padding: 2px;
  background-color: #f7f7f7;
}

.toi-box-1 .box dl dd .radio {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

.toi-box-1 .box dl dd .radio li {
  margin: 0 26px 0 0;
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
}

.toi-box-1 .box dl dd.privacy-check {
  position: relative;
  padding-left: 22px;
  color: #4d4d4d;
}

.toi-box-1 .box dl dd.privacy-check .check {
  position: absolute;
  top: 4px;
  left: 0;
}

.toi-box-1 .box dl dd.privacy-check a {
  color: #ec1c24;
}

.toi-box-1 .box dl dd #namae {
  width: 100%;
  max-width: 278px;
}

.toi-box-1 .box dl dd #email,
.toi-box-1 .box dl dd #email-check,
.toi-box-1 .box dl dd #email_check,
.toi-box-1 .box dl dd #tel {
  width: 100%;
  max-width: 382px;
}

.toi-box-1 .box dl dd #nenrei {
  width: 100%;
  max-width: 60px;
}

.toi-box-1 .box dl dd #naiyo {
  max-width: 440px;
  width: 100%;
}

.toi-box-1 .box dl dd .text-1 {
  color: #999;
  font-size: 86%;
}

.submit-box {
  padding-top: 30px;
  text-align: center;
}

.toi-box-1 .btn-check,
.toi-box-1 #submit,
.toi-box-1 #back {
  -webkit-appearance: none;
  border: none;
  margin: 0 6px;
  padding: 16px 0;
  border: 0;
  width: 256px;
  color: #fff;
  background-color: #307797;
  cursor: pointer;
  font-size: 114%;
}

/* tenrankai-event */
.ti-box-1 {
  padding: 0 38px 38px;
}

.ti-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.ti-box-1 .lead {
  margin-bottom: 28px;
}

.ti-box-1 .title-box {
  margin-bottom: 22px;
  padding: 12px 12px 0 12px;
  background-color: #995b3d;
}

.ti-box-1 .title-box ul.tab {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

.ti-box-1 .title-box ul.tab li {
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  width: 50%;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
}

.ti-box-1 .title-box ul.tab li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  position: relative;
}

.ti-box-1 .title-box ul.tab li a.current {
  color: #331100;
  background-color: #fff;
}

.ti-box-1 .title-box ul.tab li a::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../img/contents/tenrankai-events/ti-tab-icon.svg") no-repeat center center/7px auto;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ti-box-1 .title-box ul.tab li a.current::after {
  background: url("../img/contents/tenrankai-events/ti-tab-icon-active.svg") no-repeat center center/7px auto;
}

.ti-box-1 .title-box .select-box {
  padding-top: 5px;
  float: right;
}

.ti-box-1 .title-box .select-box select {
  padding: 2px;
}

.ti-box-1 .select-box-w {
  margin-bottom: 22px;
  letter-spacing: -0.4em;
  text-align: center;
}

.ti-box-1 .select-box-w .select-box {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 22px;
}

.ti-box-1 .select-box-w .select-box .text,
.ti-box-1 .select-box-w .select-box form {
  float: left;
}

.ti-box-1 .select-box-w .select-box .text {
  margin-right: 12px;
  color: #534741;
  font-size: 129%;
}

.ti-box-1 .select-box-w .select-box form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: 100%;
  color: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 6px 28px 6px 12px;
  color: #534741;
  background: #f1f1f1 url(../img/contents/tenrankai-events/select-icon.gif) no-repeat right center;
  font-family: "Noto Sans Japanese", Meiryo, sans-serif;
}

.ti-box-2 .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.ti-box-2 .list li {
  margin: 0 16px 30px 0;
  padding: 0;
  letter-spacing: normal;
  width: 178px;
  display: inline-block;
  vertical-align: top;
}

.ti-box-2 .list li .ph,
.ti-kanren .list li .ph {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ti-box-2 .list li .ph::before,
.ti-kanren .list li .ph::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.ti-box-2 .list li .ph a,
.ti-kanren .list li .ph a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ti-box-2 .list li .ph a img,
.ti-kanren .list li .ph a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ti-box-2 .list li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: #eee9e5;
  font-size: 12px;
  font-size: 1.2rem;
}

.ti-box-2 .list li .category .category-1 {
  padding: 2px 6px;
  display: block;
}

.ti-box-2 .list li .category .te-category {
  padding: 2px 6px;
  display: block;
}

.ti-box-2 .list li .category .category-2 {
  padding: 2px 6px;
  display: block;
  color: #fff;
  background-color: #594e16;
}

.ti-box-2 .list li h3 {
  font-weight: normal;
  line-height: 1.2;
}

.ti-box-2 .list li h3 a {
  text-decoration: none;
}

.ti-box-2 .list li h3 a:hover,
.ti-box-2 .list li h3 a:focus {
  text-decoration: none;
}

.ti-box-2 .list li .date {
  font-size: 10px;
  font-size: 1rem;
}

.ti-box-2 .list li .bunrui,
.ti-kanren .list li .bunrui {
  margin-top: 4px;
  font-size: 12px;
  font-size: 1.2rem;
}

.ti-box-2 .list li .bunrui span,
.ti-kanren .list li .bunrui span {
  display: inline-block;
  margin: 0 2px 2px 0;
  color: #fff;
  padding: 0 6px;
}

.ti-box-2 .list li .bunrui .bunrui-1,
.ti-kanren .list li .bunrui .bunrui-1 {
  background-color: #4794b5;
}

.ti-box-2 .list li .bunrui .bunrui-2,
.ti-kanren .list li .bunrui .bunrui-2 {
  background-color: #488851;
}

.ti-box-2 .list li .bunrui .bunrui-3,
.ti-kanren .list li .bunrui .bunrui-3 {
  background-color: #c46847;
}

.ti-box-2 .list li .bunrui .bunrui-4,
.ti-kanren .list li .bunrui .bunrui-4 {
  background-color: #808080;
}

.ti-box-3 {
  padding-top: 40px;
}

.ti-box-3 h3 {
  margin-bottom: 8px;
  color: #3b1100;
  font-size: 171%;
  line-height: 1.2;
  font-weight: normal;
}

#ti-pagenavi {
  padding-top: 34px;
  font-size: 16px;
  font-size: 1.6rem;
}

#ti-pagenavi .wp-pagenavi a {
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}

#ti-pagenavi .wp-pagenavi span,
#ti-pagenavi .wp-pagenavi .current {
  color: #fff;
  background-color: #cc5f29;
}

#ti-pagenavi .wp-pagenavi a.previouspostslink,
#ti-pagenavi .wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

.wp-pagenavi {
  text-align: center;
}

.wp-pagenavi a {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #000;
  background-color: #f1f1f1;
  text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi .current {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
}

.ti-box-entry {
  padding: 0 38px 50px;
}

.ti-box-entry .main-image {
  display: none;
  margin-bottom: 32px;
  width: 100%;
  height: 220px;
  background: url(../img/contents/tenrankai-events/main-image.jpg) no-repeat center center;
  background-size: cover !important;
  position: relative;
}

.ti-box-entry h2 {
  margin-bottom: 18px;
  padding-left: 14px;
  border-left: 6px #d67f54 solid;
  color: #000;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
}

.ti-box-entry h2 .category {
  display: block;
  font-size: 53%;
}

.ti-box-entry h2 .category span::after {
  content: "";
  width: 1px;
  height: 14px;
  background-color: #000;
  display: inline-block;
  margin: 0 10px;
  position: relative;
  top: 1px;
}

.ti-box-entry h2 .category span:last-child::after {
  display: none;
}

.ti-box-entry .box-1 {
  margin-bottom: 18px;
  width: 100%;
}

.ti-box-entry .box-1 .text {
  width: 100%;
  float: left;
  padding-right: 320px;
}

.ti-box-entry .box-1 .ph {
  width: 300px;
  float: right;
  margin-left: -320px;
}

.ti-box-entry .box-2 {
  margin-bottom: 46px;
  padding-top: 18px;
  border-top: 1px #d2d2d2 solid;
}

.ti-box-entry .box-2 dt {
  margin: 0 0 4px;
  width: 70px;
  float: left;
}

.ti-box-entry .box-2 dd {
  margin: 0 0 4px 78px;
}

.ti-box-entry .box-3 {
  padding: 20px 24px;
  border: 6px #ededed solid;
}

.ti-box-entry .box-3 .box-l {
  width: 160px;
  float: left;
}

.ti-box-entry .box-3 .box-l h3 {
  margin-bottom: 12px;
  color: #000;
  line-height: 1.2;
  font-size: 143%;
  font-weight: normal;
}

.ti-box-entry .box-3 .box-r {
  margin-left: 262px;
}

.ti-box-entry .box-3 .box-r > .inner {
  float: left;
}

.ti-box-entry .box-3 .box-r .tel {
  font-size: 129%;
}

.ti-box-entry .box-3 .box-r dl {
  width: 100%;
}

.ti-box-entry .box-3 .box-r dt {
  width: 68px;
  float: left;
}

.ti-box-entry .box-3 .box-r dd {
  margin-left: 70px;
}

.ti-kanren {
  padding: 30px 38px;
  width: 100%;
  background: url(../img/contents/info/ti/ti-bg-kanren.jpg) repeat left top;
  position: relative;
}

.ti-kanren h3 {
  margin-bottom: 4px;
  color: #3b1100;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.ti-kanren .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.ti-kanren .list li {
  margin: 0 16px 22px 0;
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
}

.ti-kanren .list li img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.ti-kanren .list li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: rgba(96, 56, 19, 0.1);
  font-size: 12px;
  font-size: 1.2rem;
}

.ti-kanren .list li .category .category-1 {
  padding: 2px 6px;
  display: block;
}

.ti-kanren .list li .category .te-category {
  padding: 2px 6px;
  display: block;
}

.ti-kanren .list li .category .category-2 {
  padding: 2px 6px;
  display: block;
  color: #fff;
  background-color: #594e16;
}

.ti-kanren .list li h4 {
  font-weight: normal;
  line-height: 1.2;
}

.ti-kanren .list li h4 a {
  text-decoration: none;
}

.ti-kanren.list li h4 a:hover,
.ti-kanren.list li h4 a:focus {
  text-decoration: none;
}

.ti-kanren .list li .date {
  font-size: 10px;
  font-size: 1rem;
}

#arrow .slick-prev {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 128px;
  left: 0;
  right: auto;
  z-index: 1;
}

#arrow .slick-next {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 128px;
  left: auto;
  right: 0;
  z-index: 1;
}

#arrow button.slick-next {
  z-index: 2;
}

#arrow button.slick-prev {
  z-index: 2;
}

#arrow .slick-next::before {
  content: "";
}

#arrow .slick-prev::before {
  content: "";
}

.ti-btn {
  margin-top: 42px;
  padding-bottom: 50px;
  text-align: center;
}

.ti-btn a {
  margin: 0 auto;
  padding: 16px 0;
  width: 256px;
  display: block;
  color: #fff;
  background-color: #d67f54;
  font-size: 114%;
  text-decoration: none;
}

/* koshukai-workshop */
.kw-box-1 {
  padding: 0 38px 38px;
}

.kw-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.kw-box-1 .lead {
  margin-bottom: 18px;
}

.kw-box-1.archive .lead {
  margin-bottom: 36px;
}

.kw-box-1 .download {
  margin-top: 18px;
  margin-bottom: 26px;
  padding-top: 18px;
  border-top: 1px #e5e5e5 solid;
}

.kw-box-1 .download a {
  color: #f05a24;
  text-decoration: underline;
}

.kw-box-1 .download a:hover,
.kw-box-1 .download a:focus {
  color: #f00;
}

.kw-box-1 .title-box {
  margin: 0 0 22px;
  padding: 14px 16px;
}

.kw-box-1 .title-1 {
  background-color: #7abd8b;
}

.kw-box-1 .title-2 {
  background-color: #2d8eb8;
}

.kw-box-1 .title-box h3 {
  color: #fff;
  line-height: 1.2;
  font-weight: normal;
  font-size: 143%;
  float: left;
}

.kw-box-1.article .title-box h3 {
  color: #fff;
  line-height: 1.2;
  font-weight: normal;
  font-size: 143%;
  float: left;
}

.kw-box-1 .title-box .select-box {
  float: right;
}

.kw-box-1 .title-box .select-box select {
  padding: 2px;
}

.kw-box-1 .select-box-w {
  margin-bottom: 22px;
  letter-spacing: -0.4em;
  text-align: center;
}

.kw-box-1 .select-box-w .select-box {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 22px;
}

.kw-box-1 .select-box-w .select-box .text,
.kw-box-1 .select-box-w .select-box form {
  float: left;
}

.kw-box-1 .select-box-w .select-box .text {
  margin-right: 12px;
  color: #534741;
  font-size: 129%;
}

.kw-box-1 .select-box-w .select-box form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: 100%;
  color: inherit;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 6px 28px 6px 12px;
  color: #534741;
  background: #f1f1f1 url(../img/contents/tenrankai-events/select-icon.gif) no-repeat right center;
  font-family: "Noto Sans Japanese", Meiryo, sans-serif;
}

.kw-box-2 {
  width: 100%;
  margin-bottom: 30px;
}

.kw-box-2 .box-1 {
  width: 178px;
  float: left;
}

.kw-box-2 .box-2 {
  margin-left: 40px;
  padding-left: 40px;
  border-left: 2px #b1b1b1 dashed;
  float: left;
}

.kw-box-2 .box > h4 {
  margin-bottom: 8px;
  color: #42210b;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}

.kw-box-2 .box .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.kw-box-2 .box .list li {
  margin: 0 16px 16px 0;
  padding: 0;
  width: 178px;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
}

.kw-box-2 .box .list li:last-child {
  margin: 0;
}

.kw-box-2 .box .list li .ph {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.kw-box-2 .box .list li .ph::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.kw-box-2 .box .list li .ph a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kw-box-2 .box .list li .ph a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.kw-box-2 .box .list li h4,
.kw-box-2 .box .list li h5 {
  margin-top: 6px;
  font-weight: normal;
  line-height: 1.2;
}

.kw-box-2 .box .list li h4 a,
.kw-box-2 .box .list li h5 a {
  text-decoration: none;
}

.kw-box-2 .box .list li h4 a:hover,
.kw-box-2 .box .list li h5 a:hover,
.kw-box-2 .box .list li h4 a:focus,
.kw-box-2 .box .list li h5 a:focus {
  text-decoration: none;
}

.kw-box-2 .box .list li .date {
  font-size: 10px;
  font-size: 1rem;
}

.kw-box-2 .box .list li .category {
  margin-bottom: 6px;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

.kw-box-2 .box .list li .togei,
.kw-box-2 .box .list li .togei-dantai {
  background-color: #6e3c17;
}

.kw-box-2 .box .list li .senshoku,
.kw-box-2 .box .list li .senshoku-dantai {
  background-color: #f41472;
}

.kw-box-2 .box .list li .shichiho,
.kw-box-2 .box .list li .shichiho-dantai {
  background-color: #00a198;
}

.kw-box-2 .box .list li .glass,
.kw-box-2 .box .list li .glass-dantai {
  background-color: #311a82;
}

.kw-box-2 .box .list li .kinko {
  background-color: #b8b633;
}

.kw-box-2 .box .list li .mokko {
  background-color: #009b48;
}

.kw-box-2 .box .list li .hanga {
  background-color: #732889;
}

.kw-box-2 .box .list li .bijyutsu {
  background-color: #eb9d42;
}

.kw-box-2 .box .list li .yosegi-de-asobo {
  background-color: #0068b2;
}

.kw-box-2 .box .list li .craft-workshop {
  background-color: #d7000f;
}

.kw-box-2 .box .btn {
  text-align: center;
}

.kw-box-2 .box .btn a {
  margin: 0 auto;
  padding: 16px 0;
  display: block;
  width: 256px;
  color: #fff;
  font-size: 129%;
  background-color: #005880;
  text-decoration: none;
  position: relative;
}

.kw-box-2 .box .btn a::after {
  content: "";
  width: 8px;
  height: 10px;
  background: url(../img/contents/info/kw/kw-btn-icon-1.png) no-repeat left top;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 18px;
  margin: auto;
}

.kw-box-3 {
  margin-bottom: 20px;
  padding: 40px 36px;
  background: url(../img/contents/info/kw/kw-bg-2.jpg) repeat left top;
}

.kw-box-3 h3 {
  color: #3b1100;
  font-size: 171%;
  font-weight: normal;
}

.kw-box-3 > .text {
  margin-bottom: 18px;
}

.kw-box-3 .list {
  margin: 0;
  padding: 0 20px 0 0;
  list-style: none;
  width: 100%;
}

.kw-box-3 .list li {
  margin: 0 20px 0 0;
  padding: 0;
  width: 50%;
  max-width: 370px;
  float: left;
}

.kw-box-3 .list li:last-child {
  margin: 0 -20px 0 0;
}

.kw-box-3 .list li .ph-box {
  margin-bottom: 12px;
  position: relative;
}

.kw-box-3 .list li .ph-box .ph {
  position: relative;
  z-index: 1;
}

.kw-box-3 .list li .ph-box h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  color: #fff;
  font-size: 143%;
  line-height: 1.2;
  padding: 14px 18px;
  font-weight: normal;
}

.kw-box-3 .list li .ph-box h4.title-1 {
  background-color: rgba(79, 161, 124, 0.9);
}

.kw-box-3 .list li .ph-box h4.title-2 {
  background-color: rgba(191, 115, 99, 0.9);
}

.kw-box-3 .list li .text {
  font-size: 86%;
  color: #3b1c00;
}

.kw-box-3 .list-1 {
  margin: 0;
  padding: 0 24px 0 0;
  list-style: none;
  width: 100%;
}

.kw-box-3 .list-1 li {
  margin: 0 8px 0 0;
  padding: 0;
  width: 25%;
  max-width: 184px;
  float: left;
}

.kw-box-3 .list-1 li:last-child {
  margin: 0 -24px 0 0;
}

.kw-box-2 .list-2 {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.kw-box-2 .list-2 li {
  margin: 0 18px 40px 0;
  padding: 0;
  width: 174px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.kw-box-2 .list-2 li .ph,
.ti-kanren .list-2 li .ph {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.kw-box-2 .list-2 li .ph::before,
.ti-kanren .list-2 li .ph::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.kw-box-2 .list-2 li .ph a,
.ti-kanren .list-2 li .ph a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kw-box-2 .list-2 li .ph a img,
.ti-kanren .list-2 li .ph a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.kw-box-2 .list-2 li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: rgba(96, 56, 19, 0.1);
  font-size: 12px;
  font-size: 1.2rem;
}

.kw-box-2 .list-2 li .category .category-1 {
  padding: 0 6px;
  display: block;
}

.kw-box-2 .list-2 li .category .category-2 {
  padding: 0 6px;
  display: block;
  color: #fff;
}

.kw-box-2 .list-2 li .category .category-2.togei,
.kw-box-2 .list-2 li .category .category-2.togei-dantai {
  background-color: #6e3c17;
}

.kw-box-2 .list-2 li .category .category-2.senshoku,
.kw-box-2 .list-2 li .category .category-2.senshoku-dantai {
  background-color: #f41472;
}

.kw-box-2 .list-2 li .category .category-2.shichiho,
.kw-box-2 .list-2 li .category .category-2.shichiho-dantai {
  background-color: #00a198;
}

.kw-box-2 .list-2 li .category .category-2.glass,
.kw-box-2 .list-2 li .category .category-2.glass-dantai {
  background-color: #311a82;
}

.kw-box-2 .list-2 li .category .category-2.kinko {
  background-color: #b8b633;
}

.kw-box-2 .list-2 li .category .category-2.mokko {
  background-color: #009b48;
}

.kw-box-2 .list-2 li .category .category-2.hanga {
  background-color: #732889;
}

.kw-box-2 .list-2 li .category .category-2.bijyutsu {
  background-color: #eb9d42;
}

.kw-box-2 .list-2 li .category .category-2.yosegi-de-asobo {
  background-color: #0068b2;
}

.kw-box-2 .list-2 li .category .category-2.craft-workshop {
  background-color: #d7000f;
}

.kw-box-2 .list-2 li h3 {
  font-weight: normal;
  line-height: 1.2;
}

.kw-box-2 .list-2 li h3 a {
  text-decoration: underline;
}

.kw-box-2 .list-2 li .date {
  font-size: 10px;
  font-size: 1rem;
}

#kw-pagenavi {
  padding-top: 34px;
  font-size: 16px;
  font-size: 1.6rem;
}

#kw-pagenavi .wp-pagenavi a {
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}

#kw-pagenavi .wp-pagenavi span,
#kw-pagenavi .wp-pagenavi .current {
  color: #fff;
  background-color: #005980;
}

#kw-pagenavi .wp-pagenavi a.previouspostslink,
#kw-pagenavi .wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

.kw-box-1 .btn-1 {
  margin-top: 44px;
  text-align: center;
}

.kw-box-1 .btn-1 a {
  margin: 0 auto;
  padding: 16px 0;
  display: block;
  width: 328px;
  color: #fff;
  font-size: 114%;
  background-color: #337a99;
  text-decoration: none;
  position: relative;
}

.kw-box-entry .main-image .cat-title {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 30px;
  left: 28px;
  display: table;
  line-height: 1.3;
}

.kw-box-entry .main-image .cat-title span {
  width: 160px;
  height: 160px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  padding: 0 6px;
}

.kw-box-entry .main-image {
  background: url(../img/contents/info/kw/kw-main-image-1.jpg);
}

.kw-box-entry.togei .main-image,
.kw-box-entry.togei-dantai .main-image {
  background: url(../img/contents/info/kw/kw-main-image-1.jpg);
}

.kw-box-entry.senshoku .main-image,
.kw-box-entry.senshoku-dantai .main-image {
  background: url(../img/contents/info/kw/kw-main-image-2.jpg);
}

.kw-box-entry.shichiho .main-image,
.kw-box-entry.shichiho-dantai .main-image {
  background: url(../img/contents/info/kw/kw-main-image-3.jpg);
}

.kw-box-entry.glass .main-image,
.kw-box-entry.glass-dantai .main-image {
  background: url(../img/contents/info/kw/kw-main-image-4.jpg);
}

.kw-box-entry.kinko .main-image {
  background: url(../img/contents/info/kw/kw-main-image-5.jpg);
}

.kw-box-entry.mokko .main-image {
  background: url(../img/contents/info/kw/kw-main-image-6.jpg);
}

.kw-box-entry.hanga .main-image {
  background: url(../img/contents/info/kw/kw-main-image-7.jpg);
}

.kw-box-entry.bijyutsu .main-image {
  background: url(../img/contents/info/kw/kw-main-image-8.jpg);
}

.kw-box-entry.yosegi-de-asobo .main-image {
  background: url(../img/contents/info/kw/kw-main-image-9.jpg);
}

.kw-box-entry.craft-workshop .main-image {
  background: rgba(215, 0, 15, 0.05) none;
}

.kw-box-entry.togei .main-image .cat-title,
.kw-box-entry.togei-dantai .main-image .cat-title {
  background-color: #6e3c17;
}

.kw-box-entry.senshoku .main-image .cat-title,
.kw-box-entry.senshoku-dantai .main-image .cat-title {
  background-color: #f41472;
}

.kw-box-entry.shichiho .main-image .cat-title,
.kw-box-entry.shichiho-dantai .main-image .cat-title {
  background-color: #00a198;
}

.kw-box-entry.glass .main-image .cat-title,
.kw-box-entry.glass-dantai .main-image .cat-title {
  background-color: #311a82;
}

.kw-box-entry.kinko .main-image .cat-title {
  background-color: #b8b633;
}

.kw-box-entry.mokko .main-image .cat-title {
  background-color: #009b48;
}

.kw-box-entry.hanga .main-image .cat-title {
  background-color: #732889;
}

.kw-box-entry.bijyutsu .main-image .cat-title {
  background-color: #eb9d42;
}

.kw-box-entry.yosegi-de-asobo .main-image .cat-title {
  background-color: #0068b2;
}

.kw-box-entry.craft-workshop .main-image .cat-title {
  background-color: #d7000f;
}

.kw-box-entry.togei h2,
.kw-box-entry.togei-dantai h2 {
  border-left: 6px #6e3c17 solid;
}

.kw-box-entry.senshoku h2,
.kw-box-entry.senshoku-dantai h2 {
  border-left: 6px #f41472 solid;
}

.kw-box-entry.shichiho h2,
.kw-box-entry.shichiho-dantai h2 {
  border-left: 6px #00a198 solid;
}

.kw-box-entry.glass h2,
.kw-box-entry.glass-dantai h2 {
  border-left: 6px #311a82 solid;
}

.kw-box-entry.kinko h2 {
  border-left: 6px #b8b633 solid;
}

.kw-box-entry.mokko h2 {
  border-left: 6px #009b48 solid;
}

.kw-box-entry.hanga h2 {
  border-left: 6px #732889 solid;
}

.kw-box-entry.bijyutsu h2 {
  border-left: 6px #eb9d42 solid;
}

.kw-box-entry.yosegi-de-asobo h2 {
  border-left: 6px #0068b2 solid;
}

.kw-box-entry.craft-workshop h2 {
  border-left: 6px #d7000f solid;
}

.kw-box-entry.senshoku .main-image .cat-title span,
.kw-box-entry.senshoku-dantai .main-image .cat-title span,
.kw-box-entry.yosegi-de-asobo .main-image .cat-title span,
.kw-box-entry.craft-workshop .main-image .cat-title span {
  font-size: 22px;
  font-size: 2.2rem;
}

.kw-box-entry {
  padding: 0 38px 50px;
}

.kw-box-entry .main-image {
  margin-bottom: 32px;
  width: 100%;
  height: 220px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  position: relative;
}

.kw-box-entry h2 {
  margin-bottom: 18px;
  padding-left: 14px;
  color: #000;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
  vertical-align: middle;
}

.kw-box-entry h2 .icon-0 {
  margin-left: 2px;
  padding: 0 6px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #ec1c24;
  line-height: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}

.kw-box-entry h2 .icon-1 {
  margin-left: 2px;
  padding: 0 6px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #f05a24;
  line-height: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}

.kw-box-entry h2 .icon-2 {
  margin-left: 2px;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  width: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}
.kw-box-entry h2 .icon-2 img {
  width: 100%;
}

.kw-box-entry h2 .icon-3 {
  margin-left: 2px;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  width: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}
.kw-box-entry h2 .icon-3 img {
  width: 100%;
}

.kw-box-entry h2 .icon-2 a,
.kw-box-entry h2 .icon-3 a {
  color: #fff;
  text-decoration: none;
}

.kw-box-entry h2 .icon-2 i,
.kw-box-entry h2 .icon-3 i {
  margin-right: 1px;
}

.kw-box-entry .box-1 {
  margin-bottom: 22px;
  width: 100%;
}

.kw-box-entry .box-1 .article {
  width: 100%;
  float: left;
  padding-right: 320px;
}

.kw-box-entry .box-1 .ph {
  width: 300px;
  float: right;
  margin-left: -320px;
  position: relative;
  z-index: 2;
}

.kw-box-entry .box-2 {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px #d2d2d2 solid;
}

.kw-box-entry .box-2 dt {
  margin: 0 0 4px;
  width: 76px;
  float: left;
}

.kw-box-entry .box-2 dd {
  margin: 0 0 4px 78px;
}

.kw-box-entry .dl-box {
  margin-bottom: 36px;
  width: 100%;
}

.kw-box-entry .dl-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

.kw-box-entry .dl-box ul li {
  margin: 0 12px 0 0;
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.kw-box-entry .dl-box ul li:last-child {
  margin: 0;
}

.kw-box-entry .dl-box ul li a {
  color: #f05a24;
  text-decoration: underline;
}

.kw-box-entry .dl-box ul li a:hover,
.kw-box-entry .dl-box ul li a:focus {
  color: #f00;
}

.kw-box-entry .box-3 {
  padding: 20px 24px;
  border: 6px #ededed solid;
  position: relative;
}

.kw-box-entry .box-3 h3 {
  margin-bottom: 12px;
  margin-right: 240px;
  color: #000;
  line-height: 1.2;
  font-size: 143%;
  font-weight: normal;
}

.kw-box-entry .box-3 .btn {
  font-size: 114%;
  width: 232px;
  position: absolute;
  right: 22px;
  top: 22px;
}

.kw-box-entry .box-3 .btn a {
  padding: 10px 0;
  width: 100%;
  display: block;
  color: #000;
  background-color: #c4e8b8;
  text-decoration: none;
  text-align: center;
}

.kw-box-entry .box-3 .btn a i {
  margin-right: 8px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.kw-box-entry .box-3 .btn a i img {
  vertical-align: baseline;
}

.kw-box-entry .text-1 {
  margin: 12px 0 0 0;
  padding: 0 0 0 1em;
  list-style: none;
}

.kw-box-entry .text-1 li {
  margin: 0;
  padding: 0;
  position: relative;
}

.kw-box-entry .text-1 li::before {
  content: "";
  background: url("../img/com/contents/icon-annotation.png") no-repeat center center/contain;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0.5rem;
  left: -1em;
}

.kw-box-entry .text-1 li a {
  color: #39b44a;
  text-decoration: underline;
}

.kw-box-entry .text-1 li a:hover,
.kw-box-entry .text-1 li a:focus {
  color: #f00;
}

.kw-kanren {
  padding: 30px 38px;
  width: 100%;
  background: url(../img/contents/info/kw-bg-kanren.jpg) repeat left top;
  position: relative;
}

.kw-kanren h3 {
  margin-bottom: 4px;
  color: #3b1100;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.ti-kanren .list-2 {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.ti-kanren .list-2 li {
  margin: 0 18px 0 0;
  padding: 0;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.ti-kanren .list-2 li img {
  max-width: 100%;
  width: 100%;
}

.ti-kanren .list-2 li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: rgba(96, 56, 19, 0.1);
  font-size: 12px;
  font-size: 1.2rem;
}

.ti-kanren .list-2 li .category .category-1 {
  padding: 0 6px;
  display: block;
}

.ti-kanren .list-2 li .category .category-2 {
  padding: 0 6px;
  display: block;
  color: #fff;
}

.ti-kanren .list-2 li .category .category-2.togei,
.ti-kanren .list-2 li .category .category-2.togei-dantai {
  background-color: #6e3c17;
}

.ti-kanren .list-2 li .category .category-2.senshoku,
.ti-kanren .list-2 li .category .category-2.senshoku-dantai {
  background-color: #f41472;
}

.ti-kanren .list-2 li .category .category-2.shichiho,
.ti-kanren .list-2 li .category .category-2.shichiho-dantai {
  background-color: #00a198;
}

.ti-kanren .list-2 li .category .category-2.glass,
.ti-kanren .list-2 li .category .category-2.glass-dantai {
  background-color: #311a82;
}

.ti-kanren .list-2 li .category .category-2.kinko {
  background-color: #b8b633;
}

.ti-kanren .list-2 li .category .category-2.mokko {
  background-color: #009b48;
}

.ti-kanren .list-2 li .category .category-2.hanga {
  background-color: #732889;
}

.ti-kanren .list-2 li .category .category-2.bijyutsu {
  background-color: #eb9d42;
}

.ti-kanren .list-2 li .category .category-2.yosegi-de-asobo {
  background-color: #0068b2;
}

.ti-kanren .list-2 li .category .category-2.craft-workshop {
  background-color: #d7000f;
}

.ti-kanren .list-2 li h3 {
  font-weight: normal;
  line-height: 1.2;
}

.ti-kanren .list-2 li h4 a {
  text-decoration: underline;
}

.ti-kanren .list-2 li .date {
  font-size: 10px;
  font-size: 1rem;
}

.kw-btn {
  margin-top: 42px;
  padding-bottom: 50px;
  text-align: center;
}

.kw-btn a {
  margin: 0 auto;
  padding: 16px 0;
  width: 256px;
  display: block;
  color: #fff;
  background-color: #337a99;
  font-size: 114%;
  text-decoration: none;
}

/* info */
.inf-box-1 {
  padding: 0 38px 38px;
}

.inf-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.inf-box-1 .title-box {
  padding: 12px 16px;
  background-color: #45a171;
}

.inf-box-1 .title-box h3 {
  color: #fff;
  font-size: 143%;
  font-weight: normal;
  line-height: 1.2;
}

.inf-box-2 dl {
  width: 100%;
  padding: 14px 10px;
  border-top: 1px #e5e5e5 solid;
}

.inf-box-2 dl:first-child {
  border-top: none;
}

.inf-box-2 dl dt {
  float: left;
  width: 80px;
}

.inf-box-2 dl dd {
  margin-left: 86px;
}

#inf-pagenavi .wp-pagenavi a {
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}

#inf-pagenavi .wp-pagenavi span,
#inf-pagenavi .wp-pagenavi .current {
  color: #fff;
  background-color: #45a171;
}

#inf-pagenavi .wp-pagenavi a.previouspostslink,
#inf-pagenavi .wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

.inf-box-entry .main-image .cat-title {
  width: 160px;
  height: 160px;
  background-color: #003b1f;
  position: absolute;
  top: 30px;
  left: 28px;
  display: table;
}

.inf-box-entry .main-image .cat-title span {
  width: 160px;
  height: 160px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
}

.inf-box-entry {
  padding: 0 38px 50px;
}

.inf-box-entry .main-image {
  margin-bottom: 32px;
  width: 100%;
  height: 220px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  position: relative;
}

.inf-box-entry h2 {
  margin-bottom: 18px;
  padding-left: 14px;
  border-left: 6px #45a171 solid;
  color: #000;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
  vertical-align: middle;
}

.inf-box-entry .article a {
  color: #39b44a;
  text-decoration: underline;
}

.inf-box-entry .article a:hover,
.inf-box-entry .article a:focus {
  color: #f00;
}

.inf-btn {
  margin-top: 42px;
  padding-bottom: 50px;
  text-align: center;
}

.inf-btn a {
  margin: 0 auto;
  padding: 16px 0;
  width: 256px;
  display: block;
  color: #fff;
  background-color: #45a171;
  font-size: 114%;
  text-decoration: none;
}

/* shisetsu */
.shi-title-box {
  padding: 0 38px 30px;
  border-bottom: 4px #f3f0ec solid;
}

.shi-title-box h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.shi-box-1 {
  padding: 30px 38px 36px;
}

.shi-box-1 h3 {
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 6px #358c63 solid;
  line-height: 1.2;
  color: #3b1100;
  font-size: 171%;
}

.shi-box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-box-1 ul li {
  padding: 0;
  float: left;
  position: relative;
}

.shi-box-1 ul li .ph {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.shi-box-1 ul li .ph::after {
  content: "";
  background: url(../img/contents/shisetsu/shi-bg-1.png) repeat-x left bottom;
  width: 100%;
  height: 84px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.shi-box-1 ul li .title {
  padding: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  color: #fff;
  font-size: 114%;
  text-align: center;
  line-height: 1.2;
}

.shi-box-1 ul li .icon {
  width: 82px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

.shi-box-1 ul li .link a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 101%;
}

.shi-box-1 ul.list-1 {
  padding-right: 40px;
  max-width: 760px;
}

.shi-box-1 ul.list-1 li {
  margin: 0 20px 20px 0;
  max-width: 240px;
  width: 33.3%;
}

.shi-box-1 ul.list-1 li:nth-child(3) {
  margin-right: -40px;
}

.shi-box-1 ul.list-1 li.type-1 {
  margin: 0 18px 20px 0;
  max-width: 176px;
  width: 25%;
}

.shi-box-1 ul.list-1 li:nth-child(7) {
  margin-right: -54px;
}

.shi-box-1 ul.list-2 {
  padding-right: 54px;
}

.shi-box-1 ul.list-2 li {
  margin: 0 18px 20px 0;
  max-width: 176px;
  width: 25%;
}

.shi-box-1 ul.list-2 li:last-child {
  margin-right: -54px;
}

.shi-box-2 {
  padding: 36px 38px 50px;
  background-color: #f3f0ec;
}

.shi-box-2 h3 {
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 6px #9c392a solid;
  line-height: 1.2;
  color: #3b1100;
  font-size: 171%;
}

.shi-box-2 h3.title-1 {
  border-left: 6px #9c392a solid;
}

.shi-box-2 h3.title-2 {
  border-left: 6px #184666 solid;
}

.shi-box-2 h3 span {
  display: inline-block;
  margin-left: 10px;
  font-weight: normal;
  font-size: 58.3%;
  line-height: 24px;
}

.shi-box-2 h3 .icon-1 {
  padding: 0 8px;
  color: #fff;
  background-color: #e07074;
}

.shi-box-2 h3 .icon-2 {
  color: #4d4d4d;
}

.shi-box-2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-box-2 ul li {
  padding: 0;
  float: left;
  position: relative;
}

.shi-box-2 ul.list-1 {
  margin-bottom: 50px;
  padding-right: 25px;
}

.shi-box-2 ul.list-1 li {
  margin: 0 5px 0 0;
  width: 16.66%;
  max-width: 122px;
  position: relative;
}

.shi-box-2 ul.list-1 li:last-child {
  margin-right: -25px;
}

.shi-box-2 ul.list-1 li .title {
  padding: 4px;
  color: #fff;
  font-size: 114%;
  text-align: center;
}

.shi-box-2 ul.list-1 li.cat-1 .title {
  background-color: #5d5c5c;
}

.shi-box-2 ul.list-1 li.cat-2 .title {
  background-color: #c1722d;
}

.shi-box-2 ul.list-1 li.cat-3 .title {
  background-color: #c52a7e;
}

.shi-box-2 ul.list-1 li.cat-4 .title {
  background-color: #6d667d;
}

.shi-box-2 ul.list-1 li.cat-5 .title {
  background-color: #839e3e;
}

.shi-box-2 ul.list-1 li.cat-6 .title {
  background-color: #8c6963;
}

.shi-box-2 ul li .link a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 101%;
}

.shi-box-2 ul.list-2 {
  padding-right: 22px;
}

.shi-box-2 ul.list-2 li {
  margin: 0 11px 0 0;
  width: 33.3%;
  max-width: 246px;
  position: relative;
}

.shi-box-2 ul.list-2 li:last-child {
  margin-right: -22px;
}

.shi-box-2 ul.list-2 li .ph {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.shi-box-2 ul.list-2 li .ph::after {
  content: "";
  background: url(../img/contents/shisetsu/shi-bg-1.png) repeat-x left bottom;
  width: 100%;
  height: 84px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.shi-box-2 ul.list-2 li .title {
  padding: 8px 8px 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  color: #fff;
  font-size: 114%;
  text-align: center;
  line-height: 1.2;
}

.shi-box-3 {
  padding: 50px 38px 38px;
}

.shi-box-3 h3 {
  margin-bottom: 10px;
  padding-left: 12px;
  border-left: 6px #358c63 solid;
  line-height: 1.2;
  color: #3b1100;
  font-size: 171%;
}

.shi-box-3 .map {
  margin-bottom: 20px;
}

.shi-box-3 .box-1 {
  margin-bottom: 40px;
  width: 100%;
  padding: 20px;
  background-color: #f7f3e8;
}

.shi-box-3 .box-1 .list-box-1 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.shi-box-3 .box-1 .list-box-1 li {
  margin: 0;
  padding: 0 0 8px;
  vertical-align: middle;
}

.shi-box-3 .box-1 .list-box-1 li i {
  margin-right: 6px;
  font-size: 20px;
  font-size: 2rem;
}

.shi-box-3 .box-1 .list-box-1 li img {
  vertical-align: middle;
  display: inline-block;
}

.shi-box-3 .box-1 .list-box-1 li.list-1 i {
  color: #f6921e;
}

.shi-box-3 .box-1 .list-box-1 li.list-2 i {
  color: #e04119;
}

.shi-box-3 .box-1 .list-box-1 li.list-3 {
  padding-left: 34px;
  position: relative;
}

.shi-box-3 .box-1 .list-box-1 li.list-3 img {
  position: absolute;
  top: 0;
  left: 0;
}

.shi-box-3 .box-1 .list-box-2 {
  margin: 0 0 0 30px;
  padding: 0 0 0 20px;
  border-left: 1px #cbcbcb solid;
  list-style: none;
  float: left;
}

.shi-box-3 .box-1 .list-box-2 li {
  margin: 0;
  padding: 0 0 8px;
  vertical-align: middle;
}

.shi-box-3 .box-1 .list-box-2 li i {
  margin-right: 14px;
}
.shi-box-3 .box-1 .list-box-2 li i img {
  vertical-align: middle;
}

.shi-box-3 .box-2 {
  width: 100%;
  max-width: 800px;
  position: relative;
}

.shi-box-3 .box-2 .box-r {
  width: 246px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.shi-box-3 .box-2 .box-r .list-1 {
  margin: 0 0 40px;
  padding: 0 0 0 20px;
  border-left: 1px #cbcbcb solid;
  list-style: none;
}

.shi-box-3 .box-2 .box-r .list-1 li {
  margin: 0 0 8px;
  padding: 4px 0 4px 40px;
  min-height: 30px;
  position: relative;
}
.shi-box-3 .box-2 .box-r .list-1 li .text-indent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

.shi-box-3 .box-2 .box-r .list-1 li.clm2 {
  padding: 0 0 4px 40px;
}

.shi-box-3 .box-2 .box-r .list-1 li .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.shi-box-3 .box-2 .box-r h4 {
  margin-bottom: 10px;
  font-size: 129%;
  font-weight: normal;
  letter-spacing: -1px;
}

.shi-box-3 .box-2 .box-r .list-2 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-box-3 .box-2 .box-r .list-2 li {
  margin: 0;
  padding: 0;
}

.shi-box-3 .box-2 .box-r .list-2 li a {
  text-decoration: none;
}

.shi-box-3 .box-2 .box-r .list-2 li a:hover,
.shi-box-3 .box-2 .box-r .list-2 li a:focus {
  text-decoration: underline;
}

.shi-box-3 .box-2 .box-r .list-2 li i {
  margin-right: 6px;
  color: #b2b2b2;
}
.shi-box-3 .box-2 .box-r .list-2 li i img {
  vertical-align: middle;
}

.shi-box-3 .box-2 .box-l {
  padding-right: 236px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}

.shi-box-3 .box-2 .box-l .inner {
  width: 100%;
}

.shi-box-3 .box-2 .box-l .box-3 {
  float: left;
  width: 264px;
}

.shi-box-3 .box-2 .box-l .box-4 {
  margin-bottom: 20px;
}

.shi-box-3 .box-2 .box-l .box-4 h4 {
  margin-bottom: 4px;
  font-size: 114%;
  font-weight: normal;
}

.shi-box-3 .box-2 .box-l .box-4 h4 a {
  text-decoration: none;
}

.shi-box-3 .box-2 .box-l .box-4 h4 a:hover,
.shi-box-3 .box-2 .box-l .box-4 h4 a:focus {
  text-decoration: underline;
}

.shi-box-3 .box-2 .box-l .box-4 h4 i {
  margin-right: 4px;
  line-height: 1;
}
.shi-box-3 .box-2 .box-l .box-4 h4 i img {
  vertical-align: middle;
}

.shi-box-3 .box-2 .box-l .box-4 h4 span {
  font-size: 75%;
}

.shi-box-3 .box-2 .box-l .box-4 .text {
  margin: 0 0 4px;
  font-size: 86%;
  width: 206px;
}

.shi-box-3 .box-2 .box-l .box-4 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.shi-box-3 .box-2 .box-l .box-4 ul li {
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
}

.shi-box-3 .box-2 .box-l .box-4 ul li:last-child {
  margin: 0;
}

.shi-box-3 .box-2 .box-l .box-4 ul li .hide {
  opacity: 0.2;
}

.shi-map-btns-wrap {
  margin: 3rem 0;
  max-width: 76rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .shi-map-btns-wrap {
    margin: 1.8rem auto;
  }
}

.shi-map-btns {
  margin: 0 -1rem -2rem;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .shi-map-btns {
    margin: 0 -0.5rem -1rem;
  }
}
.shi-map-btns__btn {
  margin: 0 1rem 2rem;
  padding: 0;
  width: calc(50% - 2rem);
}
@media screen and (max-width: 768px) {
  .shi-map-btns__btn {
    margin: 0 0.5rem 1rem;
    width: calc(50% - 1rem);
  }
}
.shi-map-btns__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 114%;
  width: 100%;
  height: 6rem;
  border-radius: 9999px;
  color: #fff;
  background-color: #1a7c31;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
  .shi-map-btns__btn a {
    height: 3rem;
    font-size: 86%;
  }
}
.shi-map-btns__btn a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .shi-map-btns__btn a:hover {
    opacity: 1;
  }
}

.shi-entry-box .main-image {
  margin-bottom: 18px;
  width: 100%;
  height: 372px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  position: relative;
}

.shi-entry-box .main-image .title {
  padding: 18px 80px 0 38px;
  background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(70%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=1 );
  height: 74px;
  position: absolute;
  bottom: 18px;
  left: 0;
}

.shi-entry-box .main-image .title h2 {
  padding-left: 14px;
  border-left: 6px #ba595f solid;
  color: #fff;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
}

.shi-entry-box .main-image .title h2.title-2 {
  border-left: 6px #1a7c31 solid;
}

.shi-entry-box .main-image.type-1 {
  margin-bottom: 22px;
  height: 408px;
}

.shi-entry-box .main-image .title-1 {
  padding: 0;
  position: absolute;
  bottom: 30px;
  left: 38px;
}

.shi-entry-box .main-image.type-1 .im {
  position: absolute;
  bottom: 18px;
  right: 38px;
}

.shi-entry-box .main-image .kikan {
  position: absolute;
  top: 0;
  right: 0;
}

.shi-entry-box .lead {
  padding: 0 38px 30px;
}

.shi-entry-box .lead .btn {
  margin-top: 14px;
}

.shi-entry-box .lead .btn a {
  display: block;
  width: 204px;
  padding: 10px 0;
  color: #fff;
  background-color: #005980;
  text-decoration: none;
  text-align: center;
}

.shi-entry-box .lead .btn a i {
  margin-right: 4px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.shi-entry-box .lead .btn a i img {
  vertical-align: baseline;
}

.shi-entry-box .lead .btn a.btn-1 {
  background-color: #0075a8;
}

.shi-entry-box-1 {
  margin-bottom: 3px;
  padding: 38px;
  background: url(../img/contents/shisetsu/shi-1-bg-1.gif) repeat left top;
}

.shi-entry-box-1 .title-box {
  margin-bottom: 8px;
  position: relative;
}

.shi-entry-box-1 .title-box h3 {
  margin-right: 66px;
  color: #000;
  font-size: 171%;
  font-weight: normal;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.shi-entry-box-1 .title-box .btn {
  width: 66px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.shi-entry-box-1 .title-box .btn a {
  padding: 4px 8px 4px 0;
  display: block;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 86%;
  text-align: center;
  text-decoration: none;
  position: relative;
}

.shi-entry-box-1 .title-box .btn a::after {
  content: "";
  width: 6px;
  height: 6px;
  background: url(../img/contents/shisetsu/shi-1-icon-1.png) no-repeat left top;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.shi-entry-box-1 .title-box-1 {
  margin-bottom: 28px;
  position: relative;
}

.shi-entry-box-1 .title-box-1.border {
  margin-top: 40px;
  padding-top: 34px;
  border-top: 1px #d2d2d2 solid;
}

.shi-entry-box-1 .title-box-1 h3 {
  margin-right: 102px;
  color: #000;
  font-size: 171%;
  font-weight: normal;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.shi-entry-box-1 .title-box-1 .btn {
  width: 102px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.shi-entry-box-1 .title-box-1.border .btn {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 2;
}

.shi-entry-box-1 .title-box-1 .btn a {
  padding: 4px 0;
  display: block;
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  text-decoration: none;
  position: relative;
}

.shi-entry-box-1 .title-box-1 .btn a i {
  margin-right: 4px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.shi-entry-box-1 .title-box-1 .btn a i img {
  vertical-align: baseline;
}

.shi-entry-box-1 .tab {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: 4px #ba595f solid;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2px;
}

.shi-entry-box-1 .tab li {
  margin: 0;
  padding: 0 0 2px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 56px;
  text-align: center;
  color: #1a1a1a;
  font-size: 114%;
  display: table;
  cursor: pointer;
}

.shi-entry-box-1 .tab li:last-child {
  margin: 0;
}

.shi-entry-box-1 .tab li.active {
  padding: 0;
}

.shi-entry-box-1 .tab li span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  gap: 0 4px;
}

.shi-entry-box-1 .tab li span i {
  width: 14px;
  height: 14px;
  background: url("../img/contents/shisetsu/kog-tab-icon-active.svg") no-repeat center center/contain;
}

.shi-entry-box-1 .tab li.active span {
  color: #fff;
  background-color: #ba595f;
}

.shi-entry-box-1 .tab li.active span i {
  background: url("../img/contents/shisetsu/kog-tab-icon.svg") no-repeat center center/contain;
}

.shi-entry-box-1 .shi-tab-box .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.shi-entry-box-1 .shi-tab-box .list li {
  margin: 0 16px 30px 0;
  padding: 0;
  letter-spacing: normal;
  width: 178px;
  display: inline-block;
  vertical-align: top;
}

.shi-entry-box-1 .shi-tab-box .list li .ph {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.shi-entry-box-1 .shi-tab-box .list li .ph::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.shi-entry-box-1 .shi-tab-box .list li .ph a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shi-entry-box-1 .shi-tab-box .list li .ph a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.shi-entry-box-1 .shi-tab-box .list li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: rgba(96, 56, 19, 0.1);
  font-size: 12px;
  font-size: 1.2rem;
}

.shi-entry-box-1 .shi-tab-box .list li .category span {
  padding: 2px 6px;
  display: inline-block;
}

.shi-entry-box-1 .shi-tab-box .list li h4 {
  font-weight: normal;
  line-height: 1.2;
}

.shi-entry-box-1 .shi-tab-box .list li h4 a {
  text-decoration: none;
}

.shi-entry-box-1 .shi-tab-box .list li h4 a:hover,
.shi-entry-box-1 .shi-tab-box .list li h4 a:focus {
  text-decoration: none;
}

.shi-entry-box-1 .shi-tab-box .list li .date {
  font-size: 10px;
  font-size: 1rem;
}

.shi-entry-box-2 {
  padding: 38px;
  background-color: #f3f0ec;
}

.shi-entry-box-2 .box-1 {
  width: 100%;
}

.shi-entry-box-2 .box-1 .box-l {
  float: left;
}

.shi-entry-box-2 .box-1 .box-l.type-1 {
  float: left;
  width: 100%;
  padding-right: 270px;
}

.shi-entry-box-2 .box-1 .box-l.no-ph {
  float: none;
}

.shi-entry-box-2 .box-1 .box-l .inner {
  margin-bottom: 32px;
}

.shi-entry-box-2 .box-1 .box-l .inner:last-child {
  margin-bottom: 0;
}

.shi-entry-box-2 .box-1 .box-l .inner-2 {
  margin-bottom: 32px;
  padding: 22px 26px;
  border: 1px #e6e0d8 solid;
  background-color: #fff;
}

.shi-entry-box-2 .box-1 .box-l .inner-2 .article {
  width: 100%;
  padding-right: 280px;
  float: left;
}

.shi-entry-box-2 .box-1 .box-l .inner-2 .ph {
  width: 270px;
  margin-left: -270px;
  float: right;
}

.shi-entry-box-2 .box-1 .box-l .inner-2 .text-1 {
  margin-bottom: 10px;
}

.shi-entry-box-2 .box-1 .box-l h3 {
  margin-bottom: 4px;
  color: #000;
  font-size: 129%;
  font-weight: normal;
}

.shi-entry-box-2 .box-1 .box-l h3 i {
  margin-right: 6px;
  font-size: 122%;
  line-height: 1;
}
.shi-entry-box-2 .box-1 .box-l h3 i img {
  vertical-align: middle;
}

.shi-entry-box-2 .box-1 .box-l .text {
  position: relative;
  padding-left: 76px;
}

.shi-entry-box-2 .box-1 .box-l .text .title {
  position: absolute;
  top: 0;
  left: 0;
}

.shi-entry-box-2 .box-1 .box-l .text a {
  color: #009145;
  text-decoration: underline;
}

.shi-entry-box-2 .box-1 .box-l .text a i {
  margin-right: 6px;
  position: relative;
  top: -1px;
  line-height: 1;
}
.shi-entry-box-2 .box-1 .box-l .text a i img {
  vertical-align: baseline;
}

.shi-entry-box-2 .box-1 .box-l .text a:hover,
.shi-entry-box-2 .box-1 .box-l .text a:focus {
  color: #f00;
}

.shi-entry-box-2 .box-1 .ph {
  width: 364px;
  float: left;
  margin-left: 24px;
}

.shi-entry-box-2 .box-2 {
  margin-top: 44px;
  margin-bottom: 24px;
  padding: 22px 26px;
  border: 4px #e6e0d8 solid;
  background-color: #fff;
  width: 100%;
  clear: both;
}

.shi-entry-box-2 .box-2 .box-l {
  width: 330px;
  float: left;
}

.shi-entry-box-2 .box-2 h3 {
  margin-bottom: 4px;
  color: #000;
  font-size: 129%;
  font-weight: normal;
}

.shi-entry-box-2 .box-2 h3 i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-entry-box-2 .box-2 h3 i img {
  vertical-align: baseline;
}

.shi-entry-box-2 .box-2 .box-r {
  width: 210px;
  float: right;
}

.shi-entry-box-2 .box-2 .box-r.type-1 {
  width: 364px;
  float: right;
}

.shi-entry-box-2 .box-2 h4 {
  margin-bottom: 4px;
  color: #000;
  font-weight: normal;
  font-size: 114%;
  line-height: 1.2;
}

.shi-entry-box-2 .box-2 .box-r .text {
  margin-bottom: 4px;
}

#setsubi-icon {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

#setsubi-icon li {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
  position: relative;
  cursor: pointer;
}

#setsubi-icon li:last-child {
  margin: 0;
}

#setsubi-icon li .hide {
  opacity: 0.2;
}

#setsubi-icon .fukidashi {
  display: none;
  position: absolute;
  bottom: -30px;
  right: 0;
  color: #000;
  background-color: #fff5bb;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
}

#setsubi-icon .fukidashi::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff5bb;
  border-left: 4px solid transparent;
}

#setsubi-icon li.active .fukidashi {
  display: block;
}

.shi-entry-box-2 .calendar {
  margin-bottom: 36px;
}

.shi-entry-box-2 .map {
  margin-bottom: 36px;
  border: 2px #fff solid;
}

.shi-entry-box-2 .map iframe {
  width: 100%;
  height: 280px;
  vertical-align: top;
  pointer-events: none;
}

.shi-entry-box-2 .btn {
  font-size: 114%;
  text-align: center;
}

.shi-entry-box-2 .btn a {
  margin-right: 20px;
  padding: 16px 0;
  display: inline-block;
  color: #fff;
  background-color: #ba595f;
  width: 256px;
  text-decoration: none;
  vertical-align: top;
}

.shi-entry-box-2 .btn a:last-child {
  margin-right: 0;
}

.shi-entry-box-2 .btn a.btn-2 {
  padding: 20px 0;
  display: inline-block;
  color: #fff;
  background-color: #1a7c31;
  width: 256px;
  text-decoration: none;
  line-height: 32px;
}

.shi-entry-box-2 .btn a.btn-img {
  padding: 0;
  width: auto;
}

.shi-entry-box-2 img {
  vertical-align: top;
}

.shi-entry-box-2 .btn-1 {
  font-size: 114%;
  text-align: center;
}

.shi-entry-box-2 .btn-1 a {
  padding: 16px 0;
  display: inline-block;
  color: #fff;
  background-color: #1a7c31;
  width: 256px;
  text-decoration: none;
}

.shi-entry-box-1 .shi-tab-box .list-1 {
  width: 100%;
  background-color: #fff;
}

.shi-entry-box-1 .shi-tab-box .list-1 .ph {
  width: 296px;
  float: left;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article {
  margin-left: 296px;
  padding: 20px;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article .category {
  margin-bottom: 6px;
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article .category span {
  padding: 2px 6px;
  display: inline-block;
  background-color: rgba(96, 56, 19, 0.1);
}

.shi-entry-box-1 .shi-tab-box .list-1 .article h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.2;
  color: #1a1a1a;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article h4 a {
  color: #1a1a1a;
  text-decoration: none;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article h4 a:hover,
.shi-entry-box-1 .shi-tab-box .list-1 .article h4 a:focus {
  color: #f00;
  text-decoration: none;
}

.shi-entry-box-1 .shi-tab-box .list-1 .article .date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #1a1a1a;
}

.shi-entry-box-3 {
  padding: 30px 38px;
}

.shi-entry-box-3 h3.title-1 {
  margin-bottom: 14px;
  padding-left: 12px;
  border-left: 6px #ba595f solid;
  line-height: 1.2;
  color: #000;
  font-size: 171%;
}

.shi-entry-box-3 h3.title-2 {
  margin-bottom: 14px;
  line-height: 1.2;
  color: #613535;
  font-size: 157%;
}

.shi-entry-box-3 .text-1 {
  margin-bottom: 14px;
}

.shi-entry-box-3 .list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.shi-entry-box-3 .list li {
  margin: 0 20px 30px 0;
  padding: 0;
  letter-spacing: normal;
  width: 370px;
  display: inline-block;
  vertical-align: top;
}

.shi-entry-box-3 .list li .ph {
  margin-bottom: 6px;
}

.shi-entry-box-3 .list li h4 {
  font-size: 114%;
  color: #000;
  font-weight: normal;
}

.shi-entry-box-3 .list li h4.title-1 {
  font-size: 129%;
}

.shi-entry-box-3 .list li h4 i {
  margin-right: 6px;
  line-height: 1;
}
.shi-entry-box-3 .list li h4 i img {
  vertical-align: middle;
}

.shi-entry-box-3 .list li h4 a {
  color: #000;
  text-decoration: none;
}

.shi-entry-box-3 .list li h4 a:hover,
.shi-entry-box-3 .list li h4 a:focus {
  color: #f00;
  text-decoration: underline;
}

.shi-entry-box-3 .list li .text-2 {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px #dbdbdb solid;
}

.shi-kw-box h4 {
  margin-bottom: 10px;
  padding-left: 14px;
  border-left: 6px rgba(97, 53, 53, 0.8) solid;
  color: #000;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
  vertical-align: middle;
}

.shi-kw-box h4 .icon-1 {
  margin-left: 2px;
  padding: 0 6px;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #f05a24;
  line-height: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}

.shi-kw-box h4 .icon-2 {
  margin-left: 2px;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  background-color: #768e9a;
  width: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}

.shi-kw-box h4 .icon-3 {
  margin-left: 2px;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  background-color: #768e9a;
  width: 28px;
  height: 28px;
  text-align: center;
  position: relative;
  top: -4px;
}

.shi-kw-box h4 .icon-2 i,
.shi-kw-box h4 .icon-3 i {
  margin-right: 1px;
}

.shi-kw-box .box-1 {
  margin-bottom: 22px;
  width: 100%;
}

.shi-kw-box .box-1 .article {
  width: 100%;
  float: left;
  padding-right: 320px;
}

.shi-kw-box .box-1 .ph {
  width: 300px;
  float: right;
  margin-left: -320px;
  position: relative;
  z-index: 2;
}

.shi-kw-box .box-2 {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px #d2d2d2 solid;
}

.shi-kw-box .box-2 dt {
  margin: 0 0 4px;
  width: 40px;
  float: left;
}

.shi-kw-box .box-2 dd {
  margin: 0 0 4px 46px;
}

.shi-kw-box .box-3 {
  padding: 20px 24px;
  border: 6px #ededed solid;
  background-color: #fff;
  position: relative;
}

.shi-kw-box .box-3 h5 {
  margin-bottom: 12px;
  margin-right: 240px;
  color: #000;
  line-height: 1.2;
  font-size: 143%;
  font-weight: normal;
}

.shi-kw-box .box-3 .btn {
  font-size: 114%;
  width: 232px;
  position: absolute;
  right: 22px;
  top: 22px;
}

.shi-kw-box .box-3 .btn a {
  padding: 10px 0;
  width: 100%;
  display: block;
  color: #000;
  background-color: #c4e8b8;
  text-decoration: none;
  text-align: center;
}

.shi-kw-box .box-3 .btn a i {
  margin-right: 8px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-kw-box .box-3 .btn a i img {
  vertical-align: baseline;
}

.shi-kw-box .box-3 .btn-btm {
  display: none;
}

.shi-5-box-1 {
  padding: 0 38px 40px;
}

.shi-5-box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 770px;
}

.shi-5-box-1 ul li {
  margin: 0 10px 10px 0;
  padding: 0;
  float: left;
  position: relative;
  overflow: hidden;
}

.shi-5-box-1 ul li .ph {
  position: relative;
  z-index: 1;
}

.shi-5-box-1 ul li .title {
  position: absolute;
  bottom: 18px;
  left: 20px;
  z-index: 2;
  color: #fff;
  font-size: 114%;
}

.shi-5-box-1 ul li .title i {
  margin-right: 6px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.shi-5-box-1 ul li .title i img {
  vertical-align: baseline;
}

.shi-5-box-1 ul li .link a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  opacity: 0;
  background-color: #fff;
}

.shi-5-box-1 ul li.type-1 {
  width: 502px;
  height: 218px;
}

.shi-5-box-1 ul li.type-2 {
  width: 246px;
  height: 218px;
}

.shi-5-box-1 ul li.type-2 .ph {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -251px;
  width: 502px;
  height: 218px;
}

.shi-5-box-1 ul li.type-3 {
  width: 246px;
  height: 160px;
}

.shi-5-box-1 ul li.type-4 {
  width: 246px;
  height: 75px;
}

.shi-5-box-1 ul li.type-4 .title {
  position: absolute;
  bottom: 24px;
  left: 20px;
  z-index: 2;
  color: #fff;
  font-size: 114%;
}

.shi-5-box-2 {
  margin-bottom: 16px;
  padding: 18px 18px 0 44px;
  width: 760px;
  height: 500px;
  background: url(../img/contents/shisetsu/shi-5-bg-1.png) no-repeat left top;
  position: relative;
}

.shi-5-box-2.kyukanbi {
  padding: 18px 18px 40px;
  display: table;
  width: 760px;
  height: 500px;
}

.shi-5-box-2.kyukanbi .text-kyukan {
  width: 100%;
  height: 100%;
  font-size: 143%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.shi-5-box-2.kyukanbi .text-kyukan span {
  font-size: 80%;
}

.shi-5-box-2.kyukanbi .text-kyukan a {
  color: #4d4d4d;
  text-decoration: underline;
}

.shi-5-box-2.kyukanbi .text-kyukan a:hover,
.shi-5-box-2.kyukanbi .text-kyukan a:focus {
  color: #f00;
  text-decoration: underline;
}

.shi-5-box-2 .kaisaichu,
.shi-5-box-2 .yokoku,
.shi-5-box-2 .shuryo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.shi-5-box-2 .box-l {
  padding-top: 62px;
  width: 372px;
  float: left;
}

.shi-5-box-2 .box-l .bunrui {
  margin-bottom: 6px;
  font-size: 86%;
}

.shi-5-box-2 .box-l .bunrui span {
  margin: 0 2px 2px 0;
  display: inline-block;
  padding: 2px 14px;
  color: #fff;
}

.shi-5-box-2 .box-l .bunrui .bunrui-1 {
  background-color: #4794b5;
}

.shi-5-box-2 .box-l .bunrui .bunrui-2 {
  background-color: #488851;
}

.shi-5-box-2 .box-l .bunrui .bunrui-3 {
  background-color: #c46847;
}

.shi-5-box-2 .box-l .bunrui .bunrui-4 {
  background-color: #808080;
}

.shi-5-box-2 .box-l h4 {
  margin-bottom: 8px;
  color: #000;
  font-size: 171%;
  font-weight: normal;
  line-height: 1.2;
}

.shi-5-box-2 .ph {
  width: 300px;
  height: 430px;
  background-color: #cfd2d3;
  float: right;
  position: relative;
}

.shi-5-box-2 .ph img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.shi-5-box-2 .date {
  margin-bottom: 12px;
  padding: 6px 12px;
  border: 1px #cbcbcb solid;
  color: #333;
}

.shi-5-box-2 .text a {
  color: #009926;
  text-decoration: underline;
}

.shi-5-box-2 .text a:hover,
.shi-5-box-2 .text a:focus {
  color: #f00;
}

.shi-5-box-2 .btn {
  margin-top: 36px;
  text-align: center;
}

.shi-5-box-2 .btn a {
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  width: 178px;
  font-size: 86%;
  color: #fff;
  background-color: #0d203e;
  text-decoration: none;
}

.shi-5-box-2 .btn a i {
  margin-right: 2px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.shi-5-box-2 .btn a i img {
  vertical-align: baseline;
}

.shi-5-box-3 {
  max-width: 780px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.shi-5-box-3 .shi-5-box-2 {
  margin-right: 20px;
  padding: 3px 3px 0 22px;
  width: 370px;
  height: 276px;
  background: url(../img/contents/shisetsu/shi-5-bg-2.png) no-repeat left top;
  position: relative;
}

.shi-5-box-3 .kaisaichu {
  width: 74px;
}

.shi-5-box-3 .yokoku {
  width: 70px;
}

.shi-5-box-3 .shuryo {
  width: 70px;
}

.shi-5-box-3 .shi-5-box-2 .box-l {
  padding-top: 44px;
  width: 156px;
}

.shi-5-box-3 .shi-5-box-2 .box-l .bunrui {
  margin-bottom: 4px;
  font-size: 71%;
}

.shi-5-box-3 .shi-5-box-2 .box-l .bunrui span {
  padding: 2px 6px;
}

.shi-5-box-3 .shi-5-box-2 .box-l h4 {
  margin-bottom: 6px;
  font-size: 100%;
}

.shi-5-box-3 .shi-5-box-2 .ph {
  width: 180px;
  height: 256px;
}

.shi-5-box-3 .shi-5-box-2 .date {
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #000;
  font-size: 71%;
}

.shi-5-box-3 .shi-5-box-2 .btn {
  margin-top: 36px;
  text-align: center;
}

.shi-5-box-3 .shi-5-box-2 .btn a {
  padding: 4px 0;
  width: 144px;
  color: #0d203e;
  background-color: #f1f1f1;
}

.shi-5-box-4 {
  padding: 46px 38px 56px;
}

.shi-5-box-4 h3 {
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 6px #af792c solid;
  line-height: 1.2;
  color: #000;
  font-size: 171%;
  font-weight: normal;
}

.shi-5-box-4 > .text-1 {
  margin-bottom: 10px;
}

.shi-5-box-4 > .text-2 {
  margin-bottom: 26px;
}

.shi-5-box-4 > .text-2 span {
  font-size: 86%;
}

.shi-5-box-4 .list {
  margin: 0 0 10px;
  padding: 14px 16px;
  background-color: #f1f1f1;
}

.shi-5-box-4 .list li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.shi-5-box-4 .list-2 {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-5-box-4 .list-2 li {
  margin: 0 13px 14px 0;
  padding: 0;
  float: left;
  width: 180px;
}

.shi-5-box-4 .list-2 li:last-child {
  margin: 0 0 14px 0;
}

.shi-5-box-4 .list-2 li .ph {
  margin-bottom: 6px;
  background-color: #e5e5e5;
  text-align: center;
}

.shi-5-box-4 .list-2 li .title {
  color: #000;
  font-size: 86%;
}

.shi-5-box-4 .list-2 li .text {
  font-size: 86%;
}

.shi-5-box-4 .list-3 {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 760px;
}

.shi-5-box-4 .list-3 li {
  margin: 0 13px 14px 0;
  padding: 0;
  float: left;
  width: 180px;
  height: 72px;
  font-size: 129%;
  line-height: 1.2;
}

.shi-5-box-4 .list-3 li:nth-child(4n) {
  margin: 0 0 14px 0;
}

.shi-5-box-4 .list-3 li a {
  display: table;
  width: 180px;
  height: 72px;
  color: #4d4d4d;
  background-color: #f1f1f1;
  text-decoration: none;
}

.shi-5-box-4 .list-3 li a span {
  display: table-cell;
  padding: 0 20px 0 44px;
  vertical-align: middle;
  position: relative;
}

.shi-5-box-4 .list-3 li a span::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../img/contents/shisetsu/shi-btn-icon.svg") no-repeat center center/16px auto;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.shi-5-box-4 .list-3 li a:hover,
.shi-5-box-4 .list-3 li a:focus {
  color: #af792c;
}

.shi-5-box-4 .list-3 li a:hover span::before,
.shi-5-box-4 .list-3 li a:focus span::before {
  background: url("../img/contents/shisetsu/shi-btn-icon-active.svg") no-repeat center center/16px auto;
}

.shi-5-box-4 .btn {
  margin: 22px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
  letter-spacing: -0.4em;
}

.shi-5-box-4 .btn li {
  margin: 0 18px 0 0;
  padding: 0;
  display: inline-block;
  letter-spacing: normal;
}

.shi-5-box-4 .btn li:last-child {
  margin: 0;
}

.shi-5-box-4 .btn li a {
  display: block;
  width: 306px;
  padding: 18px 0;
  color: #fff;
  background-color: #af792c;
  font-size: 114%;
  text-decoration: none;
}

.shi-5-box-4 .btn li a i {
  margin-right: 4px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-5-box-4 .btn li a i img {
  vertical-align: baseline;
}

.shi-sns-box {
  padding: 20px 38px 64px;
}

.shi-sns-box ul {
  margin: 0 auto;
  padding: 0 40px 0 0;
  list-style: none;
  max-width: 760px;
}

.shi-sns-box ul li {
  margin: 0 20px 0 0;
  padding: 0;
  width: 33.3%;
  max-width: 240px;
  text-align: center;
  float: left;
}

.shi-sns-box ul li:last-child {
  margin: 0 -40px 0 0;
}

.shi-sns-box ul li a {
  display: block;
  padding: 32px 0;
}

.shi-sns-box ul li.facebook a {
  background-color: #3b5998;
}

.shi-sns-box ul li.twitter a {
  background-color: #55acee;
}

.shi-sns-box ul li.sapporosansaku a {
  padding: 30px 0;
  border: 2px #d4d4d4 solid;
}

.shi-entry-box-1 .pickup {
  margin-bottom: 16px;
}

.shi-entry-box-1 .pickup span {
  padding: 6px 10px;
  display: inline-block;
  color: #fff;
  background-color: #4d4d4d;
}

.shi-6-list-1 {
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -0.4em;
}

.shi-6-list-1 li {
  margin: 0 20px 20px 0;
  padding: 0;
  width: 240px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  background-color: #fff;
}

.shi-6-list-1 li .ph {
  width: 100%;
  height: 158px;
  overflow: hidden;
  position: relative;
  background-color: #989898;
}

.shi-6-list-1 li .ph img {
  max-width: none;
  width: auto;
  height: 158px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.shi-6-list-1 li .article {
  padding: 14px 18px;
}

.shi-6-list-1 li h3 {
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.shi-6-btn-1 {
  margin-top: 10px;
}

.shi-6-btn-1 a {
  display: inline-block;
  padding: 10px 24px;
  font-size: 129%;
  color: #fff;
  background-color: #1a7c31;
  text-decoration: none;
}

.shi-6-btn-1 a i {
  margin-right: 6px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.shi-6-btn-1 a i img {
  vertical-align: baseline;
}

.shi-entry-box-4 {
  padding: 38px;
}

.shi-entry-box-4 h3 {
  margin-bottom: 18px;
  padding-left: 28px;
  color: #000;
  font-size: 171%;
  font-weight: normal;
  line-height: 1.2;
}

.shi-entry-box-4 h3.title-1 {
  background: url(../img/contents/shisetsu/shi-6-icon-1.gif) no-repeat 0 4px;
}

.shi-entry-box-4 h3.title-2 {
  background: url(../img/contents/shisetsu/shi-6-icon-2.gif) no-repeat 0 4px;
}

.shi-entry-box-4 h3.mtop {
  margin-top: 46px;
}

.shi-entry-box-4 h3 span {
  font-size: 67%;
}

.shi-entry-box-4 h4 {
  margin-bottom: 8px;
  font-size: 143%;
  font-weight: normal;
  line-height: 1.2;
}

.shi-entry-box-4 h4.title-1 {
  margin-bottom: 10px;
  padding-left: 6px;
  border-left: 6px #1a7c31 solid;
  font-size: 114%;
  font-weight: bold;
}

.shi-entry-box-4 .text-1 {
  margin-bottom: 8px;
}

.shi-entry-box-4 .text-2 {
  margin-bottom: 14px;
}

.shi-entry-box-4 .list-1 {
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

.shi-entry-box-4 .list-1 li {
  margin: 0 12px 0 0;
  padding: 0;
  float: left;
  width: 244px;
}

.shi-entry-box-4 .list-1 li:last-child {
  margin: 0;
}

.shi-entry-box-4 .box-1 {
  margin-bottom: 20px;
  padding: 22px 24px;
  border: 5px #ede1d2 solid;
}

.shi-entry-box-4 .box-1 h5 {
  font-size: 114%;
}

.shi-entry-box-4 .box-1 .ph {
  float: right;
  margin-left: -240px;
}

.shi-entry-box-4 .box-1 .text {
  float: left;
  width: 100%;
  padding-right: 250px;
}

.shi-entry-box-4 .box-2 {
  margin-bottom: 20px;
}

.shi-entry-box-4 .box-2 .ph {
  float: right;
  width: 280px;
  margin-left: -280px;
  padding-top: 38px;
}

.shi-entry-box-4 .box-2 .box-l {
  float: left;
  width: 100%;
  padding-right: 310px;
}

.shi-entry-box-4 .box-2 .box-l .tbl-1 {
  border-top: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  max-width: 444px;
  width: 100%;
}

.shi-entry-box-4 .box-2 .box-l .tbl-1 th,
.shi-entry-box-4 .box-2 .box-l .tbl-1 td {
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  padding: 4px;
  text-align: center;
}

.shi-entry-box-4 .box-2 .box-l .tbl-1 th {
  font-weight: bold;
}

.shi-entry-box-4 .box-3 {
  padding: 16px 20px;
  background-color: #f3f3f3;
}

.shi-entry-box-4 .box-3 h4 {
  margin-bottom: 10px;
  font-size: 129%;
  font-weight: normal;
  line-height: 1.2;
  color: #000;
}

.shi-entry-box-4 .box-3 h4 i {
  margin-right: 6px;
  font-size: 23px;
  font-size: 2.3rem;
}

.shi-entry-box-4 .box-3 .box {
  width: 50%;
  float: left;
}

.shi-entry-box-4 .box-3 .box h5 {
  color: #000;
  font-size: 114%;
}

.shi-entry-box-4 .box-3 .box-l {
  padding-right: 18px;
  border-right: 1px #c9c9c9 solid;
}

.shi-entry-box-4 .box-3 .box-r {
  margin-left: -1px;
  padding-left: 18px;
  border-left: 1px #c9c9c9 solid;
}
.shi-entry-box-4 .box-3 .box-r p a.groupLink {
  color: #009145;
  text-decoration: underline;
}

.shi-entry-box .main-image-1 {
  margin: 0 38px 14px;
  height: 220px;
  position: relative;
  margin-bottom: 18px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.shi-entry-box .main-image-1 .title {
  width: 210px;
  height: 220px;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  background-color: #cc6a5d;
}

.shi-entry-box .main-image-1 .title-1 {
  background-color: #000;
}

.shi-entry-box .main-image-1 .title h2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 171%;
  font-weight: normal;
}

.shi-kashikobo-box-1 {
  padding: 0 38px 30px;
}

.shi-kashikobo-box-1 .list-1 {
  margin: 0 0 36px;
  padding: 0;
  list-style: none;
}

.shi-kashikobo-box-1 .list-1 li {
  margin: 0 14px 0 0;
  padding: 0;
  width: 244px;
  float: left;
}

.shi-kashikobo-box-1 .list-1 li:last-child {
  margin: 0;
}

.shi-kashikobo-box-1 .list-1 li .ph {
  margin-bottom: 6px;
}

.shi-kashikobo-box-1 .box-1 {
  margin-bottom: 30px;
}

.shi-kashikobo-box-1 .free-box {
  margin-bottom: 30px;
}

.shi-kashikobo-box-1 .tbl-1 {
  width: 100%;
  height: auto;
  padding-right: 4px;
  overflow: hidden;
}

.shi-kashikobo-box-1 .tbl-1 .box {
  float: left;
  width: 50%;
  margin-right: 4px;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  background-color: #f3f0ec;
}

.shi-kashikobo-box-1 .tbl-1 .box:last-child {
  margin-right: -4px;
}

.shi-kashikobo-box-1 .tbl-1 .box .title {
  border-bottom: 4px #fff solid;
  padding: 10px;
  color: #3b1100;
  font-size: 129%;
  text-align: center;
}

.shi-kashikobo-box-1 .tbl-1 .title-1 {
  background-color: #d1dbdd;
}

.shi-kashikobo-box-1 .tbl-1 .title-2 {
  background-color: #ded6d2;
}

.shi-kashikobo-box-1 .tbl-1 .article {
  padding: 10px;
}

.shi-title-box-1 {
  padding: 16px 38px;
  background: url(../img/contents/shisetsu/shi-bg-title-box-1.jpg) repeat left top;
}

.shi-title-box-1 h3 {
  border-left: 6px #3b1100 solid;
  padding-left: 12px;
  font-size: 171%;
  color: #3b1100;
  font-weight: normal;
  line-height: 1.2;
}

.shi-kashikobo-box-2 {
  padding: 30px 38px;
}

.shi-kashikobo-box-2.ptop {
  padding: 0 38px 30px;
}

.shi-kashikobo-box-2 h4 {
  margin-bottom: 8px;
  font-size: 129%;
  color: #000;
  font-weight: normal;
}

.shi-kashikobo-box-2 h4 i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-kashikobo-box-2 h4 i img {
  vertical-align: baseline;
}

.shi-kashikobo-box-2 h4.type-1 i {
  font-size: 23px;
  font-size: 2.3rem;
}

.shi-kashikobo-box-2 .text-1 {
  margin-bottom: 30px;
}

.shi-kashikobo-box-2 .box-1 {
  border: 3px #e5e5e5 solid;
  margin-bottom: 30px;
}

.shi-kashikobo-box-2 .box-1 .tbl-1 {
  border-top: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  width: 100%;
  table-layout: fixed;
}

.shi-kashikobo-box-2 .box-1 .tbl-1 th,
.shi-kashikobo-box-2 .box-1 .tbl-1 td {
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  padding: 8px 16px;
}

.shi-kashikobo-box-2 .box-1 .tbl-1 th {
  color: #000;
  background-color: #fafafa;
}

.shi-kashikobo-box-2 .box-1 .tbl-1 th span {
  font-weight: normal;
  color: #4d4d4d;
  font-size: 86%;
}

.shi-kashikobo-box-2 .box-2 {
  padding-right: 24px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px #e5e5e5 solid;
}

.shi-kashikobo-box-2 .box-2 .box {
  margin-right: 24px;
  width: 50%;
  float: left;
}

.shi-kashikobo-box-2 .box-2 .box:last-child {
  margin-right: -24px;
}

.shi-kashikobo-box-2 .box-2 .box h5 {
  margin-bottom: 14px;
  padding: 14px 20px;
  line-height: 1.2;
  color: #3b1100;
  background-color: #f3f0ec;
  font-size: 129%;
  font-weight: normal;
}

.shi-kashikobo-box-2 .box-2 .box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-kashikobo-box-2 .box-2 .box ul li {
  margin: 0 0 24px;
  padding: 0 0 0 22px;
  position: relative;
  color: #1a1a1a;
  font-size: 114%;
  line-height: 1.2;
}

.shi-kashikobo-box-2 .box-2 .box ul li::before {
  content: "";
  width: 7px;
  height: 24px;
  background-color: #7ba9bd;
  position: absolute;
  top: 0;
  left: 0;
}

.shi-kashikobo-box-2 .box-2 .box ul li span {
  color: #666;
  font-size: 75%;
}

.shi-kashikobo-box-2 .link {
  margin-bottom: 20px;
}

.shi-kashikobo-box-2 .link a {
  color: #c0272d;
  text-decoration: underline;
}

.shi-kashikobo-box-2 .link a:hover,
.shi-kashikobo-box-2 .link a:focus {
  color: #f00;
}

.shi-kashikobo-box-2 .link a i {
  margin-right: 6px;
  font-size: 18px;
  font-size: 1.8rem;
}

.shi-kashikobo-box-2 .box-3 {
  margin-top: 44px;
  margin-bottom: 24px;
  padding: 22px 26px;
  border: 4px #e5e5e5 solid;
  background-color: #fff;
  width: 100%;
  clear: both;
}

.shi-kashikobo-box-2 .box-3 .box-l {
  width: 330px;
  float: left;
}

.shi-kashikobo-box-2 .box-3 h3 {
  margin-bottom: 4px;
  color: #000;
  font-size: 129%;
  font-weight: normal;
}

.shi-kashikobo-box-2 .box-3 h3 i {
  margin-right: 6px;
  font-size: 22px;
  font-size: 2.2rem;
}

.shi-kashikobo-box-2 .box-3 .text-2 {
  padding-left: 1em;
  position: relative;
}

.shi-kashikobo-box-2 .box-3 .text-2::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 11px;
  left: 6px;
}

.shi-kashikobo-box-2 .box-3 .text-3 {
  margin-top: 4px;
  font-size: 86%;
  color: #666;
}

.shi-kashikobo-box-2 .box-3 .box-r {
  width: 210px;
  float: right;
}

.shi-kashikobo-box-2 .box-3 .box-r.type-1 {
  width: 364px;
  float: right;
}

.shi-kashikobo-box-2 .box-3 h4 {
  margin-bottom: 8px;
  color: #000;
  font-weight: normal;
  font-size: 114%;
  line-height: 1.2;
}

.shi-kashikobo-box-2 .box-3 .box-r .text {
  margin-bottom: 4px;
}

.shi-kashikobo-box-2 .box-3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.shi-kashikobo-box-2 .box-3 ul li {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
}

.shi-kashikobo-box-2 .box-3 ul li:last-child {
  margin: 0;
}

.shi-kashikobo-box-2 .box-3 ul li .hide {
  opacity: 0.2;
}

.shi-kashikobo-box-2 .text-box {
  padding: 16px 20px;
  width: 100%;
  height: 260px;
  overflow: auto;
  background-color: #f5f5f5;
}

.shi-kashikobo-box-2 .text-2 {
  margin-bottom: 30px;
}

.shi-kashikobo-box-2 .text-1 {
  font-size: 143%;
  text-align: center;
}

.shi-kashikobo-box-2 .text-btm {
  margin-top: 20px;
}

.shi-btn {
  margin-top: 50px;
  font-size: 114%;
  text-align: center;
}

.shi-btn.type-1 {
  margin-top: 20px;
}

.shi-btn a {
  margin-right: 20px;
  padding: 16px 0;
  display: inline-block;
  color: #fff;
  background-color: #337a99;
  width: 256px;
  text-decoration: none;
  vertical-align: top;
}

.shi-btn a.btn-1 {
  background-color: #717171;
}

.shi-btn a:last-child {
  margin-right: 0;
}

.shi-kashishisetsu-box-1 {
  padding: 0 38px 50px;
}

.shi-kashishisetsu-box-1 h3 {
  margin-bottom: 10px;
  color: #000;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.shi-kashishisetsu-box-1 ul.list-1 {
  margin: 0;
  padding: 0 20px 0 0;
  list-style: none;
}

.shi-kashishisetsu-box-1 ul.list-1 li {
  margin: 0 20px 20px 0;
  padding: 0;
  width: 50%;
  height: 90px;
  float: left;
  font-size: 143%;
}

.shi-kashishisetsu-box-1 ul.list-1 li:nth-child(even) {
  margin: 0 -20px 20px 0;
  padding: 0;
  letter-spacing: normal;
}

.shi-kashishisetsu-box-1 ul.list-1 li a {
  display: table;
  color: #000;
  background-color: #f3f0ec;
  width: 100%;
  height: 90px;
  text-decoration: none;
}

.shi-kashishisetsu-box-1 ul.list-1 li a span {
  display: table-cell;
  padding: 0 30px;
  vertical-align: middle;
}

.shi-kashishisetsu-box-1 ul.list-1 li a span i {
  color: #005980;
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-kashishisetsu-box-1 ul.list-1 li a span i img {
  vertical-align: baseline;
}

.shi-kashishisetsu-title-1 {
  margin: 0 38px 10px;
  color: #000;
  font-size: 157%;
  font-weight: normal;
}

.shi-kashishisetsu-title-2 {
  margin-bottom: 20px;
  padding: 12px 38px;
  background-color: #dbe8ed;
}

.shi-kashishisetsu-title-2 h4 {
  border-left: 6px #005980 solid;
  padding-left: 14px;
  color: #000;
  font-size: 186%;
  font-weight: normal;
  line-height: 1.2;
}

.shi-kashishisetsu-box-2 {
  padding: 0 38px;
}

.shi-kashishisetsu-box-2 .box-1 {
  position: relative;
  min-height: 320px;
  margin-bottom: 30px;
}

.shi-kashishisetsu-box-2 .box-1.no-ph-box {
  min-height: 0;
}

.shi-kashishisetsu-box-2 .box-1 .text-1 {
  margin-right: 396px;
}

.shi-kashishisetsu-box-2 .box-1 .text-1 .top {
  margin-bottom: 20px;
}

.shi-kashishisetsu-box-2 .box-1 .text-2 {
  margin-right: 396px;
}

.shi-kashishisetsu-box-2 .box-1 .ph-box {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 370px;
}

.shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_img img {
  width: 100%;
  height: auto;
}

.shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav {
  background-color: #f5f5f5;
}

.shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav div {
  cursor: pointer;
  position: relative;
}

.shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav .slick-current:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 5px #0080b8 solid;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.shi-kashishisetsu-box-2 .box-2 h5 {
  margin-bottom: 14px;
  color: #000;
  font-size: 129%;
  font-weight: normal;
  line-height: 1.2;
}

.shi-kashishisetsu-box-2 .box-2 h5 i {
  margin-right: 6px;
}

.shi-kashishisetsu-box-2 .box-2 {
  margin-bottom: 20px;
}

.shi-kashishisetsu-box-2 .box-2 .box {
  margin-bottom: 4px;
  border: 3px #e5e5e5 solid;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 {
  border-top: 1px #e5e5e5 solid;
  border-left: 1px #e5e5e5 solid;
  width: 100%;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th,
.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 td {
  padding: 10px;
  border-right: 1px #e5e5e5 solid;
  border-bottom: 1px #e5e5e5 solid;
  text-align: center;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th {
  color: #000;
  background-color: #fafafa;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th span {
  font-size: 86%;
  color: #4d4d4d;
  font-weight: normal;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th.title-1 {
  color: #4d4d4d;
  font-weight: normal;
}

.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th .small,
.shi-kashishisetsu-box-2 .box-2 .box .tbl-1 td .small {
  font-size: 86%;
}

.shi-kashishisetsu-box-2 .box-2 ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shi-kashishisetsu-box-2 .box-2 ul.list li {
  margin: 0 0 24px;
  padding: 0 0 0 22px;
  position: relative;
  color: #1a1a1a;
  font-size: 114%;
  line-height: 1.2;
}

.shi-kashishisetsu-box-2 .box-2 ul.list li::before {
  content: "";
  width: 7px;
  height: 24px;
  background-color: #7ba9bd;
  position: absolute;
  top: 0;
  left: 0;
}

.shi-kashishisetsu-box-2 .box-2 ul.list li span {
  color: #666;
  font-size: 75%;
}

.shi-kashishisetsu-box-2 .box-2 ul.list li a {
  color: #0071bb;
  text-decoration: underline;
}

.shi-kashikobo-box-2 .link a:hover,
.shi-kashikobo-box-2 .link a:focus {
  color: #f00;
}

.shi-kashishisetsu-box-2 .box-2 .text-2 {
  color: #666;
  font-size: 86%;
}

.shi-kashishisetsu-box-2 .box-3 {
  margin-top: 44px;
  margin-bottom: 44px;
  padding: 22px 26px;
  border: 4px #5a94ad solid;
  background-color: #fff;
  width: 100%;
  clear: both;
}

.shi-kashishisetsu-box-2 .box-3 .box-l {
  float: left;
  width: 100%;
  padding-right: 220px;
}

.shi-kashishisetsu-box-2 .box-3 h3 {
  margin-bottom: 4px;
  color: #000;
  font-size: 129%;
  font-weight: normal;
}

.shi-kashishisetsu-box-2 .box-3 h3 i {
  margin-right: 6px;
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
  top: 2px;
  line-height: 1;
}
.shi-kashishisetsu-box-2 .box-3 h3 i img {
  vertical-align: baseline;
}

.shi-kashishisetsu-box-2 .box-3 .text-1 {
  font-size: 86%;
}

.shi-kashishisetsu-box-2 .box-3 .text-2 {
  padding-left: 1em;
  position: relative;
}

.shi-kashishisetsu-box-2 .box-3 .text-2::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 11px;
  left: 6px;
}

.shi-kashishisetsu-box-2 .box-3 .text-3 {
  margin-top: 4px;
  font-size: 86%;
  color: #666;
}

.shi-kashishisetsu-box-2 .box-3 .text-obi {
  margin-bottom: 6px;
  padding: 10px 14px;
  color: #000;
  background-color: #f3f0ec;
  line-height: 1.2;
  font-size: 114%;
  font-weight: bold;
}

.shi-kashishisetsu-box-2 .box-3 .box-r {
  margin-left: -210px;
  width: 210px;
  float: right;
}

.shi-kashishisetsu-box-2 .box-3 .box-r.type-1 {
  width: 364px;
  float: right;
}

.shi-kashishisetsu-box-2 .box-3 h4 {
  margin-bottom: 8px;
  color: #000;
  font-weight: normal;
  font-size: 114%;
  line-height: 1.2;
}

.shi-kashishisetsu-box-2 .box-3 .box-r .text {
  margin-bottom: 4px;
}

.shi-kashishisetsu-box-2 .box-3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.shi-kashishisetsu-box-2 .box-3 ul li {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
}

.shi-kashishisetsu-box-2 .box-3 ul li:last-child {
  margin: 0;
}

.shi-kashishisetsu-box-2 .box-3 ul li .hide {
  opacity: 0.2;
}

.shi-kashishisetsu-box-2 .box-4 {
  margin-bottom: 20px;
}

.shi-kashishisetsu-box-2 .box-4 h5 {
  margin-bottom: 12px;
  padding: 10px 22px;
  color: #000;
  background-color: #f3f0ec;
  line-height: 1.2;
  font-size: 129%;
  font-weight: bold;
}

.nat-box-1 {
  border-bottom: 1px #cbcbcb solid;
  padding: 0 38px 52px;
}

.nat-box-1 .main-image {
  margin-bottom: 6px;
  text-align: center;
}

.nat-box-1 .text-1 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 86%;
}

.nat-box-1 .list-1 {
  margin: 0 auto;
  padding: 0 24px 0 0;
  list-style: none;
  max-width: 760px;
}

.nat-box-1 .list-1 li {
  margin: 0 8px 0 0;
  padding: 0;
  float: left;
  max-width: 184px;
  width: 25%;
}

.nat-box-1 .list-1 li:last-child {
  margin: 0 -24px 0 0;
  padding: 0;
  float: left;
}

.nat-box-2 {
  min-height: 794px;
  border-top: 4px #ebebeb solid;
  padding: 30px 38px;
  background: #f5f5f5 url(../img/contents/shisetsu/nat-bg-1.jpg) no-repeat center bottom;
}

.nat-box-2 h3 {
  margin-bottom: 16px;
  text-align: center;
}

.nat-box-2 .text-1 {
  margin-bottom: 40px;
  font-size: 86%;
  text-align: center;
}

.nat-box-2 .list-1 {
  margin: 0;
  padding: 0;
  border-top: 1px #e1e1e1 solid;
  list-style: none;
}

.nat-box-2 .list-1 li {
  margin: 0;
  padding: 0;
  border-bottom: 1px #e1e1e1 solid;
  font-size: 114%;
  background: url(../img/contents/shisetsu/nat-icon-map.png) no-repeat 16px center;
}

.nat-box-2 .list-1 li a {
  display: block;
  padding: 24px 20px 24px 52px;
  color: #000;
  text-decoration: none;
  position: relative;
}

.nat-box-2 .list-1 li:nth-child(odd) {
  background-color: #fff;
}

.nat-box-2 .list-1 li:nth-child(even) {
  background-color: #f5f5f5;
}

.nat-box-2 .list-1 li a::after {
  content: "";
  width: 8px;
  height: 12px;
  background: url(../img/contents/shisetsu/nat-icon-1.png) no-repeat left top;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}

/* restaurant-cafe */
.res-box-1 {
  padding: 0 38px 46px;
}

.res-box-1.border {
  border-top: 1px #e5e5e5 solid;
  padding: 50px 38px 46px;
}

.res-box-1 .title-box-1 {
  padding: 18px 0;
  border-top: 2px #efede2 solid;
}

.res-box-1 .title-box-1 h2 {
  padding: 0 0 0 10px;
  border-left: 8px #553445 solid;
  color: #553445;
  font-size: 157%;
  font-weight: normal;
  line-height: 1.2;
}

.res-box-1 .main-image {
  margin: 0 auto 34px;
  width: 760px;
  position: relative;
}

.res-box-1 .main-image h3 {
  width: 270px;
  height: 166px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
}

.res-box-1 .main-image .ph {
  position: relative;
  z-index: 1;
}

.res-box-1 h3.title-1,
.res-box-1 h4.title-1 {
  margin-bottom: 6px;
  color: #553445;
  font-size: 214%;
  font-weight: normal;
  line-height: 1.2;
}

.res-box-1 h3.title-1 span,
.res-box-1 h4.title-1 span {
  font-size: 47%;
}

.res-box-1 > .text-1 {
  margin-bottom: 20px;
}

.res-box-1 .list-1 {
  margin: 0 0 46px;
  padding: 0;
  list-style: none;
  width: 760px;
}

.res-box-1 .list-1 li {
  margin: 0 14px 0 0;
  padding: 0;
  width: 244px;
  float: left;
}

.res-box-1 .list-1 li:last-child {
  margin: 0;
}

.res-box-1 .list-1 li .ph {
  margin-bottom: 8px;
}

.res-box-1 .list-1 li .text {
  font-size: 86%;
}

.res-box-1 .title-box-2 {
  margin-bottom: 18px;
  padding: 14px 0 14px 16px;
  border-top: 1px #d2d2d2 solid;
  border-bottom: 1px #d2d2d2 solid;
}

.res-box-1 .title-box-2 h4 {
  padding-right: 100px;
  width: 100%;
  float: left;
  color: #553445;
  font-size: 129%;
  line-height: 1.2;
}

.res-box-1 .title-box-2 h4 i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.res-box-1 .title-box-2 h4 i img {
  vertical-align: baseline;
}

.res-box-1 .title-box-2 .btn {
  margin-top: 0;
  margin-left: -92px;
  width: 92px;
  float: right;
}

.res-box-1 .title-box-2 .btn a {
  padding: 4px 0;
  display: block;
  color: #553445;
  background-color: #f3f0ec;
  font-size: 86%;
  text-align: center;
  text-decoration: none;
}

.res-box-1 .news-list {
  margin: 0 0 40px;
}

.res-box-1 .news-list dt {
  clear: left;
  padding: 0 0 8px;
  float: left;
  width: 90px;
}

.res-box-1 .news-list dd {
  margin-left: 100px;
  padding: 0 0 8px;
}

.res-box-1 .title-2 {
  margin-bottom: 18px;
  padding: 8px 14px;
  color: #553445;
  background-color: #f3f0ec;
  font-size: 129%;
  font-weight: normal;
}

.res-box-1 .title-2 i {
  margin-right: 6px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.res-box-1 .title-2 i img {
  vertical-align: baseline;
}

.res-box-1 .box-1 {
  margin-bottom: 36px;
}

.res-box-1 .box-1 .box-l {
  width: 100%;
  padding-right: 176px;
  float: left;
}

.res-box-1 .box-1 .box-r {
  width: 166px;
  margin-left: -166px;
  float: right;
}

.res-box-1 .box-1.type-1 .box-l {
  padding-right: 210px;
}

.res-box-1 .box-1.type-1 .box-r {
  width: 200px;
  margin-left: -200px;
}

.res-box-1 .box-1 h5 {
  margin-bottom: 6px;
  font-size: 143%;
  color: #553445;
  line-height: 1.2;
  font-weight: normal;
}

.res-box-1 .box-1 h5 span {
  font-size: 60%;
}

.res-box-1 .box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.res-box-1 .box-1 ul li {
  margin: 0;
  padding: 0 0 8px;
}

.res-box-1 .box-1 .tbl-1 td {
  padding: 0 24px;
}

.res-box-1 .box-1 .tbl-1 td.line {
  border-left: 1px #d2d2d2 solid;
}

.res-box-1 .box-2 {
  padding: 26px 10px 26px 26px;
  border: 8px #f3f0ec solid;
}

.res-box-1 .box-2 .box-l {
  width: 100%;
  float: left;
  padding-right: 224px;
}

.res-box-1 .box-2 .box-l h5 {
  margin-bottom: 8px;
  color: #553445;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.res-box-1 .box-2 .box-l h5 span {
  font-size: 60%;
}

.res-box-1 .box-2 .box-l dt {
  clear: left;
  padding-bottom: 6px;
  width: 90px;
  float: left;
}

.res-box-1 .box-2 .box-l dt i {
  margin-right: 4px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.res-box-1 .box-2 .box-l dt i img {
  vertical-align: baseline;
}

.res-box-1 .box-2 .box-l dd {
  margin-left: 92px;
  padding-bottom: 6px;
}

.res-box-1 .box-2 .box-r {
  width: 214px;
  float: right;
  margin-left: -214px;
}

.res-box-1 .box-3 {
  margin-bottom: 20px;
  padding-top: 26px;
  border-top: 1px #d2d2d2 solid;
}

.res-box-1 .box-3 ul {
  margin: 0;
  padding: 0 16px 0 0;
  list-style: none;
}

.res-box-1 .box-3 ul li {
  margin: 0 16px 0 0;
  padding: 0 0 26px;
  width: 50%;
  float: left;
}

.res-box-1 .box-3 ul li:nth-child(even) {
  margin: 0 -16px 0 0;
}

.res-box-1 .box-3 ul li .ph {
  margin-bottom: 4px;
}

.res-box-1 .box-3 ul li .title {
  margin-bottom: 4px;
  font-size: 129%;
  line-height: 1.2;
}

.res-box-1 .border {
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px #d2d2d2 solid;
}

.res-box-1 h5.title-1 {
  margin-bottom: 6px;
  color: #553445;
  font-size: 114%;
  font-weight: normal;
}

.res-box-1 h5.title-1::before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #bbadb3;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 4px;
}

.res-box-1 h5.title-3 {
  margin-bottom: 6px;
  color: #553445;
  font-size: 143%;
  font-weight: normal;
}

.res-box-1 h5.title-3 span {
  color: #4d4d4d;
  font-size: 70%;
}

.res-box-1 .btn {
  margin-top: 10px;
}

.res-box-1 .btn.type-1 {
  margin-top: 0;
  text-align: center;
}

.res-box-1 .btn a {
  padding: 8px 24px;
  display: inline-block;
  color: #fff;
  background-color: #a3573b;
  text-decoration: none;
}

.res-box-1 .btn a i {
  margin-right: 6px;
}

.res-box-1 .btn a.btn-1 {
  padding: 14px 30px;
  display: inline-block;
  color: #fff;
  background-color: #ffa924;
  text-decoration: none;
}

.res-box-1 .btn a.btn-2 {
  padding: 14px 30px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.res-box-1 .fukidashi {
  margin-top: 20px;
  padding: 16px 18px;
  border: 3px #ffd491 solid;
  position: relative;
  text-align: center;
}

.res-box-1 .fukidashi::before {
  content: "";
  width: 18px;
  height: 14px;
  background: url(../img/contents/museum-shop/mus-icon-fukidashi.gif) no-repeat left top;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: auto;
}

.bes-box-1 {
  padding-right: 20px;
  letter-spacing: -0.4em;
}

.bes-box-1 .box {
  margin: 0 20px 20px 0;
  width: 50%;
  display: inline-block;
  letter-spacing: normal;
}

.bes-box-1 .box:nth-child(even) {
  margin: 0 -20px 20px 0;
}

.bes-box-1 .box-i {
  width: 100%;
  display: table;
}

.bes-box-1 .box .ph,
.bes-box-1 .box .article {
  display: table-cell;
  vertical-align: middle;
}

.bes-box-1 .box .ph {
  width: 156px;
}

.bes-box-1 .box .ph img {
  width: 136px;
  height: auto;
}

.bes-box-1 .box .article h5 {
  margin-bottom: 8px;
  font-size: 129%;
  font-weight: normal;
}

.bes-box-1 .box .article .tag span {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 3px 8px;
  color: #fff;
  background-color: #ab644d;
  font-size: 86%;
  border-radius: 4px;
}

.bes-btn {
  margin-bottom: 50px;
  margin-top: 20px;
  font-size: 114%;
  text-align: center;
}

.bes-btn a {
  padding: 14px 0;
  width: 256px;
  display: inline-block;
  color: #fff;
  background-color: #662f1d;
  text-decoration: none;
}

.bes-btn a i {
  margin-right: 6px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.bes-btn a i img {
  vertical-align: baseline;
}

.bes-box-2 {
  padding: 0 38px 18px;
}

.bes-box-2 h2 {
  margin-bottom: 10px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.bes-box-3 {
  margin-bottom: 30px;
  padding: 26px 38px;
  background-color: #f3f0ec;
}

.bes-box-3 .box {
  width: 50%;
  float: left;
}

.bes-box-3 .box {
  padding-right: 20px;
  width: 50%;
  float: left;
  border-right: 1px #d5cdd1 solid;
}

.bes-box-3 .box:last-child {
  margin-left: -1px;
  padding-right: 0;
  padding-left: 20px;
  border-left: 1px #d5cdd1 solid;
  border-right: none;
}

.bes-box-3 .box h3 {
  margin-bottom: 10px;
  color: #000;
  font-size: 114%;
  font-weight: normal;
}

.bes-box-3 .box ul {
  margin: 0;
  padding: 0 8px 0 0;
  list-style: none;
  float: left;
  width: 25%;
}

.bes-box-3 .box ul li {
  margin: 0;
  padding: 0;
}

.bes-box-3 .box ul li a {
  display: block;
  padding: 3px 8px;
}

.bes-box-3 .box ul li a:hover,
.bes-box-3 .box ul li a.current,
.bes-box-3 .box ul li a:focus {
  color: #fff;
  background-color: #553445;
  border-radius: 4px;
}

.bes-title-1 {
  margin-bottom: 20px;
  color: #553445;
  font-size: 171%;
  line-height: 1.2;
  font-weight: normal;
}

.bes-title-1 i {
  margin-right: 6px;
  line-height: 1;
  position: relative;
  top: 2px;
}
.bes-title-1 i img {
  width: 24px;
  vertical-align: baseline;
}

#bes-pagenavi {
  padding: 18px 0 50px;
}

#bes-pagenavi .wp-pagenavi a {
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}

#bes-pagenavi .wp-pagenavi span,
#bes-pagenavi .wp-pagenavi .current {
  color: #fff;
  background-color: #553445;
}

#bes-pagenavi .wp-pagenavi a.previouspostslink,
#bes-pagenavi .wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

.bes-box-3 .box-1 .article {
  width: 100%;
  padding-right: 340px;
  float: left;
}

.bes-box-3 .box-1 .ph {
  width: 318px;
  margin-left: -318px;
  float: right;
}

.bes-box-3 .box-1 h3 {
  margin-bottom: 8px;
  color: #000;
  font-size: 214%;
  font-weight: normal;
  line-height: 1.2;
}

.bes-box-3 .box-1 h3 i {
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: 32px;
}
.bes-box-3 .box-1 h3 i img {
  width: 32px;
}

.bes-box-3 .box-1 .tag {
  margin-bottom: 16px;
}

.bes-box-3 .box-1 .tag span {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 3px 8px;
  color: #fff;
  background-color: #ab644d;
  font-size: 86%;
  border-radius: 4px;
}

.bes-box-3 .box-1 h4 {
  margin-bottom: 8px;
  padding-left: 10px;
  border-left: 8px #4d4d4d solid;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}

.bes-box-3 .box-1 .text a {
  color: #9d4d4d;
}

.bes-box-3 .box-1 .text a:hover,
.bes-box-3 .box-1 .text a:focus {
  color: #f00;
}

/* restaurant-cafe-info */
.rci-box-1 {
  padding: 0 38px 44px;
}

.rci-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.rci-box-1 .text-1 {
  margin-bottom: 40px;
}

.rci-box-1 h3.title-1 {
  padding: 12px 20px;
  color: #fff;
  background-color: #ab644d;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.rci-box-1 .box-1 dl {
  padding: 14px 12px;
  border-top: 1px #e5e5e5 solid;
}

.rci-box-1 .box-1 dl:first-child {
  border-top: none;
}

.rci-box-1 .box-1 dt {
  width: 84px;
  float: left;
  color: #333;
}

.rci-box-1 .box-1 dd {
  margin-left: 86px;
  color: #333;
}

.rci-box-1 .box-1 dd a {
  color: #333;
  text-decoration: underline;
}

.rci-box-1 .box-1 dd a:hover,
.rci-box-1 .box-1 dd a:focus {
  color: #f00;
  text-decoration: underline;
}

#rci-pagenavi {
  padding: 40px 0 0;
}

#rci-pagenavi .wp-pagenavi a {
  color: #000;
  background-color: #f1f1f1;
  text-decoration: none;
}

#rci-pagenavi .wp-pagenavi span,
#rci-pagenavi .wp-pagenavi .current {
  color: #fff;
  background-color: #ab644d;
}

#rci-pagenavi .wp-pagenavi a.previouspostslink,
#rci-pagenavi .wp-pagenavi a.nextpostslink {
  color: #000;
  background-color: transparent;
  display: inline-block;
  width: 20px;
  height: 36px;
  vertical-align: top;
  text-align: center;
}

.rci-box-1 .box-2 {
  margin-top: 34px;
  padding-top: 34px;
  border-top: 1px #e5e5e5 solid;
}

.rci-box-1 .box-2 h3 {
  margin-bottom: 18px;
  padding-left: 14px;
  border-left: 7px #ab644d solid;
  color: #000;
  font-size: 214%;
  line-height: 1.2;
  font-weight: normal;
}

.rci-box-1 .btn {
  margin-top: 40px;
  font-size: 114%;
  text-align: center;
}

.rci-box-1 .btn a {
  padding: 14px 0;
  display: inline-block;
  color: #fff;
  background-color: #ab644d;
  font-size: 114%;
  width: 256px;
  text-decoration: none;
}

/* access */
.acc-box-1 {
  padding: 0 38px 50px;
}

.acc-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.acc-box-1 > .text-1 {
  margin-bottom: 46px;
}

.acc-box-1 > .map {
  margin-bottom: 26px;
  width: 100%;
  height: 440px;
}

.acc-map {
  margin-bottom: 26px;
}
.acc-map iframe {
  display: block;
  width: 100%;
  height: 440px;
}

.acc-box-1 .box {
  margin-bottom: 28px;
  padding: 20px;
}

.acc-box-1 .box .box-l {
  width: 100%;
  padding-right: 460px;
  float: left;
}

.acc-box-1 .box h3 {
  margin-bottom: 26px;
  color: #000;
  font-size: 200%;
  line-height: 1.2;
  font-weight: normal;
}

.acc-box-1 .box h3 span {
  font-size: 64%;
}

.acc-box-1 .box h3 i {
  margin-right: 18px;
  color: #fff;
  width: 64px;
  height: 64px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 64px;
  text-align: center;
}

.acc-box-1 .box .text-1 {
  margin-bottom: 16px;
}

.acc-box-1 .box h4 {
  font-weight: normal;
}

.acc-box-1 .box h4.title-1 {
  font-weight: bold;
  font-size: 114%;
}

.acc-box-1 .box h4.title-1 span {
  font-size: 88%;
}

.acc-box-1 .box .box-i {
  background-color: #fff;
  padding: 26px;
}

.acc-box-1 .box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.acc-box-1 .box ul li {
  margin: 0;
  padding: 0 0 0 1em;
  position: relative;
}

.acc-box-1 .box ul li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 11px;
  left: 6px;
}

.acc-box-1 .box .box-r {
  float: right;
}

.acc-box-1 .box .box-r .ph {
  margin-bottom: 4px;
}

.acc-box-1 .box .box-r .text a {
  color: #c0272d;
}

.acc-box-1 .box .box-r .text a:hover,
.acc-box-1 .box .box-r .text a:focus {
  color: #f00;
}

.acc-box-1 .box .box-r .text a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.acc-box-1 .box .box-r .text a i img {
  vertical-align: baseline;
}

.acc-box-1 .box .box-r .title-box {
  margin-bottom: 4px;
}

.acc-box-1 .box .box-r h4 {
  font-size: 171%;
  font-weight: normal;
  float: left;
}

.acc-box-1 .box .box-r h4 .icon-parking {
  margin-right: 8px;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #3878c7;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
}

.acc-box-1 .box .box-r .btn {
  padding-top: 2px;
  float: right;
  width: 162px;
}

.acc-box-1 .box .box-r .btn a {
  padding: 6px 0;
  display: block;
  color: #fff;
  background-color: #53a368;
  text-align: center;
  text-decoration: none;
}

.acc-box-1 .box .box-r .btn a i {
  margin-left: 6px;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  top: -1px;
}
.acc-box-1 .box .box-r .btn a i img {
  vertical-align: baseline;
}

.acc-box-1 .box .box-r h5 {
  font-size: 114%;
}

.acc-box-1 .box .box-r .text-1 {
  margin-bottom: 20px;
}

.acc-box-1 .box .box-r h6 {
  font-weight: normal;
}

.acc-box-1 .box .box-r dt {
  clear: left;
  float: left;
  width: 96px;
}

.acc-box-1 .box .box-r dd {
  margin-left: 96px;
}

.acc-box-1 .box .box-r dd span {
  font-size: 86%;
}

.acc-box-1 .box-1 {
  background-color: #eaeff0;
}

.acc-box-1 .box-1 .box-l {
  padding-right: 460px;
}

.acc-box-1 .box-1 .box-r {
  width: 430px;
  margin-left: -430px;
}

.acc-box-1 .box-1 h3 i {
  background-color: #61878e;
}

.acc-box-1 .box-2 {
  background-color: #eff3ee;
}

.acc-box-1 .box-2 .box-l {
  padding-right: 470px;
}

.acc-box-1 .box-2 .box-r {
  width: 450px;
  margin-left: -450px;
  padding: 18px;
  background-color: #fff;
}

.acc-box-1 .box-2 h3 i {
  background-color: #80a079;
}

.acc-box-1 .box-3 {
  padding: 30px 42px;
  border: 5px #f1f1f1 solid;
}

.acc-box-1 .box-3 .inner {
  margin-bottom: 22px;
}

.acc-box-1 .box-3 .inner .box-i {
  float: left;
  padding-right: 36px;
  width: 33.3%;
}

.acc-box-1 .box-3 .inner .box-i:last-child {
  margin-right: 0;
}

.acc-box-1 .box-3 .inner .box-i h3 {
  margin-bottom: 8px;
  color: #000;
  font-size: 114%;
}

.acc-box-1 .box-3 .btn {
  font-size: 114%;
  text-align: center;
}

.acc-box-1 .box-3 .btn a {
  padding: 14px 0;
  display: inline-block;
  width: 256px;
  color: #fff;
  background-color: #53a368;
  text-decoration: none;
}

.acc-box-1 .box-3 .btn a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.acc-box-1 .box-3 .btn a i img {
  vertical-align: baseline;
}

/* hajimete */
.has-box {
  padding-bottom: 30px;
}

.has-box-1 {
  padding: 0 38px 24px;
}

.has-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.has-box-1 h2 span {
  font-size: 63%;
}

.has-box-1 > .text-1 {
  margin-bottom: 32px;
}

.has-box-1 .tab {
  margin: 0;
  padding: 0 6px 0 0;
  list-style: none;
}

.has-box-1 .tab li {
  margin: 0 1px 0 0;
  padding: 0;
  float: left;
  width: 12.5%;
  font-size: 114%;
}

.has-box-1 .tab li:last-child {
  margin-right: -6px;
}

.has-box-1 .tab li.tab-1,
.has-box-1 .tab li.tab-2,
.has-box-1 .tab li.tab-3 {
  width: 16.66%;
}

.has-box-1 .tab li.tab-1 {
  background-color: #46703b;
}

.has-box-1 .tab li.tab-2 {
  background-color: #613535;
}

.has-box-1 .tab li.tab-3 {
  background-color: #703b6c;
}

.has-box-1 .tab li.tab-4 {
  background-color: #e08e70;
}

.has-box-1 .tab li.tab-5 {
  background-color: #e08e70;
}

.has-box-1 .tab li.tab-6 {
  background-color: #7abd8b;
}

.has-box-1 .tab li.tab-7 {
  background-color: #7abd8b;
}

.has-box-1 .tab li a {
  color: #fff;
  text-decoration: none;
}

.has-box-1 .tab li a::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 4px;
}

.has-box-1 .tab li.tab-1 a::before {
  background: url(../img/contents/hajimete/has-icon-1.png) no-repeat left top;
}

.has-box-1 .tab li.tab-2 a::before {
  background: url(../img/contents/hajimete/has-icon-2.png) no-repeat left top;
}

.has-box-1 .tab li.tab-3 a::before {
  background: url(../img/contents/hajimete/has-icon-3.png) no-repeat left top;
}

.has-box-1 .tab li.tab-4 a::before {
  background: url(../img/contents/hajimete/has-icon-4.png) no-repeat left top;
}

.has-box-1 .tab li.tab-5 a::before {
  background: url(../img/contents/hajimete/has-icon-5.png) no-repeat left top;
}

.has-box-1 .tab li.tab-6 a::before {
  background: url(../img/contents/hajimete/has-icon-6.png) no-repeat left top;
}

.has-box-1 .tab li.tab-7 a::before {
  background: url(../img/contents/hajimete/has-icon-7.png) no-repeat left top;
}

.has-box-1 .tab li a {
  display: block;
  padding: 18px 0;
  text-align: center;
}

.has-box-2 {
  padding: 34px 38px 38px;
}

.has-box-2.box-1 {
  background-color: #f5f7f4;
}

.has-box-2.box-1 .title-box-1 {
  margin-bottom: 14px;
}

.has-box-2.box-1 .title-box-1 h3 {
  padding-left: 36px;
  background: url(../img/contents/hajimete/has-icon-1a.gif) no-repeat left top;
  line-height: 40px;
  color: #46703b;
  font-size: 214%;
  font-weight: normal;
  vertical-align: middle;
  float: left;
}

.has-box-2.box-1 .title-box-1 .btn {
  margin-top: 10px;
  float: left;
  margin-left: 24px;
}

.has-box-2.box-1 .title-box-1 .btn a {
  color: #46703b;
  text-decoration: none;
}

.has-box-2.box-1 .title-box-1 .btn a:hover,
.has-box-2.box-1 .title-box-1 .btn a:focus {
  color: #f00;
  text-decoration: underline;
}

.has-box-2.box-1 .title-box-1 .btn a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.has-box-2.box-1 .title-box-1 .btn a i img {
  vertical-align: baseline;
}

.has-box-2.box-1 .inner .box {
  float: left;
  width: 240px;
  margin-right: 20px;
}

.has-box-2.box-1 .inner .box:last-child {
  margin-right: 0;
}

.has-box-2.box-1 .inner .box .ph {
  margin-bottom: 14px;
}

.has-box-2.box-1 .inner .box h4 {
  margin-bottom: 8px;
  color: #1a1a1a;
  font-size: 114%;
  font-weight: normal;
}

.has-box-2.box-1 .inner .box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.has-box-2.box-1 .inner .box ul li {
  margin: 0;
  padding: 0;
}

.has-box-2.box-1 .inner .box ul li a {
  text-decoration: none;
}

.has-box-2.box-1 .inner .box ul li a:hover,
.has-box-2.box-1 .inner .box ul li a:focus {
  text-decoration: underline;
}

.has-box-2.box-1 .inner .box ul li a i {
  color: #b2b2b2;
  margin-right: 4px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.has-box-2.box-1 .inner .box ul li a i img {
  vertical-align: baseline;
}

.has-box-2.box-2 .title-box-1 {
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px #e5e5e5 solid;
}

.has-box-2.box-2 .title-box-1 h3 {
  padding-left: 42px;
  background: url(../img/contents/hajimete/has-icon-2a.gif) no-repeat left top;
  line-height: 32px;
  color: #613535;
  font-size: 214%;
  font-weight: normal;
}

.has-box-2.box-2 .title-box-2 {
  margin-bottom: 12px;
}

.has-box-2.box-2 .title-box-2 h4 {
  float: left;
  color: #1a1a1a;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.has-box-2.box-2 .title-box-2 ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

.has-box-2.box-2 .title-box-2 ul li {
  margin: 0 32px 0 0;
  padding: 0;
  float: left;
}

.has-box-2.box-2 .title-box-2 ul li:last-child {
  margin: 0;
}

.has-box-2.box-2 .title-box-2 ul li i {
  margin-right: 6px;
  color: #b2b2b2;
  position: relative;
  top: 2px;
  line-height: 1;
}
.has-box-2.box-2 .title-box-2 ul li i img {
  vertical-align: baseline;
}

.has-box-2.box-2 .title-box-2 ul li a {
  text-decoration: none;
}

.has-box-2.box-2 .title-box-2 ul li a:hover,
.has-box-2.box-2 .title-box-2 ul li a:focus {
  text-decoration: underline;
}

.has-box-2.box-2 .list-2 {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  letter-spacing: -0.4em;
}

.has-box-2.box-2 .list-2 li {
  margin: 0 18px 40px 0;
  padding: 0;
  width: 174px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.has-box-2.box-2 .list-2 li .ph {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.has-box-2.box-2 .list-2 li .ph::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.has-box-2.box-2 .list-2 li .ph a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.has-box-2.box-2 .list-2 li .ph a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.has-box-2.box-2 .list-2 li .category {
  margin-bottom: 6px;
  color: #333;
  background-color: rgba(96, 56, 19, 0.1);
  font-size: 12px;
  font-size: 1.2rem;
}

.has-box-2.box-2 .list-2 li .category .category-1 {
  padding: 0 6px;
  display: block;
}

.has-box-2.box-2 .list-2 li .category .category-2 {
  padding: 0 6px;
  display: block;
  color: #fff;
}

.has-box-2.box-2 .list-2 li .category .category-2.togei,
.has-box-2.box-2 .list-2 li .category .category-2.togei-dantai {
  background-color: #6e3c17;
}

.has-box-2.box-2 .list-2 li .category .category-2.senshoku,
.has-box-2.box-2 .list-2 li .category .category-2.senshoku-dantai {
  background-color: #f41472;
}

.has-box-2.box-2 .list-2 li .category .category-2.shichiho,
.has-box-2.box-2 .list-2 li .category .category-2.shichiho-dantai {
  background-color: #00a198;
}

.has-box-2.box-2 .list-2 li .category .category-2.glass,
.has-box-2.box-2 .list-2 li .category .category-2.glass-dantai {
  background-color: #311a82;
}

.has-box-2.box-2 .list-2 li .category .category-2.kinko {
  background-color: #b8b633;
}

.has-box-2.box-2 .list-2 li .category .category-2.mokko {
  background-color: #009b48;
}

.has-box-2.box-2 .list-2 li .category .category-2.hanga {
  background-color: #732889;
}

.has-box-2.box-2 .list-2 li .category .category-2.bijyutsu {
  background-color: #eb9d42;
}

.has-box-2.box-2 .list-2 li .category .category-2.yosegi-de-asobo {
  background-color: #0068b2;
}

.has-box-2.box-2 .list-2 li .category .category-2.craft-workshop {
  background-color: #d7000f;
}

.has-box-2.box-2 .list-2 li h3 {
  font-weight: normal;
  line-height: 1.2;
}

.has-box-2.box-2 .list-2 li h3 a {
  text-decoration: underline;
}

.has-box-2.box-2 .list-2 li .date {
  font-size: 10px;
  font-size: 1rem;
}

.has-box-2.box-2 .btn {
  font-size: 114%;
  text-align: center;
}

.has-box-2.box-2 .btn a {
  display: inline-block;
  width: 256px;
  padding: 16px 0;
  color: #fff;
  background-color: #b86a6a;
  text-decoration: none;
}

.has-box-2.box-3 {
  background-color: #f5f7f4;
}

.has-box-2.box-4 {
  background-color: #fff !important;
}

.has-box-2.box-3 .title-box-1 {
  margin-bottom: 18px;
}

.has-box-2.box-3 .title-box-1 h3 {
  padding-left: 42px;
  background: url(../img/contents/hajimete/has-icon-3a.gif) no-repeat left top;
  line-height: 32px;
  color: #703b6c;
  font-size: 214%;
  font-weight: normal;
}

.has-box-2.box-4 .type-1 .title-box-1 h3 {
  background: url(../img/contents/hajimete/has-icon-4a.gif) no-repeat left top;
  color: #e08e70;
}

.has-box-2.box-4 .type-2 .title-box-1 h3 {
  background: url(../img/contents/hajimete/has-icon-5a.gif) no-repeat left top;
  color: #e08e70;
}

.has-box-2.box-5 .type-1 .title-box-1 h3 {
  background: url(../img/contents/hajimete/has-icon-6a.gif) no-repeat left top;
  color: #7abd8b;
}

.has-box-2.box-5 .type-2 .title-box-1 h3 {
  background: url(../img/contents/hajimete/has-icon-7a.gif) no-repeat left top;
  color: #7abd8b;
}

.has-box-2.box-3 .inner .box {
  float: left;
  width: 370px;
  margin-right: 20px;
}

.has-box-2.box-3 .inner .box:last-child {
  margin-right: 0;
}

.has-box-2.box-3 .inner .box .ph {
  margin-bottom: 14px;
}

.has-box-2.box-3 .inner .box h4 {
  margin-bottom: 8px;
  color: #1a1a1a;
  font-size: 143%;
  font-weight: normal;
  line-height: 1.2;
}

.has-box-2.box-3 .inner .box ul {
  padding: 0;
  list-style: none;
  float: left;
}

.has-box-2.box-3 .inner .box.type-1 ul {
  margin: 0 40px 0 0;
}

.has-box-2.box-3 .inner .box.type-2 ul {
  margin: 0 20px 0 0;
}

.has-box-2.box-3 .inner .box ul:last-child {
  margin: 0 !important;
}

.has-box-2.box-3 .inner .box ul li {
  margin: 0;
  padding: 0;
}

.has-box-2.box-3 .inner .box ul li a {
  text-decoration: none;
}

.has-box-2.box-3 .inner .box ul li a:hover,
.has-box-2.box-3 .inner .box ul li a:focus {
  text-decoration: underline;
}

.has-box-2.box-3 .inner .box ul li a i {
  color: #b2b2b2;
  margin-right: 4px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.has-box-2.box-3 .inner .box ul li a i img {
  vertical-align: baseline;
}

/* dantai */
.dan-box-1 {
  padding: 0 38px 32px;
}

.dan-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.dan-tab {
  margin: 0;
  padding: 0 4px 0 0;
  list-style: none;
}

.dan-tab li {
  margin: 0 2px 0 0;
  padding: 0 0 2px;
  width: 33.3%;
  height: 66px;
  line-height: 66px;
  float: left;
  text-align: center;
}

.dan-tab li:last-child {
  margin-right: -4px;
  width: 33.3%;
  float: left;
  text-align: center;
}

.dan-tab li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 129%;
  text-decoration: none;
}

.dan-tab li.dan-tab-1 a {
  background-color: #46703b;
}

.dan-tab li.dan-tab-2 a {
  background-color: #877a1a;
}

.dan-tab li.dan-tab-3 a {
  background-color: #1b5059;
}

.dan-tab li a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.dan-tab li a i img {
  vertical-align: baseline;
}

#danTab1 {
  border-bottom: 7px #46703b solid;
}

#danTab1 li.dan-tab-1 {
  padding-bottom: 0;
}

#danTab2 {
  border-bottom: 7px #877a1a solid;
}

#danTab2 li.dan-tab-2 {
  padding-bottom: 0;
}

#danTab3 {
  border-bottom: 7px #1b5059 solid;
}

#danTab3 li.dan-tab-3 {
  padding-bottom: 0;
}

.dan-box-2 {
  padding: 32px 38px 64px;
}

.dan-box-2.dan-tab-1 h3 {
  margin-bottom: 10px;
  padding-left: 16px;
  border-left: 9px #46703b solid;
  color: #1a1a1a;
  font-size: 186%;
  font-weight: normal;
  line-height: 1.2;
}

.dan-box-2.dan-tab-1 .box-1 {
  margin-bottom: 10px;
  padding: 26px 30px;
  background-color: #f1f1f1;
}

.dan-box-2.dan-tab-1 .box-1 h4 {
  margin-bottom: 4px;
  color: #1a8200;
  font-size: 114%;
  font-weight: normal;
}

.dan-box-2.dan-tab-1 .box-1 > .text {
  margin-bottom: 16px;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-1 {
  padding: 20px 28px;
  background-color: #fff;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dt {
  float: left;
  width: 60px;
  color: #000;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd {
  margin-left: 60px;
  padding-left: 16px;
  border-left: 1px #cfcfcf solid;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd dl dt {
  float: left;
  width: 90px;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd dl dd {
  margin-left: 90px;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-2 {
  padding: 20px 28px;
  background-color: #fff;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-2 > dt {
  color: #000;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px #cfcfcf solid;
}

.dan-box-2.dan-tab-1 .box-1 > dl.type-2 > dd dl dd {
  margin-left: 48px;
}

.dan-box-2.dan-tab-1 .box-2 {
  margin-top: 28px;
  margin-bottom: 34px;
}

.dan-box-2.dan-tab-1 .box-2 h4 {
  margin-bottom: 4px;
  color: #125900;
  font-size: 114%;
  font-weight: normal;
}

.dan-box-2.dan-tab-1 .box-2 > .text {
  margin-bottom: 6px;
}

.dan-box-2.dan-tab-1 .box-2 > dl dt {
  font-weight: bold;
}

.dan-box-yoyaku {
  padding: 22px 24px;
  border: 7px #ededed solid;
}

.dan-box-yoyaku .box-l {
  width: 230px;
  float: left;
}

.dan-box-yoyaku h4 {
  margin-bottom: 12px;
  color: #125900;
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.dan-box-yoyaku h4.title-1 {
  margin-bottom: 12px;
  color: #000;
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.dan-box-yoyaku h4.title-1 span {
  font-size: 64%;
}

.dan-box-yoyaku .btn {
  font-size: 114%;
}

.dan-box-yoyaku .btn a {
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  color: #125900;
  background-color: #f1f1f1;
  text-align: center;
  text-decoration: none;
}
.dan-box-yoyaku .btn a i {
  position: relative;
  top: 2px;
  line-height: 1;
}
.dan-box-yoyaku .btn a i img {
  vertical-align: baseline;
}

.dan-box-yoyaku .box-r {
  margin-left: 288px;
}

.dan-box-yoyaku dt {
  font-size: 114%;
  font-weight: bold;
}

.dan-box-yoyaku dt span {
  font-size: 113%;
  font-weight: normal;
}

.dan-box-yoyaku dd {
  margin-bottom: 6px;
}

.dan-box-yoyaku .dl-2 dt {
  font-size: 100%;
  color: #000;
  font-weight: bold;
}

.dan-box-yoyaku .dl-2 dd {
  margin-bottom: 8px;
}

.dan-box-3 {
  padding: 28px 38px;
  background-color: #f5f7f4;
}

.dan-box-3 h3 {
  margin-bottom: 8px;
  padding-left: 16px;
  color: #1a1a1a;
  font-size: 186%;
  font-weight: normal;
  line-height: 1.2;
}

.dan-box-3.type-1 h3 {
  border-left: 9px #877a1a solid;
}

.dan-box-3.type-2 h3 {
  border-left: 9px #1b5059 solid;
}

.dan-box-4 {
  padding: 28px 38px 56px;
}

.dan-box-4 .ph-box {
  padding-right: 274px;
  width: 100%;
  position: relative;
}

.dan-box-4 .ph-box .ph {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 264px;
  height: 202px;
}

.dan-box-4 .box-1 {
  padding-right: 44px;
}

.dan-box-4 .box-1 .box {
  margin-right: 44px;
  width: 50%;
  float: left;
}

.dan-box-4 .box-1 .box:last-child {
  margin-right: -44px;
}

.dan-box-4 h4 {
  margin-bottom: 6px;
  font-size: 143%;
  color: #125900;
  line-height: 1.2;
  font-weight: normal;
}

.dan-box-4 .dl-1 dt span {
  font-size: 129%;
  font-weight: bold;
}

.dan-box-4 .dl-1 dd {
  margin-bottom: 36px;
  position: relative;
}

.dan-box-4 .dl-1 dd .red {
  color: #ec1c24;
}

.dan-box-4 .dl-1 dd.last {
  margin: 0;
}

.dan-box-4 .box-2 {
  margin-bottom: 20px;
  padding: 10px 14px;
  background-color: #f1f1f1;
}

.dan-box-4 .box-2 h5 {
  font-size: 114%;
  font-weight: normal;
}

.dan-box-4 .box-2 dl {
  margin-bottom: 6px;
}

.dan-box-4 .box-2 dt {
  clear: left;
  width: 58px;
  float: left;
}

.dan-box-4 .box-2 dd {
  margin-left: 58px;
}

.dan-box-4 .box-2 dt.type-1 {
  width: 118px;
}

.dan-box-4 .box-2 dd.type-1 {
  margin-left: 118px;
}

.dan-box-4 .box-1 .box .text-1 {
  margin-bottom: 16px;
  position: relative;
  padding-left: 5em;
}

.dan-box-4 .box-1 .box .text-1 span {
  position: absolute;
  top: 0;
  left: 0;
}

.dan-box-4 .box-3 {
  margin-top: 26px;
  margin-bottom: 26px;
  padding-top: 20px;
  border-top: 1px #e5e5e5 solid;
}

.dan-box-4 .box-3 h3 {
  color: #125900;
  font-size: 114%;
  font-weight: normal;
}

.dan-box-4 .box-3 h3 i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.dan-box-4 .box-3 h3 i img {
  vertical-align: baseline;
}

.dan-box-4 .text-2 {
  margin-bottom: 20px;
}

.dan-box-4 .btn,
.dan-box-4 .btn-1 {
  margin-top: 40px;
  text-align: center;
}

.dan-box-4 .btn a {
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  color: #125900;
  background-color: #f1f1f1;
  text-align: center;
  text-decoration: none;
}

.dan-box-4 .btn i,
.dan-box-4 .btn-1 i {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.dan-box-4 .btn i img,
.dan-box-4 .btn-1 i img {
  vertical-align: baseline;
}

.dan-box-4 .btn-1 a {
  display: inline-block;
  width: 256px;
  padding: 12px 0;
  color: #fff;
  background-color: #53a368;
  text-align: center;
  text-decoration: none;
  font-size: 114%;
}

/* okosamazure-karadanofujiyu */
.ok-box-1 {
  padding: 0 38px 32px;
}

.ok-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.ok-tab {
  margin: 0;
  padding: 0 2px 0 0;
  list-style: none;
}

.ok-tab li {
  margin: 0 2px 0 0;
  padding: 0 0 2px;
  width: 50%;
  height: 70px;
  line-height: 70px;
  float: left;
  text-align: center;
}

.ok-tab li:last-child {
  margin-right: -2px;
  float: left;
  text-align: center;
}

.ok-tab li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #fff;
  font-size: 129%;
  text-decoration: none;
}

.ok-tab li.ok-tab-1 a {
  background-color: #e08e70;
}

.ok-tab li.ok-tab-2 a {
  background-color: #7abd8b;
}

.ok-tab li a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.ok-tab li a i img {
  vertical-align: baseline;
}

#okTab1 {
  border-bottom: 7px #e08e70 solid;
}

#okTab1 li.ok-tab-1 {
  padding-bottom: 0;
}

#okTab2 {
  border-bottom: 7px #7abd8b solid;
}

#okTab2 li.ok-tab-2 {
  padding-bottom: 0;
}

.ok-sub-tab {
  margin: 0;
  padding: 18px 0;
  list-style: none;
  background-color: #f5f7f4;
  text-align: center;
  letter-spacing: -0.4em;
}

.ok-sub-tab li {
  margin: 0 106px 0 0;
  padding: 0;
  display: inline-block;
  letter-spacing: normal;
}

.ok-sub-tab li:last-child {
  margin: 0;
}

.ok-sub-tab li a {
  color: #613535;
  text-decoration: none;
}

.ok-sub-tab li a:hover,
.ok-sub-tab li a:focus {
  color: #f00;
  text-decoration: underline;
}

.ok-sub-tab li a i {
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.ok-sub-tab li a i img {
  vertical-align: baseline;
}

.ok-box-2 {
  padding: 28px 38px;
  border-top: 1px #e5e5e5 solid;
}

.ok-box-type-1 .ok-box-2 h3 {
  border-left: 9px #e08e70 solid;
}

.ok-box-type-1 .ok-box-2 .box-2 h4 {
  color: #751e00;
}

.ok-box-type-1 .ok-box-2 .box-2 .text span {
  color: #8b6239;
}

.ok-box-type-1 .ok-box-yoyaku h4 {
  color: #751e00;
}

.ok-box-type-1 .ok-box-yoyaku .btn a {
  color: #751e00;
}
.ok-box-type-1 .ok-box-yoyaku .btn a i {
  position: relative;
  top: 2px;
  line-height: 1;
}
.ok-box-type-1 .ok-box-yoyaku .btn a i img {
  vertical-align: baseline;
}

.ok-box-type-1 .ok-box-2 .box-1 .ph {
  width: 246px;
  float: left;
}

.ok-box-type-1 .ok-box-2 .box-1 .article {
  margin-left: 262px;
}

.ok-box-type-2 .ok-box-2 h3 {
  border-left: 9px #7abd8b solid;
}

.ok-box-type-2 .ok-box-2 .box-2 h4 {
  color: #125900;
}

.ok-box-type-2 .ok-box-2 .box-2 .text span {
  color: #125900;
}

.ok-box-type-2 .ok-box-yoyaku h4 {
  color: #125900;
}

.ok-box-type-2 .ok-box-yoyaku .btn a {
  color: #125900;
}
.ok-box-type-2 .ok-box-yoyaku .btn a i {
  position: relative;
  top: 2px;
  line-height: 1;
}
.ok-box-type-2 .ok-box-yoyaku .btn a i img {
  vertical-align: baseline;
}

.ok-box-type-2 .ok-box-2 .box-1 .ph {
  width: 170px;
  float: left;
  background-color: #e5e5e5;
  text-align: center;
}

.ok-box-type-2 .ok-box-2 .box-1 .article {
  margin-left: 184px;
}

.ok-box-2.top {
  border-top: none;
}

.ok-box-2.btm {
  padding-bottom: 70px;
}

.ok-box-2 .title-box-1 {
  margin-bottom: 14px;
}

.ok-box-2 .title-box-1.mtop {
  margin-top: 40px;
}

.ok-box-2 h3 {
  padding-left: 16px;
  line-height: 1.2;
  font-size: 186%;
  color: #1a1a1a;
  font-weight: normal;
}

.ok-box-2 .title-box-1 h3 {
  float: left;
  margin-right: 24px;
}

.ok-box-2 .title-box-1 .btn {
  float: left;
  padding-top: 8px;
}

.ok-box-2 .title-box-1 .btn a {
  color: #29aae1;
  text-decoration: none;
}

.ok-box-2 .title-box-1 .btn a:hover,
.ok-box-2 .title-box-1 .btn a:focus {
  color: #f00;
  text-decoration: underline;
}

.ok-box-2 .title-box-1 .btn a i {
  margin-right: 6px;
}

.ok-box-2 > .text-1 {
  margin-bottom: 12px;
}

.ok-box-2 > .btn a {
  padding: 6px 8px;
  display: inline-block;
  color: #fff;
  background-color: #e08e70;
  text-decoration: none;
}

.ok-box-2 > .btn a i {
  margin-left: 8px;
  position: relative;
  top: -1px;
  line-height: 1;
}
.ok-box-2 > .btn a i img {
  vertical-align: baseline;
}

.ok-box-2 .box-1 {
  margin-bottom: 14px;
}

.ok-box-2 .box-1 .article h4 {
  margin-bottom: 4px;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.ok-box-2 .box-1 .article h4 a {
  text-decoration: none;
}

.ok-box-2 .box-1 .article h4 a:hover,
.ok-box-2 .box-1 .article h4 a:focus {
  text-decoration: underline;
}

.ok-box-2 .box-1 .article h4 a i {
  margin-right: 8px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.ok-box-2 .box-1 .article h4 a i img {
  vertical-align: baseline;
}

.ok-box-2 .box-1.type-1 .article h4 a {
  color: #46703b;
}

.ok-box-2 .box-1.type-1 .article h4 a:hover,
.ok-box-2 .box-1.type-1 .article h4 a:focus {
  color: #f00;
}

.ok-box-2 .box-1.type-2 .article h4 a {
  color: #613535;
}

.ok-box-2 .box-1.type-2 .article h4 a:hover,
.ok-box-2 .box-1.type-2 .article h4 a:focus {
  color: #f00;
}

.ok-box-2 .box-1.type-3 .article h4 a {
  color: #703b6c;
}

.ok-box-2 .box-1.type-3 .article h4 a:hover,
.ok-box-2 .box-1.type-3 .article h4 a:focus {
  color: #f00;
}

.ok-box-2 .box-1.type-4 .article h4 a {
  color: #e08e70;
}

.ok-box-2 .box-1.type-4 .article h4 a:hover,
.ok-box-2 .box-1.type-4 .article h4 a:focus {
  color: #f00;
}

.ok-box-2 .box-2 {
  margin-top: 26px;
  border-top: 1px #bfbfbf solid;
  padding-top: 26px;
}

.ok-box-2 .box-2.top {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

.ok-box-2 .box-2 h4 {
  margin-bottom: 4px;
  font-size: 143%;
  font-weight: normal;
  line-height: 1.2;
}

.ok-box-2 .box-2 .text span {
  display: inline-block;
  margin-top: 4px;
}

.ok-box-yoyaku {
  margin-top: 42px;
  padding: 22px 24px;
  border: 7px #ededed solid;
}

.ok-box-yoyaku .box-l {
  width: 250px;
  float: left;
}

.ok-box-yoyaku h4 {
  margin-bottom: 12px;
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.ok-box-yoyaku h4.title-1 {
  margin-bottom: 12px;
  color: #000;
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.ok-box-yoyaku h4.title-1 span {
  font-size: 64%;
}

.ok-box-yoyaku .btn {
  font-size: 114%;
}

.ok-box-yoyaku .btn a {
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  background-color: #f1f1f1;
  text-align: center;
  text-decoration: none;
}

.ok-box-yoyaku .box-r {
  margin-left: 280px;
}

.ok-box-yoyaku .box-r .text {
  font-size: 114%;
}

.ok-box-yoyaku dt {
  font-size: 114%;
  font-weight: bold;
}

.ok-box-yoyaku dt span {
  font-size: 113%;
  font-weight: normal;
}

.ok-box-yoyaku dd {
  margin-bottom: 6px;
}

.ok-box-yoyaku .dl-2 dt {
  font-size: 100%;
  color: #000;
  font-weight: bold;
}

.ok-box-yoyaku .dl-2 dd {
  margin-bottom: 8px;
}

/* ikuseijigyo */
.iku-box-1 {
  width: 100%;
  height: 520px;
  background: url(../img/contents/ikuseijigyo/iku-bg-1-w.jpg) repeat left top;
}

.iku-box-1 .inner {
  padding: 72px 38px 0;
  width: 100%;
  height: 520px;
  background: url(../img/contents/ikuseijigyo/iku-bg-1.jpg) no-repeat center top;
}

.iku-box-1 h2 {
  height: 242px;
  text-align: center;
}

.iku-box-1 h3 {
  margin-bottom: 16px;
}

.iku-box-2 {
  padding: 52px 38px;
  background: url(../img/contents/ikuseijigyo/iku-bg-2.jpg) repeat left top;
}

.iku-box-2 ul {
  margin: 0 auto;
  padding: 0 20px 0 0;
  list-style: none;
  max-width: 760px;
}

.iku-box-2 ul li {
  margin: 0 20px 20px 0;
  padding: 0;
  list-style: none;
  width: 50%;
  float: left;
}

.iku-box-2 ul li.right {
  margin: 0 -20px 20px 0;
}

.iku-box-3 {
  padding: 42px 38px 50px;
}

.iku-box-3 h3 {
  margin-bottom: 16px;
  color: #00331b;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}

.iku-box-3 .box-1 ul {
  margin: 0 44px 0 0;
  padding: 0;
  list-style: none;
  float: left;
}

.iku-box-3 .box-1 ul:last-child {
  margin: 0;
}

.iku-box-3 .box-1 ul li {
  margin: 0;
  padding: 0 0 4px;
}

.iku-box-3 .box-1 ul li i {
  margin-right: 6px;
  color: #00331b;
}

.iku-box-3 .btn {
  margin-top: 36px;
  text-align: center;
}

.iku-box-3 .btn a {
  padding: 16px 0;
  display: inline-block;
  color: #fff;
  background-color: #53a368;
  text-decoration: none;
  width: 256px;
  font-size: 114%;
}

.iku-box-3 .btn a i {
  margin-right: 6px;
}

/* hello-museum */
.hm-box-1 {
  width: 100%;
  height: 340px;
  background: url(../img/contents/ikuseijigyo/iku-bg-1-w.jpg) repeat left top;
}

.hm-box-1 .inner {
  padding: 72px 38px 0;
  width: 100%;
  height: 340px;
  background: url(../img/contents/hello-museum/hm-bg-1.jpg) no-repeat center top;
}

.hm-box-1 h2 {
  height: 242px;
  text-align: center;
}

.hm-box-2 {
  margin-bottom: 4px;
  padding: 20px 38px;
  background: url(../img/contents/ikuseijigyo/iku-bg-2.jpg) repeat left top;
}

.hm-box-2 .text-1 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 114%;
}

.hm-box-2 .text-2 {
  color: #fff;
}

.hm-box-3 {
  padding: 40px 38px;
  background: url(../img/contents/hello-museum/hm-bg-2.jpg) repeat left top;
}

.hm-box-3 h3 {
  margin-bottom: 12px;
  color: #00331b;
  font-size: 171%;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}

.hm-box-3 h3::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: url(../img/contents/hello-museum/hm-bg-title-1.gif) no-repeat left top;
  vertical-align: middle;
  margin-right: 6px;
  position: relative;
  top: -2px;
}

.hm-box-3 h3::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: url(../img/contents/hello-museum/hm-bg-title-1.gif) no-repeat left top;
  vertical-align: middle;
  margin-left: 6px;
  position: relative;
  top: -2px;
}

.hm-box-3 > .text-1 {
  margin-bottom: 24px;
}

.hm-box-3 .box-1 {
  margin: 0 auto;
  max-width: 760px;
  padding-right: 40px;
  letter-spacing: -0.4em;
}

.hm-box-3 .box-1 .box {
  margin-right: 40px;
  margin-bottom: 36px;
  width: 50%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}

.hm-box-3 .box-1 .box:nth-child(even) {
  margin-right: -40px;
}

.hm-box-3 .box-1 .box .ph {
  margin-bottom: 10px;
}

.hm-box-3 .box-1 .box h4 {
  font-size: 157%;
  line-height: 1.2;
  font-weight: normal;
}

.hm-box-3 .box-1 .box .kaijo {
  margin-bottom: 6px;
  font-size: 86%;
}

.hm-box-3 .box-1 .box .text {
  color: #333;
}

.hm-box-3 .box-1 .box.type-1 h4,
.hm-box-3 .box-1 .box.type-1 .kaijo,
.hm-box-3 .box-1 .box.type-1 .kaijo a {
  color: #0d4e59;
}

.hm-box-3 .box-1 .box.type-2 h4,
.hm-box-3 .box-1 .box.type-2 .kaijo,
.hm-box-3 .box-1 .box.type-2 .kaijo a {
  color: #db5f32;
}

.hm-box-3 .box-1 .box.type-3 h4,
.hm-box-3 .box-1 .box.type-3 .kaijo,
.hm-box-3 .box-1 .box.type-3 .kaijo a {
  color: #d376aa;
}

.hm-box-3 .box-1 .box.type-4 h4,
.hm-box-3 .box-1 .box.type-4 .kaijo,
.hm-box-3 .box-1 .box.type-4 .kaijo a {
  color: #387029;
}

.hm-box-3 .box-1 .box .kaijo a:hover,
.hm-box-3 .box-1 .box .kaijo a:focus {
  color: #f00;
}

.hm-box-4 {
  padding: 44px 38px 48px;
}

.hm-box-4 .box-1 {
  padding: 18px 28px;
  border: 7px #ededed solid;
}

.hm-box-4 .box-1 .box-l {
  width: 312px;
  float: left;
}

.hm-box-4 .box-1 h3 {
  margin-bottom: 4px;
  color: #000;
  font-size: 143%;
  font-weight: normal;
  line-height: 1.2;
}

.hm-box-4 .box-1 .box-r {
  margin-left: 324px;
}

.hm-box-4 .box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hm-box-4 .box-1 ul li {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
  line-height: 1.2;
  font-size: 129%;
}

.hm-box-4 .box-1 ul li last-child {
  margin: 0;
}

.hm-box-4 .box-1 ul li a {
  display: table;
  height: 86px;
  color: #fff;
  background-color: #46703b;
  text-decoration: none;
}

.hm-box-4 .box-1 ul li a span {
  padding: 0 20px 0 44px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.hm-box-4 .box-1 ul li a span i {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  font-size: 90%;
}

/* hello-museum-shiryo */
.hms-box-1 .box-1 {
  width: 100%;
  height: 34px;
  background: url(../img/contents/ikuseijigyo/iku-bg-1-w.jpg) repeat left top;
}

.hms-box-1 .box-1 .inner {
  width: 100%;
  height: 34px;
  background: url(../img/contents/hello-museum/shiryo/hms-bg-1.jpg) no-repeat center top;
}

.hms-box-1 h2 {
  margin-top: -28px;
  text-align: center;
}

.hms-box-2 {
  padding: 16px 38px 62px;
}

.hms-box-2 h3 {
  line-height: 1.2;
  color: #00331b;
  font-size: 214%;
  font-weight: normal;
  text-align: center;
}

.hms-box-2 h3.title-1 {
  margin-bottom: 18px;
}

.hms-box-2 > .text-1 {
  margin-bottom: 26px;
  color: #00331b;
  font-size: 114%;
  text-align: center;
}

.hms-box-2 .box-1 {
  padding: 16px 0;
  border-top: 1px #ccc solid;
}

.hms-box-2 .box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hms-box-2 .box-1 ul li {
  margin: 0 0 6px;
  padding: 0;
  color: #333;
  position: relative;
  padding-left: 1.2em;
}

.hms-box-2 .box-1.top ul li {
  font-size: 129%;
}

.hms-box-2 .box-1 ul li i {
  position: absolute;
  top: 4px;
  left: 0;
}

.hms-box-2 .box-1 ul li a {
  color: #333;
  text-decoration: none;
}

.hms-box-2 .box-1 ul li a:hover,
.hms-box-2 .box-1 ul li a:focus {
  color: #f00;
  text-decoration: underline;
}

.hms-box-2 .box-1 i {
  margin-right: 6px;
}

.hms-box-2 .box-1 i.fa-file-pdf-o {
  color: #c0272d;
}

.hms-box-2 .box-1 i.fa-file-word-o {
  color: #005980;
}

.hms-box-2 .box-1 i.fa-file-excel-o {
  color: #46703b;
}

.hms-box-2 .box-1 .tbl-1 td {
  width: 50%;
}

.hms-box-2 .btn {
  margin-top: 20px;
  text-align: center;
}

.hms-box-2 .btn a {
  padding: 16px 0;
  color: #fff;
  background-color: #45a171;
  display: inline-block;
  width: 256px;
  font-size: 114%;
  text-decoration: none;
}

/* saiyojoho */
.sai-box-1 {
  padding: 0 38px 60px;
}

.sai-box-1 .no-text {
  padding: 80px 15px;
  text-align: center;
}

.sai-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.sai-box-1 > .text-1 {
  margin-bottom: 34px;
}

.sai-box-1 .box-1 {
  padding: 24px 0;
  border-top: 1px #d2d2d2 solid;
}

.sai-box-1 .box-1 h3 {
  margin-bottom: 14px;
  font-size: 143%;
  font-weight: normal;
}

.sai-box-1 .box-1 h3 i {
  margin-right: 6px;
  line-height: 1;
}
.sai-box-1 .box-1 h3 i img {
  vertical-align: baseline;
}

.sai-box-1 .box-1 .box {
  padding: 24px 30px;
  background-color: #f5f7f4;
}

.sai-box-1 .box-1 .box dl {
  padding: 12px 0;
  border-top: 1px #cbccca solid;
}

.sai-box-1 .box-1 .box dl:first-child {
  padding: 0 0 12px;
  border-top: none;
}

.sai-box-1 .box-1 .box dt {
  width: 110px;
  float: left;
  font-size: 114%;
}

.sai-box-1 .box-1 .box dd {
  margin-left: 120px;
}

.sai-box-2 {
  padding: 22px 28px;
  border: 7px #ededed solid;
}

.sai-box-2 h3 {
  margin-bottom: 10px;
  color: #125900;
  font-size: 157%;
  font-weight: normal;
  line-height: 1.2;
}

/* privacy */
.pri-box-1 {
  padding: 0 38px 60px;
}

.pri-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.pri-box-1 .box-1 {
  position: relative;
  margin-bottom: 28px;
}

.pri-box-1 .box-1::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: #808080;
  position: absolute;
  bottom: -14px;
  left: 0;
}

.pri-box-1 .box-1 h3 {
  color: #1a1a1a;
}

.pri-box-1 .box-1 .text-1 {
  margin-top: 24px;
}

.pri-box-1 .text-2 {
  margin-bottom: 30px;
  color: #009145;
  font-size: 114%;
}

.pri-box-1 .text-2 i {
  color: #009145;
  margin-right: 6px;
  position: relative;
  top: 2px;
  line-height: 1;
}
.pri-box-1 .text-2 i img {
  vertical-align: baseline;
}

.pri-box-1 .text-2 a {
  color: #009145;
}

.pri-box-1 .text-2 a:hover,
.pri-box-1 .text-2 a:focus {
  color: #f00;
}

.pri-box-2 {
  padding: 22px 28px;
  border: 7px #ededed solid;
}

.pri-box-2 h3 {
  margin-bottom: 4px;
  color: #1a1a1a;
  font-size: 114%;
}

.pri-box-2 i {
  margin-right: 6px;
}

/* lost-articles */
.los-box-1 {
  padding: 34px 40px;
}
.los-box-1 h2 {
  margin-bottom: 14px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}

.los-box-2 {
  padding: 24px 40px;
  border-top: 1px #e5e5e5 solid;
}
.los-box-2.btm {
  padding-bottom: 50px;
}
.los-box-2 h3 {
  margin-bottom: 10px;
  border-left: 9px #6f3c6a solid;
  padding-left: 15px;
  color: #1a1a1a;
  font-size: 186%;
  line-height: 1.2;
  font-weight: normal;
}
.los-box-2 .text-1 {
  margin-bottom: 10px;
}
.los-box-2 h4 {
  color: #6f3c6a;
  font-size: 114%;
}
.los-box-2 a {
  color: #6f3c6a;
}
.los-box-2 a:hover, .los-box-2 a:focus {
  color: #f00;
}
.los-box-2 .box-1 {
  margin-top: 14px;
  border: 5px #f1f1f1 solid;
  padding: 18px 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.los-box-2 .box-1 > div {
  margin-right: 18px;
}
.los-box-2 .box-1 > div:last-child {
  margin-right: 0;
}
.los-box-2 .box-1 .box-l .title {
  margin-bottom: 10px;
  color: #6f3c6a;
  font-size: 143%;
  line-height: 1.2;
}
.los-box-2 .box-1 .box-l .btn a {
  padding: 6px 10px;
  display: block;
  color: #6f3c6a;
  background-color: #f1f1f1;
  text-decoration: none;
}
.los-box-2 .box-1 .box-l .btn a::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background: url("../img/contents/lost-article/los-btn-icon.svg") no-repeat center center/7px auto;
}
.los-box-2 .box-1 .box-l .btn a:hover, .los-box-2 .box-1 .box-l .btn a:focus {
  opacity: 0.8;
}
.los-box-2 .fs-1 {
  font-size: 86%;
}

/* accessibility */
.accb-box-1 {
  padding: 0 38px 38px;
}
.accb-box-1 h2 {
  margin-bottom: 20px;
  color: #000;
  font-size: 271%;
  line-height: 1.2;
  font-weight: normal;
}
.accb-box-1 .box-1 {
  margin-bottom: 30px;
}
.accb-box-1 .box-1 h3 {
  margin-bottom: 12px;
  padding-bottom: 4px;
  border-bottom: 1px #e5e5e5 solid;
  color: #46703b;
  font-size: 143%;
  line-height: 1.2;
  font-weight: normal;
}
.accb-box-1 .box-1 h4 {
  margin-bottom: 12px;
  color: #46703b;
  font-size: 129%;
  line-height: 1.2;
  font-weight: normal;
}
.accb-box-1 .box-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accb-box-1 .box-1 ul li {
  margin: 0 0 4px;
  padding: 0 0 0 1em;
  position: relative;
}
.accb-box-1 .box-1 ul li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #4d4d4d;
  position: absolute;
  top: 11px;
  left: 6px;
}
.accb-box-1 .box-1 a {
  color: #46703b;
  text-decoration: underline;
}
.accb-box-1 .box-1 a:hover, .accb-box-1 .box-1 a:focus {
  color: #f00;
}
.accb-box-1 .box-1 .tbl-1 {
  width: 100%;
  border-top: 1px #d2d2d2 solid;
  border-left: 1px #d2d2d2 solid;
}
.accb-box-1 .box-1 .tbl-1 th,
.accb-box-1 .box-1 .tbl-1 td {
  border-right: 1px #d2d2d2 solid;
  border-bottom: 1px #d2d2d2 solid;
  padding: 12px;
  vertical-align: top;
}
.accb-box-1 .box-1 .tbl-1 th:nth-child(1),
.accb-box-1 .box-1 .tbl-1 td:nth-child(1) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}
.accb-box-1 .box-1 .tbl-1 th:nth-child(2),
.accb-box-1 .box-1 .tbl-1 td:nth-child(2) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}
.accb-box-1 .box-1 .tbl-1 th:nth-child(3),
.accb-box-1 .box-1 .tbl-1 td:nth-child(3) {
  width: 25%;
}
.accb-box-1 .box-1 .tbl-1 th {
  text-align: center;
  vertical-align: middle;
  background-color: #f1f1f1;
}
.accb-box-1 .box-1 .tbl-2 {
  width: 100%;
  border-top: 1px #d2d2d2 solid;
  border-left: 1px #d2d2d2 solid;
}
.accb-box-1 .box-1 .tbl-2 th,
.accb-box-1 .box-1 .tbl-2 td {
  border-right: 1px #d2d2d2 solid;
  border-bottom: 1px #d2d2d2 solid;
  padding: 12px;
  vertical-align: top;
}
.accb-box-1 .box-1 .tbl-2 th:nth-child(1),
.accb-box-1 .box-1 .tbl-2 td:nth-child(1) {
  width: 15%;
  text-align: center;
  vertical-align: middle;
}
.accb-box-1 .box-1 .tbl-2 th:nth-child(2),
.accb-box-1 .box-1 .tbl-2 td:nth-child(2) {
  width: 10%;
  text-align: center;
  vertical-align: middle;
}
.accb-box-1 .box-1 .tbl-2 th:nth-child(3),
.accb-box-1 .box-1 .tbl-2 td:nth-child(3) {
  width: 35%;
}
.accb-box-1 .box-1 .tbl-2 th:nth-child(4),
.accb-box-1 .box-1 .tbl-2 td:nth-child(4) {
  width: 10%;
}
.accb-box-1 .box-1 .tbl-2 th:nth-child(5),
.accb-box-1 .box-1 .tbl-2 td:nth-child(5) {
  width: 10%;
}
.accb-box-1 .box-1 .tbl-2 th {
  text-align: center;
  vertical-align: middle;
  background-color: #f1f1f1;
}

@media screen and (max-width: 768px) {
  /* --------------------
    body
  -------------------- */
  a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline !important;
  }
  .g-calendar.pc {
    display: none;
  }
  .g-calendar.sp {
    display: block;
    position: relative;
    padding-bottom: 80%; /* 縦横比 */
    height: 0;
    overflow: hidden;
  }
  .g-calendar.sp iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  /* about */
  .abo-box-1 {
    margin-bottom: 4px;
    padding: 40px 15px 0;
    background: url(../img/contents/about/sp-abo-bg-1.jpg) no-repeat center top;
    background-size: 375px auto;
  }
  .abo-box-1 .im {
    margin-bottom: 50px;
  }
  .abo-box-1 .im img {
    width: 150px;
  }
  .abo-box-1 h2 {
    margin-bottom: 18px;
  }
  .abo-box-1 h2 img {
    width: 278px;
  }
  .abo-box-1 h3 {
    margin-bottom: 18px;
    font-size: 114%;
  }
  .abo-box-1 > .text {
    font-size: 86%;
  }
  .abo-box-2 {
    padding: 24px 15px;
  }
  .abo-box-2 dl {
    padding: 0;
    float: none;
  }
  .abo-box-2 dt {
    margin-top: 10px;
    padding-left: 28px;
    font-size: 129%;
  }
  .abo-box-2 dt .icon {
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 6px;
  }
  .abo-box-2 dt.icon-1::before {
    content: "";
    background: url(../img/contents/about/abo-icon-1.png) no-repeat left top;
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    left: 0;
    top: 6px;
  }
  .abo-box-2 dd {
    font-size: 86%;
  }
  .abo-box-3 {
    margin-bottom: 4px;
    padding: 0 0 76px;
    background: url(../img/contents/about/abo-bg-3.jpg) no-repeat center bottom;
    background-size: 372px 64px;
  }
  .abo-box-3 .box {
    margin-bottom: 24px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .abo-box-3 .box.line {
    background: none;
  }
  .abo-box-3 .box > .inner {
    width: 100%;
    float: none;
  }
  .abo-box-3 .box > .inner:first-child {
    padding-right: 0;
  }
  .abo-box-3 .box > .inner:last-child {
    padding-left: 0;
  }
  .abo-box-3 .box .box-1 {
    margin-top: 16px;
    padding-top: 16px;
  }
  .abo-box-3 .box h3 {
    margin-bottom: 4px;
    font-size: 114%;
  }
  .abo-box-3 .box .list-1 li {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 86%;
  }
  .abo-box-3 .box .list-1 li:last-child {
    margin: 0;
  }
  .abo-box-3 .title-1 {
    margin-bottom: 10px;
    padding: 12px 15px;
    font-size: 114%;
  }
  .abo-box-3 .box > .inner .list-2 li {
    font-size: 86%;
  }
  .abo-box-3 .box > .inner .list-3 dt {
    font-size: 86%;
  }
  .abo-box-3 .box > .inner .list-3 dd {
    font-size: 86%;
  }
  .abo-box-4 {
    padding: 0;
  }
  .abo-box-4 > .inner {
    padding: 24px 15px;
  }
  .abo-box-4 > .inner-1 {
    border-bottom: 1px #cbcbcb solid;
  }
  .abo-box-4 > .inner-2 {
    border-top: 3px #f5f7f4 solid;
  }
  .abo-box-4 h3 {
    margin-bottom: 8px;
    font-size: 129%;
  }
  .abo-box-4 .box-1-w {
    margin-bottom: 20px;
  }
  .abo-box-4 .box-1 {
    padding-left: 0;
    padding-bottom: 12px;
    border-left: none;
    border-bottom: 1px #e5e5e5 solid;
    display: block;
  }
  .abo-box-4 .box-1.no-line {
    margin-bottom: 36px;
    padding-left: 0;
    padding-bottom: 0;
    border-left: none;
    border-bottom: none;
    min-height: 0;
  }
  .abo-box-4 .box-1 h4 {
    font-size: 86%;
  }
  .abo-box-4 ul.list {
    margin: 0;
    padding: 0 10px 0 0;
    width: 50%;
  }
  .abo-box-4 .box-1.no-line ul.list {
    width: 100%;
  }
  .abo-box-4 ul.list li {
    font-size: 86%;
  }
  .abo-box-4 .box-2 {
    margin-bottom: 20px;
    padding-right: 0;
  }
  .abo-box-4 .box-2 dl {
    margin-right: 0;
    margin-bottom: 6px;
    padding: 20px 20px;
    width: 100%;
    min-height: 0;
    float: none;
  }
  .abo-box-4 .box-2 dl:last-child {
    margin-right: 0;
  }
  .abo-box-4 .box-2 dt {
    font-size: 114%;
  }
  .abo-box-4 .box-2 dd {
    font-size: 86%;
  }
  /* sitemap */
  .sit-box-1 {
    padding: 32px 0 20px;
  }
  .sit-box-1 h2 {
    margin-bottom: 16px;
    font-size: 186%;
    text-align: center;
  }
  .sit-box-1 .box-1 {
    padding: 20px 15px;
  }
  .sit-box-1 .box-1 ul {
    margin: 0;
    padding: 0 0 0 18px;
    list-style: none;
    float: none;
    width: 100%;
  }
  .sit-box-1 .box-1 ul li a {
    text-decoration: underline;
  }
  .sit-box-1 .box-1 h3 {
    margin-bottom: 10px;
    font-size: 114%;
  }
  /* faq */
  .faq-box-1 {
    padding: 32px 0 20px;
  }
  .faq-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 186%;
    text-align: center;
  }
  .faq-box-1 h2 span {
    font-size: 62%;
  }
  .faq-box-1 .list {
    padding: 0 2px 0 0;
    list-style: none;
    background-color: transparent;
    letter-spacing: -0.4em;
  }
  .faq-box-1 .list li {
    margin: 0 2px 2px 0;
    padding: 12px 5px 12px 15px;
    float: none;
    font-size: 100%;
    letter-spacing: normal;
    display: inline-block;
    background-color: #5ca880;
    width: 50%;
  }
  .faq-box-1 .list li:nth-child(2n) {
    margin-right: -2px;
  }
  .faq-box-1 .list li:before {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background: url("../img/contents/faq/faq-cat-icon.svg") no-repeat center center/12px auto;
  }
  .faq-box-1 .list li a {
    color: #fff;
    text-decoration: underline;
  }
  .faq-box-1 .box {
    margin-bottom: 34px;
  }
  .faq-box-1 .box h3 {
    margin: 0 15px 10px;
    padding-left: 8px;
    font-size: 129%;
  }
  .faq-box-1 .box dl {
    padding: 10px 15px;
  }
  .faq-box-1 .box dt {
    font-size: 100%;
  }
  .faq-box-1 .box dd {
    font-size: 86%;
  }
  /* voice */
  .voi-box-1 {
    padding: 0 38px 20px;
  }
  .voi-box-1 h2 {
    margin-bottom: 20px;
    color: #000;
    font-size: 271%;
    line-height: 1.2;
    font-weight: normal;
  }
  .voi-box-1 .lead {
    margin-bottom: 28px;
  }
  .voi-box-1 .box {
    margin-bottom: 16px;
    padding: 10px;
    border-radius: 3px;
    background-color: #e7f2dc;
  }
  .voi-box-1 .box .box-l {
    float: left;
    width: 78px;
  }
  .voi-box-1 .box .box-l .icon {
    padding-top: 10px;
    width: 78px;
    height: 52px;
    position: relative;
    text-align: center;
    color: #004f36;
  }
  .voi-box-1 .box .box-l .icon .fa-commenting {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #004f36;
    font-size: 114%;
  }
  .voi-box-1 .box .box-l .icon .fa-user {
    font-size: 286%;
  }
  .voi-box-1 .box .box-l .num {
    color: #000;
    font-size: 143%;
    text-align: center;
  }
  .voi-box-1 .box .box-r {
    margin-left: 84px;
    border-radius: 3px;
    background-color: #fff;
  }
  .voi-box-1 .box .box-r .box-1 {
    padding: 16px 20px;
  }
  .voi-box-1 .box .box-r .box-1.border-top {
    border-top: 1px #e5e5e5 solid;
  }
  .voi-box-1 .box .box-r .box-1 .text-1 {
    font-size: 114%;
  }
  .voi-box-1 .box .box-r .box-1 .text-2 {
    margin-top: 4px;
    font-size: 86%;
  }
  /* toiawase */
  .toi-box-1 {
    padding: 32px 0 20px;
  }
  .toi-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 186%;
    text-align: center;
  }
  .toi-box-1 .lead {
    padding: 0 15px;
    font-size: 86%;
  }
  .toi-box-1 .box {
    padding: 24px 15px;
  }
  .toi-box-1 .box .text {
    margin-bottom: 18px;
  }
  .toi-box-1 .box dl {
    margin-bottom: 20px;
  }
  .toi-box-1 .box dl.mb-1 {
    margin-bottom: 10px;
  }
  .toi-box-1 .box dl dt {
    padding-left: 42px;
    margin-bottom: 8px;
    width: 100%;
    float: none;
    font-size: 100%;
  }
  .toi-box-1 .box dl dt.hissu {
    background-size: 34px 17px;
  }
  .toi-box-1 .box dl dt.nini {
    background-size: 34px 17px;
  }
  .toi-box-1 .box dl dt span {
    font-size: 75%;
  }
  .toi-box-1 .box dl dd {
    margin-left: 0;
  }
  .toi-box-1 .box dl dd .radio li {
    margin: 0 20px 0 0;
  }
  .toi-box-1 .box dl dd.privacy-check {
    font-size: 86%;
  }
  .toi-box-1 .box dl dd #namae {
    width: 278px;
    max-width: 100%;
  }
  .toi-box-1 .box dl dd #email,
  .toi-box-1 .box dl dd #email-check {
    width: 382px;
    max-width: 100%;
  }
  .toi-box-1 .box dl dd #nenrei {
    width: 60px;
    max-width: 100%;
  }
  .toi-box-1 .box dl dd #naiyo {
    max-width: 440px;
    width: 100%;
  }
  .submit-box {
    padding-top: 30px;
    text-align: center;
  }
  .toi-box-1 .btn-check,
  .toi-box-1 #submit,
  .toi-box-1 #back {
    margin: 0 auto 10px;
    padding: 12px 0;
    width: 220px;
    display: block;
  }
  /* tenrankai-event */
  .ti-box-1 {
    padding: 32px 0;
  }
  .ti-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 186%;
    text-align: center;
  }
  .ti-box-1 .lead {
    padding: 0 10px;
    font-size: 86%;
  }
  .ti-box-1 .title-box {
    margin-bottom: 15px;
    padding: 14px 15px 0 15px;
  }
  .ti-box-1 .title-box ul.tab li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .ti-box-1 .title-box ul.tab li a {
    padding: 8px 0;
  }
  .ti-box-1 .title-box ul.tab li a::after {
    width: 10px;
    height: 10px;
    background: url("../img/contents/tenrankai-events/ti-tab-icon.svg") no-repeat center center/7px auto;
    right: 8px;
  }
  .ti-box-1 .select-box-w {
    margin-bottom: 22px;
    letter-spacing: -0.4em;
    text-align: center;
  }
  .ti-box-1 .select-box-w .select-box {
    padding: 0 12px;
    border-right: 1px #d8d8d8 solid;
    width: 50%;
  }
  .ti-box-1 .select-box-w .select-box:last-child {
    border-right: none;
  }
  .ti-box-1 .select-box-w .select-box .text,
  .ti-box-1 .select-box-w .select-box form {
    float: none;
  }
  .ti-box-1 .select-box-w .select-box .text {
    margin-right: 0;
    margin-bottom: 4px;
    font-size: 86%;
  }
  .ti-box-1 .select-box-w .select-box form select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 6px 26px 6px 10px;
    color: #534741;
    background: #f1f1f1 url(../img/contents/tenrankai-events/select-icon.gif) no-repeat right center;
    font-family: "Noto Sans Japanese", Meiryo, sans-serif;
    font-size: 86%;
    width: 100%;
  }
  .ti-box-2 {
    padding: 0 15px;
  }
  .ti-box-2 .list {
    margin: 0 auto;
    padding: 0 12px 0 0;
    width: 100%;
    max-width: 382px;
  }
  .ti-box-2 .list li {
    margin: 0 12px 30px 0;
    max-width: 178px;
    width: 50%;
  }
  .ti-box-2 .list li:nth-child(2n) {
    margin: 0 -12px 30px 0;
  }
  .ti-box-2 .list li .category {
    font-size: 10px;
    font-size: 1rem;
  }
  .ti-box-2 .list li h3 {
    font-size: 86%;
  }
  .ti-box-2 .list li .date {
    font-size: 10px;
    font-size: 1rem;
  }
  .ti-box-2 .list li .bunrui,
  .ti-kanren .list li .bunrui {
    font-size: 10px;
    font-size: 1rem;
  }
  .ti-box-3 {
    padding: 0 15px;
  }
  .ti-box-3 h3 {
    font-size: 129%;
  }
  #ti-pagenavi {
    padding-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #ti-pagenavi .wp-pagenavi a.previouspostslink,
  #ti-pagenavi .wp-pagenavi a.nextpostslink {
    width: 20px;
    height: 26px;
  }
  .wp-pagenavi a {
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .wp-pagenavi span,
  .wp-pagenavi .current {
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  .ti-box-entry {
    padding: 0 0 26px;
  }
  .ti-box-entry .main-image {
    margin-bottom: 24px;
    height: 108px;
  }
  .ti-box-entry h2 {
    margin: 0 15px 10px;
    font-size: 129%;
  }
  .ti-box-entry h2 .category {
    font-size: 78%;
  }
  .ti-box-entry .box-1 {
    margin-bottom: 16px;
    padding: 0 15px;
  }
  .ti-box-entry .box-1 .text {
    float: none;
    padding-right: 0;
  }
  .ti-box-entry .box-1 .ph {
    width: 100%;
    max-width: 320px;
    float: none;
    margin: 10px auto 0;
    text-align: center;
  }
  .ti-box-entry .box-2 {
    margin: 0 15px 20px;
    padding-top: 14px;
  }
  .ti-box-entry .box-2 dt {
    width: 64px;
    font-size: 86%;
  }
  .ti-box-entry .box-2 dd {
    margin: 0 0 4px 66px;
    font-size: 86%;
  }
  .ti-box-entry .box-3 {
    margin: 0 15px;
    padding: 18px;
  }
  .ti-box-entry .box-3 .box-l {
    width: 100%;
    float: none;
  }
  .ti-box-entry .box-3 .box-l h3 {
    margin-bottom: 4px;
    font-size: 114%;
  }
  .ti-box-entry .box-3 .box-r {
    margin-left: 0;
  }
  .ti-box-entry .box-3 .box-r > .inner {
    float: none;
  }
  .ti-box-entry .box-3 .box-r .tel {
    font-size: 114%;
  }
  .ti-box-entry .box-3 .box-r dl {
    width: 100%;
  }
  .ti-box-entry .box-3 .box-r dt {
    width: 68px;
    float: left;
  }
  .ti-box-entry .box-3 .box-r dd {
    margin-left: 70px;
  }
  .ti-kanren {
    padding: 15px;
  }
  .ti-kanren h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 114%;
  }
  .ti-kanren .list li {
    margin: 0 16px 0 0;
  }
  .ti-kanren .list li .category {
    font-size: 10px;
    font-size: 1rem;
  }
  .ti-kanren .list li h4 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #arrow .slick-prev {
    display: none;
  }
  #arrow .slick-next {
    display: none;
  }
  .ti-btn {
    margin-top: 26px;
    padding-bottom: 46px;
  }
  .ti-btn a {
    margin: 0 auto;
    padding: 14px 0;
    width: 220px;
    font-size: 100%;
  }
  /* koshukai-workshop */
  .kw-box-1 {
    padding: 32px 0;
  }
  .kw-box-1.btm {
    padding: 15px 0;
  }
  .kw-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 186%;
    text-align: center;
  }
  .kw-box-1 .lead {
    padding: 0 10px;
    font-size: 86%;
  }
  .kw-box-1.archive .lead {
    margin-bottom: 36px;
  }
  .kw-box-1 .download {
    margin: 15px 0;
    padding: 15px;
  }
  .kw-box-1 .download a:hover,
  .kw-box-1 .download a:focus {
    color: #f05a24;
  }
  .kw-box-1 .title-box {
    margin: 0 0 10px;
    padding: 12px 15px;
  }
  .kw-box-1 .title-box h3 {
    font-size: 114%;
    float: left;
    width: 100%;
    padding-right: 130px;
  }
  .kw-box-1 .title-box.no-cat h3 {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .kw-box-1 .title-box .select-box {
    margin-left: -130px;
  }
  .kw-box-1 .title-box .select-box select {
    padding: 2px;
  }
  .kw-box-1.article .title-box h3 {
    font-size: 114%;
  }
  .kw-box-1 .select-box-w {
    margin-bottom: 22px;
    letter-spacing: -0.4em;
    text-align: center;
  }
  .kw-box-1 .select-box-w .select-box {
    padding: 0 12px;
    border-right: 1px #d8d8d8 solid;
    width: 50%;
  }
  .kw-box-1 .select-box-w .select-box:last-child {
    border-right: none;
  }
  .kw-box-1 .select-box-w .select-box .text,
  .kw-box-1 .select-box-w .select-box form {
    float: none;
  }
  .kw-box-1 .select-box-w .select-box .text {
    margin-right: 0;
    margin-bottom: 4px;
    font-size: 86%;
  }
  .kw-box-1 .select-box-w .select-box form select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 6px 26px 6px 10px;
    color: #534741;
    background: #f1f1f1 url(../img/contents/tenrankai-events/select-icon.gif) no-repeat right center;
    font-family: "Noto Sans Japanese", Meiryo, sans-serif;
    font-size: 86%;
    width: 100%;
  }
  .kw-box-2 {
    padding: 0 15px;
    margin-bottom: 20px;
  }
  .kw-box-2 .box-1 {
    width: 100%;
    float: none;
  }
  .kw-box-2 .box-2 {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    border-top: 1px #b1b1b1 dashed;
    margin-top: 14px;
    padding-top: 14px;
    float: none;
  }
  .kw-box-2 .box > h4 {
    margin-bottom: 8px;
    color: #42210b;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
  }
  .kw-box-2 .box .list {
    margin: 0 auto;
    padding: 0 12px 0 0;
    list-style: none;
    width: 100%;
    max-width: 382px;
    letter-spacing: -0.4em;
  }
  .kw-box-2 .box .list li {
    margin: 0 12px 16px 0;
    max-width: 178px;
    width: 50%;
  }
  .kw-box-2 .box .list li:last-child {
    margin: 0 12px 16px 0;
  }
  .kw-box-2 .box .list li:nth-child(2n) {
    margin: 0 -12px 16px 0;
  }
  .kw-box-2 .box .list li h4,
  .kw-box-2 .box .list li h5 {
    font-size: 86%;
  }
  .kw-box-2 .box .btn a {
    margin: 0 auto;
    padding: 14px 0;
    display: block;
    width: 220px;
    color: #fff;
    font-size: 100%;
  }
  .kw-box-3 {
    margin-bottom: 10px;
    padding: 26px 15px;
  }
  .kw-box-3 h3 {
    font-size: 129%;
  }
  .kw-box-3 > .text {
    margin-bottom: 16px;
    font-size: 86%;
  }
  .kw-box-3 .list {
    padding: 0;
  }
  .kw-box-3 .list li {
    margin: 0 0 16px;
    padding: 0;
    width: 100%;
    max-width: 370px;
    float: none;
  }
  .kw-box-3 .list li:last-child {
    margin: 0;
  }
  .kw-box-3 .list li .ph-box {
    margin-bottom: 6px;
  }
  .kw-box-3 .list li .ph-box .ph {
    position: relative;
    z-index: 1;
  }
  .kw-box-3 .list li .ph-box h4 {
    font-size: 129%;
    padding: 12px 16px;
  }
  .kw-box-3 .list li .text {
    font-size: 86%;
    color: #3b1c00;
  }
  .kw-box-3 .list-1 {
    padding: 0 6px 0 0;
  }
  .kw-box-3 .list-1 li {
    margin: 0 6px 6px 0;
    width: 50%;
  }
  .kw-box-3 .list-1 li:last-child {
    margin: 0 6px 6px 0;
  }
  .kw-box-3 .list-1 li:nth-child(2n) {
    margin: 0 -6px 6px 0;
  }
  .kw-box-2 .list-2 {
    max-width: 382px;
    padding-right: 12px;
  }
  .kw-box-2 .list-2 li {
    margin: 0 12px 16px 0;
    padding: 0;
    width: 50%;
    max-width: 174px;
  }
  .kw-box-2 .list-2 li:nth-child(2n) {
    margin: 0 -12px 16px 0;
  }
  .kw-box-2 .list-2 li .category {
    font-size: 10px;
    font-size: 1rem;
  }
  .kw-box-2 .list-2 li h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #kw-pagenavi {
    padding-top: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #kw-pagenavi .wp-pagenavi a.previouspostslink,
  #kw-pagenavi .wp-pagenavi a.nextpostslink {
    width: 20px;
    height: 26px;
  }
  .ti-btn a {
    margin: 0 auto;
    padding: 14px 0;
    width: 220px;
    font-size: 100%;
  }
  .kw-box-1 .btn-1 {
    margin-top: 26px;
    text-align: center;
  }
  .kw-box-1 .btn-1 a {
    margin: 0 auto;
    padding: 14px 0;
    width: 280px;
    font-size: 100%;
  }
  .kw-box-entry .main-image .cat-title {
    width: 106px;
    height: 106px;
    position: absolute;
    top: 22px;
    left: 38px;
    display: table;
  }
  .kw-box-entry .main-image .cat-title span {
    width: 106px;
    height: 106px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .kw-box-entry.togei h2,
  .kw-box-entry.togei-dantai h2 {
    border-left: none;
  }
  .kw-box-entry.senshoku h2,
  .kw-box-entry.senshoku-dantai h2 {
    border-left: none;
  }
  .kw-box-entry.shichiho h2,
  .kw-box-entry.shichiho-dantai h2 {
    border-left: none;
  }
  .kw-box-entry.glass h2,
  .kw-box-entry.glass-dantai h2 {
    border-left: none;
  }
  .kw-box-entry.kinko h2 {
    border-left: none;
  }
  .kw-box-entry.mokko h2 {
    border-left: none;
  }
  .kw-box-entry.hanga h2 {
    border-left: none;
  }
  .kw-box-entry.bijyutsu h2 {
    border-left: none;
  }
  .kw-box-entry.yosegi-de-asobo h2 {
    border-left: none;
  }
  .kw-box-entry.craft-workshop h2 {
    border-left: none;
  }
  .kw-box-entry.togei h2 .title::before,
  .kw-box-entry.togei-dantai h2 .title::before {
    background-color: #6e3c17;
  }
  .kw-box-entry.senshoku h2 .title::before,
  .kw-box-entry.senshoku-dantai h2 .title::before {
    background-color: #f41472;
  }
  .kw-box-entry.shichiho h2 .title::before,
  .kw-box-entry.shichiho-dantai h2 .title::before {
    background-color: #00a198;
  }
  .kw-box-entry.glass h2 .title::before,
  .kw-box-entry.glass-dantai h2 .title::before {
    background-color: #311a82;
  }
  .kw-box-entry.kinko h2 .title::before {
    background-color: #b8b633;
  }
  .kw-box-entry.mokko h2 .title::before {
    background-color: #009b48;
  }
  .kw-box-entry.hanga h2 .title::before {
    background-color: #732889;
  }
  .kw-box-entry.bijyutsu h2 .title::before {
    background-color: #eb9d42;
  }
  .kw-box-entry.yosegi-de-asobo h2 .title::before {
    background-color: #0068b2;
  }
  .kw-box-entry.craft-workshop h2 .title::before {
    background-color: #d7000f;
  }
  .kw-box-entry.senshoku .main-image .cat-title span,
  .kw-box-entry.senshoku-dantai .main-image .cat-title span,
  .kw-box-entry.yosegi-de-asobo .main-image .cat-title span,
  .kw-box-entry.craft-workshop .main-image .cat-title span {
    font-size: 1.4px;
    font-size: 1.4rem;
  }
  .kw-box-entry {
    padding: 0 0 26px;
  }
  .kw-box-entry .main-image {
    margin-bottom: 24px;
    height: 150px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
  }
  .kw-box-entry h2 {
    margin: 0 15px 18px;
    padding-left: 0;
    color: #000;
    font-size: 143%;
  }
  .kw-box-entry h2 .title {
    display: block;
    margin-bottom: 6px;
  }
  .kw-box-entry h2 .title::before {
    content: "";
    width: 6px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 2px;
  }
  .kw-box-entry h2 .icon-0 {
    margin-left: 2px;
    padding: 0 6px;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #ec1c24;
    line-height: 28px;
    height: 28px;
    text-align: center;
    position: relative;
    top: -4px;
  }
  .kw-box-entry h2 .icon-1 {
    margin-left: 2px;
    padding: 0 6px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #f05a24;
    line-height: 22px;
    height: 22px;
    text-align: center;
    position: relative;
    top: -4px;
  }
  .kw-box-entry h2 .icon-2 {
    margin-left: 2px;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background-color: #768e9a;
    width: 22px;
    height: 22px;
    text-align: center;
    position: relative;
    top: -4px;
  }
  .kw-box-entry h2 .icon-3 {
    margin-left: 2px;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background-color: #768e9a;
    width: 22px;
    height: 22px;
    text-align: center;
    position: relative;
    top: -4px;
  }
  .kw-box-entry h2 .icon-2 i,
  .kw-box-entry h2 .icon-3 i {
    margin-right: 1px;
  }
  .kw-box-entry .box-1 {
    margin-bottom: 22px;
    padding: 0 15px;
  }
  .kw-box-entry .box-1 .article {
    float: none;
    padding-right: 0;
  }
  .kw-box-entry .box-1 .article .text {
    font-size: 86%;
  }
  .kw-box-entry .box-1 .ph {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
    margin-bottom: 6px;
  }
  .kw-box-entry .box-2 {
    margin-top: 14px;
    padding-top: 14px;
  }
  .kw-box-entry .box-2 dt {
    width: 56px;
    font-size: 86%;
  }
  .kw-box-entry .box-2 dd {
    margin: 0 0 4px 58px;
    font-size: 86%;
  }
  .kw-box-entry .dl-box {
    margin-bottom: 20px;
    width: 100%;
    padding: 0 15px;
  }
  .kw-box-entry .dl-box ul {
    padding-right: 12px;
  }
  .kw-box-entry .dl-box ul li {
    margin: 0 12px 0 0;
    padding: 0;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .kw-box-entry .dl-box ul li.dl-box-1 {
    margin: 0 -12px 12px 0;
    width: 100%;
  }
  .kw-box-entry .dl-box ul li:last-child {
    margin: 0 -12px 0 0;
  }
  .kw-box-entry .dl-box ul li a {
    color: #f05a24;
    text-decoration: underline;
  }
  .kw-box-entry .dl-box ul li a:hover,
  .kw-box-entry .dl-box ul li a:focus {
    color: #f05a24;
  }
  .kw-box-entry .box-3 {
    margin: 0 15px 15px;
    padding: 12px 15px;
  }
  .kw-box-entry .box-3 h3 {
    margin-bottom: 4px;
    margin-right: 0;
    font-size: 129%;
  }
  .kw-box-entry .box-3 .btn {
    margin-bottom: 10px;
    font-size: 100%;
    width: 200px;
    position: static;
  }
  .kw-box-entry .box-3 .btn a {
    padding: 8px 0;
  }
  .kw-box-entry .text-1 {
    margin: 12px 15px 0;
  }
  .kw-box-entry .text-1 li {
    font-size: 86%;
  }
  .kw-box-entry .text-1 li a {
    color: #39b44a;
    text-decoration: underline;
  }
  .kw-box-entry .text-1 li a:hover,
  .kw-box-entry .text-1 li a:focus {
    color: #39b44a;
  }
  .kw-kanren {
    padding: 24px 15px;
  }
  .kw-kanren h3 {
    font-size: 114%;
  }
  .ti-kanren .list-2 {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    letter-spacing: -0.4em;
  }
  .ti-kanren .list-2 li {
    margin: 0 18px 0 0;
    padding: 0;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .ti-kanren .list-2 li img {
    max-width: 100%;
    width: 100%;
  }
  .ti-kanren .list-2 li .category {
    margin-bottom: 6px;
    color: #333;
    background-color: rgba(96, 56, 19, 0.1);
    font-size: 12px;
    font-size: 1.2rem;
  }
  .ti-kanren .list-2 li .category .category-1 {
    padding: 0 6px;
    display: block;
  }
  .ti-kanren .list-2 li .category .category-2 {
    padding: 0 6px;
    display: block;
    color: #fff;
  }
  .ti-kanren .list-2 li .category .category-2.togei,
  .ti-kanren .list-2 li .category .category-2.togei-dantai {
    background-color: #6e3c17;
  }
  .ti-kanren .list-2 li .category .category-2.senshoku,
  .ti-kanren .list-2 li .category .category-2.senshoku-dantai {
    background-color: #f41472;
  }
  .ti-kanren .list-2 li .category .category-2.shichiho,
  .ti-kanren .list-2 li .category .category-2.shichiho-dantai {
    background-color: #00a198;
  }
  .ti-kanren .list-2 li .category .category-2.glass,
  .ti-kanren .list-2 li .category .category-2.glass-dantai {
    background-color: #311a82;
  }
  .ti-kanren .list-2 li .category .category-2.kinko {
    background-color: #b8b633;
  }
  .ti-kanren .list-2 li .category .category-2.mokko {
    background-color: #009b48;
  }
  .ti-kanren .list-2 li .category .category-2.hanga {
    background-color: #732889;
  }
  .ti-kanren .list-2 li .category .category-2.bijyutsu {
    background-color: #eb9d42;
  }
  .ti-kanren .list-2 li .category .category-2.yosegi-de-asobo {
    background-color: #0068b2;
  }
  .ti-kanren .list-2 li .category .category-2.craft-workshop {
    background-color: #d7000f;
  }
  .ti-kanren .list-2 li h3 {
    font-weight: normal;
    line-height: 1.2;
  }
  .ti-kanren .list-2 li h4 a {
    text-decoration: underline;
  }
  .ti-kanren .list-2 li .date {
    font-size: 10px;
    font-size: 1rem;
  }
  .kw-btn {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .kw-btn a {
    padding: 12px 0;
    width: 220px;
  }
  /* info */
  .inf-box-1 {
    padding: 32px 15px;
  }
  .inf-box-1 h2 {
    margin-bottom: 30px;
    font-size: 186%;
    text-align: center;
  }
  .inf-box-1 .title-box {
    padding: 12px;
  }
  .inf-box-1 .title-box h3 {
    font-size: 114%;
  }
  .inf-box-2 dl {
    padding: 10px 0;
  }
  .inf-box-2 dl dt {
    width: 70px;
    font-size: 86%;
  }
  .inf-box-2 dl dd {
    margin-left: 72px;
    font-size: 86%;
  }
  #inf-pagenavi .wp-pagenavi a.previouspostslink,
  #inf-pagenavi .wp-pagenavi a.nextpostslink {
    color: #000;
    background-color: transparent;
    display: inline-block;
    width: 20px;
    height: 25px;
    vertical-align: top;
    text-align: center;
  }
  .inf-box-entry .main-image .cat-title {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 16px;
    left: 12px;
  }
  .inf-box-entry .main-image .cat-title span {
    width: 80px;
    height: 80px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .inf-box-entry {
    padding: 0;
  }
  .inf-box-entry .main-image {
    margin-bottom: 26px;
    width: 100%;
    height: 110px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
  }
  .inf-box-entry h2 {
    margin: 0 15px 12px;
    padding-left: 6px;
    font-size: 129%;
  }
  .inf-box-entry .article {
    padding: 0 15px;
    font-size: 86%;
  }
  .inf-box-entry .article a {
    color: #39b44a;
    text-decoration: underline;
  }
  .inf-box-entry .article a:hover,
  .inf-box-entry .article a:focus {
    color: #39b44a;
  }
  .inf-btn {
    margin-top: 20px;
    padding-bottom: 46px;
  }
  .inf-btn a {
    margin: 0 auto;
    padding: 14px 0;
    width: 220px;
    font-size: 100%;
  }
  /* shisetsu */
  .shi-title-box {
    padding: 32px 10px;
  }
  .shi-title-box h2 {
    margin-bottom: 12px;
    font-size: 186%;
    text-align: center;
  }
  .shi-title-box p {
    font-size: 86%;
  }
  .shi-box-1 {
    padding: 18px 15px;
  }
  .shi-box-1 h3 {
    padding-left: 10px;
    font-size: 129%;
  }
  .shi-box-1 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    letter-spacing: -0.4em;
  }
  .shi-box-1 ul li {
    padding: 0;
    float: none;
    position: relative;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .shi-box-1 ul li .ph {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .shi-box-1 ul li .ph::after {
    content: "";
    background: url(../img/contents/shisetsu/shi-bg-1.png) repeat-x left bottom;
    background-size: 1px 60px;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  .shi-box-1 ul li .title {
    padding: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    font-size: 100%;
  }
  .shi-box-1 ul.list-1 {
    padding-right: 8px;
    max-width: 360px;
  }
  .shi-box-1 ul.list-1 li {
    margin: 0 8px 8px 0;
    max-width: 176px;
    width: 50%;
  }
  .shi-box-1 ul.list-1 li:nth-child(3) {
    margin: 0 8px 8px 0;
  }
  .shi-box-1 ul.list-1 li:nth-child(7) {
    margin: 0 8px 8px 0;
  }
  .shi-box-1 ul.list-1 li.type-1 {
    margin: 0 8px 8px 0;
    max-width: 176px;
    width: 50%;
  }
  .shi-box-1 ul.list-1 li:nth-child(2n) {
    margin: 0 -8px 8px 0 !important;
  }
  .shi-box-1 ul.list-2 {
    padding-right: 8px;
  }
  .shi-box-1 ul.list-2 li {
    margin: 0 8px 8px 0;
    max-width: 176px;
    width: 50%;
  }
  .shi-box-1 ul.list-2 li:last-child {
    margin: 0 8px 8px 0;
  }
  .shi-box-1 ul.list-2 li:nth-child(2n) {
    margin: 0 -8px 8px 0;
  }
  .shi-box-2 {
    padding: 16px 15px;
  }
  .shi-box-2 h3 {
    font-size: 129%;
    line-height: 20px;
  }
  .shi-box-2 h3 span {
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    font-size: 67%;
    line-height: 20px;
  }
  .shi-box-2 h3 .icon-1 {
    padding: 0 6px;
  }
  .shi-box-2 ul.list-1 {
    margin: 0 auto 16px;
    padding-right: 8px;
    max-width: 344px;
  }
  .shi-box-2 ul.list-1 li {
    margin: 0 4px 4px 0;
    width: 33.3%;
    max-width: 112px;
    position: relative;
  }
  .shi-box-2 ul.list-1 li:last-child {
    margin: 0 4px 4px 0;
  }
  .shi-box-2 ul.list-1 li:nth-child(3n) {
    margin-right: -8px;
  }
  .shi-box-2 ul.list-1 li .title {
    font-size: 100%;
  }
  .shi-box-2 ul.list-2 {
    margin: 0 auto;
    padding-right: 8px;
    max-width: 344px;
  }
  .shi-box-2 ul.list-2 li {
    margin: 0 8px 4px 0;
    width: 50%;
    max-width: 246px;
    position: relative;
  }
  .shi-box-2 ul.list-2 li:last-child {
    margin: 0 8px 4px 0;
  }
  .shi-box-2 ul.list-2 li:nth-child(2n) {
    margin: 0 -8px 4px 0;
  }
  .shi-box-2 ul.list-2 li .title {
    padding: 8px 8px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    color: #fff;
    font-size: 100%;
    text-align: center;
    line-height: 1.2;
  }
  .shi-box-3 {
    padding: 26px 15px;
  }
  .shi-box-3 h3 {
    font-size: 129%;
  }
  .shi-box-3 .scroll {
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: auto;
    white-space: nowrap;
  }
  .shi-box-3 .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .shi-box-3 .scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .shi-box-3 .scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
  .shi-box-3 .map {
    margin-bottom: 0;
  }
  .shi-box-3 .map img {
    max-width: none;
    width: auto;
    height: 430px;
  }
  .shi-box-3 .box-1 {
    margin-bottom: 24px;
    padding: 14px 16px;
  }
  .shi-box-3 .box-1 .list-box-1 {
    width: 100%;
    padding-right: 118px;
  }
  .shi-box-3 .box-1 .list-box-1 li {
    margin: 0;
    padding: 0 0 8px;
    vertical-align: middle;
    font-size: 86%;
  }
  .shi-box-3 .box-1 .list-box-1 li i {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .shi-box-3 .box-1 .list-box-1 li.list-3 {
    padding-left: 34px;
    position: relative;
  }
  .shi-box-3 .box-1 .list-box-1 li.list-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
  }
  .shi-box-3 .box-1 .list-box-2 {
    margin: 0 0 0 -118px;
    padding: 0 0 0 18px;
    float: right;
    width: 112px;
  }
  .shi-box-3 .box-1 .list-box-2 li {
    margin: 0;
    padding: 0 0 6px;
    vertical-align: middle;
    font-size: 86%;
  }
  .shi-box-3 .box-1 .list-box-2 li i {
    margin-right: 6px;
    font-size: 14px;
    font-size: 1.4rem;
    width: 26px;
    height: 26px;
    line-height: 24px;
    color: #42210b;
    background-color: #fff;
    text-align: center;
    border-radius: 4px;
  }
  .shi-box-3 .box-2 {
    width: 100%;
    position: relative;
  }
  .shi-box-3 .box-2 .box-r {
    width: 100%;
    position: static;
  }
  .shi-box-3 .box-2 .box-r .list-1 {
    margin: 0 0 14px;
    padding: 0 0 14px 0;
    border-left: none;
    border-bottom: 1px #cbcbcb solid;
    list-style: none;
  }
  .shi-box-3 .box-2 .box-r .list-1 li {
    margin: 0 0 8px;
    padding: 4px 0 4px 40px;
    min-height: 30px;
    position: relative;
    font-size: 86%;
  }
  .shi-box-3 .box-2 .box-r .list-1 li span {
    font-size: 83%;
  }
  .shi-box-3 .box-2 .box-r .list-1 li.clm2 {
    padding: 0 0 4px 40px;
  }
  .shi-box-3 .box-2 .box-r .list-1 li .icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  .shi-box-3 .box-2 .box-r h4 {
    font-size: 114%;
  }
  .shi-box-3 .box-2 .box-r .list-2 {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px #cbcbcb solid;
    list-style: none;
  }
  .shi-box-3 .box-2 .box-r .list-2 li {
    margin: 0;
    padding: 0;
  }
  .shi-box-3 .box-2 .box-r .list-2 li i {
    margin-right: 6px;
    color: #b2b2b2;
  }
  .shi-box-3 .box-2 .box-l {
    padding-right: 0;
    width: 100%;
    float: none;
    position: relative;
    z-index: 1;
  }
  .shi-box-3 .box-2 .box-l .inner {
    width: 100%;
  }
  .shi-box-3 .box-2 .box-l .box-3 {
    float: none;
    width: 100%;
  }
  .shi-box-3 .box-2 .box-l .box-4 {
    margin-bottom: 14px;
  }
  .shi-box-3 .box-2 .box-l .box-4 h4 {
    font-size: 100%;
  }
  .shi-box-3 .box-2 .box-l .box-4 h4 span {
    font-size: 86%;
  }
  .shi-box-3 .box-2 .box-l .box-4 .text {
    font-size: 86%;
    width: 100%;
  }
  .shi-box-3 .box-2 .box-l .box-4 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }
  .shi-box-3 .box-2 .box-l .box-4 ul li {
    margin: 0 5px 0 0;
    padding: 0;
    float: left;
  }
  .shi-box-3 .box-2 .box-l .box-4 ul li:last-child {
    margin: 0;
  }
  .shi-box-3 .box-2 .box-l .box-4 ul li .hide {
    opacity: 0.2;
  }
  .shi-entry-box .main-image {
    margin-bottom: 16px;
    width: 100%;
    height: 164px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
  }
  .shi-entry-box .main-image .title {
    padding: 8px 20px 0 15px;
    background: -webkit-linear-gradient(left, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), color-stop(70%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=1 );
    height: 42px;
    position: absolute;
    bottom: 10px;
    left: 0;
  }
  .shi-entry-box .main-image .title h2 {
    padding-left: 8px;
    font-size: 143%;
  }
  .shi-entry-box .main-image.type-1 {
    margin-bottom: 14px;
    height: 182px;
  }
  .shi-entry-box .main-image .title-1 {
    padding: 0;
    position: absolute;
    bottom: 18px;
    left: 15px;
    width: 160px;
  }
  .shi-entry-box .main-image.type-1 .im {
    position: absolute;
    bottom: 18px;
    right: 15px;
    width: 120px;
  }
  .shi-entry-box .main-image .kikan {
    position: absolute;
    top: 0;
    right: 0;
  }
  .shi-entry-box .lead {
    padding: 0 15px 14px;
    font-size: 86%;
  }
  .shi-entry-box .lead .btn {
    margin-top: 14px;
  }
  .shi-entry-box .lead .btn a {
    display: block;
    width: 176px;
    padding: 8px 0;
  }
  .shi-entry-box-1 {
    padding: 18px 15px;
  }
  .shi-entry-box-1 .title-box {
    margin-bottom: 4px;
    position: relative;
    min-height: 25px;
  }
  .shi-entry-box-1 .title-box h3 {
    margin-right: 60px;
    font-size: 129%;
    font-weight: normal;
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .shi-entry-box-1 .title-box .btn {
    width: 58px;
  }
  .shi-entry-box-1 .title-box .btn a {
    font-size: 71%;
  }
  .shi-entry-box-1 .title-box-1 {
    margin-bottom: 18px;
    position: relative;
  }
  .shi-entry-box-1 .title-box-1.border {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px #d2d2d2 solid;
  }
  .shi-entry-box-1 .title-box-1 h3 {
    margin-right: 72px;
    font-size: 143%;
  }
  .shi-entry-box-1 .title-box-1 .btn {
    width: 72px;
    font-size: 71%;
  }
  .shi-entry-box-1 .title-box-1.border .btn {
    position: absolute;
    top: 18px;
    right: 0;
    z-index: 2;
  }
  .shi-entry-box-1 .tab {
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
  }
  .shi-entry-box-1 .tab li {
    margin: 0;
    padding: 0 0 2px;
    height: 46px;
    text-align: center;
    color: #1a1a1a;
    font-size: 86%;
    line-height: 1.2;
  }
  .shi-entry-box-1 .tab li:last-child {
    margin: 0;
  }
  .shi-entry-box-1 .shi-tab-box .list {
    margin: 0 auto;
    padding: 0 14px 0 0;
    max-width: 370px;
  }
  .shi-entry-box-1 .shi-tab-box .list li {
    margin: 0 14px 10px 0;
    width: 50%;
  }
  .shi-entry-box-1 .shi-tab-box .list li:nth-child(2n) {
    margin: 0 -14px 10px 0;
  }
  .shi-entry-box-2 {
    padding: 14px 15px 20px;
  }
  .shi-entry-box-2 .box-1 {
    margin-bottom: 10px;
    width: 100%;
  }
  .shi-entry-box-2 .box-1 .box-l {
    float: none;
  }
  .shi-entry-box-2 .box-1 .box-l.type-1 {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .shi-entry-box-2 .box-1 .box-l.no-ph {
    float: none;
  }
  .shi-entry-box-2 .box-1 .box-l .inner {
    margin-bottom: 10px;
  }
  .shi-entry-box-2 .box-1 .box-l .inner:last-child {
    margin-bottom: 0;
  }
  .shi-entry-box-2 .box-1 .box-l .inner-2 {
    margin-bottom: 14px;
    padding: 18px 22px;
  }
  .shi-entry-box-2 .box-1 .box-l .inner-2 .article {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  .shi-entry-box-2 .box-1 .box-l .inner-2 .ph {
    width: 100%;
    margin-left: 0;
    float: none;
    text-align: center;
  }
  .shi-entry-box-2 .box-1 .box-l .inner-2 .text-1 {
    margin-bottom: 10px;
  }
  .shi-entry-box-2 .box-1 .box-l h3 {
    font-size: 114%;
    position: relative;
    padding-left: 28px;
  }
  .shi-entry-box-2 .box-1 .box-l h3 i {
    line-height: 1;
    font-size: 125%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .shi-entry-box-2 .box-1 .box-l h3 i img {
    vertical-align: middle;
  }
  .shi-entry-box-2 .box-1 .box-l > div {
    font-size: 86%;
  }
  .shi-entry-box-2 .box-1 .box-l .text {
    position: relative;
    padding-left: 76px;
  }
  .shi-entry-box-2 .box-1 .box-l .text .title {
    position: absolute;
    top: 0;
    left: 0;
  }
  .shi-entry-box-2 .box-1 .box-l .text a {
    color: #009145;
    text-decoration: underline;
  }
  .shi-entry-box-2 .box-1 .box-l .text a i {
    margin-right: 6px;
  }
  .shi-entry-box-2 .box-1 .box-l .text a:hover,
  .shi-entry-box-2 .box-1 .box-l .text a:focus {
    color: #f00;
  }
  .shi-entry-box-2 .box-1 .ph {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 10px;
    text-align: center;
  }
  .shi-entry-box-2 .box-2 {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 15px 16px;
  }
  .shi-entry-box-2 .box-2 .box-l {
    width: 100%;
    float: none;
  }
  .shi-entry-box-2 .box-2 .box-l .text {
    font-size: 86%;
  }
  .shi-entry-box-2 .box-2 h3 {
    font-size: 114%;
  }
  .shi-entry-box-2 .box-2 .box-r {
    margin-top: 10px;
    width: 100%;
    float: none;
  }
  .shi-entry-box-2 .box-2 .box-r.type-1 {
    width: 100%;
    float: none;
  }
  .shi-entry-box-2 .box-2 h4 {
    font-size: 86%;
  }
  .shi-entry-box-2 .box-2 .box-r .text {
    margin-bottom: 4px;
  }
  #setsubi-icon {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }
  #setsubi-icon li {
    margin: 0 4px 0 0;
    padding: 0;
    float: left;
    position: relative;
    cursor: pointer;
  }
  #setsubi-icon li:last-child {
    margin: 0;
  }
  #setsubi-icon li .hide {
    opacity: 0.2;
  }
  #setsubi-icon .fukidashi {
    display: none;
    position: absolute;
    bottom: -30px;
    right: 0;
    color: #000;
    background-color: #fff5bb;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 12px;
    font-size: 1.2rem;
    white-space: nowrap;
  }
  #setsubi-icon .fukidashi::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff5bb;
    border-left: 4px solid transparent;
  }
  #setsubi-icon .fukidashi-2 .fukidashi {
    position: absolute;
    bottom: -30px;
    right: auto;
    left: 0;
  }
  #setsubi-icon .fukidashi-2 .fukidashi::before {
    content: "";
    position: absolute;
    top: -8px;
    right: auto;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff5bb;
    border-left: 4px solid transparent;
  }
  #setsubi-icon li.active .fukidashi {
    display: block;
  }
  .shi-entry-box-2 .calendar {
    margin-bottom: 20px;
  }
  .shi-entry-box-2 .map {
    margin-bottom: 36px;
    border: 2px #fff solid;
  }
  .shi-entry-box-2 .map iframe {
    width: 100%;
    height: 280px;
    vertical-align: top;
  }
  .shi-entry-box-2 .btn {
    font-size: 100%;
  }
  .shi-entry-box-2 .btn a {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 14px 0;
    width: 220px;
  }
  .shi-entry-box-2 .btn a:last-child {
    margin-right: 0;
  }
  .shi-entry-box-2 .btn a.btn-2 {
    padding: 14px 0;
    width: 220px;
    line-height: 1.2;
  }
  .shi-entry-box-2 .btn a.btn-img {
    padding: 0;
    width: 220px;
  }
  .shi-entry-box-2 img {
    vertical-align: top;
  }
  .shi-entry-box-2 .btn-1 {
    font-size: 100%;
  }
  .shi-entry-box-2 .btn-1 a {
    padding: 12px 0;
    display: inline-block;
    width: 220px;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 {
    width: 100%;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .ph {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 160px;
    overflow: hidden;
    float: none;
    text-align: center;
    background-color: #f5f5f5;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .ph::before {
    content: "";
    display: block;
    padding-top: 63%;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .ph a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .ph a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .article {
    margin-left: 0;
    padding: 12px;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .article > div {
    font-size: 86%;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .article .category {
    font-size: 10px;
    font-size: 1rem;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .article h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .shi-entry-box-1 .shi-tab-box .list-1 .article .date {
    font-size: 10px;
    font-size: 1rem;
  }
  .shi-entry-box-3 {
    padding: 15px;
  }
  .shi-entry-box-3 h3.title-1 {
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 129%;
  }
  .shi-entry-box-3 h3.title-2 {
    margin-bottom: 4px;
    font-size: 129%;
  }
  .shi-entry-box-3 .text-1 {
    font-size: 86%;
  }
  .shi-entry-box-3 .list {
    margin: 0 auto;
    width: 100%;
    max-width: 344px;
  }
  .shi-entry-box-3 .list li {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .shi-entry-box-3 .list li h4 {
    font-size: 100%;
  }
  .shi-entry-box-3 .list li h4.title-1 {
    font-size: 114%;
  }
  .shi-entry-box-3 .list li .text {
    font-size: 86%;
  }
  .shi-entry-box-3 .list li .text-2 {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px #dbdbdb solid;
  }
  .shi-kw-box h4 {
    margin-bottom: 6px;
    padding-left: 6px;
    font-size: 143%;
  }
  .shi-kw-box h4 .icon-1 {
    padding: 0 4px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    height: 20px;
  }
  .shi-kw-box h4 .icon-2 {
    padding: 0 4px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    height: 20px;
  }
  .shi-kw-box h4 .icon-3 {
    padding: 0 4px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    height: 20px;
  }
  .shi-kw-box .box-1 {
    margin-bottom: 14px;
  }
  .shi-kw-box .box-1 .article {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .shi-kw-box .box-1 .ph {
    margin-bottom: 12px;
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .shi-kw-box .box-2 {
    margin-top: 12px;
    padding-top: 12px;
  }
  .shi-kw-box .box-1 .article .text {
    font-size: 86%;
  }
  .shi-kw-box .box-2 dt {
    width: 38px;
    font-size: 86%;
  }
  .shi-kw-box .box-2 dd {
    margin: 0 0 4px 40px;
    font-size: 86%;
  }
  .shi-kw-box .box-3 {
    padding: 18px;
    border: 4px #ededed solid;
  }
  .shi-kw-box .box-3 h5 {
    margin-bottom: 6px;
    margin-right: 0;
    font-size: 114%;
  }
  .shi-kw-box .box-3 .btn {
    display: none;
  }
  .shi-kw-box .box-3 .inner {
    font-size: 86%;
  }
  .shi-kw-box .box-3 .btn-btm {
    margin: 12px auto 0;
    display: block;
    font-size: 100%;
    width: 190px;
  }
  .shi-kw-box .box-3 .btn-btm a {
    padding: 8px 0;
    width: 100%;
    display: block;
    color: #000;
    background-color: #c4e8b8;
    text-decoration: none;
    text-align: center;
  }
  .shi-kw-box .box-3 .btn-btm a i {
    margin-right: 8px;
  }
  .shi-5-box-1 {
    padding: 0 15px 20px;
  }
  .shi-5-box-1 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 346px;
  }
  .shi-5-box-1 ul li {
    margin: 0 4px 4px 0;
    width: 50%;
  }
  .shi-5-box-1 ul li .title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    color: #fff;
    font-size: 100%;
  }
  .shi-5-box-1 ul li .title i {
    margin-right: 6px;
  }
  .shi-5-box-1 ul li .link a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    opacity: 0;
    background-color: #fff;
  }
  .shi-5-box-1 ul li:nth-child(4),
  .shi-5-box-1 ul li:nth-child(6),
  .shi-5-box-1 ul li:nth-child(8),
  .shi-5-box-1 ul li:nth-child(10) {
    margin-right: -4px;
  }
  .shi-5-box-1 ul li.type-1 {
    margin: 0 0 4px 0;
    width: 100%;
    height: auto;
    float: none;
  }
  .shi-5-box-1 ul li.type-2 {
    margin: 0 0 4px 0;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .shi-5-box-1 ul li.type-2::before {
    content: "";
    display: block;
    padding-top: 43%;
  }
  .shi-5-box-1 ul li.type-2 .ph {
    margin-left: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .shi-5-box-1 ul li.type-2 .ph img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .shi-5-box-1 ul li.type-3 {
    width: 50%;
    height: auto;
  }
  .shi-5-box-1 ul li.type-3 .title {
    font-size: 86%;
  }
  .shi-5-box-1 ul li.type-4 {
    width: 50%;
    height: auto;
  }
  .shi-5-box-1 ul li.type-4 .title {
    position: absolute;
    bottom: 14px;
    left: 10px;
    z-index: 2;
    color: #fff;
    font-size: 86%;
  }
  .shi-5-box-1 ul li:nth-child(5) .title,
  .shi-5-box-1 ul li:nth-child(6) .title,
  .shi-5-box-1 ul li:nth-child(8) .title {
    font-size: 71%;
  }
  .shi-5-box-2 {
    margin: 0 auto 30px;
    padding: 50px 20px;
    width: 100%;
    max-width: 345px;
    height: auto;
    background: #fff url(../img/contents/shisetsu/sp-shi-5-bg-1-top.jpg) no-repeat center top;
    background-size: 100% auto;
    position: relative;
  }
  .shi-5-box-2::after {
    content: "";
    width: 100%;
    height: 22px;
    background: url(../img/contents/shisetsu/sp-shi-5-bg-1.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    bottom: -22px;
    left: 0;
  }
  .shi-5-box-2.kyukanbi {
    padding: 30px 22px;
    display: table;
    width: 100%;
    height: auto;
    max-width: 345px;
    background: url(../img/contents/shisetsu/sp-shi-5-bg-1-top.jpg) no-repeat center top;
  }
  .shi-5-box-2.kyukanbi .text-kyukan {
    width: 100%;
    height: 100%;
    font-size: 114%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }
  .shi-5-box-2.kyukanbi .text-kyukan span {
    font-size: 88%;
  }
  .shi-5-box-2.kyukanbi .text-kyukan a {
    color: #4d4d4d;
    text-decoration: underline;
  }
  .shi-5-box-2.kyukanbi .text-kyukan a:hover,
  .shi-5-box-2.kyukanbi .text-kyukan a:focus {
    color: #f00;
    text-decoration: underline;
  }
  .shi-5-box-2 .kaisaichu,
  .shi-5-box-2 .yokoku,
  .shi-5-box-2 .shuryo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .shi-5-box-2 .box-l {
    padding-top: 0;
    width: 100%;
    float: none;
  }
  .shi-5-box-2 .box-l .bunrui {
    font-size: 71%;
  }
  .shi-5-box-2 .box-l h4 {
    font-size: 129%;
  }
  .shi-5-box-2 .ph {
    margin: 0 auto 16px;
    width: 100%;
    max-width: 260px;
    float: none;
  }
  .shi-5-box-2 .ph img {
    width: 100%;
    height: auto;
  }
  .shi-5-box-2 .date {
    padding: 4px 6px;
    font-size: 86%;
  }
  .shi-5-box-2 .text {
    font-size: 86%;
  }
  .shi-5-box-2 .btn {
    margin-top: 12px;
  }
  .shi-5-box-2 .btn a {
    width: 200px;
    font-size: 100%;
  }
  .shi-5-box-3 {
    max-width: 345px;
  }
  .shi-5-box-3 .shi-5-box-2 {
    margin-right: 0;
    padding: 2px;
    width: 100%;
    height: auto;
    background: #fff none;
    position: relative;
    float: none;
  }
  .shi-5-box-3 .shi-5-box-2:last-child {
    margin-right: 0;
  }
  .shi-5-box-3 .shi-5-box-2 .box-l {
    padding: 40px 10px 0;
    width: 50%;
    float: left;
  }
  .shi-5-box-3 .shi-5-box-2 .ph {
    margin-bottom: 0;
    width: 50%;
    height: 230px;
    float: right;
  }
  .shi-5-box-3 .shi-5-box-2 .date {
    margin-bottom: 0;
    padding: 0;
    border: none;
    color: #000;
    font-size: 71%;
  }
  .shi-5-box-3 .shi-5-box-2 .btn {
    margin-top: 30px;
    font-size: 86%;
  }
  .shi-5-box-3 .shi-5-box-2 .btn a {
    width: 90%;
  }
  .shi-5-box-4 {
    padding: 22px 15px;
  }
  .shi-5-box-4 h3 {
    font-size: 143%;
  }
  .shi-5-box-4 > .text-1 {
    margin-bottom: 10px;
    font-size: 86%;
  }
  .shi-5-box-4 > .text-2 {
    margin-bottom: 26px;
    font-size: 86%;
  }
  .shi-5-box-4 > .text-2 span {
    font-size: 100%;
  }
  .shi-5-box-4 .list {
    padding: 10px 14px 10px 4px;
  }
  .shi-5-box-4 .list li {
    font-size: 86%;
  }
  .shi-5-box-4 .list-2 {
    margin: 0 auto;
    padding: 0 12px 0 0;
    list-style: none;
    max-width: 372px;
  }
  .shi-5-box-4 .list-2 li {
    margin: 0 12px 12px 0;
    padding: 0;
    float: left;
    max-width: 180px;
    width: 50%;
  }
  .shi-5-box-4 .list-2 li:last-child {
    margin: 0 12px 12px 0;
  }
  .shi-5-box-4 .list-2 li:nth-child(2n) {
    margin: 0 -12px 12px 0;
  }
  .shi-5-box-4 .list-2 li .ph {
    margin-bottom: 6px;
    background-color: #e5e5e5;
    text-align: center;
  }
  .shi-5-box-4 .list-2 li .ph {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .shi-5-box-4 .list-2 li .ph::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .shi-5-box-4 .list-2 li .ph span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .shi-5-box-4 .list-2 li .ph a img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .shi-5-box-4 .list-3 {
    margin: 0 auto;
    padding: 0 12px 0 0;
    list-style: none;
    max-width: 372px;
  }
  .shi-5-box-4 .list-3 li {
    margin: 0 12px 12px 0;
    padding: 0;
    float: left;
    width: 50%;
    max-width: 180px;
    height: 72px;
    font-size: 114%;
  }
  .shi-5-box-4 .list-3 li:nth-child(4n) {
    margin: 0 -12px 12px 0;
  }
  .shi-5-box-4 .list-3 li:nth-child(2n) {
    margin: 0 -12px 12px 0;
  }
  .shi-5-box-4 .list-3 li a {
    display: table;
    width: 100%;
    height: 72px;
    color: #4d4d4d;
    background-color: #f1f1f1;
    text-decoration: none;
  }
  .shi-5-box-4 .list-3 li a span {
    display: table-cell;
    padding: 0 20px 0 44px;
    vertical-align: middle;
    position: relative;
  }
  .shi-5-box-4 .list-3 li a:hover,
  .shi-5-box-4 .list-3 li a:focus {
    color: #af792c;
  }
  .shi-5-box-4 .btn {
    margin: 22px 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    letter-spacing: -0.4em;
  }
  .shi-5-box-4 .btn li {
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
    letter-spacing: normal;
  }
  .shi-5-box-4 .btn li:last-child {
    margin: 0;
  }
  .shi-5-box-4 .btn li a {
    margin: 0 auto;
    display: block;
    width: 250px;
    padding: 8px 0;
    font-size: 100%;
  }
  .shi-sns-box {
    padding: 20px 15px;
  }
  .shi-sns-box ul {
    margin: 0 auto;
    padding: 0 10px 0 0;
    list-style: none;
    max-width: 490px;
  }
  .shi-sns-box ul li {
    margin: 0 10px 10px 0;
    padding: 0;
    width: 50%;
    max-width: 240px;
    text-align: center;
    float: left;
  }
  .shi-sns-box ul li:last-child {
    margin: 0 10px 10px 0;
  }
  .shi-sns-box ul li:nth-child(2n) {
    margin: 0 -10px 10px 0;
  }
  .shi-sns-box ul li a {
    display: block;
    padding: 24px 0;
  }
  .shi-sns-box ul li.sapporosansaku a {
    padding: 20px 0;
  }
  .shi-entry-box-1 .pickup {
    margin-bottom: 12px;
    font-size: 86%;
  }
  .shi-entry-box-1 .pickup span {
    padding: 6px 8px;
  }
  .shi-6-list-1 {
    margin: 0 auto;
    padding: 0 4px 0 0;
    list-style: none;
    letter-spacing: -0.4em;
    max-width: 484px;
  }
  .shi-6-list-1 li {
    margin: 0 4px 16px 0;
    padding: 0;
    max-width: 240px;
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    background-color: #fff;
  }
  .shi-6-list-1 li:nth-child(2n) {
    margin: 0 -4px 16px 0;
  }
  .shi-6-list-1 li .ph {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #989898;
    text-align: center;
  }
  .shi-6-list-1 li .ph::before {
    content: "";
    display: block;
    padding-top: 66%;
  }
  .shi-6-list-1 li .ph span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .shi-6-list-1 li .ph span img {
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .shi-6-list-1 li .article {
    padding: 10px 14px;
  }
  .shi-6-list-1 li h3 {
    font-size: 114%;
  }
  .shi-6-list-1 li .name,
  .shi-6-list-1 li .date {
    font-size: 86%;
  }
  .shi-6-btn-1 {
    margin-top: 10px;
  }
  .shi-6-btn-1 a {
    padding: 8px 24px;
    font-size: 100%;
  }
  .shi-entry-box-4 {
    padding: 15px;
  }
  .shi-entry-box-4 h3 {
    margin-bottom: 10px;
    font-size: 129%;
    background-size: 18px 18px !important;
  }
  .shi-entry-box-4 h3.title-1 {
    background: url(../img/contents/shisetsu/shi-6-icon-1.gif) no-repeat 0 2px;
  }
  .shi-entry-box-4 h3.title-2 {
    background: url(../img/contents/shisetsu/shi-6-icon-2.gif) no-repeat 0 2px;
  }
  .shi-entry-box-4 h3.mtop {
    margin-top: 30px;
  }
  .shi-entry-box-4 h3 span {
    font-size: 67%;
  }
  .shi-entry-box-4 h4 {
    margin-bottom: 4px;
    font-size: 114%;
  }
  .shi-entry-box-4 h4.title-1 {
    font-size: 100%;
  }
  .shi-entry-box-4 .text-1 {
    font-size: 86%;
  }
  .shi-entry-box-4 .text-2 {
    font-size: 86%;
    margin-bottom: 14px;
  }
  .shi-entry-box-4 .list-1 {
    margin: 0 auto 14px;
    max-width: 244px;
  }
  .shi-entry-box-4 .list-1 li {
    margin: 0 0 10px;
    float: none;
    width: 100%;
    text-align: center;
  }
  .shi-entry-box-4 .list-1 li:last-child {
    margin: 0;
  }
  .shi-entry-box-4 .box-1 {
    margin-bottom: 20px;
    padding: 10px;
    border: 3px #ede1d2 solid;
  }
  .shi-entry-box-4 .box-1 h5 {
    margin-bottom: 10px;
    text-align: center;
  }
  .shi-entry-box-4 .box-1 .ph {
    margin-bottom: 4px;
    float: none;
    margin-left: 0;
    text-align: center;
  }
  .shi-entry-box-4 .box-1 .text {
    float: none;
    padding-right: 0;
    font-size: 86%;
  }
  .shi-entry-box-4 .box-2 {
    margin-bottom: 20px;
  }
  .shi-entry-box-4 .box-2 .ph {
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-top: 6px;
  }
  .shi-entry-box-4 .box-2 .box-l {
    margin-top: 12px;
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .shi-entry-box-4 .box-2 .box-l .tbl-1 {
    border-top: 1px #e5e5e5 solid;
    border-left: 1px #e5e5e5 solid;
    max-width: none;
    table-layout: fixed;
  }
  .shi-entry-box-4 .box-2 .box-l .tbl-1 th,
  .shi-entry-box-4 .box-2 .box-l .tbl-1 td {
    font-size: 86%;
  }
  .shi-entry-box-4 .box-3 {
    padding: 14px 18px;
  }
  .shi-entry-box-4 .box-3 h4 {
    font-size: 114%;
  }
  .shi-entry-box-4 .box-3 h4 i {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .shi-entry-box-4 .box-3 .box {
    width: 100%;
    float: none;
  }
  .shi-entry-box-4 .box-3 .box h5 {
    font-size: 86%;
  }
  .shi-entry-box-4 .box-3 .box p {
    font-size: 86%;
  }
  .shi-entry-box-4 .box-3 .box-l {
    padding-right: 0;
    border-right: none;
  }
  .shi-entry-box-4 .box-3 .box-r {
    margin-top: 8px;
    border-top: 1px #c9c9c9 solid;
    padding-top: 8px;
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  .shi-entry-box .main-image-1 {
    margin: 0;
    height: 110px;
    position: relative;
    margin-bottom: 14px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }
  .shi-entry-box .main-image-1 .title {
    width: 110px;
    height: 110px;
  }
  .shi-entry-box .main-image-1 .title h2 {
    font-size: 114%;
  }
  .shi-kashikobo-box-1 {
    padding: 0 15px 30px;
  }
  .shi-kashikobo-box-1 .list-1 {
    margin: 0 auto 10px;
    padding: 0 12px 0 0;
    list-style: none;
    max-width: 500px;
  }
  .shi-kashikobo-box-1 .list-1 li {
    margin: 0 12px 16px 0;
    padding: 0;
    max-width: 244px;
    width: 50%;
    float: left;
    font-size: 86%;
  }
  .shi-kashikobo-box-1 .list-1 li:last-child {
    margin: 0 12px 16px 0;
  }
  .shi-kashikobo-box-1 .list-1 li:nth-child(2n) {
    margin: 0 -12px 16px 0;
  }
  .shi-kashikobo-box-1 .box-1 {
    margin-bottom: 30px;
  }
  .shi-kashikobo-box-1 .free-box {
    margin-bottom: 30px;
  }
  .shi-kashikobo-box-1 .tbl-1 {
    padding-right: 0;
    overflow: visible;
  }
  .shi-kashikobo-box-1 .tbl-1 .box {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: 4px;
    background-color: transparent;
  }
  .shi-kashikobo-box-1 .tbl-1 .box:last-child {
    margin-right: 0;
  }
  .shi-kashikobo-box-1 .tbl-1 .box .title {
    border-bottom: 4px #fff solid;
    font-size: 114%;
  }
  .shi-kashikobo-box-1 .tbl-1 .article {
    background-color: #f3f0ec;
    font-size: 86%;
  }
  .shi-title-box-1 {
    padding: 12px 15px;
  }
  .shi-title-box-1 h3 {
    border-left: 4px #3b1100 solid;
    padding-left: 10px;
    font-size: 129%;
  }
  .shi-kashikobo-box-2 {
    padding: 15px;
  }
  .shi-kashikobo-box-2.ptop {
    padding: 0 15px 15px;
  }
  .shi-kashikobo-box-2 h4 {
    font-size: 114%;
  }
  .shi-kashikobo-box-2 h4 i {
    top: 5px;
  }
  .shi-kashikobo-box-2 h4.type-1 i {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .shi-kashikobo-box-2 .text-1 {
    margin-bottom: 30px;
  }
  .shi-kashikobo-box-2 .scroll {
    margin-bottom: 30px;
    padding-bottom: 10px;
    overflow: auto;
    white-space: nowrap;
  }
  .shi-kashikobo-box-2 .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .shi-kashikobo-box-2 .scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .shi-kashikobo-box-2 .scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
  .shi-kashikobo-box-2 .box-1 {
    width: 790px;
  }
  .shi-kashikobo-box-2 .scroll .box-1 {
    margin-bottom: 0;
  }
  .shi-kashikobo-box-2 .box-1 .tbl-1 td {
    font-size: 86%;
  }
  .shi-kashikobo-box-2 .box-2 {
    padding-right: 0;
  }
  .shi-kashikobo-box-2 .box-2 .box {
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
    float: none;
  }
  .shi-kashikobo-box-2 .box-2 .box:last-child {
    margin-bottom: 0;
    margin-right: 0;
  }
  .shi-kashikobo-box-2 .box-2 .box h5 {
    font-size: 114%;
  }
  .shi-kashikobo-box-2 .box-2 .box ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .shi-kashikobo-box-2 .box-2 .box ul li {
    margin: 0 0 16px;
    padding: 0 0 0 18px;
    font-size: 100%;
  }
  .shi-kashikobo-box-2 .box-2 .box ul li::before {
    content: "";
    width: 7px;
    height: 20px;
  }
  .shi-kashikobo-box-2 .box-2 .box ul li span {
    font-size: 86%;
  }
  .shi-kashikobo-box-2 .link {
    margin-bottom: 20px;
  }
  .shi-kashikobo-box-2 .link a {
    color: #c0272d;
    text-decoration: underline;
  }
  .shi-kashikobo-box-2 .link a:hover,
  .shi-kashikobo-box-2 .link a:focus {
    color: #f00;
  }
  .shi-kashikobo-box-2 .link a i {
    margin-right: 6px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .shi-kashikobo-box-2 .box-3 {
    margin-top: 26px;
    padding: 16px 18px;
  }
  .shi-kashikobo-box-2 .box-3 .box-l {
    width: 100%;
    float: none;
  }
  .shi-kashikobo-box-2 .box-3 h3 {
    font-size: 114%;
  }
  .shi-kashikobo-box-2 .box-3 h3 i {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .shi-kashikobo-box-2 .box-3 .text-2 {
    font-size: 86%;
    margin-bottom: 0;
  }
  .shi-kashikobo-box-2 .box-3 .text-3 {
    margin-top: 0;
    font-size: 86%;
  }
  .shi-kashikobo-box-2 .box-3 .box-r {
    margin-top: 12px;
    width: 100%;
    float: none;
  }
  .shi-kashikobo-box-2 .box-3 .box-r.type-1 {
    width: 100%;
    float: none;
  }
  .shi-kashikobo-box-2 .box-3 h4 {
    font-size: 86%;
  }
  .shi-kashikobo-box-2 .text-box {
    height: 260px;
    font-size: 86%;
  }
  .shi-kashikobo-box-2 .text-2 {
    font-size: 86%;
    margin-bottom: 12px;
  }
  .shi-kashikobo-box-2 .text-1 {
    font-size: 100%;
    text-align: left;
  }
  .shi-kashikobo-box-2 .text-btm {
    margin-top: 20px;
  }
  .shi-btn {
    margin-top: 20px;
    font-size: 100%;
    text-align: center;
  }
  .shi-btn.type-1 {
    margin-top: 20px;
  }
  .shi-btn a {
    margin: 0 auto 10px;
    padding: 14px 0;
    width: 220px;
    text-decoration: none;
    vertical-align: top;
  }
  .shi-kashishisetsu-box-1 {
    padding: 0 15px 22px;
  }
  .shi-kashishisetsu-box-1 h3 {
    font-size: 114%;
  }
  .shi-kashishisetsu-box-1 ul.list-1 {
    padding: 0;
  }
  .shi-kashishisetsu-box-1 ul.list-1 li {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
    float: none;
    font-size: 129%;
  }
  .shi-kashishisetsu-box-1 ul.list-1 li:nth-child(even) {
    margin: 0 0 10px 0;
  }
  .shi-kashishisetsu-box-1 ul.list-1 li a {
    padding: 0;
    display: block;
    height: auto;
  }
  .shi-kashishisetsu-box-1 ul.list-1 li a span {
    display: block;
    padding: 22px;
  }
  .shi-kashishisetsu-title-1 {
    margin: 0 15px 4px;
    font-size: 129%;
  }
  .shi-kashishisetsu-title-2 {
    margin-bottom: 16px;
    padding: 8px 15px;
  }
  .shi-kashishisetsu-title-2 h4 {
    padding-left: 6px;
    font-size: 129%;
  }
  .shi-kashishisetsu-box-2 {
    padding: 0 15px;
  }
  .shi-kashishisetsu-box-2 .box-1 {
    position: relative;
    min-height: 0;
    margin-bottom: 30px;
  }
  .shi-kashishisetsu-box-2 .box-1.no-ph-box {
    min-height: 0;
  }
  .shi-kashishisetsu-box-2 .box-1 .text-1 {
    margin-right: 0;
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-1 .text-1 .top {
    margin-bottom: 20px;
  }
  .shi-kashishisetsu-box-2 .box-1 .text-2 {
    margin-right: 0;
  }
  .shi-kashishisetsu-box-2 .box-1 .ph-box {
    position: static;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    max-width: 370px;
    margin: 12px auto 0;
  }
  .shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_img img {
    width: 100%;
    height: auto;
  }
  .shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav {
    background-color: #f5f5f5;
  }
  .shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav div {
    cursor: pointer;
    position: relative;
  }
  .shi-kashishisetsu-box-2 .box-1 .ph-box .mod_slide_nav .slick-current:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 5px #0080b8 solid;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .shi-kashishisetsu-box-2 .box-2 h5 {
    margin-bottom: 10px;
    font-size: 114%;
  }
  .shi-kashishisetsu-box-2 .box-2 {
    margin-bottom: 20px;
  }
  .shi-kashishisetsu-box-2 .box-2 .scroll {
    margin-bottom: 4px;
    padding-bottom: 10px;
    overflow: auto;
    white-space: nowrap;
  }
  .shi-kashishisetsu-box-2 .box-2 .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .shi-kashishisetsu-box-2 .box-2 .scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .shi-kashishisetsu-box-2 .box-2 .scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
  }
  .shi-kashishisetsu-box-2 .box-2 .box {
    margin-bottom: 0;
    width: 790px;
  }
  .shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th,
  .shi-kashishisetsu-box-2 .box-2 .box .tbl-1 td {
    padding: 4px;
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th span {
    font-size: 83%;
  }
  .shi-kashishisetsu-box-2 .box-2 .box .tbl-1 th .small,
  .shi-kashishisetsu-box-2 .box-2 .box .tbl-1 td .small {
    font-size: 83%;
  }
  .shi-kashishisetsu-box-2 .box-2 ul.list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .shi-kashishisetsu-box-2 .box-2 ul.list li {
    margin: 0 0 16px;
    padding: 0 0 0 18px;
    font-size: 100%;
  }
  .shi-kashishisetsu-box-2 .box-2 ul.list li::before {
    content: "";
    width: 7px;
    height: 20px;
  }
  .shi-kashishisetsu-box-2 .box-2 ul.list li span {
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-2 .text {
    white-space: normal;
    font-size: 86%;
    width: 790px;
  }
  .shi-kashishisetsu-box-2 .box-2 .text-2 {
    color: #666;
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-3 {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 12px 18px;
  }
  .shi-kashishisetsu-box-2 .box-3 .box-l {
    float: none;
    padding-right: 0;
  }
  .shi-kashishisetsu-box-2 .box-3 .box-l p {
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-3 h3 {
    font-size: 114%;
  }
  .shi-kashishisetsu-box-2 .box-3 h3 i {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .shi-kashishisetsu-box-2 .box-3 .text-1 {
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-3 .text-2 {
    padding-left: 1em;
    position: relative;
  }
  .shi-kashishisetsu-box-2 .box-3 .text-2::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #4d4d4d;
    position: absolute;
    top: 11px;
    left: 6px;
  }
  .shi-kashishisetsu-box-2 .box-3 .text-3 {
    margin-top: 4px;
    font-size: 86%;
    color: #666;
  }
  .shi-kashishisetsu-box-2 .box-3 .text-obi {
    padding: 10px;
    font-size: 100%;
  }
  .shi-kashishisetsu-box-2 .box-3 .box-r {
    margin-top: 8px;
    margin-left: 0;
    width: 100%;
    float: none;
  }
  .shi-kashishisetsu-box-2 .box-3 .box-r.type-1 {
    width: 100%;
    float: none;
  }
  .shi-kashishisetsu-box-2 .box-4 {
    margin-bottom: 20px;
  }
  .shi-kashishisetsu-box-2 .box-4 h5 {
    padding: 10px 18px;
    font-size: 114%;
  }
  .shi-kashishisetsu-box-2 .box-4 p,
  .shi-kashishisetsu-box-2 .box-4 th,
  .shi-kashishisetsu-box-2 .box-4 td {
    font-size: 86%;
  }
  .shi-kashishisetsu-box-2 .box-4 td th,
  .shi-kashishisetsu-box-2 .box-4 td td {
    font-size: 100%;
  }
  .nat-box-1 {
    padding: 0 15px 32px;
  }
  .nat-box-1 .main-image {
    margin-bottom: 16px;
  }
  .nat-box-1 .text-1 {
    margin-bottom: 16px;
    text-align: left;
    padding: 0 12px;
  }
  .nat-box-1 .list-1 {
    margin: 0 auto;
    padding: 0 6px 0 0;
    list-style: none;
    max-width: 374px;
  }
  .nat-box-1 .list-1 li {
    margin: 0 6px 10px 0;
    padding: 0;
    float: left;
    max-width: 184px;
    width: 50%;
  }
  .nat-box-1 .list-1 li:last-child {
    margin: 0 6px 10px 0;
  }
  .nat-box-1 .list-1 li:nth-child(2n) {
    margin: 0 -6px 10px 0;
  }
  .nat-box-2 {
    min-height: 0;
    border-top: 4px #ebebeb solid;
    padding: 14px 0 176px;
    background: #f5f5f5 url(../img/contents/shisetsu/sp-nat-bg-1.jpg) no-repeat center bottom;
    background-size: 100% auto;
  }
  .nat-box-2 h3 {
    margin-bottom: 10px;
  }
  .nat-box-2 h3 img {
    width: 260px;
  }
  .nat-box-2 .text-1 {
    margin-bottom: 16px;
    padding: 0 15px;
    text-align: left;
  }
  .nat-box-2 .list-1 li {
    font-size: 100%;
  }
  .nat-box-2 .list-1 li a {
    padding: 18px 46px;
  }
  /* restaurant-cafe */
  .res-box-1 {
    padding: 0 0 46px;
  }
  .res-box-1.border {
    border-top: none;
    padding: 0 0 46px;
  }
  .res-box-1 .title-box-1 {
    padding: 36px 15px 10px;
    border-top: none;
  }
  .res-box-1 .title-box-1 h2 {
    padding: 0 0 0 8px;
    border-left: 6px #553445 solid;
    font-size: 143%;
  }
  .res-box-1 .main-image {
    margin: 0 auto 12px;
    width: 100%;
    height: 150px;
  }
  .res-box-1 .main-image h3 {
    width: 222px;
    height: 136px;
  }
  .res-box-1 .main-image .ph {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 150px;
    overflow: hidden;
  }
  .res-box-1 .main-image .ph img {
    position: absolute !important;
    top: 0;
    left: 50%;
    margin-left: -187px;
    max-width: none;
    width: 374px;
    height: 150px;
    position: relative;
  }
  .res-box-1 h3.title-1,
  .res-box-1 h4.title-1 {
    margin: 0 15px 6px;
    font-size: 143%;
  }
  .res-box-1 h3.title-1 span,
  .res-box-1 h4.title-1 span {
    font-size: 60%;
    display: block;
  }
  .res-box-1 > .text-1 {
    margin: 0 15px 16px;
    font-size: 86%;
  }
  .res-box-1 .list-1 {
    margin: 0 auto 28px;
    padding: 0;
    list-style: none;
    max-width: 244px;
    width: 100%;
  }
  .res-box-1 .list-1 li {
    margin: 0 0 10px 0;
    padding: 0;
    width: 100%;
    float: none;
  }
  .res-box-1 .list-1 li:last-child {
    margin: 0;
  }
  .res-box-1 .title-box-2 {
    margin-bottom: 12px;
    padding: 12px 15px;
  }
  .res-box-1 .title-box-2 h4 {
    font-size: 114%;
    line-height: 28px;
  }
  .res-box-1 .title-box-2 h4 i {
    margin-right: 6px;
  }
  .res-box-1 .title-box-2 .btn {
    margin-top: 0;
    margin-left: -78px;
    width: 78px;
  }
  .res-box-1 .title-box-2 .btn a {
    padding: 4px 0;
    display: block;
    color: #553445;
    background-color: #f3f0ec;
    font-size: 86%;
    text-align: center;
    text-decoration: none;
  }
  .res-box-1 .news-list {
    margin: 0 15px 20px;
  }
  .res-box-1 .news-list dt {
    clear: left;
    padding: 0 0 6px;
    float: left;
    width: 78px;
    font-size: 86%;
  }
  .res-box-1 .news-list dd {
    margin-left: 80px;
    padding: 0 0 6px;
    font-size: 86%;
  }
  .res-box-1 .title-2 {
    margin-bottom: 12px;
    padding: 8px 15px;
    font-size: 114%;
  }
  .res-box-1 .box-1 {
    margin-bottom: 36px;
    padding: 0 15px;
  }
  .res-box-1 .box-1 table th,
  .res-box-1 .box-1 table td {
    display: block;
    width: 100%;
  }
  .res-box-1 .box-1 .box-l {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  .res-box-1 .box-1 .box-r {
    display: none;
    width: 100%;
    margin-left: 0;
    float: none;
    text-align: center;
  }
  .res-box-1 .box-1.type-1 .box-l {
    padding-right: 0;
  }
  .res-box-1 .box-1.type-1 .box-r {
    margin-top: 16px;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .res-box-1 .box-1 h5 {
    font-size: 114%;
  }
  .res-box-1 .box-1 h5 span {
    font-size: 75%;
  }
  .res-box-1 .box-1 ul li {
    margin: 0;
    padding: 0 0 8px;
    font-size: 86%;
  }
  .res-box-1 .box-1 .tbl-1 td {
    padding: 0 0 10px;
  }
  .res-box-1 .box-1 .tbl-1 td.line {
    border-left: none;
  }
  .res-box-1 .box-2 {
    margin: 0 15px;
    padding: 10px 15px;
    border: 6px #f3f0ec solid;
  }
  .res-box-1 .box-2 .box-l {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .res-box-1 .box-2 .box-l h5 {
    font-size: 114%;
  }
  .res-box-1 .box-2 .box-l h5 span {
    font-size: 75%;
    display: block;
  }
  .res-box-1 .box-2 .box-l dt {
    width: 74px;
    font-size: 86%;
  }
  .res-box-1 .box-2 .box-l dd {
    margin-left: 76px;
    font-size: 86%;
  }
  .res-box-1 .box-2 .box-l p {
    font-size: 86%;
  }
  .res-box-1 .box-2 .box-r {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
    display: none;
  }
  .res-box-1 .box-3 {
    padding: 20px 15px;
  }
  .res-box-1 .box-3 ul {
    padding: 0;
    max-width: 310px;
    margin: 0 auto;
  }
  .res-box-1 .box-3 ul li {
    margin: 0 0 16px 0;
    padding: 0;
    width: 100%;
    float: none;
  }
  .res-box-1 .box-3 ul li:nth-child(even) {
    margin: 0 0 16px 0;
  }
  .res-box-1 .box-3 ul li p {
    font-size: 86%;
  }
  .res-box-1 .box-3 ul li .title {
    font-size: 117%;
  }
  .res-box-1 .border {
    margin-bottom: 16px;
    padding: 0 15px 16px;
  }
  .res-box-1 .border p {
    font-size: 86%;
  }
  .res-box-1 h5.title-1 {
    font-size: 100%;
  }
  .res-box-1 h5.title-3 {
    font-size: 114%;
  }
  .res-box-1 h5.title-3 span {
    font-size: 75%;
  }
  .res-box-1 .btn {
    margin-top: 10px;
  }
  .res-box-1 .btn.type-1 {
    margin-top: 0;
    text-align: center;
  }
  .res-box-1 .btn a {
    padding: 8px 24px;
    display: inline-block;
    color: #fff;
    background-color: #a3573b;
    text-decoration: none;
  }
  .res-box-1 .btn a i {
    margin-right: 6px;
  }
  .res-box-1 .btn a.btn-1 {
    padding: 14px 30px;
    display: inline-block;
    color: #fff;
    background-color: #ffa924;
    text-decoration: none;
  }
  .res-box-1 .fukidashi {
    margin-top: 14px;
    padding: 10px 10px;
    text-align: left;
  }
  .res-box-1 .fukidashi::before {
    content: "";
    width: 18px;
    height: 14px;
    background: url(../img/contents/museum-shop/mus-icon-fukidashi.gif) no-repeat left top;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .bes-box-1 {
    padding: 0 15px;
    letter-spacing: -0.4em;
  }
  .bes-box-1 .box {
    margin: 0 0 8px 0;
    width: 100%;
    display: block;
  }
  .bes-box-1 .box:nth-child(even) {
    margin: 0 0 8px 0;
  }
  .bes-box-1 .box-i {
    width: 100%;
    display: table;
  }
  .bes-box-1 .box .ph,
  .bes-box-1 .box .article {
    display: table-cell;
    vertical-align: middle;
  }
  .bes-btn {
    margin-bottom: 30px;
    margin-top: 16px;
    font-size: 100%;
    text-align: center;
  }
  .bes-btn a {
    padding: 10px 0;
    width: 220px;
  }
  .bes-box-2 {
    padding: 32px 15px 30px;
  }
  .bes-box-2 h2 {
    font-size: 186%;
    text-align: center;
  }
  .bes-box-3 {
    margin-bottom: 20px;
    padding: 15px;
  }
  .bes-box-3 .box {
    margin-bottom: 10px;
    width: 100%;
    float: none;
  }
  .bes-box-3 .box {
    padding-right: 0;
    width: 100%;
    float: none;
    border-right: none;
  }
  .bes-box-3 .box:last-child {
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    border-left: none;
    border-right: none;
  }
  .bes-box-3 .box h3 {
    margin-bottom: 2px;
    font-size: 100%;
  }
  .bes-box-3 .box ul {
    margin: 0;
    padding: 0 8px 0 0;
    list-style: none;
    float: left;
    width: 25%;
  }
  .bes-box-3 .box ul li {
    margin: 0;
    padding: 0;
  }
  .bes-box-3 .box ul li a {
    display: block;
    padding: 3px 8px;
  }
  .bes-box-3 .box ul li a:hover,
  .bes-box-3 .box ul li a.current,
  .bes-box-3 .box ul li a:focus {
    color: #fff;
    background-color: #553445;
    border-radius: 4px;
  }
  .bes-title-1 {
    margin: 0 15px 10px;
    font-size: 114%;
  }
  .bes-title-1 img {
    width: 18px;
  }
  #bes-pagenavi {
    padding: 18px 0 26px;
  }
  #bes-pagenavi .wp-pagenavi a.previouspostslink,
  #bes-pagenavi .wp-pagenavi a.nextpostslink {
    color: #000;
    background-color: transparent;
    display: inline-block;
    width: 20px;
    height: 26px;
    vertical-align: top;
    text-align: center;
  }
  .bes-box-3 .box-1 .article {
    padding-right: 0;
    float: none;
  }
  .bes-box-3 .box-1 .ph {
    width: 100%;
    max-width: 375px;
    margin: 15px auto 0;
    float: none;
    text-align: center;
  }
  .bes-box-3 .box-1 h3 {
    font-size: 157%;
  }
  .bes-box-3 .box-1 h3 i {
    margin-right: 6px;
    width: 20px;
  }
  .bes-box-3 .box-1 h3 i img {
    width: 20px;
  }
  .bes-box-3 .box-1 h4 {
    padding-left: 8px;
    border-left: 6px #4d4d4d solid;
    font-size: 114%;
  }
  .bes-box-3 .box-1 .text a {
    color: #9d4d4d;
  }
  .bes-box-3 .box-1 .text a:hover,
  .bes-box-3 .box-1 .text a:focus {
    color: #9d4d4d;
  }
  /* restaurant-cafe-info */
  .rci-box-1 {
    padding: 32px 0 44px;
  }
  .rci-box-1 h2 {
    padding: 0 15px;
    margin-bottom: 8px;
    font-size: 143%;
    text-align: center;
    letter-spacing: -3px;
  }
  .rci-box-1 .text-1 {
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 86%;
  }
  .rci-box-1 h3.title-1 {
    padding: 8px 15px;
    font-size: 129%;
  }
  .rci-box-1 .box-1 dl {
    padding: 12px 15px;
  }
  .rci-box-1 .box-1 dl:first-child {
    border-top: none;
  }
  .rci-box-1 .box-1 dt {
    width: 72px;
    font-size: 86%;
  }
  .rci-box-1 .box-1 dd {
    margin-left: 74px;
    font-size: 86%;
  }
  .rci-box-1 .box-1 dd a {
    color: #333;
  }
  .rci-box-1 .box-1 dd a:hover,
  .rci-box-1 .box-1 dd a:focus {
    color: #333;
  }
  #rci-pagenavi {
    padding: 15px 0 0;
  }
  #rci-pagenavi .wp-pagenavi a.previouspostslink,
  #rci-pagenavi .wp-pagenavi a.nextpostslink {
    color: #000;
    background-color: transparent;
    display: inline-block;
    width: 20px;
    height: 26px;
    vertical-align: top;
    text-align: center;
  }
  .rci-box-1 .box-2 {
    margin-top: 0;
    padding: 15px;
  }
  .rci-box-1 .box-2 h3 {
    margin-bottom: 8px;
    padding-left: 8px;
    font-size: 129%;
  }
  .rci-box-1 .btn {
    margin-top: 20px;
    font-size: 100%;
  }
  .rci-box-1 .btn a {
    font-size: 100%;
    width: 220px;
  }
  /* access */
  .acc-box-1 {
    padding: 32px 0 46px;
  }
  .acc-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 186%;
    text-align: center;
  }
  .acc-box-1 > .text-1 {
    margin-bottom: 32px;
    padding: 0 15px;
    font-size: 86%;
  }
  .acc-box-1 > .map {
    margin-bottom: 4px;
    width: 100%;
    height: 200px;
  }
  .acc-map {
    margin-bottom: 4px;
  }
  .acc-map iframe {
    display: block;
    width: 100%;
    height: 200px;
  }
  .acc-box-1 .box {
    margin-bottom: 4px;
    padding: 20px 0;
  }
  .acc-box-1 .box .box-l {
    padding-right: 0;
    float: none;
  }
  .acc-box-1 .box h3 {
    margin-bottom: 12px;
    padding: 0 15px;
    font-size: 143%;
  }
  .acc-box-1 .box h3 span {
    font-size: 70%;
  }
  .acc-box-1 .box h3 i {
    margin-right: 8px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px;
  }
  .acc-box-1 .box .text-1 {
    margin-bottom: 16px;
    font-size: 86%;
  }
  .acc-box-1 .box h4 {
    font-size: 86%;
    font-weight: normal;
  }
  .acc-box-1 .box h4.title-1 {
    font-weight: bold;
    font-size: 100%;
  }
  .acc-box-1 .box h4.title-1 span {
    font-size: 86%;
  }
  .acc-box-1 .box .box-i {
    padding: 18px 22px;
  }
  .acc-box-1 .box .box-i h4.title-1 {
    font-size: 114%;
  }
  .acc-box-1 .box .box-i p {
    font-size: 86%;
  }
  .acc-box-1 .box ul li {
    font-size: 86%;
  }
  .acc-box-1 .box .box-r {
    float: none;
  }
  .acc-box-1 .box .box-r .ph {
    margin-bottom: 4px;
  }
  .acc-box-1 .box .box-r .text {
    padding: 0 15px;
    text-align: left;
    font-size: 86%;
  }
  .acc-box-1 .box .box-r .text a {
    color: #c0272d;
  }
  .acc-box-1 .box .box-r .text a:hover,
  .acc-box-1 .box .box-r .text a:focus {
    color: #c0272d;
  }
  .acc-box-1 .box .box-r .title-box {
    margin-bottom: 16px;
  }
  .acc-box-1 .box .box-r h4 {
    font-size: 129%;
    float: none;
  }
  .acc-box-1 .box .box-r h4 .icon-parking {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .acc-box-1 .box .box-r .btn {
    padding-top: 6px;
    float: none;
    width: 140px;
    font-size: 86%;
  }
  .acc-box-1 .box .box-r h5 {
    font-size: 100%;
  }
  .acc-box-1 .box .box-r .text-1 {
    margin-bottom: 16px;
    font-size: 86%;
  }
  .acc-box-1 .box .box-r p {
    font-size: 86%;
  }
  .acc-box-1 .box .box-r h6 {
    font-weight: normal;
  }
  .acc-box-1 .box .box-r dt {
    clear: left;
    float: left;
    width: 74px;
  }
  .acc-box-1 .box .box-r dd {
    margin-left: 76px;
  }
  .acc-box-1 .box .box-r dd span {
    font-size: 100%;
  }
  .acc-box-1 .box-1 {
    background-color: #eaeff0;
  }
  .acc-box-1 .box-1 .box-l {
    padding: 0 15px;
  }
  .acc-box-1 .box-1 .box-r {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .acc-box-1 .box-1 h3 i {
    background-color: #61878e;
  }
  .acc-box-1 .box-2 {
    background-color: #eff3ee;
  }
  .acc-box-1 .box-2 .box-l {
    padding: 0 15px;
  }
  .acc-box-1 .box-2 .box-r {
    margin: 18px 15px 0;
    width: auto;
    padding: 18px 22px;
  }
  .acc-box-1 .box-2 h3 {
    padding: 0;
  }
  .acc-box-1 .box-3 {
    margin: 30px 15px 0;
    padding: 14px 16px;
  }
  .acc-box-1 .box-3 .inner {
    margin-bottom: 22px;
  }
  .acc-box-1 .box-3 .inner .box-i {
    float: none;
    padding-right: 0;
    width: 100%;
  }
  .acc-box-1 .box-3 .inner .box-i:last-child {
    margin-right: 0;
  }
  .acc-box-1 .box-3 .inner .box-i h3 {
    margin-bottom: 8px;
    color: #000;
    font-size: 100%;
  }
  .acc-box-1 .box-3 .inner .box-i h3 img {
    width: 176px;
  }
  .acc-box-1 .box-3 .inner .box-i p {
    font-size: 86%;
  }
  .acc-box-1 .box-3 .btn {
    font-size: 100%;
  }
  .acc-box-1 .box-3 .btn a {
    width: 220px;
  }
  /* hajimete */
  .has-box {
    padding-bottom: 30px;
  }
  .has-box-1 {
    padding: 32px 0 24px;
  }
  .has-box-1 h2 {
    margin: 0 0 14px;
    padding: 0 15px;
    font-size: 186%;
    letter-spacing: -1px;
  }
  .has-box-1 h2 span {
    font-size: 69%;
  }
  .has-box-1 > .text-1 {
    margin-bottom: 32px;
    padding: 0 15px;
    font-size: 86%;
  }
  .has-box-1 .tab {
    margin: 0;
    padding: 0 4px 0 0;
    list-style: none;
  }
  .has-box-1 .tab li {
    margin: 0 1px 1px 0;
    padding: 0;
    width: 25%;
  }
  .has-box-1 .tab li:last-child {
    margin-right: -4px;
  }
  .has-box-1 .tab li.tab-1,
  .has-box-1 .tab li.tab-2,
  .has-box-1 .tab li.tab-3 {
    width: 33.33%;
  }
  .has-box-1 .tab li.tab-3 {
    margin-right: -3px;
  }
  .has-box-1 .tab li a {
    color: #fff;
    text-decoration: none;
  }
  .has-box-2 {
    padding: 15px 15px 20px;
  }
  .has-box-2.box-1 .title-box-1 {
    margin: 0 auto 10px;
    max-width: 370px;
  }
  .has-box-2.box-1 .title-box-1 h3 {
    padding-left: 36px;
    font-size: 143%;
  }
  .has-box-2.box-1 .title-box-1 .btn {
    font-size: 100%;
  }
  .has-box-2.box-1 .title-box-1 .btn a {
    color: #46703b;
    text-decoration: none;
  }
  .has-box-2.box-1 .title-box-1 .btn a:hover,
  .has-box-2.box-1 .title-box-1 .btn a:focus {
    color: #46703b;
    text-decoration: none;
  }
  .has-box-2.box-1 .inner {
    margin: 0 auto;
    max-width: 370px;
  }
  .has-box-2.box-1 .inner .box {
    margin-bottom: 15px;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .has-box-2.box-1 .inner .box:last-child {
    margin-right: 0;
  }
  .has-box-2.box-1 .inner .box h4 {
    margin-bottom: 0;
  }
  .has-box-2.box-1 .inner .box .ph {
    margin-bottom: 14px;
  }
  .has-box-2.box-2 .title-box-1 {
    margin: 0 auto 10px;
    max-width: 370px;
    padding-bottom: 10px;
  }
  .has-box-2.box-2 .title-box-1 h3 {
    padding-left: 36px;
    background: url(../img/contents/hajimete/has-icon-2a.gif) no-repeat left top;
    background-size: 32px 28px;
    line-height: 28px;
    font-size: 143%;
  }
  .has-box-2.box-2 .title-box-2 {
    margin: 0 auto 12px;
    max-width: 370px;
  }
  .has-box-2.box-2 .title-box-2 h4 {
    font-size: 114%;
    float: none;
  }
  .has-box-2.box-2 .title-box-2 ul {
    float: none;
    margin: 4px 0 0 0;
  }
  .has-box-2.box-2 .title-box-2 ul li {
    margin: 0 0 2px 0;
    padding: 0;
    float: none;
    font-size: 86%;
  }
  .has-box-2.box-2 .title-box-2 ul li:last-child {
    margin: 0;
  }
  .has-box-2.box-2 .title-box-2 ul li a {
    text-decoration: none;
  }
  .has-box-2.box-2 .title-box-2 ul li a:hover,
  .has-box-2.box-2 .title-box-2 ul li a:focus {
    text-decoration: none;
  }
  .has-box-2.box-2 .list-2 {
    margin: 0 auto;
    padding: 0 14px 0 0;
    list-style: none;
    width: 100%;
    max-width: 362px;
    letter-spacing: -0.4em;
  }
  .has-box-2.box-2 .list-2 li {
    margin: 0 14px 10px 0;
    padding: 0;
    width: 50%;
    max-width: 174px;
  }
  .has-box-2.box-2 .list-2 li:nth-child(2n) {
    margin: 0 -14px 10px 0;
  }
  .has-box-2.box-2 .btn {
    margin-top: 10px;
    font-size: 100%;
  }
  .has-box-2.box-2 .btn a {
    width: 220px;
    padding: 12px 0;
  }
  .has-box-2.box-3 {
    background-color: #f5f7f4;
  }
  .has-box-2.box-4 {
    background-color: #fff !important;
  }
  .has-box-2.box-3 .title-box-1 {
    margin: 0 auto 18px;
    max-width: 370px;
  }
  .has-box-2.box-3 .title-box-1 h3 {
    padding-left: 32px;
    background: url(../img/contents/hajimete/has-icon-3a.gif) no-repeat left top;
    background-size: auto 26px;
    line-height: 26px;
    font-size: 143%;
  }
  .has-box-2.box-4 .type-1 .title-box-1 h3 {
    background: url(../img/contents/hajimete/has-icon-4a.gif) no-repeat left top;
    background-size: auto 26px;
    line-height: 26px;
    font-size: 143%;
  }
  .has-box-2.box-4 .type-2 .title-box-1 h3 {
    background: url(../img/contents/hajimete/has-icon-5a.gif) no-repeat left top;
    background-size: auto 26px;
    line-height: 26px;
    font-size: 143%;
  }
  .has-box-2.box-5 .type-1 .title-box-1 h3 {
    background: url(../img/contents/hajimete/has-icon-6a.gif) no-repeat left top;
    background-size: auto 26px;
    line-height: 26px;
    font-size: 143%;
  }
  .has-box-2.box-5 .type-2 .title-box-1 h3 {
    background: url(../img/contents/hajimete/has-icon-7a.gif) no-repeat left top;
    background-size: auto 26px;
    line-height: 26px;
    font-size: 143%;
  }
  .has-box-2.box-3 .inner .box {
    margin: 0 auto 20px;
    float: none;
    max-width: 370px;
    width: 100%;
  }
  .has-box-2.box-3 .inner .box:last-child {
    margin: 0 auto 10px;
  }
  .has-box-2.box-3 .inner .box .ph {
    margin-bottom: 8px;
  }
  .has-box-2.box-3 .inner .box h4 {
    margin-bottom: 6px;
    font-size: 114%;
  }
  .has-box-2.box-3 .inner .box ul {
    padding: 0;
    list-style: none;
    float: left;
  }
  .has-box-2.box-3 .inner .box.type-1 ul {
    margin: 0 40px 0 0;
  }
  .has-box-2.box-3 .inner .box.type-2 ul {
    margin: 0 20px 0 0;
  }
  .has-box-2.box-3 .inner .box ul:last-child {
    margin: 0 !important;
  }
  .has-box-2.box-3 .inner .box ul li {
    font-size: 86%;
  }
  .has-box-2.box-3 .inner .box ul li a {
    text-decoration: none;
  }
  .has-box-2.box-3 .inner .box ul li a:hover,
  .has-box-2.box-3 .inner .box ul li a:focus {
    text-decoration: underline;
  }
  .has-box-2.box-3 .inner .box ul li a i {
    color: #b2b2b2;
    margin-right: 4px;
  }
  /* dantai */
  .dan-box-1 {
    padding: 32px 15px 15px;
  }
  .dan-box-1 h2 {
    margin-bottom: 10px;
    font-size: 186%;
    text-align: center;
  }
  .dan-box-1 .text-1 {
    font-size: 86%;
  }
  .dan-tab li {
    height: 60px;
    line-height: 60px;
  }
  .dan-tab li a {
    font-size: 100%;
  }
  #danTab1 {
    border-bottom: 6px #46703b solid;
  }
  #danTab2 {
    border-bottom: 6px #877a1a solid;
  }
  #danTab3 {
    border-bottom: +px #1b5059 solid;
  }
  .dan-box-2 {
    padding: 20px 0 30px;
  }
  .dan-box-2.dan-tab-1 h3 {
    margin: 0 15px 10px;
    padding-left: 8px;
    border-left: 6px #46703b solid;
    font-size: 143%;
  }
  .dan-box-2.dan-tab-1 .box-1 {
    padding: 15px;
  }
  .dan-box-2.dan-tab-1 .box-1 h4 {
    font-size: 100%;
  }
  .dan-box-2.dan-tab-1 .box-1 > .text {
    margin-bottom: 26px;
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-1 {
    padding: 14px 20px;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dt {
    padding-bottom: 4px;
    margin-bottom: 8px;
    float: none;
    width: 100%;
    border-bottom: 1px #cfcfcf solid;
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd dl dt {
    float: left;
    width: 78px;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-1 > dd dl dd {
    margin-left: 80px;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-2 {
    padding: 14px 20px;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-2 > dt {
    padding-bottom: 4px;
    margin-bottom: 8px;
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-2 > dd {
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-1 > dl.type-2 > dd dl dd {
    margin-left: 0;
  }
  .dan-box-2.dan-tab-1 .box-2 {
    padding: 10px 15px 20px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .dan-box-2.dan-tab-1 .box-2 h4 {
    font-size: 100%;
  }
  .dan-box-2.dan-tab-1 .box-2 > .text {
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-2 > dl dt {
    font-weight: bold;
    font-size: 86%;
  }
  .dan-box-2.dan-tab-1 .box-2 > dl dd {
    font-size: 86%;
  }
  .dan-box-yoyaku {
    margin: 0 15px;
    padding: 10px 15px;
    border: 6px #ededed solid;
  }
  .dan-box-yoyaku .box-l {
    width: 100%;
    float: none;
  }
  .dan-box-yoyaku h4 {
    margin-bottom: 10px;
    font-size: 129%;
  }
  .dan-box-yoyaku h4.title-1 {
    margin-bottom: 10px;
    font-size: 129%;
  }
  .dan-box-yoyaku h4.title-1 span {
    font-size: 67%;
    display: block;
  }
  .dan-box-yoyaku .btn {
    margin-bottom: 10px;
    font-size: 100%;
  }
  .dan-box-yoyaku .btn a {
    width: 198px;
    padding: 10px 0;
  }
  .dan-box-yoyaku .box-r {
    margin-left: 0;
  }
  .dan-box-yoyaku dt {
    font-size: 100%;
  }
  .dan-box-yoyaku dt span {
    font-size: 114%;
  }
  .dan-box-yoyaku dd {
    font-size: 86%;
  }
  .dan-box-yoyaku .dl-2 dt {
    font-size: 100%;
    color: #000;
    font-weight: bold;
  }
  .dan-box-yoyaku .dl-2 dd {
    margin-bottom: 8px;
  }
  .dan-box-3 {
    padding: 20px 15px;
  }
  .dan-box-3 h3 {
    margin-bottom: 6px;
    padding-left: 14px;
    font-size: 143%;
  }
  .dan-box-3.type-1 h3 {
    border-left: 8px #877a1a solid;
  }
  .dan-box-3.type-2 h3 {
    border-left: 8px #1b5059 solid;
  }
  .dan-box-3 p {
    font-size: 86%;
  }
  .dan-box-4 {
    padding: 20px 15px;
  }
  .dan-box-4 .ph-box {
    padding-right: 0;
    width: 100%;
    position: relative;
  }
  .dan-box-4 .ph-box .ph {
    position: static;
    margin: 24px 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .dan-box-4 .box-1 {
    padding-right: 0;
  }
  .dan-box-4 .box-1 .box {
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
    float: none;
  }
  .dan-box-4 .box-1 .box:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .dan-box-4 h4 {
    font-size: 114%;
  }
  .dan-box-4 .dl-1 dt {
    font-size: 86%;
  }
  .dan-box-4 .dl-1 dt span {
    font-size: 117%;
  }
  .dan-box-4 .dl-1 dd {
    margin-bottom: 30px;
    font-size: 86%;
  }
  .dan-box-4 .box-2 {
    margin-bottom: 20px;
    padding: 10px 14px;
    background-color: #f1f1f1;
  }
  .dan-box-4 .box-2 h5 {
    font-size: 114%;
    font-weight: normal;
  }
  .dan-box-4 .box-2 dl {
    margin-bottom: 6px;
  }
  .dan-box-4 .box-2 dt {
    width: 50px;
    font-size: 86%;
  }
  .dan-box-4 .box-2 dd {
    margin-left: 52px;
    font-size: 86%;
  }
  .dan-box-4 .box-2 dt.type-1 {
    width: 100px;
  }
  .dan-box-4 .box-2 dd.type-1 {
    margin-left: 102px;
  }
  .dan-box-4 .box-1 .box .text-1 {
    margin-bottom: 16px;
    position: relative;
    padding-left: 5em;
  }
  .dan-box-4 .box-1 .box .text-1 span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .dan-box-4 .box-3 {
    margin-top: 26px;
    margin-bottom: 26px;
    padding-top: 20px;
    border-top: 1px #e5e5e5 solid;
  }
  .dan-box-4 .box-3 p {
    font-size: 86%;
  }
  .dan-box-4 .text-2 {
    margin-bottom: 12px;
    font-size: 86%;
  }
  .dan-box-4 .dan-box-yoyaku {
    margin: 0;
  }
  .dan-box-4 .btn,
  .dan-box-4 .btn-1 {
    margin-top: 0;
    text-align: left;
    width: 100%;
  }
  .dan-box-4 .btn a {
    width: 198px;
    padding: 10px 0;
  }
  .dan-box-4 .btn-1 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
  }
  .dan-box-4 .btn-1 a {
    display: inline-block;
    width: 256px;
    padding: 12px 0;
    color: #fff;
    background-color: #53a368;
    text-align: center;
    text-decoration: none;
    font-size: 114%;
  }
  /* okosamazure-karadanofujiyu */
  .ok-box-1 {
    padding: 32px 15px;
  }
  .ok-box-1 h2 {
    margin-bottom: 10px;
    font-size: 143%;
    text-align: center;
  }
  .ok-box-1 .text-1 {
    font-size: 86%;
  }
  .ok-tab {
    margin: 0;
    padding: 0 2px 0 0;
    list-style: none;
  }
  .ok-tab li {
    height: 50px;
    line-height: 50px;
  }
  .ok-tab li a {
    font-size: 100%;
  }
  .ok-sub-tab {
    padding: 16px 0;
  }
  .ok-sub-tab li {
    margin: 0 38px 0 0;
  }
  .ok-sub-tab li a {
    color: #613535;
    text-decoration: none;
  }
  .ok-sub-tab li a:hover,
  .ok-sub-tab li a:focus {
    color: #613535;
    text-decoration: none;
  }
  .ok-box-2 {
    padding: 20px 15px;
  }
  .ok-box-type-1 .ok-box-2 h3 {
    border-left: 8px #e08e70 solid;
  }
  .ok-box-type-1 .ok-box-2 .box-1 .ph {
    margin-bottom: 10px;
    width: 100%;
    float: none;
    text-align: center;
  }
  .ok-box-type-1 .ok-box-2 .box-1 .article {
    margin-left: 0;
  }
  .ok-box-type-2 .ok-box-2 h3 {
    border-left: 9px #7abd8b solid;
  }
  .ok-box-type-2 .ok-box-2 .box-2 h4 {
    color: #125900;
  }
  .ok-box-type-2 .ok-box-2 .box-2 .text span {
    color: #125900;
  }
  .ok-box-type-2 .ok-box-yoyaku h4 {
    color: #125900;
  }
  .ok-box-type-2 .ok-box-yoyaku .btn a {
    color: #125900;
  }
  .ok-box-type-2 .ok-box-2 .box-1 .ph {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .ok-box-type-2 .ok-box-2 .box-1 .article {
    margin-left: 0;
  }
  .ok-box-2.top {
    border-top: none;
  }
  .ok-box-2.btm {
    padding-bottom: 50px;
  }
  .ok-box-2 .title-box-1 {
    margin-bottom: 14px;
  }
  .ok-box-2 .title-box-1.mtop {
    margin-top: 18px;
  }
  .ok-box-2 h3 {
    padding-left: 8px;
    font-size: 129%;
  }
  .ok-box-2 .title-box-1 h3 {
    margin-right: 10px;
  }
  .ok-box-2 .title-box-1 .btn {
    float: left;
    padding-top: 2px;
    font-size: 86%;
  }
  .ok-box-2 .title-box-1 .btn a {
    color: #29aae1;
    text-decoration: none;
  }
  .ok-box-2 .title-box-1 .btn a:hover,
  .ok-box-2 .title-box-1 .btn a:focus {
    color: #f00;
    text-decoration: underline;
  }
  .ok-box-2 .title-box-1 .btn a i {
    margin-right: 6px;
  }
  .ok-box-2 > .text-1 {
    font-size: 86%;
  }
  .ok-box-2 .box-1 {
    margin-bottom: 14px;
  }
  .ok-box-2 .box-1 .article h4 {
    font-size: 114%;
  }
  .ok-box-2 .box-1 .article h4 a {
    text-decoration: none;
  }
  .ok-box-2 .box-1 .article h4 a:hover,
  .ok-box-2 .box-1 .article h4 a:focus {
    text-decoration: none;
  }
  .ok-box-2 .box-1.type-1 .article h4 a {
    color: #46703b;
  }
  .ok-box-2 .box-1.type-1 .article h4 a:hover,
  .ok-box-2 .box-1.type-1 .article h4 a:focus {
    color: #46703b;
  }
  .ok-box-2 .box-1.type-2 .article h4 a {
    color: #613535;
  }
  .ok-box-2 .box-1.type-2 .article h4 a:hover,
  .ok-box-2 .box-1.type-2 .article h4 a:focus {
    color: #613535;
  }
  .ok-box-2 .box-1.type-3 .article h4 a {
    color: #703b6c;
  }
  .ok-box-2 .box-1.type-3 .article h4 a:hover,
  .ok-box-2 .box-1.type-3 .article h4 a:focus {
    color: #703b6c;
  }
  .ok-box-2 .box-1.type-4 .article h4 a {
    color: #e08e70;
  }
  .ok-box-2 .box-1.type-4 .article h4 a:hover,
  .ok-box-2 .box-1.type-4 .article h4 a:focus {
    color: #e08e70;
  }
  .ok-box-2 .box-1 .article p {
    font-size: 86%;
  }
  .ok-box-2 .box-2 {
    margin-top: 14px;
    padding-top: 14px;
  }
  .ok-box-2 .box-2.top {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
  .ok-box-2 .box-2 h4 {
    font-size: 114%;
  }
  .ok-box-2 .box-2 .text {
    font-size: 86%;
  }
  .ok-box-yoyaku {
    margin-top: 22px;
    padding: 18px 22px;
    border: 6px #ededed solid;
  }
  .ok-box-yoyaku .box-l {
    width: 100%;
    float: none;
  }
  .ok-box-yoyaku h4 {
    font-size: 129%;
  }
  .ok-box-yoyaku h4.title-1 {
    font-size: 129%;
  }
  .ok-box-yoyaku h4.title-1 span {
    display: block;
    font-size: 67%;
  }
  .ok-box-yoyaku .btn {
    font-size: 100%;
  }
  .ok-box-yoyaku .btn a {
    display: inline-block;
    width: 198px;
    padding: 8px 0;
  }
  .ok-box-yoyaku .box-r {
    margin-top: 10px;
    margin-left: 0;
  }
  .ok-box-yoyaku .box-r .text {
    font-size: 86%;
  }
  .ok-box-yoyaku dt {
    font-size: 114%;
    font-weight: bold;
  }
  .ok-box-yoyaku dt span {
    font-size: 113%;
    font-weight: normal;
  }
  .ok-box-yoyaku dd {
    margin-bottom: 6px;
  }
  .ok-box-yoyaku .dl-2 dt {
    font-size: 100%;
    color: #000;
    font-weight: bold;
  }
  .ok-box-yoyaku .dl-2 dd {
    margin-bottom: 8px;
  }
  /* ikuseijigyo */
  .iku-box-1 {
    width: 100%;
    height: auto;
    background: url(../img/contents/ikuseijigyo/iku-bg-1-w.jpg) repeat left top;
  }
  .iku-box-1 .inner {
    padding: 40px 15px 10px;
    width: 100%;
    height: auto;
    background: url(../img/contents/ikuseijigyo/sp-iku-bg-1.jpg) no-repeat center top;
    background-size: cover;
  }
  .iku-box-1 h2 {
    margin: 0 auto 32px;
    height: auto;
    max-width: 340px;
  }
  .iku-box-1 h3 {
    margin-bottom: 10px;
    width: 96px;
  }
  .iku-box-1 .inner p {
    font-size: 86%;
  }
  .iku-box-2 {
    padding: 20px 15px;
  }
  .iku-box-2 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 300px;
  }
  .iku-box-2 ul li {
    margin: 0 0 10px 0;
    width: 100%;
    float: none;
  }
  .iku-box-2 ul li.right {
    margin: 0 0 10px 0;
  }
  .iku-box-3 {
    padding: 20px 15px;
  }
  .iku-box-3 h3 {
    margin-bottom: 16px;
    color: #00331b;
    font-size: 143%;
    line-height: 1.2;
    font-weight: normal;
  }
  .iku-box-3 .box-1 ul {
    margin: 0 44px 0 0;
    padding: 0;
    list-style: none;
    float: left;
  }
  .iku-box-3 .box-1 ul:last-child {
    margin: 0;
  }
  .iku-box-3 .box-1 ul li {
    margin: 0;
    padding: 0 0 4px;
  }
  .iku-box-3 .box-1 ul li i {
    margin-right: 6px;
    color: #00331b;
  }
  .iku-box-3 .btn {
    margin-top: 20px;
    text-align: center;
  }
  .iku-box-3 .btn a {
    padding: 14px 0;
    width: 220px;
    font-size: 100%;
  }
  /* hello-museum */
  .hm-box-1 {
    width: 100%;
    height: 192px;
    background: url(../img/contents/ikuseijigyo/iku-bg-1-w.jpg) repeat left top;
  }
  .hm-box-1 .inner {
    padding: 22px 15px 0;
    width: 100%;
    height: 192px;
    background: url(../img/contents/hello-museum/hm-bg-1.jpg) no-repeat center top;
    background-size: cover;
  }
  .hm-box-1 h2 {
    margin: 0 auto;
    height: auto;
    max-width: 346px;
    text-align: center;
  }
  .hm-box-2 {
    padding: 15px;
  }
  .hm-box-2 .text-1 {
    font-size: 86%;
  }
  .hm-box-2 .text-2 {
    font-size: 86%;
  }
  .hm-box-3 {
    padding: 30px 15px;
  }
  .hm-box-3 h3 {
    margin-bottom: 6px;
    font-size: 129%;
  }
  .hm-box-3 h3::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 1px;
    background: url(../img/contents/hello-museum/hm-bg-title-1.gif) no-repeat left top;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -2px;
  }
  .hm-box-3 h3::after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 1px;
    background: url(../img/contents/hello-museum/hm-bg-title-1.gif) no-repeat left top;
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    top: -2px;
  }
  .hm-box-3 > .text-1 {
    font-size: 86%;
  }
  .hm-box-3 .box-1 {
    margin: 0 auto;
    max-width: 346px;
    padding-right: 0;
  }
  .hm-box-3 .box-1 .box {
    margin-right: 0;
    margin-bottom: 22px;
    width: 100%;
  }
  .hm-box-3 .box-1 .box:nth-child(even) {
    margin-right: 0;
  }
  .hm-box-3 .box-1 .box .ph {
    margin-bottom: 8px;
  }
  .hm-box-3 .box-1 .box h4 {
    font-size: 129%;
  }
  .hm-box-3 .box-1 .box .kaijo {
    font-size: 86%;
  }
  .hm-box-3 .box-1 .box .text {
    font-size: 86%;
  }
  .hm-box-4 {
    padding: 15px;
  }
  .hm-box-4 .box-1 {
    padding: 15px;
    border: 6px #ededed solid;
  }
  .hm-box-4 .box-1 .box-l {
    width: 100%;
    float: none;
  }
  .hm-box-4 .box-1 h3 {
    font-size: 114%;
  }
  .hm-box-4 .box-1 p {
    font-size: 86%;
  }
  .hm-box-4 .box-1 .box-r {
    margin-top: 10px;
    margin-left: 0;
  }
  .hm-box-4 .box-1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hm-box-4 .box-1 ul li {
    margin: 0 4px 0 0;
    font-size: 86%;
  }
  .hm-box-4 .box-1 ul li a {
    display: table;
    height: 72px;
    color: #fff;
    background-color: #46703b;
    text-decoration: none;
  }
  .hm-box-4 .box-1 ul li a span {
    padding: 0 10px 0 34px;
  }
  .hm-box-4 .box-1 ul li a span i {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
    font-size: 114%;
  }
  /* hello-museum-shiryo */
  .hms-box-1 .box-1 {
    height: 30px;
  }
  .hms-box-1 .box-1 .inner {
    padding: 0 15px;
    width: 100%;
    height: 30px;
    background: url(../img/contents/hello-museum/shiryo/hms-bg-1.jpg) no-repeat center top;
  }
  .hms-box-1 h2 {
    margin-top: -28px;
    text-align: center;
  }
  .hms-box-2 {
    padding: 16px 0;
  }
  .hms-box-2 h3 {
    font-size: 143%;
  }
  .hms-box-2 h3.title-1 {
    margin-bottom: 18px;
  }
  .hms-box-2 > .text-1 {
    margin-bottom: 14px;
    font-size: 100%;
  }
  .hms-box-2 .box-1 {
    padding: 16px 15px;
    border-top: 1px #ccc solid;
  }
  .hms-box-2 .box-1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hms-box-2 .box-1 ul li {
    font-size: 86%;
  }
  .hms-box-2 .box-1.top ul li {
    font-size: 133%;
  }
  .hms-box-2 .box-1 ul li a {
    color: #333;
    text-decoration: none;
  }
  .hms-box-2 .box-1 ul li a:hover,
  .hms-box-2 .box-1 ul li a:focus {
    color: #333;
    text-decoration: none;
  }
  .hms-box-2 .box-1 .tbl-1 td {
    width: 100%;
    display: block;
  }
  .hms-box-2 .box-1 p {
    font-size: 86%;
  }
  .hms-box-2 .btn {
    margin-bottom: 20px;
  }
  .hms-box-2 .btn a {
    padding: 14px 0;
    width: 220px;
    font-size: 100%;
  }
  /* saiyojoho */
  .sai-box-1 {
    padding: 32px 0 20px;
  }
  .sai-box-1 .no-text {
    padding: 40px 15px;
  }
  .sai-box-1 h2 {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 186%;
    text-align: center;
  }
  .sai-box-1 > .text-1 {
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 86%;
  }
  .sai-box-1 .box-1 {
    padding: 14px 0;
  }
  .sai-box-1 .box-1 h3 {
    margin: 0 15px 14px;
    font-size: 129%;
  }
  .sai-box-1 .box-1 .box {
    padding: 10px 15px;
  }
  .sai-box-1 .box-1 .box dl {
    padding: 10px 0;
  }
  .sai-box-1 .box-1 .box dl:first-child {
    padding: 0 0 10px;
  }
  .sai-box-1 .box-1 .box dt {
    width: 108px;
    font-size: 100%;
  }
  .sai-box-1 .box-1 .box dd {
    margin-left: 110px;
    font-size: 86%;
  }
  .sai-box-2 {
    margin: 20px 15px 0;
    padding: 12px 15px;
    border: 6px #ededed solid;
  }
  .sai-box-2 h3 {
    margin-bottom: 6px;
    font-size: 129%;
  }
  .sai-box-2 p {
    font-size: 86%;
  }
  /* privacy */
  .pri-box-1 {
    padding: 32px 15px 20px;
  }
  .pri-box-1 h2 {
    margin-bottom: 28px;
    font-size: 186%;
    text-align: center;
  }
  .pri-box-1 .box-1 p {
    font-size: 86%;
  }
  .pri-box-1 .box-1 h3 {
    font-size: 86%;
  }
  .pri-box-1 .text-2 {
    margin-bottom: 26px;
    font-size: 100%;
  }
  .pri-box-1 .text-2 a {
    color: #009145;
  }
  .pri-box-1 .text-2 a:hover,
  .pri-box-1 .text-2 a:focus {
    color: #009145;
  }
  .pri-box-2 {
    padding: 12px 15px;
    border: 6px #ededed solid;
  }
  .pri-box-2 h3 {
    font-size: 100%;
  }
  .pri-box-2 p {
    font-size: 86%;
  }
  /* lost-articles */
  .los-box-1 {
    padding: 34px 15px 22px;
  }
  .los-box-1 h2 {
    font-size: 157%;
    text-align: center;
  }
  .los-box-2 {
    padding: 20px 15px;
  }
  .los-box-2 p {
    font-size: 86%;
  }
  .los-box-2.btm {
    padding-bottom: 40px;
  }
  .los-box-2 h3 {
    border-left: 6px #6f3c6a solid;
    padding-left: 12px;
    font-size: 143%;
  }
  .los-box-2 h4 {
    font-size: 100%;
  }
  .los-box-2 a {
    color: #6f3c6a;
  }
  .los-box-2 a:hover, .los-box-2 a:focus {
    color: #6f3c6a;
  }
  .los-box-2 .box-1 {
    padding: 14px 18px;
    display: block;
  }
  .los-box-2 .box-1 > div {
    margin-right: 0;
  }
  .los-box-2 .box-1 > div:last-child {
    margin-right: 0;
  }
  .los-box-2 .box-1 .box-l {
    margin-bottom: 10px;
  }
  .los-box-2 .box-1 .box-l .title {
    font-size: 129%;
  }
  .los-box-2 .box-1 .box-l .btn {
    font-size: 117%;
    display: inline-block;
  }
  .los-box-2 .box-1 .box-l .btn a:hover, .los-box-2 .box-1 .box-l .btn a:focus {
    opacity: 1;
  }
  .los-box-2 .fs-1 {
    font-size: 86%;
  }
  /* accessibility */
  .accb-box-1 {
    padding: 32px 15px 20px;
  }
  .accb-box-1 h2 {
    margin-bottom: 16px;
    font-size: 186%;
    text-align: center;
  }
  .accb-box-1 .box-1 ul li {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .accb-box-1 .box-1 a:hover, .accb-box-1 .box-1 a:focus {
    color: #46703b;
  }
  .accb-box-1 .box-1 .tbl-1 th,
  .accb-box-1 .box-1 .tbl-1 td {
    font-size: 86%;
  }
  .accb-box-1 .box-1 .tbl-2 th,
  .accb-box-1 .box-1 .tbl-2 td {
    font-size: 86%;
  }
}
.schedule-fix-button {
  color: #fff;
  background-color: #d83500;
  display: block;
  position: fixed;
  left: 10px;
  bottom: 10px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  width: calc(100% - 74px);
  height: 44px;
  font-size: 1.2rem;
  z-index: 100000;
}
.schedule-fix-button:hover, .schedule-fix-button:focus {
  text-decoration: underline;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .schedule-fix-button {
    width: auto;
    left: auto;
    right: 102px;
    bottom: 62px;
    height: 72px;
    padding: 0 40px;
    font-size: 1.6rem;
  }
}

.improve-text {
  width: calc(100% - 40px);
  margin: 20px 0 10px;
  padding: 0 0 10px;
  margin: 0 auto 25px;
}
@media screen and (min-width: 769px) {
  .improve-text {
    width: 100%;
    padding: 0 10px 10px;
  }
}/*# sourceMappingURL=style.css.map */