@import url(./default_body.css);

a:hover {
    top: initial;
    left: initial;
}

/* TOP用ヘッダー start */
#floatmenu {
    position: fixed;
    background: none;
    box-shadow: none !important;
}

#floatmenu::before {
    background: none;
}

#header img {
    display: none;
}

#headerAreaDef {
    margin-top: -90px;
}

#headerMenu {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
}

.acc_wp {
    margin: 85px auto !important;
}

.language_wrap {
    margin: 85px auto !important;
}

#area_sagasu .sagasu_wp {
    margin: 100px auto 60px !important;
}

@media screen and (max-width: 768px) {
    #floatmenu {
        box-shadow: 0px 3px 6px rgb(0 0 0 / 16%) !important;
    }
}

@media screen and (max-width:767px) {

    #floatmenu::before {
        background-color: #1C579C;
    }

    #floatmenu::before {
        height: 70px;
    }
}

/* TOP用ヘッダー end */

.wrapper1100 {
    max-width: 1100px;
    margin: 0px auto;
}

/* 横スクロールバー禁止 */
html, body {
    overflow-x: hidden;
}

/* TOP画面外枠 */
#container {
    width: 100%;
    margin: 0px auto;
    margin-top: 0px;
    font-size: 90%;
    padding: 0px;
    background-image: url(../images/sicho/background_castle.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

/* メイン */
.mainBlock {
    max-width: 1100px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px;
}

/*アニメーション*/

/*フェードインスクロールイン*/
.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 800ms;
}

/*フェードインズームイン*/
.zoomin.scrollin {
    opacity: 1;
    transform: scale(1);
}

.zoomin {
    opacity: 0;
    transform: scale(0.8);
    transition: all 2000ms;
}

#struct {
    margin-left: auto;
    margin-right: auto;
}

/* Navigation Skip */
.Navigation ul {
    margin: 0;
    padding: 0;
}

.Navigation li {
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
}

.Navigation a {
    padding: 5px;
    display: inline;
    z-index: 99;
    text-decoration: none;
    position: absolute;
    width: 300px;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
}

    .Navigation a:focus,
    .Navigation a:active {
        position: absolute;
        top: 30px;
        left: 250px;
        background: #fff !important;
        border: 2px solid #000;
    }

img.imgFromText {
    max-height: 126px !important;
    max-width: 90px !important;
}

* html img.imgFromText {
    height: 126px !important;
    width: 90px !important;
}

/*:::::::::::::::::::::::::
 * 特集スライド
 *::::::::::::::::::::::::*/
#cont_area {
    margin-left: auto;
    margin-right: auto;
}

#slidArea {
    width: 100%;
}

.clear {
    clear: both;
}

#cont_area #slidArea ul li.slideviewer_71_25::after {
    content: ""; /* 疑似要素にコンテンツを追加 */
    position: absolute;
    bottom: 15%; /* 下端からの位置 */
    right: 10%; /* 右端からの位置 */
    width: 225px; /* 画像の幅 */
    height: 50px; /* 画像の高さ */
    background-image: url("../images/sicho/sicho_name.png"); /* 重ねる画像 */
    background-size: contain; /* 画像のサイズを要素に合わせる */
    background-repeat: no-repeat;
    pointer-events: none; /* クリックイベントを透過 */
    z-index: 10; /* 重ね順を上に */
}

/*@media screen and (min-width:1100px) {
    #slidArea img {
        height: 580px;
    }

    #slidArea iframe {
        height: 580px;
    }

    #slidArea video {
        height: 580px;
    }
}*/

@media screen and (min-width:768px) {

    #slidArea {
        position: relative;
    }
}

@media screen and (max-width:800px) {
    #slidArea img {
        aspect-ratio: 1366 / 580;
    }

    #slidArea iframe {
        aspect-ratio: 1366 / 580;
    }

    #slidArea video {
        aspect-ratio: 1366 / 580;
    }
}

