@charset "UTF-8";
/* CSS Document */

.post {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding-top: 125px;
    position: relative;
}

.post h2 {
    padding-bottom: 0px;
    font-weight: 600;
}

.post-title {
    padding: 100px 30px 60px;
    text-align: center;
}

.cate_name {
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 2.4rem;
    letter-spacing: 0.18em;
}

.cate_name {
    padding-top: 40px;
}

.content-box {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.post-content p {
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: 0.16em;
    color: #333;
    margin: 0 auto;
    text-align: left;
    text-align: justify;
}

.post-content p span {
   font-weight: 600; 
}

.post-content ul {
    list-style: none;
    max-width: 580px;
    text-align: left;
}

.post-content ul li {
    padding-bottom: 30px;
}

.post-content ul li  a {
    display: block;
    color: #333;
    text-decoration: underline;
    text-underline-offset: 3px; /* 下線を下げる */
}

.content-box img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.p-text {
    padding: 40px 30px;
}

.p-text-inner {
    padding: 30px 0;
}

@media (max-width:768px){
    .post {
        max-width: 580px;
        padding-top: 60px;
    }

    .post-content {
        padding: 0 24px 50px;
    }

    .post-title {
        padding: 70px 0 20px;
        text-align: center;
    }
    
    .post h2 {
        font-size: 1.5rem;
        padding: 0 25px;
        text-align: left;
    }
    
    .post p {
        font-size: 1.4rem;
        font-weight: 400;
        color: #999;
    }
    
    .cate_name {
        padding-top: 20px;
    }
    
    .content-box {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .content-box img {
        width: 100%;
        object-fit: cover;
        display: block;
    }
    
    .post-content p {
        font-size: 1.5rem;
        color: #333;
        margin: 0 auto;
        text-align: left;
        line-height: 2.5rem;
        text-align: justify;    } 

    .wp-block-image {
      padding-bottom: 40px;
    }

    .post-content ul li  a {
        display: block;
        color: #333;
        text-decoration: underline;
        text-underline-offset: 3px; 
        font-size: 1.5rem;
    }

    .p-text {
        padding: 20px 0px;
    }
    
    .p-text-inner {
        padding: 30px 0;
    }
}

/* ボタン */
.post-content button {
  width: 200px;
  height: 100px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 50px; 
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0 auto; 
  display: block; 
  text-align: center; 
  line-height: 100px; 
  font-family: "Poppins", '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.16em;
  font-weight: 400;
  margin-top: 70px;
}

.post-content button:hover {
  background-color: rgba(0, 0, 0, 0); /* 背景透明 */
  color: #333; /* テキストの色を変更 */
  border: 1px solid #333333; /* 線の色は黒に */
}

.post-content a {
    text-decoration: none;
}

@media (max-width:768px) {
    .post-content button {
        width: 200px;
        height: 100px;
        background-color: #333;
        color: #fff;
        border: none;
        border-radius: 50px; /* 50pxで丸みを最大化 */
        cursor: pointer;
        transition: background-color 0.3s;
        margin: 0 auto; /* 中央揃え */
        display: block; /* 横幅指定時に中央揃えを維持 */
        text-align: center; /* テキスト中央揃え */
        line-height: 100px; /* 高さ中央にテキストを揃える */
        letter-spacing: 0.16em;
        font-weight: 500;
        margin-top: 70px;
      }
}