@charset "utf-8";
/**
 * 基本構成
 * 
 * create: 2025-03-30
 * update: 2025-07-13
 * 
 * @package     walk-trips
 * @author      ik
 * @copyright   Copyright (c) 2024 , MX21
 * @version     walk-trips 1.00
 */

body {
    background-color: #F0F0F0
}


/* ヘッダバー */

    body > header:first-of-type {
        text-align: center;
        padding-bottom: 0;
    }

    body > header:first-of-type > nav {
        font-weight: bold;
        background-color: #7DBB7C;
    }

    body > header:first-of-type > nav a {
        color: #fff;
    }
    body > header:first-of-type > nav a > i {
        color: #fff;
    }

    body > header:first-of-type > nav > div > a > h1{
        font-weight: bold;
        color: #fff;
    }

    body > header:first-of-type > nav > div > button > i {
        color: #fff;
    }

    .navbar-toggler {
      border-color: white;  /* 枠線を白に */
    }

    body > header:first-of-type > a > img {
        margin-top: 30px;
        max-width: 300px;
    }

        @media screen and (max-width: 991px) {
            body > header:first-of-type > a > img {
                max-width: 120px;
            }
        }


/* ヘッダ */

    body > header:nth-of-type(2) {
        margin-top: 12px;
        margin-bottom: 20px;
        padding: 20px 20px 20px;
        background-color: #FFF;
        border-radius: 5px;
    }

    body > header:nth-of-type(2) > h2 {
        margin-bottom: 30px;
        font-size: 1.5rem;
        font-weight: 500;
    }

    /* タグ */

    body > header:nth-of-type(2) > ul {
        margin-bottom: 12px;
    }

    body > header:nth-of-type(2) > ul > li {
        display: inline-block;
        margin-right: 4px;
        padding: 1px 5px;
        background-color: #F0F0F0;
    }


/* コンテンツ */

    body > div.conts {
        margin-bottom: 20px;
    }

    /* メイン部 */

        body > div.conts > div.row > div.main {
            background-color: #FFF;
            padding: 20px;
            border-radius: 5px;
        }

        body > div.conts > div.row > div.main > div {

        }

        body > div.conts > div.row > div.main > div i.tab{
            display: inline-block;
            width: 2em;
        }

        body > div.conts > div.row > div.main > div > p {
            margin-bottom: 30px;
        }

        body > div.conts > div.row > div.main > div > h3 {
            margin-bottom: 12px;
        }

        body > div.conts > div.row > div.main > div > h4 {
            margin-bottom: 8px;
        }

        body > div.conts > div.row > div.main > div > div.noml {
            padding: 12px;
            margin-bottom: 30px;
            border: 1px solid #888;
            border-radius: 5px;
        }


        /* 関連記事 */
        body > div.conts > div.row > div.main > div.atcl_conn {
            margin-top: 100px;
        }

    /* 右部 */

        body > div.conts > div.row > div.right {
            padding: 20px;
            padding-top: 0;
        }

        body > div.conts > div.row > div.right h3 {
            display: block;
            padding-bottom: 8px;
        }

        body > div.conts > div.row > div.right > form {
            margin-bottom: 20px;
        }

        body > div.conts > div.row > div.right ul {
            margin-bottom: 20px;
        }

        body > div.conts > div.row > div.right ul a {
            font-size: 0.9rem;
        }



/* フッタ */

    /* フッタ画像 */
    body > footer:first-of-type {
        text-align: center;
        padding-bottom: 40px;
    }

    body > footer:first-of-type > img {
        max-width: 200px;
    }

    body > footer:nth-of-type(2) {
        padding: 20px;
        background-color: #7DBB7C;
    }

    body > footer:nth-of-type(2) h1 {
        font-size: 1rem;
        font-weight: 500;
    }

    body > footer:nth-of-type(2) * {
        color: #FFF;
    }

    body > footer:nth-of-type(2) li *{
		font-size: 0.8rem;
    }


/* フッタバー */

    body > footer:nth-of-type(3) {
        padding: 10px 10px;
        text-align: center;
    }

    body > footer:nth-of-type(3) > a {
        float: right;
    }


/* アフィ */

    body div.affi_body1 , body li.affi_body1 {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
		text-align: center;
    }

    body div.affi_right1 {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        padding-bottom: 20px;
        overflow: hidden;
		text-align: center;
    }

    body div.affi_foot1 {
		text-align: center;
    }

    body div.affi {
		display: inline-block;
    }

    body div.affi img {
		max-width: 280px!important;
    }