/* setting */
.post-header {
  padding: 20px 0 0px;
}
.post-header .post-meta {
  margin-bottom: 20px;
  border: none;
  color: #8E8E8E;
}
.post-header .post-meta i {
  display: none;
}
.post-header .post-title {
  margin-bottom: 15px;
  font-size: clamp(1.25rem, 0.9077669903rem + 1.4563106796vw, 2rem);
  line-height: 1.4;
}

.wp-block-table .has-fixed-layout {
  table-layout: auto;
}

.is-type-video iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.post-content {
  padding-top: 0 !important;
}
.post-content h2 {
  border-bottom: 2px solid #004680;
}
.post-content .post-thumbnail {
  margin-left: 0;
  float: none;
  border-radius: 10px;
  overflow: hidden;
}
.post-content ol {
  list-style-position: inside;
  padding: 0;
}
.post-content figure img, .post-content figure iframe {
  border-radius: 10px;
  overflow: hidden;
}
.post-content figcaption {
  margin-top: -30px;
  margin-bottom: 48px;
  font-size: 12px;
}
.post-content table thead {
  border: none;
}
.post-content table thead th {
  background: #004680;
}

#toc {
  position: relative;
  overflow: hidden;
}
#toc .toc_more {
  display: block;
  position: absolute;
  left: -1px;
  bottom: -2px;
  width: calc(100% + 2px);
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);
}
#toc .toc_more .toc_more_btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 60%;
  margin: auto;
  padding: 5px;
  background: #e4ecf3;
  color: #004680;
  font-weight: bold;
  text-align: center;
}
#toc .toc_more .toc_more_btn:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-75%) rotate(45deg);
          transform: translateY(-75%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-right: 2px solid;
  border-bottom: 2px solid;
}

#toc_container {
  display: block !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #579ED7 !important;
  border-radius: 10px;
}
#toc_container .toc_inner {
  width: 100%;
  padding: clamp(1.25rem, 0.6796116505rem + 2.427184466vw, 2.5rem);
}
#toc_container p.toc_title {
  margin-bottom: clamp(0.625rem, 0.3398058252rem + 1.213592233vw, 1.25rem);
  padding-bottom: 0.5rem;
  color: #579ED7;
  font-size: clamp(1.125rem, 0.9538834951rem + 0.7281553398vw, 1.5rem);
  letter-spacing: 0.2rem;
  border-bottom: 1px dashed #A9A9A9;
}
#toc_container p.toc_title .toc_toggle {
  display: none;
}
#toc_container .toc_list > li {
  margin-bottom: 0.5rem;
}
#toc_container .toc_list > li > a {
  font-size: clamp(0.9375rem, 0.880461165rem + 0.2427184466vw, 1.0625rem);
  font-weight: bold;
}
#toc_container .toc_list > li ul {
  margin: 0.2rem 0;
  margin-left: 2.5em;
}
#toc_container .toc_list > li ul > li {
  margin-bottom: 0.2rem;
}
#toc_container .toc_list > li ul > li > a {
  font-size: clamp(0.8125rem, 0.755461165rem + 0.2427184466vw, 0.9375rem);
}
#toc_container .toc_list > li .toc_depth_1 {
  display: inline-block;
  background: #579ED7;
  width: clamp(1.5625rem, 1.2773058252rem + 1.213592233vw, 2.1875rem);
  height: clamp(1.5625rem, 1.2773058252rem + 1.213592233vw, 2.1875rem);
  border-radius: 50%;
  color: #fff;
  line-height: clamp(1.5625rem, 1.2773058252rem + 1.213592233vw, 2.1875rem);
  text-align: center;
}
#toc_container .toc_list > li .toc_depth_2 {
  color: #579ED7;
}

.addtoany_content {
  margin: clamp(2.5rem, 1.9296116505rem + 2.427184466vw, 3.75rem) 0 !important;
}

.addtoany_list {
  display: block !important;
  text-align: center;
}
.addtoany_list a {
  height: clamp(2.625rem, 2.1116504854rem + 2.1844660194vw, 3.75rem) !important;
  padding: 0 clamp(0.25rem, 0.192961165rem + 0.2427184466vw, 0.375rem) !important;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}
.addtoany_list a:not(.addtoany_special_service) > span {
  width: clamp(2.625rem, 2.1116504854rem + 2.1844660194vw, 3.75rem) !important;
  line-height: clamp(2.625rem, 2.1116504854rem + 2.1844660194vw, 3.75rem) !important;
  height: clamp(2.625rem, 2.1116504854rem + 2.1844660194vw, 3.75rem) !important;
  border-radius: 50% !important;
  padding: clamp(0.3125rem, 0.1699029126rem + 0.6067961165vw, 0.625rem);
}

.poster {
  margin-bottom: clamp(1.875rem, 1.0194174757rem + 3.640776699vw, 3.75rem);
  border-bottom: 1px #eee solid;
}
.poster .post-author {
  border-bottom: none;
}
.poster .post-author .post-author-img img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.poster .post-author-img {
  width: 80px;
  height: 80px;
}
.poster .post-author-img img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.post-footer {
  padding: 0 !important;
}
.post-footer .post-footer-box {
  margin-bottom: clamp(1.875rem, 1.0194174757rem + 3.640776699vw, 3.75rem);
}
.post-footer .post-tag-list li a {
  display: inline-block;
  padding: 2px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid;
  border-radius: 2px;
  font-size: 12px !important;
}
.post-footer .cate-same .post-tag-list li a {
  border-color: #DFDFDF;
  background: #F3F3F3;
  color: #0D0D0D;
}
.post-footer .cate-kind .post-footer-cate {
  margin-bottom: clamp(0.625rem, 0.3398058252rem + 1.213592233vw, 1.25rem);
  border-bottom: 1px solid #DFDFDF;
  color: #004680;
  font-size: clamp(1rem, 0.942961165rem + 0.2427184466vw, 1.125rem);
  font-weight: bold;
}
.post-footer .cate-kind .post-tag-list {
  margin-bottom: clamp(0.9375rem, 0.3671116505rem + 2.427184466vw, 2.1875rem);
}
.post-footer .cate-kind .post-tag-list li a {
  color: #0098FF;
}

