@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
 -----------------------------------
 2026.08.21 文字サイズ＆字間調整 > entry-content, single-title

*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*
 * SANGOはモバイルファースト
 * 769px〜 PCスタイル
 * PCのみ要素表示   → .display-pc (block) / .display-pc-in (inline-block)
 * モバイルのみ  → .hidden-pc (none)
 *
 * 下記は、WP>外観>カスタマイズ>色 にて設定
 * ・aタグ ・ヘッダー背景色 ・ヘッダータイトル色
 */

/* SANGOの設定を上書き(主にリセット) start -------------------------------- */
#inner-header {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.widget{
    background-color: transparent;
}
.pastel-bc, .has-sango-pastel-background-color, #inner-content .pastel-bc {
    background-color: #f1d7e0 !important;
}
.entry-content{
    /* 2026.08.21 update
    font-size: 0.9em;
    letter-spacing: -0.05em; */
    font-size: 1.05em;
    letter-spacing: normal;
}
.entry-content img {
    margin: 1em auto;
    width: auto;
}
.entry-content p {
    /* margin: 0; */
}
.entry-content ul {
    border: 0;
    /* list-style: none; */
}
#toc_container, #ez-toc-container, .entry-content h3, .li-mainbdr ul, .li-mainbdr ol{
    border: 0;
}

.entry-content img{
    margin-top: 1em;
    margin-bottom: 1em;
}

.single-title, .page-title{
    line-height: 1.3;
    margin: 0.5em 0;
}
.single-title {
    padding-top: 1em;
    font-size:1.5em;/* 2026.08.21 add */
}

/* パンくずリストの調整 */
#breadcrumb{
    line-height: 1.2;
}
#breadcrumb li{
    font-size: 0.7em;
    font-weight: bold;
}
/* ー最後の要素の後には何も表示しない */
#breadcrumb li:last-of-type::after{
    content:"";
}
#breadcrumb li a{
    color:#666;
}

/* 記事まとめ */
#toc_container {
    border: 1px solid #aaa  !important;
}
#toc_container p.toc_title {
    text-align: center;
    margin: 0;
    padding: 0;
    display: block;
    color: #999;
    font-weight: normal;
    font-size: 1.3em;
}
#toc_container p.toc_title::before{
    content: '';
    display: none;
}
#toc_container p.toc_title .toc_toggle {
    background: none;
    color:#666;
    margin: 0;
    width: auto;
    padding-left: 0.5em;
}
#toc_container p.toc_title .toc_toggle a {
    color:#666;
}
#toc_container p.toc_title+ul.toc_list li {
    font-weight: normal;
}

/* 対話型表示plugin関連部分での、重なり防止 */
.sb-icon img {
    margin: 0;
}

/*bアイコン画像をテキスト等の前に表示 */
.b-icon::before{
    content: '';
    display: inline-block;
    background-image : url(/wp-content/themes/sango-theme-child/images/b-icon.png);
    width: 1em;
    height: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0 0 0 0.3em;
}

/* ページTOPへ戻るボタン 
 * ＊一部ページ＆サイズでのみ表示されるリンク集が下部に出る場合には表示位置調整別途あり→function.jp
 */
.totop{
    bottom:15px;
}

/* カラム配置調整 */
@media only screen and (min-width: 769px){
    .single #content, .page #content {
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        padding-top: 2em;
    }
    .single #inner-content, .page #inner-content {
        flex-direction: row-reverse; /* 追加：サイドバーを左にしたいので */
    }
    .t-1of3,
    .d-2of7{
        width: 250px;
    }
    .single .d-5of7, .post .d-5of7, .page .d-5of7{
        padding-right: 0;
        width: calc(100% - 250px);
    }
    .single #breadcrumb,
    .page #breadcrumb{
        padding-bottom: 1em;
        margin: 0 1.8em;
    }
}
@media only screen and (min-width: 1030px){

}

/* SANGOの設定を上書き end   -------------------------------------------- */

