@charset "UTF-8";
/* google font */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:wght@300;400;500;700;900&display=swap");
/*
Theme Name: wp-ch-theme
Description: wp-channel のテーマです。このテーマには「wp-ch-base」テーマが必要です。
Template: wp-ch-base
Version: 1.0
Tested up to: 6.0.0
Requires at least: 6.0.0
Requires PHP: 5.2.4
Author: wp-ch.jp
Author URI: https://wp-ch.jp/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated,
are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
:root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-padding-top: 4rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  overflow-x: hidden;
  font-size: 16px;
  font-family: "Noto Sans JP", "sans-serif";
}
@media screen and (max-width: 720px) {
  body,
  html {
    font-size: 16px;
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  transition: all 300ms;
}

p {
  line-height: 1.75rem;
}

p + p {
  margin-top: 0.5rem;
}

img {
  max-width: 100%;
}

.gap1 {
  gap: 0.25rem;
}

.gap2 {
  gap: 0.5rem;
}

.gap3 {
  gap: 0.75rem;
}

.gap4 {
  gap: 1rem;
}

ul.inline {
  display: flex;
  list-style: none;
}

ul.nostyle {
  list-style: none;
  margin-left: 0;
}

.section-wrap {
  display: flex;
  width: 1480px;
}
@media screen and (max-width: 1520px) {
  .section-wrap {
    width: 100%;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 720px) {
  .section-wrap {
    width: 100%;
    padding: 0;
  }
}

.sns-list .fa-brands {
  transition: all 300ms;
}
.sns-list .fa-brands:hover {
  color: var(--sns-color);
}

.date-box {
  display: block;
  font-family: "Poppins", sans-serif;
  border: 1px solid gray;
  margin-top: 0.25rem;
  height: 48px;
}
.date-box .year,
.date-box .week {
  display: block;
  width: 100%;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
}
.date-box .day {
  display: block;
  width: 100%;
  height: 20px;
  padding: 0 0.25rem;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: black;
  background-color: white;
}

.header {
  display: flex;
  flex-direction: column;
}
.header .header-top {
  order: 0;
  display: flex;
  justify-content: center;
  color: #ffffff;
  background-color: #00a0b0;
}
.header .header-top a {
  color: #ffffff;
}
.header .header-top .section-wrap {
  justify-content: space-between;
  padding: 0.5rem 0;
}
@media screen and (max-width: 1080px) {
  .header .header-top {
    padding: 0.5rem 1rem;
  }
}
.header .header-logo {
  order: 1;
  display: flex;
  justify-content: center;
  background-color: #00a6b2;
}
.header .header-logo .logo {
  position: relative;
  z-index: 999;
  line-height: 1;
  font-weight: 500;
  font-size: 1.25rem;
}
.header .header-logo .logo span {
  line-height: 1;
  font-weight: 500;
  font-size: 1.25rem;
}
.header .header-logo .logo a {
  color: #ffffff;
  line-height: 1;
  font-weight: 500;
  font-size: 1.25rem;
}
@media screen and (max-width: 720px) {
  .header .header-logo .logo a {
    font-weight: 500;
    font-size: 0.75rem;
  }
}
.header .header-logo .logo img {
  max-width: auto;
  max-height: 2rem;
}
.header .header-logo .section-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
}
@media screen and (max-width: 1080px) {
  .header .header-logo .section-wrap {
    padding: 1rem 5rem 1rem 1rem;
  }
  .header .header-logo .section-wrap .ads {
    display: none;
  }
}
.header .header-navi {
  order: 2;
  display: flex;
  justify-content: center;
  background-color: #333333;
  position: relative;
}
.header .header-navi nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header-navi nav .inline .nav-item {
  display: flex;
  position: relative;
}
.header .header-navi nav .inline .nav-item.menu-close-btn {
  display: none;
}
.header .header-navi nav .inline .nav-item a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-decoration: none;
  padding: 1rem;
}
.header .header-navi nav .inline .nav-item a .fa-solid {
  margin-right: 0.5rem;
}
.header .header-navi nav .inline .nav-item::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--bg-color);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.header .header-navi nav .inline .nav-item:hover::after {
  height: calc(100% + 1rem);
}
.header .header-navi nav .inline .menu-open-btn {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  cursor: pointer;
}
@media screen and (max-width: 1080px) {
  .header .header-navi nav .inline .menu-open-btn {
    display: flex;
  }
}
@media screen and (max-width: 1080px) {
  .header .header-navi nav {
    position: absolute;
    top: -3.5rem;
    right: 0rem;
    justify-content: flex-end;
    padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 1080px) {
  .header .header-navi .header-menu {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    gap: 0.5rem;
    padding: 2rem 1rem 8rem 1rem;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .header .header-navi .header-menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .header .header-navi .header-menu.active .nav-item {
    width: 100%;
    height: auto;
    background-color: var(--bg-color);
  }
  .header .header-navi .header-menu.active .nav-item a {
    display: flex;
    width: 100%;
    padding: 0 1rem;
  }
  .header .header-navi .header-menu.active .nav-item::after {
    display: none;
  }
  .header .header-navi .header-menu.active .nav-item.menu-close-btn {
    display: flex;
    background-color: white;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    z-index: 10000;
    cursor: pointer;
  }
}

.footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #333333;
  padding: 2rem 0;
}
.footer a {
  color: #ffffff;
}
.footer .footer-logo {
  margin-bottom: 0.5rem;
}
.footer .section-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem;
}
@media screen and (max-width: 720px) {
  .footer .section-wrap {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.footer .section-wrap .footer-section {
  position: relative;
  width: calc((100% - 9rem) / 4);
}
@media screen and (max-width: 1080px) {
  .footer .section-wrap .footer-section {
    width: calc((100% - 3rem) / 2);
  }
  .footer .section-wrap .footer-section:first-child {
    order: 999;
  }
}
@media screen and (max-width: 720px) {
  .footer .section-wrap .footer-section {
    width: 100%;
  }
}
.footer .section-wrap .footer-section .section-title {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid lightgray;
}
@media screen and (max-width: 720px) {
  .footer .footer-top {
    width: 100%;
    padding: 1rem;
  }
  .footer .footer-top .site-info {
    order: 999;
  }
}
.footer .footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid dimgray;
}
@media screen and (max-width: 720px) {
  .footer .footer-bottom {
    width: 100%;
    flex-wrap: wrap;
    padding: 1rem;
    margin-top: 0rem;
  }
}
.footer .footer-bottom nav {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}
.footer .footer-bottom nav .inline {
  gap: 1rem;
}
.footer .footer-bottom nav .fa-solid {
  margin-right: 0.25rem;
}
@media screen and (max-width: 720px) {
  .footer .footer-bottom nav .inline {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  .footer .footer-bottom nav .inline a {
    font-size: 0.7rem;
  }
}
.footer .footer-bottom .copyright {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: darkgray;
}
.footer .footer-bottom .copyright a {
  color: #fed700;
  font-weight: 500;
}
@media screen and (max-width: 720px) {
  .footer .footer-bottom .copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer .sns-list {
  justify-content: center;
  margin-top: 1rem;
}
.footer .sns-list .fa-brands {
  font-size: 2rem;
}
.footer .footer-post-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer .footer-post-list .footer-post-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid dimgray;
}
.footer .footer-post-list .footer-post-item:last-child {
  border-bottom: none;
}
.footer .footer-post-list .footer-post-item .footer-info {
  order: 2;
  display: flex;
  width: calc(100% - 64px - 1rem);
  flex-direction: column;
  justify-content: space-between;
}
.footer .footer-post-list .footer-post-item .footer-info .footer-post-title {
  font-size: 1rem;
  font-weight: 500;
}
.footer .footer-post-list .footer-post-item .footer-info .footer-post-title a {
  color: #00a0b0;
}
.footer .footer-post-list .footer-post-item .footer-info .footer-post-title a:hover {
  color: #ffffff;
}
.footer .footer-post-list .footer-post-item .footer-info ul {
  margin-top: 0.5rem;
}
.footer .footer-post-list .footer-post-item .footer-info ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0;
  color: dimgray;
  font-size: 0.75rem;
}
.footer .footer-post-list .footer-post-item .footer-info ul li .fa-solid {
  margin-right: 0.5rem;
}
.footer .footer-post-list .footer-post-item .footer-info ul li.category {
  padding: 0 0.5rem;
  color: white;
  background-color: var(--category-color);
}
.footer .footer-post-list .footer-post-item .footer-thumb {
  order: 1;
  display: flex;
  width: 64px;
  height: 64px;
  overflow: hidden;
}
.footer .footer-post-list .footer-post-item .footer-thumb img {
  width: 72px;
  height: 72px;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  transition: all 300ms;
}
.footer .footer-post-list .footer-post-item .footer-thumb img:hover {
  transform: scale(1.1);
}
.footer .all-view {
  position: absolute;
  top: 0.25rem;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  color: #00a0b0;
}
.footer .all-view i {
  margin-left: 0.25rem;
  font-size: 0.75rem;
}
.footer .all-view:hover {
  color: lightgray;
}
.footer .news-list .news-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid dimgray;
}
.footer .news-list .news-item:last-child {
  border-bottom: none;
}
.footer .news-list .news-item a {
  color: #00a0b0;
}

.contents {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}
@media screen and (max-width: 1080px) {
  .contents {
    padding: 1rem 0;
  }
}
.contents .section-wrap {
  justify-content: space-between;
}
@media screen and (max-width: 1080px) {
  .contents .section-wrap {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.contents .section-wrap .main-contents {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 70%;
}
@media screen and (max-width: 1080px) {
  .contents .section-wrap .main-contents {
    width: 100%;
  }
}
.contents .section-wrap .main-contents .page-breadcrumbs {
  order: -1;
}
.contents .section-wrap .main-contents .contents-status {
  margin-bottom: 1rem;
}
.contents .section-wrap .side-contents {
  width: 25%;
}
@media screen and (max-width: 1080px) {
  .contents .section-wrap .side-contents {
    width: 100%;
  }
}

.breadcrumb {
  margin-bottom: 1rem;
}
@media screen and (max-width: 720px) {
  .breadcrumb {
    overflow-x: scroll;
    margin-bottom: 0rem;
  }
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin-left: 0 !important;
}
.breadcrumb ol li {
  font-family: "Noto Sans JP", "sans-serif";
  font-weight: 300;
  color: dimgray;
}
@media screen and (max-width: 1080px) {
  .breadcrumb ol li {
    font-size: 0.75rem;
  }
}
.breadcrumb ol li a {
  font-weight: 500;
  color: #00a0b0;
}
.breadcrumb ol li:not(:last-child)::after {
  content: "/";
  margin: 0 0.5rem;
  color: gray;
}

@media screen and (max-width: 1080px) {
  .main-contents {
    padding: 0 1rem;
  }
}
.main-contents .page-title {
  font-family: "Noto Sans JP", "sans-serif";
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 1rem;
}
@media screen and (max-width: 720px) {
  .main-contents .page-title {
    font-size: 1.75rem;
  }
}
.main-contents .page-status {
  gap: 2rem;
  color: gray;
  margin-left: 0;
}
@media screen and (max-width: 1080px) {
  .main-contents .page-status {
    flex-wrap: wrap;
    gap: 0 1rem;
    font-size: 0.75rem;
  }
}
.main-contents .page-status .value {
  margin: 0 0.5rem;
}
.main-contents .contents-ads {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}
.main-contents a {
  color: #00a0b0;
}
.main-contents .contents-body {
  width: 100%;
}
.main-contents .contents-body .page-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin-top: 2rem;
}
.main-contents .contents-body .page-list .post-item {
  width: calc((100% - 2rem) / 2);
  overflow: hidden;
}
.main-contents .contents-body .page-list .post-item:nth-child(n+3) {
  border-top: 1px solid lightgray;
  padding-top: 2rem;
}
@media screen and (max-width: 720px) {
  .main-contents .contents-body .page-list .post-item {
    width: 100%;
  }
}
.main-contents .contents-body .page-list .post-item a {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  position: relative;
}
.main-contents .contents-body .page-list .post-item a .post-title {
  order: 2;
  margin-top: 1rem;
  position: relative;
}
.main-contents .contents-body .page-list .post-item a .post-img {
  order: 1;
  transition: all 300ms;
  position: relative;
}
.main-contents .contents-body .page-list .post-item a .category {
  order: 3;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  padding: 0.25rem 1rem;
  color: white;
  background-color: var(--category-color);
}
.main-contents .contents-body .page-list .post-item a:hover .post-img {
  transform: scale(1.05);
}
.main-contents .contents-body .page-list .post-item .post-status {
  margin: 1rem 0 0 0;
  padding: 0;
  gap: 1rem;
  color: gray;
}
.main-contents .contents-body .page-list .post-item .post-status i {
  margin-right: 0.25rem;
}
.main-contents .contents-body .page-navi {
  margin-top: 2rem;
}
.main-contents .contents-body .page-navi .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.main-contents .contents-body .page-navi .wp-pagenavi .pages {
  color: gray;
}
.main-contents .contents-body .page-navi .wp-pagenavi .current {
  color: gray;
  border: 1px solid gray;
  padding: 0 0.5rem;
}
.main-contents .contents-body .page-navi .wp-pagenavi .page {
  border: 1px solid #00a0b0;
  color: #ffffff;
  background-color: #00a0b0;
  padding: 0 0.5rem;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tag-list .tag-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border: 1px solid #00a0b0;
  font-family: "Noto Sans JP", "sans-serif";
  border-radius: 8px;
  transition: all 300ms;
}
.tag-list .tag-item a {
  font-weight: 500;
}
.tag-list .tag-item .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-left: 0.25rem;
  padding: 0 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #00a0b0;
}
.tag-list .tag-item:hover {
  background-color: #00a0b0;
  cursor: pointer;
}
.tag-list .tag-item:hover a {
  color: #ffffff;
}
.tag-list .tag-item:hover .badge {
  color: #00a0b0;
  background-color: #ffffff;
}

@media screen and (max-width: 1080px) {
  .side-contents {
    padding: 1rem;
  }
}
.side-contents .side-section {
  margin-bottom: 2rem;
}
.side-contents .side-section .side-title {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid gainsboro;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: gray;
}
@media screen and (max-width: 1080px) {
  .side-contents .side-section .greeting {
    display: flex;
  }
}
@media screen and (max-width: 720px) {
  .side-contents .side-section .greeting {
    flex-wrap: wrap;
  }
}
.side-contents .side-section .greeting .sns-follower {
  margin-top: 1rem;
}
@media screen and (max-width: 1080px) {
  .side-contents .side-section .greeting .sns-follower {
    margin-top: 2rem;
  }
}
.side-contents .side-section .greeting .sns-follower ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.side-contents .side-section .greeting .sns-follower ul li {
  width: 100%;
}
.side-contents .side-section .greeting .sns-follower ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.5rem;
  color: white;
  background-color: var(--sns-color);
}
.side-contents .side-section .side-list {
  margin-left: 1.5rem;
}
@media screen and (max-width: 1080px) {
  .side-contents .side-section .side-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media screen and (max-width: 1080px) and (max-width: 720px) {
  .side-contents .side-section .side-list {
    gap: 0rem;
  }
}
.side-contents .side-section .side-list li {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
@media screen and (max-width: 1080px) {
  .side-contents .side-section .side-list li {
    width: calc((100% - 1rem) / 2);
  }
}
@media screen and (max-width: 720px) {
  .side-contents .side-section .side-list li {
    width: 100%;
  }
}
.side-contents .side-section .side-list li a {
  font-family: "Noto Sans JP", "sans-serif";
  font-weight: 500;
  color: #00a0b0;
}
.side-contents .side-section .side-list.nostyle {
  margin-left: 0;
}
.side-contents .side-section .side-list .icon {
  display: inline-block;
  width: 1.5rem;
  padding: 0.25rem 0;
  text-align: center;
  margin-right: 0.5rem;
  color: white;
  background-color: var(--category-color);
}
.side-contents .side-section .side-list .badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
  background-color: #00a0b0;
  margin-left: 0.5rem;
  border-radius: 50%;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
}
.side-contents .side-section .side-list.flex-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin: 0;
}
.side-contents .side-section .side-list.flex-list li {
  width: auto;
  margin: 0.5rem 0 0 0;
}
.side-contents .side-section .side-list.flex-list li a {
  padding: 0 0.25rem;
  border: 1px solid gray;
  color: gray;
}
.side-contents .side-section .side-list.flex-list li a:hover {
  border: 1px solid #00a0b0;
  background-color: #00a0b0;
  color: #ffffff;
}
.side-contents .search-form {
  display: flex;
  gap: 0;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border: 1px solid #777777;
  border-radius: 3px;
  width: 100%;
}
.side-contents .search-form label {
  flex-grow: 1;
  min-width: 0;
}
.side-contents .search-form label input {
  width: 100%;
  height: 45px;
  padding: 5px 15px;
  border: none;
  box-sizing: border-box;
  font-size: 1rem;
  outline: none;
}
.side-contents .search-form label input::placeholder {
  color: #777777;
}
.side-contents .search-form button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 45px;
  margin: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.side-contents .search-form button::after {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23777777'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}

.front .pickup {
  display: flex;
  width: 100%;
}
.front .pickup .slider-left {
  width: 40%;
}
@media screen and (max-width: 720px) {
  .front .pickup .slider-left {
    height: auto;
    max-height: 50vh;
  }
}
.front .pickup .slider-left .slider-list {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.front .pickup .slider-left .slider-list .slider-item {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.front .pickup .slider-left .slider-list .slider-item .link {
  position: absolute;
  bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  justify-content: center;
  color: #00a0b0;
}
.front .pickup .slider-left .slider-list .slider-item .link .front-post-title {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 720px) {
  .front .pickup .slider-left .slider-list .slider-item .link .front-post-title {
    font-size: 1rem;
  }
}
.front .pickup .slider-left .slider-list .slider-item .link .front-category {
  order: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: var(--category-color);
  padding: 0.25rem 0.5rem;
}
.front .pickup .slider-left .slider-list .slider-item .link .front-category i {
  margin-right: 0.25rem;
}
.front .pickup .slider-left .slider-list .slider-item .thumb {
  display: flex;
  width: 100%;
  height: 100%;
}
.front .pickup .slider-left .slider-list .slider-item .thumb img {
  height: 100%;
  width: auto;
  object-fit: cover;
  display: block;
}
.front .pickup .slider-left .slider-list .slick-arrow {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9;
  top: calc(50% - 0.5rem);
}
@media screen and (max-width: 720px) {
  .front .pickup .slider-left .slider-list .slick-arrow {
    top: calc(50% - 2rem);
  }
}
.front .pickup .slider-left .slider-list .slick-arrow.slick-prev {
  left: 1rem;
}
.front .pickup .slider-left .slider-list .slick-arrow.slick-next {
  right: 1rem;
}
@media screen and (max-width: 1080px) {
  .front .pickup .slider-left {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .front .pickup .slider-left {
    width: 100%;
    display: flex;
  }
}
.front .pickup .slider-left .post-item {
  width: 100%;
  height: auto; /* JSで高さ設定 */
}
@media screen and (max-width: 1080px) {
  .front .pickup .slider-left .post-item {
    display: none;
  }
}
.front .pickup .slider-right {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
}
@media screen and (max-width: 1080px) {
  .front .pickup .slider-right {
    display: flex;
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .front .pickup .slider-right {
    display: none;
  }
}
.front .pickup .slider-right .post-item {
  width: 33.3333333333%;
  aspect-ratio: 16/10;
  display: flex;
}
.front .pickup .slider-right .post-item a {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.front .pickup .slider-right .post-item a .front-post-title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2rem);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.5vw;
  text-align: center;
  margin: 1rem;
  padding: 0.4rem 0.8rem;
  font-size: 0.75vw;
  font-weight: 500;
  color: #00a0b0;
  transition: all 500ms;
  transition-delay: 200ms;
}
@media screen and (max-width: 1080px) {
  .front .pickup .slider-right .post-item a .front-post-title {
    font-size: 1.2vw;
  }
}
.front .pickup .slider-right .post-item a .front-category {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: var(--category-color);
  padding: 0.25rem 0.5rem;
}
.front .pickup .slider-right .post-item a .front-category i {
  margin-right: 0.25rem;
}
.front .pickup .slider-right .post-item a .front-img {
  object-fit: cover;
  transition: all 500ms;
}
.front .pickup .slider-right .post-item a:hover .post-title {
  color: #ffffff;
  background-color: rgba(0, 160, 176, 0.8);
}
.front .pickup .slider-right .post-item a:hover img {
  transform: scale(1.1);
}
.front .contents-body {
  margin-bottom: 2rem;
}
.front .contents-body .body-title {
  color: gray;
  border-bottom: 1px solid lightgray;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}/*# sourceMappingURL=style.css.map */