@charset "utf-8";

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/other.css"> <link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="../../../header/header.css"/>
<link rel="stylesheet" type="text/css" href="../../../footer/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"> ```

body {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.5;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wrapper{
    width: 1000px;
    max-width: 90%;
    margin: 60px auto 4rem;
}

/* ★★★ 記事全体のコンテナ設定 ★★★ */
.article_wrapper{
    width: 800px;
    max-width: 90%; 
    padding: 0 15px;
    margin: 60px auto 4rem;
    position: relative;
    color: #555;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 90%;
    letter-spacing: 0.07em;
    line-height: 1.5;
    /* 全てを左揃えにする */
    text-align: left;
}
.article_date_wrap{
    font-size: 14px;
    /* 左揃え */
    text-align: left !important;
    /* タイトルとの間隔を詰める */
    margin-bottom: 5px; 
}
.article_title{
    color: #66828d;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.7;
    padding: 12px 0;
    /* 左揃え */
    margin-bottom: 5px !important;
    text-align: left !important;
}
.article_title.oshirase{
    color: #555;
}
.article_mainimg img{
    border-radius: 3vw;
    width: 100%;
}

/* --- 各セクションの調整（インデントと間隔） --- */
.single_contents{
    /* セクション間の間隔を詰める */
    margin-top: 25px; 
    font-size: 13px;
}
.single_contents.oshirase{
    margin-top: 0px;
}
.article_head{
    font-weight: bold;
}
.article_head.oshirase{
    /* H2見出しを本文より目立たせる */
    font-size: 18px;
    /* 左揃え */
    text-align: left !important;
    /* 下の間隔を詰める（本文との間） */
    margin-bottom: 5px; 
    font-weight: normal;
    
    /* H2にはインデントを適用しない（左端に配置） */
    padding-left: 0; 
}
.article_text{
    white-space:pre-line;
    /* 左揃え */
    text-align: left !important;
    /* 本文のフォントサイズを基準の100%に */
    font-size: 100%; 
    /* 上下のマージンを調整 */
    margin-top: 0;
    
    /* 1. ブロック間の間隔調整: 本文下のマージンをさらに詰める */
    margin-bottom: 5px;
    
    /* 2. インデント調整: 全ての本文ブロックにインデント（左余白）を適用 */
    padding-left: 1.5em; /* インデント値 */
}
.article_text.oshirase{
    /* 左揃え */
    text-align: left !important;
    white-space: inherit;
    line-height: 1.8em;
}

/* 3. 画像ブロック（空要素）のマージンをリセット */
.article_img{
    /* H2と本文の行間を詰めるために、空のarticle_imgの下マージンをさらに詰める */
    margin-top: 0 !important; 
    margin-bottom: 5px !important; /* H2/H1の次に続く場合の微調整 */
}
.article_img img{
    width: 100%;
}


@media screen and (max-width: 768px) {
    .article_wrapper{
        width: auto; 
        padding: 0 15px;
    }
    .article_title{
        font-size: 2.0rem;
    }
}