/* 共通スタイル設定 */
:root {
    --main-bk-accsent-color:#e26aa0;/* ピンク 背景等広めの場所に使用*/
    --main-accent-color:#ec2f98;/* ピンク 文字・バナー */
    --gray-color:#e8e8e8;/* グレー */
}
a:hover img {
    opacity: 0.8;
}

.b-color a {
    color: #DD689F;
    font-size: 0.9em;
}

/* 表示切り替え
 * .hidden-pc > SPのみ
 * .hidden-pc-900 > 画面サイズが900px を超えたら非表示に > br等に使用
 * .display-pc > PC時 block
 * .display-pc-in > PC時 inline-block
 * .display-none 常に非表示
 */
.display-pc,
.display-pc-in {
    display: none !important;
}
.display-none {
    display: none !important;
}

.center-container {
    text-align: center;
}

#content{
    background-image: url(/wp-content/uploads/2013/08/mainback1.jpg); /* 背景イメージ*/
}

#entry{
    position:relative;
    margin-bottom: 2.5em;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter{
    margin: 0 auto;
}

.back-decoration {
    position: relative;
    background-color: #FFFFFF;
}

/* 1カラム表示用の設定 */
#content.one-column {
    background-image: url(/wp-content/uploads/2013/08/mainback1.jpg);/*PC版 SANGO設定により背景が白にならない用にここでも指定 */
}
#content.one-column .entry-content{
    padding: 0 0.5em;
}
#content.one-column .entry-content.back-decoration{
    background-color: transparent;
}
#content.one-column .entry-content.back-decoration::before,
#content.one-column .entry-content.back-decoration::after{
    display: none;
}

.fcolor-pink {
    color:#ff0080;
}

/* セクションの背景の飾り 白の波 -- */
/* 上の部分 */
.single #entry::before,
.page .cont_single_b::before,
.page .plan .summary::before,
.page .plan .plan_detail::before,
.back-decoration::before /* 新たに付ける場合はこのクラスを使用 */
{
    content: "";
    background-image: url(/wp-content/uploads/2013/09/contback_u.png);
    background-repeat: repeat-x;
    padding: 1em;
    padding: 12px;
    display: block;
    top: -1.6em;
    top:-17px;
    position: absolute;
    width: -webkit-fill-available;
}

/* 下の部分 */
.single #entry::after,
.page .cont_single_b::after,
.page .plan .summary::after,
.page .plan .plan_detail::after,
.back-decoration::after  /* 新たに付ける場合はこのクラスを使用 位置は上書き調整 */
{
    content: "";
    background-image: url(/wp-content/uploads/2013/09/contback_d.png);
    background-repeat: repeat-x;
    padding: 1em;
    display: block;
    position: absolute;
    width: -webkit-fill-available;
}

.back-decoration.bottom-up::after {
    bottom: -2em;
}

h2, h3, h4 {
    color: #FF5992;
}

/* サーモンピンクの背景 */
.text1_cont {
    background-color: #FCE6DB;
    margin: 0 1em;
    padding: 0 1em 0.5em;
}
.text1_cont img {
    margin: 0;
}
.text1_cont p {
    font-size: 1.1em;
}


/* 旧テーマでの指定要素の調整 */
.cont_single_b-u,
.cont_single_b-d,
.cont_single_b-u2,
.cont_single_b-d2 {/* 過去これを指定した空要素で背景を入れていたが、指定方法を変更 */
    display: none;
}

.cont_single_b_head {
    background-color: #FFFFFF;
    padding: 1em 1.5em;
}


/* ウィジェットで表示させている箇所の調整 */
.awac-wrapper .textwidget a{
    text-decoration: underline;
}


/* 画像とテキストを1X1で表示する場合などに利用
 * spでは別業に
 * pcでは横並びに表示 */
.img-text-sxs {
    margin: 2em;
}
.img-text-sxs img {
    margin: 0 1em 0 0;
}

/* コルクボード背景 */
.cont_cork {
    background-image: url(/wp-content/uploads/2013/09/corkback.jpg);
    background-repeat: repeat;
    padding: 15px;
}
/* 方眼ノート背景 */
.cont_hougan {
    background-image: url(/wp-content/uploads/2013/09/houganback.jpg.png);
    background-repeat: repeat;
    padding: 15px;
}

