@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

body {
    background-color: aliceblue;
}

/* ----- ヘッダーの設定内容 ------------------------------------ */
header {
    height: 56px;                               /* ヘッダーの高さ */
    width: 100%;                                /* ヘッダーの横幅 */
    box-shadow: 0 5px 10px lightsteelblue;      /* ヘッダーに影を付ける */
    background-color: #ffffe0;                  /* ヘッダーの背景色 */
    position: fixed;                            /* 表示位置の固定 */
    top: 0;                                     /* 画面上部からの位置 */
    z-index: 999;
}

.container {
    max-width: 980px;           /* 横幅の最大値を指定 */
    /* min-width: 980px;        /* 横幅の最小値を指定 */
    padding: 0 30px;            /* 要素内側の余白（左右） */
    margin-left: auto;          /* 左側の余白 */
    margin-right: auto;         /* 右側の余白 */
}

.header-left {
    float: left;        /* 配置の指定（左） */
}

.header-right {
    float: right;       /* 配置の指定（右） */
    margin-top: 12px;
}

.clear {
    clear: both;        /* 配置の指定解除 */
}

.symbol-mark {
    height: 35px;       /* イメージの高さ */
    margin-top: 15px;   /* 上側の余白 */
    display: none;
}

.header-logo {
    height: 35px;       /* イメージの高さ */
    margin-top: 10px;   /* 上側の余白 */
}

.header-icon {
    height: 35px;       /* イメージの高さ */
    margin-top: 10px;   /* 上側の余白 */
}

.header-right a {
    line-height: 46px;                  /* 行間の高さ */
    color: #5a5c5f;                     /* 文字の色 */
    margin-left: 0px;                   /* 左側の余白 */
    font-size: 16px;                    /* 文字の大きさ */
    padding: 5px 10px;                  /* 要素内側の余白（上下、左右） */
    text-decoration: none;              /* 文字の傍線を取消 */
    border: 1px solid #a9a9a9;          /* 要素に枠線を付ける */
    /* border-radius: 15px;             /* 要素の角を丸くする */
    border-top-left-radius: 7px;       /* 要素左上の角を丸くする */
    border-top-right-radius: 7px;      /* 要素右上の角を丸くする */
    background-color: white;
}

.header-right a:hover {
    background-color: #fff799;          /* 要素の背景色 */
    transition: background-color 0.5s;    /* アニメーション */
}
/* ---------------------------------------------------------- */

/* ----- パンくずリスト設定内容 -------------------------------- */
.breadcrumb {
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    display: flex;
}

.breadcrumb li::after {
    content: ">";
    margin: 0 10px;
}

.breadcrumb li:last-child::after {
    content: none;
}
/* ---------------------------------------------------------- */

/* --▽▽▽ バナー広告表示の設定 ▽▽▽------------------------------- */
.advt-space-type1 {
    width: 730px;
    margin: 0 auto 60px;
}

.advt-space-type2 {
    width: 730px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto 20px;
}

.advt-space-type3 {
    width: 730px;
    display: flex;
    justify-content: center;
    margin: 0 auto 30px;
}

.Ads-space-type1 {
    width: 730px;
    margin: 0 auto;
}

.Ads-space-type2 {
    width: 730px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}

/* --- PC表示 --> スマホ消し --- */
.advt-space-display {
    width: 730px;
    margin: 0 auto 60px;
}

/* --- PC消し --> スマホ表示 --- */
.advt-space-none {
    display: none;
}

.advt-st-top {
    margin-bottom: 30px;
    float: right;
}

.advt-space-type3 a {
    padding: 0 5px;
}

.side-banner-ad {
    float: right;
    margin-left: 10px;
}

/* --- バナー表示（200幅）--- */
.advt-sp-s200x200 {
    width: 200px;
    height: 200px;
}

/* --- PC表示 --> スマホ消し（200幅）--- */
.advt-sp-s200x200-dn {
    width: 200px;
    height: 200px;
}

/* --- バナー表示（210幅）--- */
.advt-sp-s210x80 {
    width: 210px;
    height: 80px;
    margin: 0 auto 30px;
}

/* --- バナー表示（234幅）--- */
.advt-sp-s234x60 {
    width: 234px;
    height: 60px;
    margin: 0 auto 30px;
}

/* --- PC表示 --> スマホ消し（234幅）--- */
.advt-sp-s234x60-dn {
    width: 234px;
    height: 60px;
    margin: 0 auto 30px;
}

/* --- バナー表示（260幅）--- */
.advt-sp-s260w {
    width: 260px;
    height: 100%;
}

/* --- PC消し --> スマホ表示（300幅） --- */
.advt-sp-s300x50-nd {
    width: 300px;
    height: 50px;
    display: none;
}

/* --- PC消し --> スマホ表示（300幅） --- */
.advt-sp-s300x160-nd {
    width: 300px;
    height: 160px;
    display: none;
}

/* --- バナー表示（300幅）--- */
.advt-sp-s300x250 {
    width: 300px;
    height: 250px;
}

/* --- PC消し --> スマホ表示（300幅） --- */
.advt-sp-s300x250-nd {
    width: 300px;
    height: 250px;
    display: none;
}