@media screen and (max-width: 950px) {

    #cont_area #slidArea ul li.slideviewer_71_25::after {
        bottom: 10%;
        width: 200px;
    }
}

@media screen and (max-width: 768px) {
    #cont_area {
        margin-top: 65px;
    }

    #slidArea {
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    #cont_area #slidArea ul li.slideviewer_71_25::after {
        bottom: 5%;
        width: 150px;
        right: 10%;
    }
}

@media screen and (max-width: 550px) {
    #cont_area #slidArea ul li.slideviewer_71_25::after {
        bottom: -5%;
        width: 100px;
    }
}


/*:::::::::::::::::::::::::
 * 新着情報
 *::::::::::::::::::::::::*/

    #sicho-new-area {
        font-size: 1.2em;
        width: 100%;
        max-width: 1200px;
        height: 100px;
        overflow: hidden;
        margin: -57px auto 76px;
        clip-path: polygon(8.4% 0%, 100% 0%, 96% 100%, 4.3% 100%);
        display: flex;
        align-items: center;
        position: relative;
        z-index: 10000;
        box-sizing: border-box;
    }

    #infoMain1 {
        margin: 0px 0px 0px 137px;
        display: flex;
        align-items: center;
        height: 100%;
        overflow-y: auto;
        width: 950px;
    }

        #infoMain1 .info-right {
            width: 100px;
            flex-shrink: 0;
        }

        #infoMain1 .listInfo {
            flex-grow: 1;
            max-height: 80px;
            overflow-y: auto;
            max-width: 930px;
        }

        #infoMain1 .title {
            margin-bottom: 2px;
            text-align: center;
        }

            #infoMain1 .title img {
                max-width: 100%;
                height: auto;
            }

    .vertical-line {
        border-left: 1px dotted white;
        margin: 0 49px;
        height: 70px;
    }

    #infoMain1 .info-ichiran {
        background-image: url(../images/sicho/arrows_right_line.png);
        background-repeat: no-repeat;
        background-position: 70px center;
        width: 100%;
        max-width: 100px;
        padding: 3px 0px 3px 0px;
    }

        #infoMain1 .info-ichiran a {
            padding-left: 20px;
            font-size: 0.9em;
        }

    .listInfo {
        flex-grow: 1;
        overflow: hidden;
    }

        .listInfo .new_list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

            .listInfo .new_list .koushinDay {
                padding-right: 10px;
            }

    @media screen and (max-width: 950px) {

        #sicho-new-area {
            margin: -25px auto 76px;
        }
    }

    @media screen and (max-width: 767px) {

        #sicho-new-area {
            height: auto;
            margin: 15px 10px 30px 10px;
            clip-path: none;
            padding: 20px;
            width: auto;
        }

        #infoMain1 {
            margin: 0px;
            gap: 10px;
        }

        .listInfo .new_list {
            gap: 0;
            padding-bottom: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        #sicho-new-area {
            font-size: 1.0em;
            padding: 10px;
        }

        #infoMain1 {
            width: 100%;
            margin: 0 auto;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .vertical-line {
            display: none;
        }

        .listInfo .new_list {
            display: flex;
            gap: 0;
            flex-wrap: wrap;
            flex-direction: column;
            align-items: normal;
            padding-bottom: 10px;
        }
    }

    /*:::::::::::::::::::::::::
 * スライド・パネル
 *::::::::::::::::::::::::*/

    /* スライド・パネルエリア全体 */
    #slide-panel-area {
        max-width: 1350px;
        margin: 0px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        padding-bottom: 100px;
    }

    @media screen and (max-width: 1120px) {
        #slide-panel-area {
            flex-direction: column;
        }
    }

    /*:::::::::::::::::::::::::
 * トピックス（記事スライダー）
 *::::::::::::::::::::::::*/

    /*トピックスエリア*/
    .topics_cont_title {
        width: 440px;
        height: 420px;
        margin-right: 30px;
        border-radius: 5px;
    }

    #banSlide_sicho {
        width: 100%;
    }

    @media screen and (max-width: 1120px) {
        .topics_cont_title {
            margin-bottom: 45px;
            margin-right: 0px;
        }
    }

    /* 各スライダーの再生・停止ボタン */
    #ban_slide_set_sicho .slick_toggle_wrap {
        width: 93%;
        margin: 0px auto;
        padding: 0px;
        position: relative;
        height: 22px;
    }

    .slick_toggle_wrap {
        width: 100%;
        margin: 0px auto;
        padding: 0px;
        position: relative;
        height: 20px
    }

        .slick_toggle_wrap span {
            position: absolute;
            right: 5px;
            bottom: 35px;
            border: solid 1px;
            padding: 1px 13px 1px 13px;
            height: 18px;
            letter-spacing: 1.5px;
        }

    .slick_toggle {
        width: 20px;
        font-size: 0.8em;
        padding: 1px;
        border: none;
        text-align: center;
        vertical-align: middle;
        display: inline;
        cursor: pointer;
        cursor: hand;
    }

    .slick_toggl .stop {
        display: block;
        width: 20px;
        z-index: 10;
    }

    .slick_toggle .play {
        display: none;
        width: 0px;
        z-index: 0;
    }

    .slick_toggle.paused .stop {
        display: none !important;
        width: 0px !important;
        z-index: 0 !important;
    }

    .slick_toggle.paused .play {
        display: block !important;
        width: auto;
        z-index: 10 !important;
        padding: 1px 13px 1px 13px;
        letter-spacing: 1.5px;
    }

    /* スライド停止ボタン調整（スマホ版） */
    @media screen and (max-width: 767px) {
        .slick_toggle_wrap span {
            position: absolute;
            right: -5px;
            bottom: 25px;
            border: solid 1px;
            padding: 1px 13px 1px 13px;
            height: 18px;
            letter-spacing: 1.5px;
        }
    }

    /* 記事スライダー　*/
    #ban_slide_set_sicho {
        padding: 12px 10px 0px 7px;
        position: relative;
    }

        /* 記事スライダーの画像 */
        #ban_slide_set_sicho img {
            margin: 0px auto;
            width: 400px !important;
            height: 270px;
            object-fit: cover;
            object-position: top;
            padding: 0px 20px;
        }

    #banSlide #ban_slide_set_sicho li {
        margin: 0px 15px 20px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 5px;
        padding: 0px 10px 0px 10px;
        height: 360px;
    }

    #ban_slide_set_sicho article slick-slide slick-cloned slick-active {
        max-height: 350px;
    }

    #ban_slide_set_sicho .slick-dots {
        display: block !important;
        bottom: -22px;
        position: absolute;
        height: 24px !important;
        left: 0px;
    }

        #ban_slide_set_sicho .slick-dots li {
            box-shadow: unset !important;
            height: unset !important;
            margin: 0px 3px !important;
        }

    /* スライダーボタン */
    .slick-dots li button {
        font-size: 1.1em !important;
    }

    #ban_slide_set_sicho .slick-dots li button:before {
        font-family: 'slick';
        font-size: 0.9em;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .28;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #ban_slide_set_sicho .slick-dots li.slick-active button:before {
        opacity: .98;
    }

    /* スライダーの前・次ボタンの位置 */
    #ban_slide_set_sicho .slick-prev,
    #ban_slide_set_sicho .slick-next {
        top: 100%;
        margin-top: 10px;
    }

    /* 更新日 */
    #ban_slide_set_sicho .kiji_koushinDay {
        margin: 0px auto;
        font-size: 1.4em;
        width: 380px;
        margin-top: 4px;
    }

    /* タイトル */
    #ban_slide_set_sicho .kiji_title {
        margin: 0px auto;
        width: 380px;
        padding: 5px 0px;
        overflow: hidden;
        text-align: start;
    }

        #ban_slide_set_sicho .kiji_title a {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            font-size: 1.2em;
            word-wrap: break-word;
            word-break: break-all;
            min-height: 50px;
        }

    #ban_slide_set_sicho .slick-list {
        overflow: hidden;
    }

    /* 概要文 */
    #ban_slide_set_sicho .kiji_gaiyou {
        margin: 15px 0px 10px 45px;
        font-size: 0.9em;
        width: 280px;
    }

    .slick-track {
        margin-bottom: 10px !important;
    }

    /* Youtubeタグ */
    #ban_slide_set_sicho .youtubeImage {
        max-width: 100％;
    }

        #ban_slide_set_sicho .youtubeImage iframe {
            max-width: 100% !important;
            max-height: 270px !important;
        }

    /*    #ban_slide_set_sicho .slick-dotted.slick-slider {
        padding-left: 38px !important;
        padding-right: 38px !important;
        margin-bottom: 2px !important;
    }
*/

    #ban_slide_set_sicho .slick-prev {
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 9;
        margin-left: -106px;
        left: 50%;
    }

    #ban_slide_set_sicho .slick-next {
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 9;
        margin-right: -99px;
        right: 50%;
    }

        #ban_slide_set_sicho .slick-prev:before, #ban_slide_set_sicho .slick-next:before {
            font-size: 23px;
            opacity: unset;
        }

    @media screen and (max-width: 767px) {
        #topics {
            width: 330px;
        }

            #topics .topics_cont_title {
                width: 330px;
                height: 390px;
            }

        #ban_slide_set_sicho img {
            margin: 0px auto;
            width: 300px !important;
            height: 240px;
            object-fit: cover;
            padding: 0px 20px;
        }

            #ban_slide_set_sicho .youtubeImage iframe {
                max-width: 100% !important;
                max-height: 240px !important;
            }


        /* 更新日 */
        #ban_slide_set_sicho .kiji_koushinDay {
            margin: 0px auto;
            font-size: 1.1em;
            width: 300px;
            margin-top: 10px;
        }

        /* タイトル */
        #ban_slide_set_sicho .kiji_title {
            margin: 0px auto;
            font-size: 1.1em;
            width: 300px;
            padding: 5px 0px;
            overflow: hidden;
            text-align: start;
        }

        /*スライド　前後ボタン*/
        #ban_slide_set_sicho .slick-prev {
            width: 85px;
            height: 50px;
            position: absolute;
            z-index: 9;
            margin-left: -105px;
            left: 50%;
        }

        #ban_slide_set_sicho .slick-next {
            width: 85px;
            height: 50px;
            position: absolute;
            z-index: 9;
            margin-right: -99px;
            right: 50%;
        }

            #ban_slide_set_sicho .slick-prev:before, #ban_slide_set_sicho .slick-next:before {
                font-size: 20px;
            }

        /* スライダーボタン */
        .slick-dots li button {
            font-size: 0.9em !important;
        }
    }

    /*:::::::::::::::::::::::::
 * パネルエリア
 *::::::::::::::::::::::::*/
    /*パネルエリア*/
    .panel-area {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: 28px;
        row-gap: 22px;
    }

        .panel-area .profile {
            background: url("../images/sicho/profile_text.png") no-repeat center 10px;
        }

        .panel-area .press {
            background: url("../images/sicho/press_text.png") no-repeat center 10px;
        }

        .panel-area .schedule {
            background: url("../images/sicho/schedule_text.png") no-repeat center 10px;
        }

        .panel-area .communication {
            background: url("../images/sicho/communication_text.png") no-repeat center 10px;
        }

    .panel {
        display: flex;
        flex-direction: column;
        width: 300px;
        height: 200px;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
    }

        .panel:hover {
            text-decoration: none;
        }

        .panel:after {
            content: "";
            position: absolute;
            bottom: 6px;
            right: 7px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 17px 15px;
            border-color: transparent transparent #2770C4 transparent;
        }

    .panel-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0px auto;
        margin-top: 60px;
        gap: 15px;
    }

        .panel-content .title {
            font-size: 1.75em;
        }

    @media screen and (max-width: 767px) {
        .panel-area {
            column-gap: 15px;
            row-gap: 15px;
        }

            .panel-area .profile,
            .panel-area .press {
                background-size: 90px;
                width: 170px;
                height: 150px;
            }

            .panel-area .schedule {
                background-size: 130px;
                width: 170px;
                height: 150px;
            }

            .panel-area .communication {
                background-size: 150px;
                width: 170px;
                height: 150px;
            }

        .panel-content {
            margin: 0px 5px;
            margin-top: 15px;
            gap: 5px;
        }

        .profile .panel-content img,
        .press .panel-content img {
            width: 35px;
        }

        .schedule .panel-content img {
            width: 60px;
        }

        .communication .panel-content img {
            width: 45px;
        }

        .panel-content .title {
            font-size: 1.3em;
        }
    }


    /*:::::::::::::::::::::::::
 * Navigation Skip
 *::::::::::::::::::::::::*/
    .Navigation ul {
        margin: 0;
        padding: 0;
    }

    .Navigation li {
        position: absolute;
        text-align: left;
        margin: 0;
        padding: 0;
        display: block;
    }

    .Navigation a {
        padding: 5px;
        display: inline;
        z-index: 999;
        text-decoration: none;
        position: absolute;
        max-width: 300px;
        left: -1000em;
        top: 0;
        font-weight: bold;
        text-align: center;
        font-size: 125%;
        /zoom:1;
    }

        .Navigation a:focus,
        .Navigation a:active {
            position: absolute;
            top: 30px;
            left: 250px;
            background: #fff !important;
            border: 2px solid #000;
        }

    img.imgFromText {
        max-height: 126px !important;
        max-width: 90px !important;
    }

    * html img.imgFromText {
        height: 126px !important;
        width: 90px !important;
    }

    /*:::::::::::::::::::::::::
 * フリーエリア用
 *::::::::::::::::::::::::*/
    .freeareaWrap {
        margin: 0px auto;
        padding: 0px;
        width: 99%;
    }

    .freearea {
        padding: 0px;
        margin-top: 0px;
    }

        .freearea.disp_marquee_text {
            background-color: transparent !important;
            margin: 1px auto !important;
        }


    /*:::::::::::::::::::::::::
 * あなたが最近チェックしたページ
 *::::::::::::::::::::::::*/
    div#browsingHistoryArea {
        max-width: 1200px;
        margin: 15px auto 10px;
    }

    div#browsinghisotry_block ul {
        overflow: hidden;
        padding: 0px 10px;
    }

        div#browsinghisotry_block ul li {
            border-top: 1px dotted #cccccc;
            margin-top: -1px;
            padding: 5px 0;
        }

    div#browsinghisotry_block .upddate {
        float: left;
        font-size: 0.9em;
        min-width: 130px;
        width: auto;
        padding-left: 5px;
    }

    #browsingHistoryTop1 .browsinghistory_header {
        padding: 10px 0px 10px 12px;
    }

    div#browsinghisotry_block .title {
        float: left;
        max-width: 800px;
        text-overflow: ellipsis;
        padding: 0px 5px 0px 10px;
    }

    div#browsinghisotry_block .del {
    }

    #browsinghistory_ttl h2 {
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        padding-left: 10px;
        border-left: 5px solid #cccccc;
    }

    #browsinghistory_rmv {
        float: right;
        padding-right: 5px;
        font-size: 0.9em;
    }

    /* さがすパネル 検索窓 */
    .siteSearchArea .searchver2-input {
        height: 45px !important;
        width: calc(90% - 40px) !important;
        max-width: 500px !important;
    }

    .bootstrap-scope .input {
        width: calc(100% - 36px);
        min-width: 157px;
        height: 100%;
        border: 1px solid #ccc !important;
        border-radius: 50px !important;
    }

    .siteSearchArea .svg-inline--fa.fa-w-16 {
        color: #0F98BB !important;
        font-size: 38px !important;
    }

    #mainSearch02 .input-group-append span::after {
        content: "検索";
        font-weight: 700;
        display: none !important;
    }

    /*:::::::::::::::::::::::::
 * レスポンシブル用
 *::::::::::::::::::::::::*/


    @media screen and (max-width:1100px) {
        /* タブレット用のスタイル記述 */
        img {
            max-width: 100%;
            height: auto;
            width /***/: auto;
        }

        /*#slidArea {
        width: 100%;
        margin: 0px auto;
        float: none;
    }*/


        .mainBlock {
            margin: 0px auto 0px;
            padding-top: 5px;
        }


        .kinkyuBlock {
            border: 1px solid #C1272D;
            padding: 0px;
            box-sizing: border-box;
            margin: 0px auto 0px;
            max-width: none;
            float: none;
        }


        /* サイト内検索 */
        #mainSearch02 {
            margin: 10px 10px 0px;
        }

        input.btnSearch02 {
            margin: 0px;
            padding: 0px;
            vertical-align: middle;
        }

        #benri_btn ul li {
            min-width: 150px;
        }

        .boxArea ul li::before {
            padding: 5px 5px;
            line-height: 0em;
        }

        .naiyo ul li {
            margin: 15px 0px;
            float: left;
            min-width: 130px;
        }
    }

    @media screen and (max-width:980px) {
        /* タブレット用のスタイル記述 */

        ul.kinkyuTxt li p.koshin {
            float: none;
            min-width: 70px;
            margin-left: 10px;
        }

        ul.kinkyuTxt li div.k_naiyo {
            float: left;
            max-width: 100%;
            margin: 0px 0px 10px 10px;
        }
    }

    @media screen and (max-width:767px) {
        /* スマートフォン用のスタイル記述 */

        #koukoku_banArea {
            padding: 0px 0px 30px 0px;
        }

        .menuitem02 {
            margin: 15px auto 0px;
        }

        /*#slidArea {
        width: 100%;
        margin: 0px auto;
    }*/

        #kinkyuArea {
            width: 100%;
            padding: 10px 0px;
        }

        #about_Area {
            width: 100%;
            margin: 0px auto 20px;
        }

        .hinan {
            float: none;
            text-align: left;
            padding: 10px 0px 10px 50px;
            background: url("../images/top1/icon_hinan.png") no-repeat 20px center;
            border-bottom: 1px dotted #ffffff;
        }

        .bousaimail {
            float: none;
            text-align: left;
            padding: 10px 0px 10px 50px;
            background: url("../images/top1/icon_bousai_mail.png") no-repeat 20px center;
        }

        .bousaimap {
            float: none;
            text-align: left;
            padding: 10px 0px 10px 50px;
            background: url("../images/top1/icon_bousai_map.png") no-repeat 20px center;
            border-bottom: 1px dotted #ffffff;
        }

        .bousaiSite {
            padding: 0px;
            vertical-align: middle;
            border-radius: 3px;
            float: none;
            margin: 4px auto 5px;
            padding: 10px 40px 10px 40px;
            font-weight: bold;
            width: 70%;
            text-align: center;
        }

        .serchleft {
            float: none;
            max-width: 100%;
            width: auto;
        }

        input.searchBox02 {
            height: 28px;
            width: 71%;
            margin: 1px 1px 0px 0px;
            vertical-align: middle;
            letter-spacing: normal;
            border: solid 1px #7F7F7F;
        }

        .keywordtitle {
            margin: 10px;
            padding: 5px 5px 5px 5px;
        }

            .keywordtitle span {
                margin: 0px 0px auto 5px;
                padding: 5px 5px 14px 5px;
            }

        .benribox02 {
            width: auto;
        }




        #benri_btn {
            margin: 0px 5px;
        }

        .kanrenban {
            margin: 15px auto;
        }

        div.newTtl {
            float: none;
            width: auto;
            padding: 2px 0px;
        }

        #newTtlTab .selected {
            font-weight: bold;
            padding: 11px 8px 9px;
            margin: 0px;
            cursor: default;
        }

        #newTtlTab h3 {
            float: left;
            padding: 11px 8px 9px;
            margin: 0px 4px 0px 4px;
            text-decoration: none;
            font-size: 0.9em;
            cursor: pointer;
        }

        .info {
            padding: 0px;
        }

            .info p.koushinDay {
                float: none;
                width: 90%;
                font-size: 0.9em;
                text-indent: 0em;
            }

        .infoIchiran {
            float: none;
        }



        .serchright {
            /*max-width: 320px;*/
            width: 100%;
            text-align: center;
            margin: 0px auto;
            float: none;
        }

        #life_event {
            margin: 0px auto 0px auto;
            display: inline-flex;
            flex-direction: row;
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
        }

        .Blockmenu {
            max-width: 1000px;
            margin: 0px auto 0px;
            padding-top: 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .boxArea {
            margin: 10px 0px 15px 10px;
            padding: 0px;
            float: none;
            width: 96%;
        }

        #kohoArea {
            width: auto !important;
            float: none;
            margin: 10px auto;
            padding: 0px;
        }

        #ugokiArea {
            width: auto !important;
            float: none;
            margin: 0px auto;
            padding: 0px;
        }

        .naiyo {
            margin: 0px auto;
            padding: 0px;
        }

        .infoIchiran {
            padding: 3px 2px 2px 33px;
            float: right;
            margin: 10px 0px 2px;
            font-size: 0.9em;
        }

        .btnArea {
            float: none;
            text-align: center;
        }

            .btnArea img {
                text-align: center;
                margin: 0px auto;
            }

        #kanrenbanBox {
            margin: 0px auto;
        }

        ul.bannaiyo {
            padding: 0px 0px 5px 7px;
            margin: 0px auto;
            width: auto;
        }

        p.imgBan, li.imgBan {
            display: inline-block;
            vertical-align: middle;
            margin: 0px 2px 5px 5px;
            float: left;
        }

        #fBanItem {
            text-align: center;
        }

        .newTtl span.termTitle {
            margin: 0px 0px 0px 15px;
        }

        #ugkTxt {
            margin: 0px auto;
        }

        #mainSearch02 {
            margin: 10px 0px;
        }

            #mainSearch02 .searchBox-gcs {
                width: 100% !important;
            }

        h4 {
            padding: 0px 0px 0px 0px;
        }

        #jyuuyou_Area {
        }

            #jyuuyou_Area .jyuuyou_info article {
                display: flex;
                flex-direction: column;
                align-items: start;
                padding-bottom: 10px;
                gap: 0;
            }
    }

    @media screen and (max-width:400px) {
        /* スマートフォン用のスタイル記述 */

    }

    /* パーソナライズ */
    .personalizeBox {
        margin-bottom: 7px;
        text-align: center;
    }

        .personalizeBox .login {
            margin: 10px auto 5px auto;
            text-align: center;
        }

        .personalizeBox ul {
            width: 35%;
            margin: 5px auto;
        }

        .personalizeBox .setsumei {
            padding: 3px 3px 3px 17px;
            background: url("../images/top1/b_01.png") no-repeat 7px center;
            margin: 2px auto;
            text-align: left;
        }

    /* wysiwyg */
    #mainShosai table.__wys_table {
        width: auto;
    }

    .__wys_table td {
        border: solid 1px #000000;
        padding: 3px;
    }

    .__wys_table th {
        background-color: #eeffee;
        border: 1px solid #000000;
        font-weight: bold;
        padding: 3px;
    }

    /*:::::::::::::::::::::::::
 * 翻訳メニュー
 *::::::::::::::::::::::::*/

    #foreignSP {
        display: none;
        width: 99%;
        margin: 3px auto 3px auto;
    }

        #foreignSP .plus {
            background: url("../images/top1/btn_plus_white.png") 98% center no-repeat #E49F9A;
            background-size: auto;
            background-size: 14px;
        }

        #foreignSP .minus {
            background: url("../images/top1/btn_minus_white.png") 98% center no-repeat #E49F9A;
            background-size: auto;
            background-size: 14px;
        }

            #foreignSP .plus a,
            #foreignSP .minus a {
                display: block;
                height: 100%;
                padding: 15px 10px 15px 20px;
                text-decoration: none;
                margin: 0px;
                text-align: center;
                font-size: 1.1em;
            }

        #foreignSP .dspMode {
            display: block !important;
            background-color: #E49F9A;
        }

    #foreignTitle {
        width: 100%;
        margin: 1px auto;
    }

        #foreignTitle a {
            padding: 10px 8px 10px 12px !important;
            color: #333230;
            display: block;
            height: 100%;
        }

    #foreignDsp {
        width: 100%;
        margin: 0px auto;
        padding: 2px 0px 6px 0px;
        display: none;
    }

        #foreignDsp ul {
            width: 100%;
            margin: 0px auto;
        }

            #foreignDsp ul li {
                padding: 0px;
                width: calc(100% - 10px);
                margin: 2px 0px 0px 4px !important;
                float: left;
                background: url("../images/top1/ya_gray.png") no-repeat 98% center #ffffff;
                background-size: 7px 10px;
                border: 1px solid #333230;
                border-radius: 5px;
            }

                #foreignDsp ul li a {
                    width: 70%;
                    line-height: 2.4em;
                    display: block;
                    padding: 0px !important;
                    margin-left: 15px !important;
                    font-size: 0.9em;
                }


    @media screen and (max-width:980px) {
        #foreignSP {
            display: block;
        }
    }

    @media screen and (max-width:767px) {
    }

    figure {
        margin: 0;
        padding: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px;
    }

        figure::before {
            position: absolute;
            top: 0;
            left: -75%;
            z-index: 2;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg);
        }

        figure:hover::before {
            -webkit-animation: shine .95s;
            animation: shine .95s;
        }

    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }

    /* サイト背景色・フォントサイズ */
    .hMenu {
        float: left; /* 2016/12/22 アクセシビリティ対応 Tab順 right→left*/
        padding: 5px 0px 0px 0px;
        outline: none;
        margin: 5px 10px 0px 0px;
    }

        .hMenu a {
            text-decoration: none;
        }

    #changeHaikei {
        padding: 5px 5px 5px;
        margin: 5px 0px 0px 0px;
        font-size: 0.9em;
        line-height: 20px;
    }

    #mainFontSizeSel {
        float: left; /* 2016/12/22 アクセシビリティ対応 Tab順 right→left*/
        font-size: 0.9em;
        padding: 5px 5px 5px;
        outline: none;
        margin: 5px 10px 0px 0px;
        line-height: 20px;
    }

        #changeHaikei span, #mainFontSizeSel span, #mainOnsei span {
            display: inline-block;
            vertical-align: middle;
            font-weight: bold;
        }

        #changeHaikei a, #mainFontSizeSel a, #mainOnsei a {
            padding-right: 3px;
            vertical-align: middle;
        }

        #changeHaikei img, #mainFontSizeSel img, #mainOnsei img {
            vertical-align: sub;
        }

    .hover-link {
        position: relative;
        text-decoration: none;
        transition: all 0.1s ease;
    }

    .sink-simple:hover {
        transform: translateY(3px);
    }