.color-ed4fa5 {
    color: #ed4fa5;
}
.color-1b9fdb {
    color: #1b9fdb;
}

/* テキスト装飾：茶色の下破線 インライン要素(span)に指定して使用 */
.color-underline{
    border-bottom: 1px dotted #97776A;
    padding-bottom: 4px;
    line-height: 1.6;
    color: #97776A;
}


/* PCサイズ */
@media only screen and (min-width: 769px){
    .display-pc{
        display: block !important;
    }
    .display-pc-in {
        display:inline-block !important;
    }
    .hidden-pc{
        display: none !important;
    }
    .alignleft-pc {
        float: left;
    }
    .alignright-pc {
        float: right;
    }
    .img-text-sxs {
        display: flex;
        margin: 2em 0;
    }

    /* サイドバー用 satart ------------------------------- */
    /* サイドバーはこのサイズから表示 */
    /* #sidebar1{
        display: block;
    } */
    #sidebar1 .insidesp{
        width: 280px;
    }
    #sidebar1 .insidesp .textwidget img,
    #sidebar1 .insidesp .textwidget .mailadd {
        border: 1px solid #D1D1D1;
        margin-bottom: -1px;
    }
    #sidebar1 .insidesp .textwidget .mailadd {
        width: 232px;
        padding: 10px;
    }
    #sidebar1 .insidesp .textwidget .mailadd .sntext_mailadd{
        color: #E796B8;
        color: var(--main-bk-accsent-color);
        font-size: 0.7em;
    }
    #sidebar1 .insidesp .textwidget .mailadd .sntext_mailadd_b {
        font-size: 0.7em;
    }
    #sidebar1 .insidesp .textwidget .mailadd form{
        display: flex;
    }

    #sidebar1 .insidesp .textwidget .mailadd input.mailform1 {
        width: 150px;
        height: 2em;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 0.9em;
    }

    #sidebar1 .insidesp .textwidget .mailadd input[type="image"] {
        height: 100%;
        margin: 0.4em 0.2em 0;
    }
    /* サイドバー用 end --------------------------------- */

    /* 追尾型リンク集(右サイドに表示):このサイズから表示(.display-pc 指定) */
    #side_links{
        position: fixed;
        right: 0;
        top: 150px;
        width: 119px;
        padding: 0;
        margin-left: 0;
        z-index: 999;
    }
    #side_links ul{
        margin: 0;
    }
    #side_links ul li + li {
        margin-top: 1px;
    }
    
}


@media only screen and (min-width: 900px){
    .hidden-pc-900{
        display: none;
    }
}

/* header start ------------------------------- */
#inner-header .head-txt-box-h1{
    font-size:0.5em;
    position: relative;
    padding: 5px;
}
#inner-header .head-txt-box-h1 h1:first-child,
#inner-header .head-txt-box-h1 div:first-child{
    position: absolute;
    top: 5px;
    left: 5px;
}
#inner-header #global-header{
    position: relative;
}
#inner-header #global-header .head-main .logo-box {
    position: relative;
    padding: 1em 0.7em 0.7em;
    height: 80px;
}
#inner-header #global-header .head-main .logo-box .global-nav-tel {
    position: absolute;
    z-index: 1;
    width: 80px;
    right: 0;
    top: 0;
    padding-top: 0.8em;
    padding-right: 1em;
}
#inner-header #global-header .head-main .logo-box .global-nav-tel .tel-icon {
    text-align: center;
}
#inner-header #global-header .head-main .logo-box .global-nav-tel i {
    color: #9a9a9a;
    font-size: 45px;
}
#inner-header #global-header .head-main .logo-box .global-nav-tel p {
    font-size: 11px;
    line-height: 1;
    letter-spacing: -2px;
    margin: 0;
}
#inner-header #global-header .head-main .global-nav {
    border-top: 1px solid #9a9a9a;
}

