@charset "UTF-8";
/*
style_blog_detail.css
ブログ詳細ページ用スタイル（PC・SP共有）
*/
.l-scope-blog__detail {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic UI", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.9);
}
.l-scope-blog__detail strong,
.l-scope-blog__detail em {
  font-weight: 700;
  font-style: normal;
}
.l-scope-blog__detail strong {
  color: #FF1744;
}
.l-scope-blog__detail a {
  color: #0056b1;
  text-decoration: none;
}
.l-scope-blog__detail th {
  font-weight: 500;
}
.l-scope-blog__detail .l-inner {
  margin-inline: auto;
  padding-inline: 1rem;
}
.l-scope-blog__detail .p-title {
  font-weight: 700;
  line-height: 1.5;
}
.l-scope-blog__detail .u-box--danger,
.l-scope-blog__detail .u-box--info {
  padding: 1rem;
  border-radius: 0.5rem;
}
.l-scope-blog__detail .u-box--danger {
  background-color: rgba(255, 23, 68, 0.1);
}
.l-scope-blog__detail .u-box--info {
  background-color: rgba(15, 131, 253, 0.1);
}
.l-scope-blog__detail .l-wrap-header .p-date,
.l-scope-blog__detail .l-wrap-header .p-genre {
  font-size: 0.875rem;
  margin-inline-end: 0.25rem;
}
.l-scope-blog__detail .l-wrap-header .p-date {
  color: rgba(0, 0, 0, 0.6);
}
.l-scope-blog__detail .l-wrap-header .p-genre {
  font-weight: 700;
}
.l-scope-blog__detail .l-wrap-header .p-news {
  color: #FF8F00;
}
.l-scope-blog__detail .l-wrap-header .p-car-life {
  color: #33cc99;
}
.l-scope-blog__detail .l-wrap-header .p-tire-change {
  color: #4ba6f5;
}
.l-scope-blog__detail .l-wrap-header .p-title {
  font-size: 1.125rem;
}
.l-scope-blog__detail .l-wrap-header .p-hero {
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-header .p-hero img {
  width: 100%;
}
.l-scope-blog__detail .l-wrap-content section {
  margin-block-start: 2rem;
}
.l-scope-blog__detail .l-wrap-content .p-title {
  font-size: 1.125rem;
}
.l-scope-blog__detail .l-wrap-content .u-title--line {
  font-size: 1.125rem;
  line-height: 1.5;
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
  padding-block-end: 0.5rem;
  position: relative;
}
.l-scope-blog__detail .l-wrap-content .u-title--line::after {
  content: "";
  background-color: #0056b1;
  width: 2rem;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  z-index: 1;
}
.l-scope-blog__detail .l-wrap-content .u-title--md {
  font-size: 1rem;
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-content p {
  line-height: 1.75;
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-content p a {
  font-weight: 700;
  border-bottom: 1px solid #0056b1;
}
.l-scope-blog__detail .l-wrap-content img {
  width: 100%;
}
.l-scope-blog__detail .l-wrap-content .p-img__1column,
.l-scope-blog__detail .l-wrap-content .p-img__2column {
  margin-block: 1rem;
}
.l-scope-blog__detail .l-wrap-content .p-img__2column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
.l-scope-blog__detail .l-wrap-content .p-img__2column .p-img {
  width: calc((100% - 0.5rem) / 2);
}
.l-scope-blog__detail .l-wrap-content .p-img__side {
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-content .p-table {
  width: 100%;
  font-size: 0.875rem;
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-content .p-table a {
  font-weight: 700;
  border-bottom: 1px solid #0056b1;
}
.l-scope-blog__detail .l-wrap-content .p-table th, .l-scope-blog__detail .l-wrap-content .p-table td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  vertical-align: middle;
}
.l-scope-blog__detail .l-wrap-content .p-table th {
  width: 35%;
  background-color: rgba(15, 131, 253, 0.1);
}
.l-scope-blog__detail .l-wrap-content .p-list__decimal,
.l-scope-blog__detail .l-wrap-content .p-list__disc,
.l-scope-blog__detail .l-wrap-content .p-list__annotation {
  line-height: 1.5;
  margin-block-start: 1rem;
  padding-inline-start: 1.5rem;
}
.l-scope-blog__detail .l-wrap-content .p-list__decimal li,
.l-scope-blog__detail .l-wrap-content .p-list__disc li,
.l-scope-blog__detail .l-wrap-content .p-list__annotation li {
  margin-block-start: 0.5rem;
}
.l-scope-blog__detail .l-wrap-content .p-list__decimal a,
.l-scope-blog__detail .l-wrap-content .p-list__disc a,
.l-scope-blog__detail .l-wrap-content .p-list__annotation a {
  font-weight: 700;
  border-bottom: 1px solid #0056b1;
}
.l-scope-blog__detail .l-wrap-content .p-list__decimal li {
  list-style: decimal;
}
.l-scope-blog__detail .l-wrap-content .p-list__disc li {
  list-style: disc;
}
.l-scope-blog__detail .l-wrap-content .p-list__annotation {
  padding-inline-start: 0;
}
.l-scope-blog__detail .l-wrap-content .p-list__annotation li:before {
  content: "※";
  margin-inline-end: 0.25rem;
}
.l-scope-blog__detail .l-wrap-tag {
  margin-block-start: 2rem;
  font-size: 0.875rem;
}
.l-scope-blog__detail .l-wrap-tag .l-inner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.l-scope-blog__detail .l-wrap-tag .p-list {
  display: flex;
}
.l-scope-blog__detail .l-wrap-tag .p-list li {
  margin-inline-end: 1rem;
  margin-block-end: 0.5rem;
}
.l-scope-blog__detail .l-wrap-tag .p-list li:first-child {
  display: none;
}
.l-scope-blog__detail .l-wrap-tag .p-link:before {
  content: "#";
}
.l-scope-blog__detail .l-wrap-author {
  margin-block-start: 2rem;
  margin-inline: 1rem;
}
.l-scope-blog__detail .l-wrap-author .l-inner {
  padding-inline: 0;
}
.l-scope-blog__detail .l-wrap-author .p-content {
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1rem;
  display: flex;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-img {
  flex-shrink: 1;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-info {
  padding-inline-start: 1rem;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-title {
  font-size: 0.75rem;
  font-weight: 400;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-author-name {
  line-height: 1.5;
  margin-block-start: 0.25rem;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-detail {
  font-size: 0.875rem;
  line-height: 1.75;
  margin-block-start: 0.25rem;
}
.l-scope-blog__detail .l-wrap-author .p-content .p-link {
  margin-block-start: 0.75rem;
  display: flex;
  gap: 1rem;
  opacity: 0.5;
}
.l-scope-blog__detail .l-wrap-article__more {
  background-color: rgba(15, 131, 253, 0.1);
  margin-block-start: 2rem;
  padding-block: 1rem 2rem;
}
.l-scope-blog__detail .l-wrap-article__more .p-wrap-article {
  margin-block-start: 1rem;
}
.l-scope-blog__detail .l-wrap-article__more .p-wrap-article > .p-title {
  font-size: 0.875rem;
}
.l-scope-blog__detail .l-wrap-article__more .p-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block-start: 0.5rem;
}
.l-scope-blog__detail .l-wrap-article__more article,
.l-scope-blog__detail .l-wrap-article__more .p-thumb,
.l-scope-blog__detail .l-wrap-article__more .p-img {
  width: calc((100vw - 3rem) / 2);
  border-radius: 0.25rem 0.25rem 0 0;
}
.l-scope-blog__detail .l-wrap-article__more article {
  background-color: white;
}
.l-scope-blog__detail .l-wrap-article__more .p-thumb {
  height: 25vw;
  position: relative;
  overflow: hidden;
}
.l-scope-blog__detail .l-wrap-article__more .p-img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.l-scope-blog__detail .l-wrap-article__more .p-info {
  padding: 0.5rem;
}
.l-scope-blog__detail .l-wrap-article__more .p-info .p-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  height: 4rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .l-scope-blog__detail {
    margin-block-start: 2rem;
  }
  .l-scope-blog__detail .l-wrap-header .p-title {
    font-size: 1.5rem;
    margin-block-start: 0.5rem;
  }
  .l-scope-blog__detail .l-wrap-content .p-title {
    font-size: 1.25rem;
  }
  .l-scope-blog__detail .l-wrap-content .p-table th {
    width: 30%;
  }
  .l-scope-blog__detail .l-wrap-content .p-img__side {
    display: flex;
    gap: 1rem;
  }
  .l-scope-blog__detail .l-wrap-content .p-img__side .p-img {
    width: 40%;
  }
  .l-scope-blog__detail .l-wrap-content .p-img__side .p-info {
    width: 60%;
  }
  .l-scope-blog__detail .l-wrap-content .p-img__side .p-info .p-title {
    margin-block-start: 0;
  }
  .l-scope-blog__detail .l-wrap-article__more {
    margin-block: 2rem;
  }
  .l-scope-blog__detail .l-wrap-article__more .p-list {
    gap: 1rem;
    padding: 0;
  }
  .l-scope-blog__detail .l-wrap-article__more article {
    width: calc((100% - 3rem) / 4);
  }
  .l-scope-blog__detail .l-wrap-article__more .p-thumb,
  .l-scope-blog__detail .l-wrap-article__more .p-img {
    width: 100%;
  }
  .l-scope-blog__detail .l-wrap-article__more .p-thumb {
    height: 120px;
  }
  .l-scope-blog__detail .l-wrap-article__more .p-info {
    padding: 1rem;
  }
  .l-scope-blog__detail .l-wrap-article__more .p-info .p-title {
    height: 4rem;
    overflow: hidden;
  }
}
@media (min-width: 1025px) {
  .l-scope-blog__detail .l-inner {
    max-width: 1000px;
    padding-inline: 0;
  }
  .l-scope-blog__detail .l-wrap-article__more article:hover .p-img {
    transform: scale(1.1);
  }
  .l-scope-blog__detail .l-wrap-article__more article:hover .p-title {
    opacity: 0.7;
  }
  .l-scope-blog__detail .l-wrap-article__more .p-thumb {
    height: 150px;
  }
}

/*# sourceMappingURL=style_blog_detail.css.map */