.post-footer-ttl {
  margin-bottom: clamp(0.9375rem, 0.6523058252rem + 1.213592233vw, 1.5625rem) !important;
  font-size: clamp(1.375rem, 1.2038834951rem + 0.7281553398vw, 1.75rem) !important;
  color: #004680;
  font-weight: bold;
  text-align: center;
}

#side .side-posts {
  margin-bottom: clamp(1.875rem, 1.3046116505rem + 2.427184466vw, 3.125rem);
}
#side .side-ttl {
  margin-bottom: clamp(0.625rem, 0.3398058252rem + 1.213592233vw, 1.25rem);
  padding: 0.5rem 1rem;
  background: #004680;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: clamp(1rem, 0.942961165rem + 0.2427184466vw, 1.125rem);
  font-weight: bold;
}
#side .post-box {
  margin-bottom: 20px;
}
#side #side-docu-posts .docu-list li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #A9A9A9;
  font-size: clamp(0.875rem, 0.8464805825rem + 0.1213592233vw, 0.9375rem);
  font-weight: bold;
}
#side #side-docu-posts .docu-list li a:before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}
#side #side-docu-posts .docu-list li .wp-block-file:not(.wp-element-button) {
  font-size: 1em;
}

#satei-foot .satei-ai {
  width: calc(100% - 8px);
}

.storemap {
  margin: 6rem auto;
}
.storemap-txt {
  text-align: center;
}
.storemap-txt-icon {
  width: 65px;
  margin: 0 auto 1rem;
}
.storemap ul {
  padding-left: 0 !important;
  list-style: none !important;
}
.storemap ul li {
  margin: 0;
}
.storemap .map-unit {
  margin: 2rem auto;
}
.storemap .map-item-wrap {
  font-size: 15px;
}
.storemap .map-item-tit {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #D6E7F5;
  font-weight: 700;
}
.storemap .map-item-tit:after {
  display: block;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 10px;
  aspect-ratio: 1/1;
  border-right: 1px solid #579ED7;
  border-bottom: 1px solid #579ED7;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.storemap .map-item-tit.on:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.storemap .map-item-list-wrap {
  display: none;
}
.storemap .map-item-list li {
  font-weight: bold;
  border-bottom: 1px solid #D6E7F5;
}
.storemap .map-item-list li a {
  display: block;
  position: relative;
  padding: 8px 25px;
}
.storemap .map-item-list li a:after {
  display: block;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 10px;
  aspect-ratio: 1/1;
  border-right: 1px solid #579ED7;
  border-top: 1px solid #579ED7;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.storemap .map-item-list li a.no_link {
  background-image: none;
  pointer-events: none;
  color: #888;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  #side {
    padding-top: 0;
    margin-bottom: 50px !important;
  }
  #side .post-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #side .post-box .post-thum {
    width: 40%;
    margin-bottom: 0;
  }
  #side .post-box .post-ttl {
    width: 56%;
    margin-bottom: 0;
    font-size: clamp(0.9375rem, 0.9089805825rem + 0.1213592233vw, 1rem);
  }
  .wrap:after {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .poster .post-author .clearfix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .poster .post-author .post-author-img {
    float: none;
    width: 120px;
    height: 120px;
  }
  .poster .post-author .post-author-meta {
    width: calc(96% - 120px);
    margin-left: 0;
  }
  .post-footer .related-post .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .post-footer .related-post .post-list .post-box {
    width: 31%;
    margin-right: 3.5%;
  }
  .post-footer .related-post .post-list .post-box:nth-child(3n) {
    margin-right: 0;
  }
  .storemap {
    background: url("/sell/media/img/single/map_japan.png") center/cover no-repeat;
    background-position: right bottom;
    background-size: 42%;
  }
  .storemap-inner {
    width: 90%;
    margin: 0 auto;
    max-width: 1060px;
  }
  .storemap .map-img {
    width: 30%;
    margin: 3rem auto 0;
  }
  .storemap .map-item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
  }
  .storemap .map-item-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 18%;
    padding: 7px 0;
    background: #D6E7F5;
    border-radius: 4px;
    border-bottom: none;
    text-align: center;
  }
  .storemap .map-item-tit::after {
    display: none;
  }
  .storemap .map-item-list-wrap {
    display: block !important;
    width: 80%;
  }
  .storemap .map-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .storemap .map-item-list li {
    width: auto;
    border-bottom: none;
  }
  .storemap .map-item-list li a {
    position: relative;
    padding: 4px 10px;
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .storemap .map-item-list li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background: #bbb;
  }
  .storemap .map-item-list li:last-child a:after {
    display: none;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  #side #side-recom-posts .post-list,
  #side #side-rank-posts .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #side #side-recom-posts .post-list .post-box,
  #side #side-rank-posts .post-list .post-box {
    width: 31%;
  }
}