/* --- バナー表示（320幅）--- */
.advt-sp-s320x50 {
    width: 320px;
    height: 50px;
    margin: 0 auto 30px;
}

/* --- PC消し --> スマホ表示（320幅） --- */
.advt-sp-s320x50-nd {
    width: 320px;
    height: 50px;
    display: none;
}

/* --- バナー表示（350幅）--- */
.advt-sp-s350x80 {
    width: 350px;
    height: 80px;
    margin: 0 auto 30px;
}

/* --- PC消し --> スマホ表示（350幅）--- */
.advt-sp-s350x80-nd {
    width: 350px;
    height: 80px;
    display: none;
}

/* --- PC表示 --> スマホ消し（468幅）--- */
.advt-sp-s468x60-dn {
    width: 468px;
    height: 60px;
    margin: 0 auto 30px;
}

/* --- PC表示 --> スマホ消し（660幅）--- */
.advt-sp-s660x220-dn {
    width: 660px;
    height: 220px;
    margin: 0 auto;
}

/* --- PC表示 --> スマホ消し（728幅）--- */
.advt-sp-s728x90-dn {
    width: 728px;
    height: 90px;
    margin: 0 auto;
}

/* --- PC表示 --> スマホ消し（728幅）--- */
.advt-sp-s728x200-dn {
    width: 728px;
    height: 200px;
    margin: 0 auto;
}

/* --- テキスト表示（300幅） --- */
.advt-sp-t300w {
    width: 300px;
    margin: 0 auto;
}

/* --- テキスト表示（468幅） --- */
.advt-sp-t468w {
    width: 468px;
    margin: 0 auto;
}

/* --- テキスト表示（660幅） --- */
.advt-sp-t660w {
    width: 660px;
    margin: 0 auto;
    padding-bottom: 5px;
}

/* --- バナー広告表示 --- */
.advt-sp-display {
    margin: 0 auto 10px;
}

/* --- PC表示 --> スマホ消し --- */
.Ads-display-no {
    margin: 0 auto;
}

/* --- PC消し --> スマホ表示 --- */
.Ads-none-dy {
    display: none;
}

/* --- バナー表示（300x250）--- */
.Ads-300x250 {
    background-color: white;
}

/* --- バナー表示（320x100）--- */
.Ads-320x100 {
    display: none;
}

/* --- バナー表示（横長レスポンシブ）--- */
.Ads-res-wide {
    width: 730px;
    /* background-color: white; */
    margin: 0 auto 20px;
}

/* --△△△ バナー広告表示の設定 △△△------------------------------- */

/* ----- 文字色の設定 ----------------------------------------- */
.text-c-red {
    color: red;
}
/* ---------------------------------------------------------- */

/* ----- 複数ページの表示設定内容 ------------------------------- */
.subpage-no-list {
    width: 650px;
    margin: 0 auto 10px;
}

.subpage-no-list ul {
    display: flex;
}

.subpage-no-list li {
    width: 25px;
    height: 28px;
    margin-right: 7px;
    text-align: center;
    line-height: 28px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    list-style-type: none;
}

.subpage-no-list li:hover {
    background-color: #fff799;
}

.subpage-no-list p {
    width: 25px;
    height: 28px;
    margin-right: 7px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

.subpage-no-list a {
    text-decoration: none;
    padding: 2px 7px;
}

.subpage-no-list a:hover {
    color: blue;
}

.subpage-select {
    background-color: paleturquoise;
}
/* ---------------------------------------------------------- */

/* ----- ページトップ表示の設定内容 ----------------------------- */
.goto-top {
    /* ▼ボタンの表示位置を画面の右下に固定 */
    position: fixed;                /* ←表示場所を固定 */
    bottom: 60px;                   /* ←下端からの距離 */
    right: 18px;                    /* ←右端からの距離 */
    width: 7em;                     /* ←横幅 */

    /* ▼最初は非表示にしておく */
    display: none;

    /* ▼配色・配置・文字の装飾など */
    background-color: #a0d8ef;      /* ←背景色 */
    border-radius: 14px;            /* ←角丸の半径 */
    text-align: center;             /* ←文字の位置 */
    font-size: 100%;                /* ←文字サイズ */
    font-weight: normal;            /* ←文字の太さ */
    margin: 0px;                    /* ←外側の余白 */
    padding: 7px 5pt;               /* ←内側の余白 */
}

.goto-top a {
    /* ▼リンクの装飾 */
    color: blue;                    /* ←文字色 */
    text-decoration: none;          /* ←下線なし */
}

.goto-top:hover {
    /* ▼マウスが載ったときの装飾 */
    background-color: #fff799;      /* ←背景色 */
    border: 1px solid #c0c0c0;
}

/* ----- フッターの設定内容 ------------------------------------ */
footer {
    height: 100px;                  /* フッターの高さ */
    background-color: #4682b4;      /* フッターの背景色 */
    color: #e8e8e8;                 /* 文字の色 */
    padding-top: 20px;              /* 要素内側の上部余白 */
}

.footer-left {
    float: left;            /* 配置の指定（左） */
}

.footer-right {
    float: right;           /* 配置の指定（右） */
    padding-top: 50px;      /* 要素内側の上部余白 */
}

.footer-left p {
    margin-bottom: 5px;     /* 下側の余白 */
}
/* ---------------------------------------------------------- */