/* navi 第1階層 ------------------------------ */
#inner-header #global-header .head-main .global-nav nav ul{
    display: table;
    width: 100%;
    margin: 0;

    position: relative; /*第2階層の配置用に設定*/
}
#inner-header #global-header .head-main .global-nav nav > ul > li + li {
    border-left: 1px solid #9a9a9a;
}

#inner-header #global-header .global-nav nav ul li.navi01 {
    display: table-cell;
    text-align: center;
    letter-spacing: -1px;
    line-height: 1.1;
    border-bottom: 1px solid #9a9a9a;
    padding-top: 2.5em;
    padding-bottom: 0.3em;
}
/* メニュー幅 */
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello {
    width: 24%;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-point,
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-system,
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan,
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog {
    width: 19%;
}

/* クリック動作用のcheckbox */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > label{
    position: relative;
}
/* メニュー文字サイズ */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > label >span {
    font-size: 0.9em;
}

/* メニューアイコン SP用 *PCでは非表示 */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > label > span::before{
    position: absolute;
    top: -2.2em;
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello > label > span::before{
    background-image: url("./images/header/sp-head-icon_01.png"); /* 初心者アイコン */
    left:1em;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-point > label > span::before{
    background-image: url("./images/header/sp-head-icon_02.png"); /* iアイコン */
    left: 0.3em;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-system > label > span::before{
    background-image: url("./images/header/sp-head-icon_03.png"); /* ￥アイコン */
    left: 0.4em;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan > label > span::before{
    background-image: url("./images/header/sp-head-icon_04.png"); /* カレンダーアイコン */
    left: 0.1em;
}
#inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog > label > span::before{
    background-image: url("./images/header/sp-head-icon_05.png"); /* 鉛筆アイコン */
}

/* navi 第2階層 ------------------------------ */
/* デフォルトは非表示 */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.5em;
    background-color: var(--main-bk-accsent-color);
}
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01:hover > .navi02 {
    display: block;/*ナビメニューにホバーしたら表示*/
}
/* --子メニューのスタイル */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li{
    padding: 1em;
    text-align: left;
    font-size: 0.9em;
    position: relative;
    letter-spacing: 0;
}
/* --子メニューの下線 */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li:not(:last-child){
    border-bottom: solid 1px #ccc;
}
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li a{
    color:#fff;
    display: block;
}
/* --子メニュー横の>マーク */
#inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    z-index: 1;
}


.grid:after {
    content: '';
    clear: both;
    display: block;
}

@media only screen and (min-width: 769px){
    /* 404ページ：PC版のサイドバーを左に */
    .error404 #inner-content {
        display: flex;
        flex-direction: row-reverse;
    }

    #inner-header #global-header .head-top {
        width: 60%;
        position: absolute;
        right: 0;
        z-index: 9;
    }
    #inner-header #global-header .head-top-inner {
        display: flex;
        flex-direction: row-reverse;
        width: auto;
    }

    #inner-header #global-header .head-top .head-top-nav{
        float: none;
        width: auto;
    }
    #inner-header #global-header .head-top .head-top-nav ul{
        display: flex;
        flex-direction: row-reverse;/* 逆の順で表示*/
        margin: 0.5em;
    }
    #inner-header #global-header .head-top .head-top-nav ul li{
        padding: 0 0.5em;
        font-size: 0.9em;
        /* font-weight: bold; */
    }
    #inner-header #global-header .head-top .head-top-nav ul li:first-of-type::before{
        content: "|";
        color: var(--main-accent-color);
        margin-right: 1em;
    }
    #inner-header #global-header .head-top .head-top-nav ul li a{
        color: var(--main-accent-color);
        letter-spacing: -0.5px;
    }
    #inner-header #global-header .head-top .head-top-nav ul li a:hover{
        text-decoration: none;
    }

    #inner-header #global-header .head-main{
        display: flex;
        justify-content: space-between;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
    }
    #inner-header #global-header .head-main .logo-box{
        height: auto;
        width: 35%;
        padding: 1.5em 0 0 0.7em;
    }
    #inner-header #global-header .head-main .logo-box .global-nav-tel{
        display: none;
    }

    #inner-header #global-header .head-main .global-nav{
        width: 55%;
        margin: 3em 0.5em 0 1em;
        border-top:0;
    }
    #inner-header #global-header .head-main .global-nav-link{
        margin: 3em 0 0;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li + li{
        border-left: 0;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li + li::before {
        content:'・';
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01{
        border-bottom:0;
        padding-top: 0;
        font-weight: bold;
        position: relative;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-point,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-system,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog{
        width: 20%;
        height: 2.5em;
        vertical-align: middle;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello > label > span::before,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-point > label > span::before,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-system > label > span::before,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan > label > span::before,
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog > label > span::before
    {
        display: none;/* SP用画像 非表示 */
    }

    /* --第2階層メニュー上の「▲」*/
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01:hover::after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom: 10px solid var(--main-accent-color);
        top: 1.4em;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }
    /* --第2階層表示エリアを確保 */
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01:hover > .navi02{
        display: block;/*navi 第1階層メニューにhoverしたら表示*/

        width: 630px;
        min-height: 175px;/* 画像の高さを確保 */
        background-color: #fff;
        border: 2px solid var(--main-accent-color);
        top:2.5em;
        padding: 1.3em 1em 1.3em 175px;
    }
    /* --第2階層表示エリアの位置調整*/
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello > .navi02{
        left: -7em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-point > .navi02{
        left: -11em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-system > .navi02{
        left: -15em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan > .navi02{
        left: -19em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog > .navi02{
        left: -23em;
    }
    /* --第2階層メニュー前イメージ */
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02::before{
        content: '';
        display: inline-block;
        position: absolute;
        left: 0.8em;
        top: 0.8em;
        width: 145px;
        height: 145px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello > .navi02::before{
        background-image: url("./images/header/p1.jpg"); /* イメージ */
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-point > .navi02::before{
        background-image: url("./images/header/p2.jpg"); /* イメージ */
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-system > .navi02::before{
        background-image: url("./images/header/p3.jpg"); /* イメージ */
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan > .navi02::before{
        background-image: url("./images/header/p5.jpg"); /* イメージ */
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog > .navi02::before{
        background-image: url("./images/header/p4.jpg"); /* イメージ */
    }

    /* --第2階層メニュー本体 */
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 ul{
        display: flex;/* 2列で表示 */
        flex-wrap: wrap;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul li{
        width: 50%;
        padding: 0 0 1em 1em;
        font-size: 0.8em;
    }
    /* --第2階層メニュー 最後の2つの要素にて下paddingをつけない */
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul li:nth-last-of-type(-n+2){
        padding-bottom: 0;
    }
    /* --第2階層メニュー線なし*/
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li:not(:last-child){
        border: none;
    }
    /* --第2階層メニュー文字色指定：黒*/
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li a{
        color:#000;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li a:hover{
        color:var(--main-accent-color);
        text-decoration: none;
    }
    /* --第2階層メニューは「>」を前に配置 */
    #inner-header #global-header .head-main .global-nav nav > ul > li.navi01 > .navi02 > ul > li a:after {
        right: auto;
        left: -2px;
        top:25%;
        border-top:1px solid var(--main-accent-color);
        border-right: 1px solid var(--main-accent-color);
    }

    #inner-header #global-header .head-main .global-nav-link  ul{
        display: flex;
        margin: 0;
    }
    #inner-header #global-header .head-main .global-nav-link  ul li{
        background-color: var(--main-accent-color);
        white-space: nowrap;
        padding: 0.2em 0.5em;
    }
    #inner-header #global-header .head-main .global-nav-link  ul li a{
        color: #fff;
        font-size: 0.9em;
        font-weight: bold;
    }
    #inner-header #global-header .head-main .global-nav-link  ul li:nth-child(1) {
        border-right: 2px solid #fff;
        border-radius: 6px 0 0 6px;
    }
    #inner-header #global-header .head-main .global-nav-link ul li:nth-child(2) {
        border-radius: 0 6px 6px 0;
    }
    
}

@media only screen and (min-width: 900px){
    /* --第2階層表示エリアの位置調整*/
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-hello > .navi02{
        left: -7em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-point > .navi02{
        left: -12em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-system > .navi02{
        left: -17em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-plan > .navi02{
        left: -22em;
    }
    #inner-header #global-header .head-main .global-nav nav > ul > li#navi-blog > .navi02{
        left: -27em;
    }
}

/* header end ---------------------------------- */

/* バナーエリア start ---------------------------------- */
.bunners {
    text-align: center;
    margin: 3em 0;
    padding: 0.5em 0;
    background-color: #fff;
    position: relative;
}
.bunners .bunner-area {
    margin: 0.5em;
}
.bunners .bunner-area .bunner-text {
    width: 85%;
    font-size: 0.8em;
    line-height: 1.3;
    margin: 1em auto;
}
.bunners .bunner-area .bunner-text a{
    text-decoration: underline;
    color: var(--main-accent-color);
    display: block;
}

.bunners .bunner-area .bunner-text .t-accent {
    letter-spacing: 0.8em;
}

@media only screen and (min-width: 769px){
    .bunners .bunner-area{
        width: 95%;
    }
}
/* バナーエリア end   ---------------------------------- */

/* バナーエリア 2 start ------------------------------- */
.banners02 {
    padding: 0 1em;
}
.banners02 p {
    text-align: center;
}
/* バナーエリア 2 end   ------------------------------- */

/* location list start ------------------------------- */
.archive_list .location-banner{
    text-align: center;
}
.archive_list .location-banner h3{
    margin: 0.5em 0;
}
.archive_list h4{
    margin: 1em 0 0;
}
.archive_list h4 em{
    color:var(--main-accent-color);
}
.archive_list .location-text{
    line-height: 1.3;
    font-size: 0.9em;
}
.archive_list ul{
    margin: 0.5em 0 0;
}
.archive_list ul.location-list-train li > p{
    font-weight: bold;
    margin: 1em 0 0;
}
.archive_list ul.location-list-train li > p::before{
    content:'・';
}
.archive_list ul.location-list-train li ul.location-list-station{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 1em;
}
.archive_list ul.location-list-train li ul.location-list-station li:not(:last-of-type):after{
    content:'、';
}
.archive_list ul.location-list-train li ul.location-list-station li a{
    text-decoration: underline;
    white-space:nowrap;
}
/* location list end --------------------------------- */

/* フッターボタン start -------------------------------- */
.footer-btn{
    text-align: center;
    margin: 1em 0;
    font-size: 0.8em;
}
.footer-btn .reg1,
.footer-btn .reg2{
    padding: 0.3em 1.3em;
    border-radius: 3px;
    box-shadow: rgba(95,95,95,1) 0 1px 0;
    /* font-family: Helvetica, Arial, Sans-Serif; */
}
.footer-btn .reg1 {
    border-top: 1px solid #e05492;
    /* background: -webkit-linear-gradient(top, #ee75ab, #ee75ab); */
    background: linear-gradient(to top, #ee75ab, #ee75ab);
}
.footer-btn .reg2 {
    border-top: 1px solid #61a121;
    /* background: -webkit-linear-gradient(top, #98c765, #83b552); */
    background: linear-gradient(to top, #98c765, #83b552);
}
.footer-btn .reg1 a,
.footer-btn .reg2 a {
    text-decoration: none;
    color: #fff;
}
.footer-btn .reg1:hover {
    border-top-color: #ed91ba;
    background: #ed91ba;
}
.footer-btn .reg2:hover {
    border-top-color: #88c942;
    background: #88c942;
}

/* フッターボタン end ---------------------------------- */

/* フッター start ------------------------------------- */
/* footer(PC/モバイルともに全体で共通使用) start */
footer.main-footer {
    background-color: #131313;
    padding-bottom: 3em;
}
/* バナー集：モバイル用(pc/spで表示切り替え) */
footer.main-footer .foot-bnr-links-sp {
    background-color: #ab4f77;
    padding: 1.3em 1em 2em;
}
footer.main-footer .foot-bnr-links-sp ul.large-bnr,
footer.main-footer .foot-bnr-links-sp ul.small-bnr{
    margin: 0;
}
footer.main-footer .foot-bnr-links-sp ul.small-bnr{
    display: table;
    width: 100%;
    margin-top: 0.7em;
}
footer.main-footer .foot-bnr-links-sp ul.large-bnr li{
    margin-top: 0.7em;
}
footer.main-footer .foot-bnr-links-sp ul.large-bnr li a,
footer.main-footer .foot-bnr-links-sp ul.small-bnr li a{
    display: block;
}
footer.main-footer .foot-bnr-links-sp ul.large-bnr li a img.img-check,
footer.main-footer .foot-bnr-links-sp ul.small-bnr li a img.img-check{
    width: 100%;/*レスポンシブにしたときに少しimg widthが足りないサイズがあるので*/
}
footer.main-footer .foot-bnr-links-sp ul.small-bnr li{
    display: table-cell;
}
footer.main-footer .foot-bnr-links-sp ul.small-bnr li:nth-child(1) {
    padding-right: 0.7em;
}

/* メニュー：共通 */
footer.main-footer .footer-menu-main {
    padding: 1em 0;
}
footer.main-footer .footer-menu-main ul#menu-foot2 {
    margin-top: 0;
}
footer.main-footer .footer-menu-main .site-info-nav {
    padding: 1.5em 0 1.5em 1em;
    padding: 0 0 0 1em;
}
footer.main-footer .footer-menu-main .site-info-nav li {
    line-height: 1.5;
}

footer.main-footer .footer-menu-main .site-info-nav li a {
    color:#7d7d7d;
    font-size: 0.8em;
}
footer.main-footer .footer-menu-main .site-info-nav li a:hover {
    color: #e26aa0;
}
footer.main-footer .footer-menu-main .site-info-nav li font {
    line-height: 1.2;
    padding: 1em 0 0.3em;
    display: inline-block;
    color:#fff;
    font-size: 1.4em;
}

/* -- メンバー向けリンク */
footer.main-footer .footer-menu-main .site-info-nav .members-box {
    background-color: rgba(115,115,115,0.25);
    border-radius: 6px;
    padding: 1.3em;
    margin: 1em 1em 1em 0;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-ttl h2 {
    color: #fff;
    font-size: 1.3em;
    margin: 0;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul {
    margin-top: 4px;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul li + li {
    margin-top: 14px;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul li a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0.7em 0.5em 0.7em 4em;
    border-radius: 6px;
    border: 1px solid #a7a7a7;
    font-size: 0.9em;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul li a:hover {
    color: #131313;
    border: 1px solid #e26aa0;
    background-color: #e26aa0;
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul li a i {
    color: #999;
    font-size: 2em;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
footer.main-footer .footer-menu-main .site-info-nav .members-box .members-link ul li a:hover i {
    color: #131313;
}

/* --求人リンク */
footer.main-footer .footer-menu-main .site-info-nav .recruitment-link {
    background-color: rgba(115,115,115,0.25);
    border-radius: 6px;
    padding: 1.3em;
    margin: 2em 1em 1em 0;
}
footer.main-footer .footer-menu-main .site-info-nav .recruitment-link .recruitment-ttl h2 {
    color: #fff;
    font-size: 1.3em;
    margin: 0;
}
footer.main-footer .footer-menu-main .site-info-nav .recruitment-link .recruitment-ttl h2 span {
    color: #e26aa0;
    font-size: 2em;
}

/* コピーライト：共通 */
footer.main-footer .site-info{
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    padding: 0.5em 0 1em;
    border-top: 1px solid #303030;
}

/* 4色のテーブルメニュー(画面下部に常時表示)
 * モバイルサイズでのみ表示
 */
#display-footer2 {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
    width: 100%;

    /* 以下2つは iphone用指定？ */
    padding-bottom: env(safe-area-inset-bottom);
    background-color: rgba(255,255,255,0.95);
}
#display-footer2 ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
}
#display-footer2 ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 6px 4px 8px;
    line-height: 1.1;
    text-align: center;
}
#display-footer2 ul li:nth-child(1) {
    background-color: #ea8b35;
}
#display-footer2 ul li:nth-child(2) {
    background-color: #86c508;
}
#display-footer2 ul li:nth-child(3) {
    background-color: #e4b637;
}
#display-footer2 ul li:nth-child(4) {
    background-color: #be1377;
}
#display-footer2 ul li a {
    color: #fff;
    font-weight: normal;
    font-size: 0.7em;
}


/* フッターメニュー */
@media only screen and (min-width: 769px){
    footer.main-footer {
        padding-bottom: 0;
        position: relative;
    }
    /* バナー集：PC用 現在TOP画面でのみ表示 */
    footer.main-footer .foot-bnr-area {
        position: absolute;
        top: -11em;
        left: 0;
        right: 0;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc {
        background-color: rgba(0,0,0,0.25);
        padding: 1.5em 1em 3em;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc div{
        display: flex;
        justify-content: center;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc div ul{
        margin: 0;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc div ul:not(:last-of-type){
        padding-right: 0.5em;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc div ul li + li {
        margin-top: 10px;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc div ul .large-bnr {
        width: 340px;
    }
    footer.main-footer .foot-bnr-area .foot-bnr-links-pc::after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }

    /* メニュー：共通 */
    footer.main-footer .footer-menu-main {
        display: flex;
        padding: 1.5em 2em;
        font-size: 0.7em;
        max-width: 1180px;
        margin: 0 auto;
    }
    footer.main-footer .footer-menu-main .site-info-nav {
        padding: 0.5em 1.5em 0.5em 0;
    }
    footer.main-footer .footer-menu-main .site-info-nav {
        width: calc((100% - 255px) / 3 );
    }
    footer.main-footer .footer-menu-main .site-info-nav:nth-of-type(4) {
        width: 255px;
        padding: 0.5em 0;
    }
    footer.main-footer .footer-menu-main .site-info-nav ul{
        margin-top: 0;
    }
    footer.main-footer .footer-menu-main .site-info-nav li{
        line-height: 1.5;
    }
    footer.main-footer .footer-menu-main .site-info-nav li font {
        line-height: 1.2;
        padding: 1em 0 0.3em;
        display: inline-block;
    }
    footer.main-footer .footer-menu-main .site-info-nav li:first-of-type font{
        padding: 0 0 0.3em;
    }
    footer.main-footer .footer-menu-main .site-info-nav li a{
        color:#fff;
        text-decoration: none;
    }
    footer.main-footer .footer-menu-main .site-info-nav .members-box{
        margin: 0 0 1em 1em;
    }
    footer.main-footer .footer-menu-main .site-info-nav .recruitment-link {
        margin: 2em 0 1em 1em;
    }

}
/* フッター end --------------------------------------- */

/* 「トップへ戻る」ボタン start ------------------------- */
.totop{
    border-radius:0;
}
.totop i{
    line-height: 35px;
}
#display-footer3 ~ footer.main-footer{
    padding-bottom: 3em;
}
/* 「トップへ戻る」ボタン end --------------------------- */

/* リスト系エリア start -------------------------------- */
.archive_list {
    margin: 1em auto;
    padding: 1em;

    background-color: var(--gray-color);
    color: #4F4F4F;

    font-size: 0.9em;
    line-height: 1.5;
}
/* リスト系エリア end ---------------------------------- */

/* 記事リスト start ----------------------------------- */
.archive_list_area{
    /* text-align: center; */
    margin: 3.5em auto;
    padding: 0.5em 0;
    background-color: #fff;
    position: relative;
}
.archive_list_area .archive_list_title{
    background-color: var(--gray-color);
    color: var(--main-bk-accsent-color);
    padding: 0.5em;
    font-size: 1em;
    margin: 0.5em 1em 0;
}
.archive_list_area  .archive_list{
    margin:1em;
}
.archive_list_area .archive_list .archive_link img{
    margin: 0 1em;
}
.archive_list_area .archive_list .archive_page_link{
    text-align: right;
}
/* 記事リスト end ------------------------------------- */