@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap {
    background: #FBF3E8;
    padding: 30px 0;
}

div#f_navi_wrap ul:not(.sub-menu) > li:nth-child(4) ul.sub-menu {
    column-count:2;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある漢方相談の子ナビを非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-kampo-sodan-child .child_navi_wrap {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_frame .logo {
    width: 273px;
    margin-top: 14px;
}

#header_frame .description_wrap {
    background-color: #ef9292;
}

#header_frame .description {
    padding: 5px 0px;
}

#header_frame .description a {
    color: #fff;
    font-size: 13px;
}

#header_frame td {
}

#header_frame td:first-child {
    /* border-right: 1px solid #ef9292; */
    padding-right: 20px;
}

#header_frame td:nth-child(2) {
    padding: 0 20px;
    position:relative;
}
#header_frame td:nth-child(2):before{
    content:"";
    display:block;
    width:1px;
    height: 46px;
    background:#ef9292;
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-23px
}

#header_frame td:nth-child(3) {
    padding-right: 10px;
}

#header_frame td:nth-child(4) {
}

#header_frame ul.items {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    color: #672424;
}

#header_frame ul.items li.event:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url(https://riepyon.net/wordpress/wp-content/themes/cyber-child/images/svg/mic01.svg) no-repeat 50% / contain;
    padding: 0 10px;
    vertical-align: -6px;
}

#header_frame ul.items li.blog:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(https://riepyon.net/wordpress/wp-content/themes/cyber-child/images/svg/pen01.svg) no-repeat 50% / contain;
    padding: 0 5px 0px 10px;
    vertical-align: -3px;
}

#header_frame p.memo {
    font-size: 13px;
    color: #fff;
    background-color: #f2ab1f;
    border-radius: 3px;
    line-height: 1;
    display: inline-block;
    padding: 5px 14px;
}

#header_frame p.tel {
    font-size: 29px;
    color: #672424;
}

#header_frame p.tel:before {
    font-family: "fontello";
    content: '\e821';
    font-size: 0.9em;
    top: calc(50% - .55em);
    line-height: 1;
    font-weight: normal;
    color: #da7272;
    padding-right: 5px;
}

#header_frame .open {
    font-size: 13px;
    color: #672424;
}

#header_frame .reserve {
    text-align: center;
}

#header_frame .reserve a {
    background-color: #f2ab1f;
    border-radius: 7px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 11px 10px;
}

#header_frame .reserve a:before {
    display: block;
    font-family: "fontello";
    content: '\e820';
    font-size: 1.5em;
    top: calc(50% - .55em);
    line-height: 1;
    color: #fff;
    padding-bottom: 7px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main {
    background: #ffe5e5;
}

/* 親メニューのみ */
#h_navi_main ul > li:first-child {
    min-width: 0px;
}

#h_navi_main ul > li {
    padding: 10px 10px;
}

#h_navi_main ul > li:after, #h_navi_main ul > li:first-child:before {
    content: "";
    background: #f5b6b6;
    width: 1px;
    height: 36px;
    position: absolute;
    top: calc(50% - 18px);
}

#h_navi_main ul > li:after {
    right: 0;
}

#h_navi_main ul > li:first-child:before {
    left: 0;
}

#h_navi_main ul > li > a {
    padding: 10px 5px;
    color: #a04747;
    border-radius: 13px;
}

/* 親メニューのみ(アクティブ状態)（display:table-cellを使用するためAではなくLIに変化をつける） */
#h_navi_main ul > li[class*='current'], #h_navi_main ul > li:hover {
    background: #ffe5e5;
}

#h_navi_main ul > li[class*='current'] > a, #h_navi_main ul > li:hover > a {
    color: #a04747;
    background: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    background: url(https://riepyon.net/wordpress/wp-content/themes/cyber-child/images/promo01.jpg?date=20201106) no-repeat center center;
    min-height: 464px;
}

#promo_frame img {
    display: none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    height: 230px;
    border-bottom: 1px solid #d4c2ad;
}

.page_promo .sub_ttl {
    color: #fff;
    background-color: #df4e4e;
    display: inline-block;
    border-radius: 10px;
    font-size: 18px;
    padding: 10px 25px;
    margin-bottom: 15px;
    line-height: 1;
    font-weight: normal;
    min-width: 220px;
}

.page_promo .slug {
    display: none;
}

.page_promo .ttl {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 32px;
    color: #662525;
    font-weight: normal;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.child_navi li ul.children {
    display: none;
}

.child_navi_wrap {
    margin: 25px 0 -20px;
}

ul.child_navi {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul.child_navi a {
    font-size: 18px;
    color: #df4e4e;
    padding: 10px 15px 10px 40px;
    background: #fff;
    position: relative;
    margin-bottom: 5px;
}

ul.child_navi a:before {
    font-family: "fontello";
    content: '\e818';
    font-size: 1em;
    position: absolute;
    top: calc(50% - 0.55em);
    line-height: 1;
    color: #df4e4e;
    left: 15px;
}

ul.child_navi a:hover, ul.child_navi li[class*="current"] a {
    background: #f1f1d2;
    border-radius: 8px;
    text-decoration: none;
}

ul.child_navi li:not(:last-child):after {
    content: "／";
    font-size: 18px;
    color: #df4e4e;
    margin: 0 5px;
}