/* 投稿の基本スタイル */
.p_blogdetail_section_main {
    font-size: 16px;
    line-height: 1.75em;
    color:#000;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main {
        font-size: 1.143vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main {
        font-size: 14px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main {
        font-size: 3.256vw;
    }
}
/* 投稿の基本スタイル */
.p_blogdetail_section_main *{
    line-height: 1.75em;
}
/* 投稿のタイトル */
.p_blogdetail_section_main h1 {
    font-size: 2em;
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
    /* text-align: center; */
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main h1 {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main h1 {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main h1 {
        margin-bottom: 4.651vw;
    }
}
/* 投稿のサブタイトル */
.p_blogdetail_section_main h2 {
    font-size: 1.75em;
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main h2 {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main h2 {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main h2 {
        margin-bottom: 4.651vw;
    }
}
/* 投稿のサブタイトル */
.p_blogdetail_section_main h3 {
    font-size: 1.5em;
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main h3 {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main h3 {
        margin-bottom: 4.651vw;
    }
}
/* 投稿のサブタイトル */
.p_blogdetail_section_main h4 {
    font-size: 1.25em;
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main h4 {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main h4 {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main h4 {
        margin-bottom: 4.651vw;
    }
}
/* 投稿のサブタイトル */
.p_blogdetail_section_main h5 {
    font-size: 1.15em;
    margin-bottom: 40px;
    color: #000;
    font-weight: bold;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main h5 {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main h5 {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main h5 {
        margin-bottom: 4.651vw;
    }
}
/* 段落 */
.p_blogdetail_section_main p {
    font-size: 1em;
    line-height: 1.75em;
    margin-bottom: 40px;
    color: #000;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main p {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main p {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main p {
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main a {
    color: #000;
    text-decoration: underline;
}
/* リスト */
.p_blogdetail_section_main ul, .p_blogdetail_section_main ol {
    margin-left: 20px;
    margin-bottom: 40px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main ul, .p_blogdetail_section_main ol {
        margin-left: 1.429vw;
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main ul, .p_blogdetail_section_main ol {
        margin-left: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main ul, .p_blogdetail_section_main ol {
        margin-left: 4.651vw;
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main ul li, .p_blogdetail_section_main ol li {
    font-size: 1.1em;
    margin-bottom: 10px;
}

.p_blogdetail_section_main ul li{
    list-style: disc;
}
.p_blogdetail_section_main ol li{
    list-style: decimal;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main ul li, .p_blogdetail_section_main ol li {
        margin-bottom: 0.714vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main ul li, .p_blogdetail_section_main ol li {
        margin-bottom: 10px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main ul li, .p_blogdetail_section_main ol li {
        margin-bottom: 2.326vw;
    }
}
/* リンク */
/* .p_blogdetail_section_main a {
    color: #0073aa;
    text-decoration: none;
}

.p_blogdetail_section_main a:hover {
    text-decoration: underline;
} */

/* 画像 */
.p_blogdetail_section_main img {
    max-width: 100%;
    height: auto;
    margin-bottom: 40px;
    border-radius: 5px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main img {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main img {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main img {
        margin-bottom: 4.651vw;
    }
}
/* 引用 */
.p_blogdetail_section_main blockquote {
    font-size: 1.2em;
    border-left: 5px solid #ccc;
    padding-left: 15px;
    margin: 20px 0;
    font-style: italic;
    color: #666;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main blockquote {
        padding-left: 1.071vw;
        margin: 1.429vw 0;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main blockquote {
        padding-left: 15px;
        margin: 20px 0;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main blockquote {
        padding-left: 3.488vw;
        margin: 4.651vw 0;
    }
}
/* コード */
.p_blogdetail_section_main pre, .p_blogdetail_section_main code {
    font-family: monospace, monospace;
    background-color: #f4f4f4;
    padding: 10px;
    border-radius: 5px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main pre, .p_blogdetail_section_main code {
        padding: 0.714vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main pre, .p_blogdetail_section_main code {
        padding: 10px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main pre, .p_blogdetail_section_main code {
        padding: 2.326vw;
    }
}
.p_blogdetail_section_main pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    margin-bottom: 40px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main pre {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main pre {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main pre {
        margin-bottom: 4.651vw;
    }
}
/* ボタン */
.p_blogdetail_section_main .button {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 20px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main .button {
        padding: 0.714vw 1.429vw;
        margin-bottom: 1.429vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main .button {
        padding: 10px 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main .button {
        padding: 2.326vw 4.651vw;
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main .button:hover {
    background-color: #005177;
}

/* 強調表示 */
.p_blogdetail_section_main strong {
    font-weight: bold;
    color: #000;
}

.p_blogdetail_section_main em {
    font-style: italic;
    color: #555;
}

/* テーブル */
.p_blogdetail_section_main table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main table {
        margin: 1.429vw 0;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main table {
        margin: 20px 0;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main table {
        margin: 4.651vw 0;
    }
}
.p_blogdetail_section_main th, .p_blogdetail_section_main td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main th, .p_blogdetail_section_main td {
        padding: 0.714vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main th, .p_blogdetail_section_main td {
        padding: 10px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main th, .p_blogdetail_section_main td {
        padding: 2.326vw;
    }
}
.p_blogdetail_section_main th {
    background-color: #f5f5f5;
    font-weight: bold;
}

/* フォーム */
.p_blogdetail_section_main input, .p_blogdetail_section_main textarea, .p_blogdetail_section_main select {
    width: 100%;
    padding: 10px;
    margin-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main input, .p_blogdetail_section_main textarea, .p_blogdetail_section_main select {
        padding: 0.714vw;
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main input, .p_blogdetail_section_main textarea, .p_blogdetail_section_main select {
        padding: 10px;
        margin-bottom: 40px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main input, .p_blogdetail_section_main textarea, .p_blogdetail_section_main select {
        padding: 2.326vw;
        margin-bottom: 9.302vw;
    }
}
.p_blogdetail_section_main input[type="submit"], .p_blogdetail_section_main button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main input[type="submit"], .p_blogdetail_section_main button {
        padding: 0.714vw 1.429vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main input[type="submit"], .p_blogdetail_section_main button {
        padding: 10px 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main input[type="submit"], .p_blogdetail_section_main button {
        padding: 2.326vw 4.651vw;
    }
}
.p_blogdetail_section_main input[type="submit"]:hover, .p_blogdetail_section_main button:hover {
    background-color: #005177;
}

/* コメントセクション */
.p_blogdetail_section_main .comments {
    margin-bottom: 40px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main .comments {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main .comments {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main .comments {
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main .comment-list {
    list-style-type: none;
    padding-left: 0;
}

.p_blogdetail_section_main .comment-list li {
    margin-bottom: 40px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main .comment-list li {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main .comment-list li {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main .comment-list li {
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main .comment-author {
    font-weight: bold;
    color: #333;
}

.p_blogdetail_section_main .comment-meta {
    font-size: 0.9em;
    color: #777;
}

/* ページネーション */
.p_blogdetail_section_main .pagination {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main .pagination {
        margin-bottom: 2.857vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main .pagination {
        margin-bottom: 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main .pagination {
        margin-bottom: 4.651vw;
    }
}
.p_blogdetail_section_main .pagination a {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}
@media (max-width: 1400px) {
    .p_blogdetail_section_main .pagination a {
        padding: 0.714vw 1.429vw;
    }
}
@media (max-width: 767px) {
    .p_blogdetail_section_main .pagination a {
        padding: 10px 20px;
    }
}
@media (max-width: 430px) {
    .p_blogdetail_section_main .pagination a {
        padding: 2.326vw 4.651vw;
    }
}
.p_blogdetail_section_main .pagination a:hover {
    background-color: #005177;
}