/* サイトマップブロック */
.sitemap_block {
    max-width: 80rem;
    /* 横幅の限界を800pxに決める */
    margin: 8rem auto;
    /* 上下に80pxの余白を開け、左右を「自動」にして真ん中に寄せる */
    padding: 0 2rem;
    /* 箱の内側の左右にすき間（パディング）を作って端っこにくっつかないようにする （0→上下。2→左右）*/
}

/* 各項目（一本の薄い線を下につける） */
.sitemap_item {
    border-bottom: 0.1rem solid #e0e0e0;
    /* 各項目の下に薄い線を引く */
    padding: 5rem 0;
    /* 項目ごとの「上下」に5rem、「左右」に0のすき間を作る */
}

/* 一番最後（サイトマップ）の項目の下線だけを消す */
.sitemap_item:last-child {
    border-bottom: none;
}

/* 親リンク （大文字）*/
.parent_link {
    font-size: 2.5rem;
    /*文字のサイズを大きくする */
    font-weight: bold;
    /*太字にする */
    color: #A74624;
    /*文字の色をオレンジブラウン系（#A74624）にする */
    text-decoration: none;
    /*リンクの初期の下線を消す */
    display: inline-block;
    /*アニメーションを綺麗に効かせるためにインラインブロック化する */
    position: relative;
    /*矢印（::after）を横に並べるための基準位置にする */
}

/* 親リンク （大文字）をホバーしたときに横から出てくる矢印のホバー前、ホバー時の設定 */
.parent_link::after {
    content: " →";
    /*文字のすぐ後ろに「 →」を新しく生み出す */
    display: inline-block;
    /* ちゃんと動けの命令 */
    opacity: 0;
    /*最初は透明にして見えなくしておく */
    transform: translateX(-0.1rem);
    /*少しだけ「左」に引っ込めておく */
    transition: all 0.5s ease;
    /*スルッと滑らかに動くアニメーションの時間（0.5秒）を設定する */
    color: #A74624;
    /*矢印の色も親文字と同じにする */
    margin-left: 3rem;
    /* テキストと→の間の余白 */
}

/*親リンク （大文字）をホバーしたときに横から出てくる矢印のホバー後の設定 */
.parent_link:hover::after {
    opacity: 1;
    /*透明を解除してパッと見えている状態にする */
    transform: translateX(0);
    /*引っ込めていた位置から元の場所へスライドインさせる */
}

/* 階層下のリスト（子要素）（小文字） */
.sub_list {
    list-style: none;
    /*デフォルトの黒丸（点）を消す */
    margin-top: 2rem;
    /*親リンクとの間にすき間を作る */
    margin-bottom: 0;
    /*下の余白をゼロにする */

}

/* 階層下のリスト（子要素）（小文字）のそれぞれの設定 */
.sub_list li {
    margin-bottom: 2rem;
    /*子項目同士の上下にすき間を開ける */
    position: relative;
    /*位置調整の基準地を作る（超重要！） */
}

/* 階層下のリスト（子要素）（小文字）のそれぞれのテキストの前に「・」を置きたいので::before  */
.sub_list li::before {
    content: "・";
    /*「・」という文字を新しく生み出す */
    margin-right: 0.4rem;
    /*「・」と施設名の間に少しすき間を開ける */
    color: #A74624;
    /*「・」の色 */
}

/* 階層下のリスト（子要素）（小文字）のそれぞれのテキストの一番最後のテキストだけの設定  */
.sub_list li:last-child {
    margin-bottom: 0;
    /* 「一番最後の項目」だけ、下の余白をゼロにする。ガタつきを防ぐ。*/
}

/* 階層下のリスト（子要素）（小文字）のそれぞれのテキストのリンク文字に対しての設定  */
.sub_list a {
    font-size: 1.8rem;
    /*文字のサイズ */
    color: #A74624;
    /*【初めの色】ご指定のオレンジブラウン系にする */
    transition: color 0.2s ease;
    /*色が変わるときにパッと変わらず滑らかに変化させる */
    text-decoration: none;
    /*リンクの初期の下線を消す */
}

/* 階層下のリスト（子要素）（小文字）のそれぞれのテキストのリンク文字に対してホバー時下線を引く設定  */
.sub_list a:hover {
    color: green;
    /*【ホバー時の色】きれいなグリーンに変化させる */
    text-decoration: underline;
    /*マウスを乗せたときだけ下線を出す */
}