@charset "UTF-8";
/**
 * ピクセルをvwに変換
  * @param {number} px - ピクセル
  * @param {number} base - ベースとなるブレイクポイント
  * @return {string} vw

*/
.mod--cms-detail__shop {
  margin: 20px 0;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .mod--cms-detail__shop {
    margin: 0 0 5.13vw 0;
    font-size: 4.1vw;
    line-height: 2;
  }
}
.mod--cms-detail__photo {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 480px;
  position: relative;
  aspect-ratio: 480/270;
}
.mod--cms-detail__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .mod--cms-detail__photo img {
    max-width: 100%;
  }
}
.mod--cms-detail .contents {
  word-wrap: break-word;
}
.mod--cms-detail .contents.api {
  white-space: pre-line;
}

.mod--detail__tag {
  display: inline-block;
  margin-bottom: 34px;
  padding: 4px 12px;
  background-color: #4D5357;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .mod--detail__tag {
    margin-bottom: 7.69vw;
    padding: 0.51vw 2.05vw;
    font-size: 4.1vw;
  }
}

.mod--cms-detail__title {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mod--cms-detail__title {
    margin-bottom: 5.13vw;
  }
}

.overview {
  margin: 50px 0 20px;
}
@media screen and (max-width: 768px) {
  .overview {
    margin: 10.26vw 0 5.13vw;
  }
}
.overview__icons {
  display: flex;
  justify-content: center;
}
.overview__icon {
  padding: 8px 24px;
  border-radius: 50px;
  background-color: #4D5357;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .overview__icon {
    padding: 1.54vw 6.15vw;
    font-size: 3.59vw;
  }
}
.overview__icon:not(:first-of-type) {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .overview__icon:not(:first-of-type) {
    margin-left: 2.05vw;
  }
}
.overview__wrap {
  display: flex;
  margin-top: 20px;
  padding: 30px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .overview__wrap {
    display: block;
    margin-top: 5.13vw;
    padding: 5.13vw 7.69vw;
  }
}
.overview__wrap > * + * {
  padding-left: 2em;
}
@media screen and (max-width: 768px) {
  .overview__wrap > * + * {
    padding-left: 0;
  }
}
.overview__block {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .overview__block {
    width: 100%;
  }
}
.overview__block > * + * {
  margin-top: 8px;
}
.overview__box {
  display: flex;
}
@media screen and (max-width: 768px) {
  .overview__box:not(:first-of-type) {
    margin-top: 1.54vw;
  }
}
.overview__ttl, .overview__item {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .overview__ttl, .overview__item {
    font-size: 3.59vw;
  }
}
.overview__item a {
  word-break: break-all;
  text-decoration: underline;
}
@media screen and (min-width: 1240px) {
  .overview__item a:hover {
    text-decoration: none;
  }
}
.overview__ttl {
  flex-shrink: 0;
  position: relative;
  min-width: 73px;
  padding-right: 1em;
}
@media screen and (max-width: 768px) {
  .overview__ttl {
    min-width: 29.72vw;
  }
}
.overview__ttl::after {
  content: "：";
  position: absolute;
  top: 0;
  right: 2px;
}

.mod--linkbtn {
  text-align: center;
}
.mod--linkbtn.--news-detail .mod--linkbtn__inner {
  padding: 10px 13px 10px 15px;
}
.mod--linkbtn.--news-detail .mod--linkbtn__inner span.small {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .mod--linkbtn.--news-detail .mod--linkbtn__inner {
    padding: 3.33vw 3.33vw 3.33vw 3.85vw;
  }
  .mod--linkbtn.--news-detail .mod--linkbtn__inner span.small {
    font-size: 3.59vw;
  }
}

.link_url {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .link_url {
    margin-top: 5.13vw;
  }
}