@charset "utf-8";
@import url("ec.css?date=20200512");


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会員の場合はコンタクトエリアを非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.logged-in #contact_area > *{
    display:none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LINEメッセージ　スニペット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

dl.line_msg {
    display: flex;
}
dl.line_msg dt{
    width: 20%;
    margin-right: 15px;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-left: 45px;
    padding-top: 7px;
    line-height: 1.4;
}
dl.line_msg dd{
    background:#f1ffec;
    padding:20px 30px;
    border-radius:15px;
    border:1px solid #b0e69e;
	margin-bottom: 1.5em;
	width: calc(80% - 15px);
}
dl.line_msg dt:before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/line_icon.png);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ショップメニューを一般には非表示（フッター、スマホナビ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
li.member_only {
    display: none;
}
.logged-in li.member_only {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「会員限定コンテンツ」＞不要な要素を非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-member_post .article_meta_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　画像がない場合の汎用スタイル（一覧ページ／ショートコード／関連記事…などで共有）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.noimage {
    background: url(images/noimage.png) no-repeat 50% / auto 50% #e0f2da;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像　＞　非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    background: #e0f2da;
}
.page_promo img {
    display: none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.align_c {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会員用ページ　＞　ログアウト等のボタンエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#logged_in_btns {
    margin-top: 3em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
固定ページ「会員専用ページ」　＞　会員用ログインフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#member_login_form .fail {
    background: #f7dadf;
    border: 1px solid red;
    margin: 1em 0;
    padding: 15px;
    color: red;
}

div#member_login_form {
    max-width: 900px;
    margin: 0 auto;
}

div#member_login_form .inner {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
}

div#member_login_form .lead {
    margin-bottom: 1em;
}

div#member_login_form label[for="user_pass"], div#member_login_form label[for="user_login"] {
    min-width: 260px;
}

div#member_login_form [type=text], div#member_login_form [type=password] {
    margin-left: 1em;
}

div#member_login_form [type=text] {
    width: 350px;
}

div#member_login_form [type=password] {
    width: 150px;
}

div#member_login_form input[type="submit"] {
    margin: 20px auto 0;
    padding: 7px 20px;
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    background: #37C65C;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #3d8025;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #3d8025;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #3d8025;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「コンタクトフォーム」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.wpcf7 .ajax-loader {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

h2[class*="h2b"]:before {
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/svg/logo_icon.svg?ver=2024-10-24) no-repeat 50% 50% / contain;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    font-weight: bold;
    border-radius: 5px;
    background-color: #66cccc;
}

body.home a.basic_btn01 {
    padding: 20px 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border-color: #bfd0b9;
}

.basic_table01 th {
    background-color: #e8f6e3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #e8f6e3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス・タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.cmn_mail a:before {
    content: '\f003';
    font-family: icomoon;
    font-weight: normal;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション「ゆらゆら」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes yurayura {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-3px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri"] {
    padding: 70px 0;
}

[class*="s_section_kugiri"] {
    padding: 50px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ツイートエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用投稿　＞　新着情報（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_post_list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.cmn_post_list li:not(:last-child) {
    margin-bottom: 20px;
}

ul.cmn_post_list li > *:not(:last-child) {
    margin-right: 10px;
}

ul.cmn_post_list .ttl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}

ul.cmn_post_list .ttl a {
    color: inherit;
    text-decoration: none;
}

ul.cmn_post_list .date {
    width: auto;
}

ul.cmn_post_list .cat {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    min-width: 115px;
    border-radius: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿　＞　セミナー・研修会
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---トップページ---*/
ul.cmn_seminar_list li {
    position: relative;
    padding-left: 45px;
}

ul.cmn_seminar_list li:not(:last-child) {
    border-bottom: 1px solid #fb8596;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

ul.cmn_seminar_list li:before {
    content: '';
    width: 27px;
    height: 27px;
    display: block;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/svg/note.svg) no-repeat 50% 50% / contain;
    position: absolute;
    top: 0px;
    left: 0px;
}

ul.cmn_seminar_list p.ttl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 7px;
}

ul.cmn_seminar_list span.fin {
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    background-color: #fb8596;
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 3px;
    margin-right: .5em;
}

ul.cmn_seminar_list p.ttl a {
    font-weight: bold;
    color: inherit;
}

ul.cmn_seminar_list p.ttl a:hover {
    text-decoration: underline;
}

ul.cmn_seminar_list p.meta {
    font-size: 16px;
}

ul.cmn_seminar_list p.meta > * {
    display: inline-block;
}

ul.cmn_seminar_list .date {
    margin-right: 1em;
}

/*---一覧ページ---*/
.post_archive .article_date_area_seminar {
    color: #000;
    line-height: 1.4;
}

.post_archive .article_date_area_seminar .fin {
    font-size: 17px;
    font-weight: bold;
    color: #fb8596;
    margin-bottom: 5px;
}

body[class*="seminar"] ul.post_archive li .ttl a {
    font-weight: bold;
    color: #54873e;
}

.post_archive .seminar_post .meta > .date {
    display: none;
}

/*---詳細ページ---*/
body.single .article_date_area_seminar {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px 0 20px;
    font-weight: bold;
}

body.single .article_date_area_seminar .fin {
    background-color: #fb8596;
    color: #fff;
    display: table;
    padding: 3px 20px;
    margin-bottom: 10px;
}

#main_area .article_date_area.seminar_post {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用カスタム　＞　会員様の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼一時公開までにGoogleレビューが間に合わない為、サイドバーを非表示---*/
body[class*="voice"] div#sub_area {
    display: none;
}

/*---▼サイドバーを表示後は、下記記述削除---*/
body[class*="voice"] #main_area {
    float: none;
    margin: 0 auto;
}

ul.cmn_voice_list {
    justify-content: space-between;
}

ul.cmn_voice_list li {
    background-color: #fff;
    border: 2px solid #fec8d0;
    border-radius: 5px;
    padding: 40px;
}

body.post-type-archive-voice ul.cmn_voice_list li:not(:last-child) {
    margin-bottom: 30px;
}

ul.cmn_voice_list p.ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

ul.cmn_voice_list p.ttl a {
    color: inherit;
    text-decoration: none;
}

ul.cmn_voice_list .name {
    line-height: 1.4;
    margin-bottom: 10px;
}

ul.cmn_voice_list .more {
    color: #84c46b;
}

/*---アイキャッチ有り---*/
ul.cmn_voice_list .inner .area_a {
    width: 120px;
    text-align: center;
}

ul.cmn_voice_list .inner .area_a p.img {
    width: 120px;
    height: 120px;
    margin-bottom: 8px;
}

ul.cmn_voice_list .inner .area_b {
    width: calc(100% - 120px);
    padding-left: 20px;
}

/*---詳細ページのみ---*/
body.single-voice #main_area .article_title.plain_type h1 {
    font-size: 24px;
}

body.single-voice .article_date_area .img {
    width: 250px;
    margin: 0 auto 15px;
}

body.single-voice .article_date_area .name:not(.txt_r) {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼非表示へ変更（2020-01-14ty）---*/
/*
div#promo_frame {
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/promo01.jpg) no-repeat 50% 50% / cover;
    height: calc(100vh - 67px - 70px);
	height: calc((var(--my_vh) * 100) - 67px - 70px);
    max-height: calc(59vw - 67px - 70px);
    min-height: 509px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div#promo_frame .txt_wrap{
    width: 45%;
    max-width: 731px;
}

div#promo_frame .txt_wrap p.txt_a {
    width: 83%;
    margin: 0 auto 30px;
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_info .pc_base_width {
    position: relative;
}

/*---▼以下プロモ内へ移動後、非表示へ変更（2020-01-14ty）---*/
/*
div#home_info p.entry {
    position: absolute;
    top: -325px;
    right: calc(50% - 670px);
    width: 270px;
    text-align: left;
}

div#home_info p.entry:hover {
	opacity: 1;	
}

div#home_info p.entry:hover {
    animation: yurayura .4s -1s ease-in-out infinite alternate;
}

div#home_info p.entry img {
    width: auto;
    height: 27vh;
    max-height: 231px;
}

div#home_info p.entry a:hover img{
    opacity: 1;
}
*/
div#home_info .dl_wrap {
    justify-content: space-between;
}

div#home_info .dl_wrap dl.box {
    border: 3px solid;
    border-radius: 10px;
    padding: 30px;
    position: relative;
}

div#home_info .dl_wrap dl.box.news {
    width: 660px;
    border-color: #fb8596;
}

div#home_info .dl_wrap dl.box.seminar {
    width: 510px;
    border-color: #71b25b;
}

div#home_info .dl_wrap dt {
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid;
    padding: 0 100px 20px 0;
    margin-bottom: 25px;
}

div#home_info .dl_wrap .news dt {
    color: #fb8596;
}

div#home_info .dl_wrap .seminar dt {
    color: #71b25b;
}

div#home_info .dl_wrap p.btn {
    position: absolute;
    top: 30px;
    right: 30px;
}

div#home_info .dl_wrap p.btn a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: block;
    border-radius: 5px;
    width: 100px;
    padding: 3px;
}

div#home_info .dl_wrap .news p.btn a {
    background-color: #fb8596;
}

div#home_info .dl_wrap .seminar p.btn a {
    background-color: #3d8025;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_about
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_about {
    background-color: #e0f2d9;
    position: relative;
    z-index: 0;
    min-height: 1000px;
}

/*---▼上部の波のみ非表示へ変更（2020-01-14ty）---*/
/* div#home_about.lazyloaded:before, */
div#home_about.lazyloaded:after {
    content: '';
    width: 100%;
    height: 14px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/about_bg_nami.png) no-repeat 50% 100% / cover;
    position: absolute;
    left: 0px;
}

/*---修正（2020-01-14ty）---*/
/*
div#home_about.lazyloaded:before {
    bottom: calc(100% - 1px);
}
*/
div#home_about.lazyloaded:after {
    top: calc(100% - 1px);
    transform: scale(1, -1);
}

div#home_about.lazyloaded .pc_base_width:before, div#home_about.lazyloaded .pc_base_width:after {
    content: none;
    width: 889px;
    height: 891px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/about_bg.jpg) no-repeat 50% 50% / contain;
    position: absolute;
    top: 0px;
    z-index: -1;
}

div#home_about.lazyloaded .pc_base_width:before {
    left: calc(50% - 1030px);
}

div#home_about.lazyloaded .pc_base_width:after {
    right: calc(50% - 1030px);
    transform: scale(-1, 1);
}

div#home_about p.main_lead {
    /* font-size: 48px; */
    font-size: 68px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-bottom: 45px;
    line-height: 1.4;
}

div#home_about .setsumei_box {
    color: #472727;
    padding: 70px 90px;
    margin-bottom: 35px;
}

div#home_about.lazyloaded .setsumei_box {
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/setsumei_bg.jpg) no-repeat 100% -42px / auto #fff;
    overflow: hidden;
}

div#home_about .setsumei_box ol.items {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

div#home_about.lazyloaded .setsumei_box ol.items:after {
    content: '';
    display: block;
    width: 292px;
    height: 228px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/about_shohin_img.jpg?date=20200318) no-repeat 50% 50% / contain;
    position: absolute;
    top: 0px;
    right: -125px;
    z-index: -1;
}

div#home_about .setsumei_box ol.items li {
    padding: 5px 0 25px 100px;
    position: relative;
}

div#home_about .setsumei_box ol.items li .ttl{
    font-size:24px;
    margin-bottom:10px;
    color:#3d8025;
}

div#home_about .setsumei_box ol.items li:not(:last-child) {
    margin-bottom: 25px;
}

div#home_about .setsumei_box ol.items li:before {
    content: '特徴'counters(ol_cnt, "");
    font-size: 24px;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 84px;
    background-color: #3d8025;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}


div#home_about.lazyloaded .setsumei_box ol.items li:not(:last-child):after {
    content: '';
    width: 100%;
    height: 5px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/about_border.png) no-repeat 50% 50% / contain;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

div#home_about .setsumei_box span.border {
    background: linear-gradient(transparent 50%, #ffc1af 50%);
}

div#home_about .txt_box {
    text-align: center;
    background-color: #f9e0e0;
    padding: 27px;
}

div#home_about .txt_box p.lead {
    font-size: 30px;
    font-weight: bold;
}

div#home_about p.btn {
    text-align: center;
}

div#home_about p.btn a {
    font-size: 20px;
    padding: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_service
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_service.lazyloaded {
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/service_bg1.jpg) no-repeat 100% 0% / auto,url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/service_bg2.jpg) no-repeat 0% 100% / auto;
}

div#home_service p.main_lead {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #224b1d;
    line-height: 1.5;
    margin-bottom: 30px;
}

div#home_service .box_wrap {
    justify-content: space-between;
}


div#home_service .box {
    flex-direction: column;
    border: 7px solid;
    border-radius: 15px;
    position: relative;


}

div#home_service .box.big {
    width: 100%;
    padding: 60px 595px 50px 60px;
    margin-bottom: 30px;
}

div#home_service .box.mini {
    width: 580px;
    padding: 50px;
}

div#home_service .box.buy {
    border-color: #f7d18c;
}

div#home_service.lazyloaded .box {
    background: no-repeat #fff;
}

div#home_service .box.kenshu {
    border-color: #f8c9d1;
}

div#home_service .box.news {
    border-color: #b3e6f1;
}

div#home_service .box.flier {
    border-color: #e9d6f7;
}

div#home_service .box p.sub_txt {
    font-size: 18px;
    font-weight: bold;
    color: #541414;
}

div#home_service .box h2 {
    font-weight: bold;
    margin-bottom: 15px;
}

div#home_service .box.big h2 {
    font-size: 40px;
}

div#home_service .box.mini h2 {
    font-size: 30px;
}

div#home_service .box.buy h2 {
    color: #be863d;
}

div#home_service .box.kenshu h2 {
    color: #fb8596;
}

div#home_service .box.news h2 {
    color: #3eb3b3;
}

div#home_service .box.flier h2 {
    color: #a14c84;
}

div#home_service .box.big h2:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 200px);
    right: 70px;
    width: 467px;
    height: 400px;
    background: no-repeat 50% 50% / contain;
}

div#home_service.lazyloaded .box.buy h2:after {
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/buy_img.jpg);
}

div#home_service.lazyloaded .box.kenshu h2:after {
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/kenshu_img.jpg);
}

div#home_service .box.big p.main_txt {
    margin-bottom: 15px;
}

div#home_service.lazyloaded .box.mini p.main_txt:before {
    content: '';
    display: block;
    background: no-repeat 50% 50% / contain;
    float: right;
    margin: 0 0 10px 30px;
}

div#home_service.lazyloaded .box.news p.main_txt:before {
    width: 192px;
    height: 191px;
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/sample_news.jpg);
}

div#home_service.lazyloaded .box.flier p.main_txt:before {
    width: 175px;
    height: 170px;
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/kenkou_tusin.jpg);
}

div#home_service .box p.lead {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 1.6;
    position: relative;
}

div#home_service .box p.lead .border {
    border-right: 1px solid;
    margin-right: .5em;
    padding-right: .5em;
}

div#home_service .link_icon {
    font-size: 17px;
    position: absolute;
    top: 7px;
    right: 77px;
    padding-left: 20px;
}

div#home_service .link_icon:before {
    content: '\e91b';
    font-family: icomoon;
    font-size: .4em;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 9px);
    left: 0px;
    background-color: #fb8596;
}

div#home_service .link_icon a {
    color: inherit;
}

div#home_service .box.mini p.btn {
    text-align: center;
    /*---▼サンプル記事が公開後も未確定の為、一旦非表示---*/
    display: none;
}

div#home_service .box p.btn a {
    font-size: 18px;
}

div#home_service .box.buy p.btn a {
    background-color: #e1af61;
}

div#home_service .box.kenshu p.btn a {
    background-color: #fb8596;
}

div#home_service .box.news p.btn a {
    background-color: #44bcbc;
}

div#home_service .box.flier p.btn a {
    background-color: #ab538e;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_voice
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_voice {
    background-color: #fce6ea;
    position: relative;
}

div#home_voice.lazyloaded:before {

    content: '';
    display: block;
    width: 100%;
    height: 16px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/voice_nami_bg.png) no-repeat 50% 100% / cover;
    position: absolute;
    bottom: 100%;
    left: 0px;
    z-index: 1;
}

div#home_voice h2.cmn_ttl {
    color: #cd5568;
}

div#home_voice ul.cmn_voice_list {
    margin-bottom: 30px;
    position: relative;
}

div#home_voice ul.cmn_voice_list li {
    width: 580px;
}

div#home_voice.lazyloaded ul.cmn_voice_list:before {
    content: '';
    width: 180px;
    height: 99px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/yakkyoku.png) no-repeat 50% 50% / contain;
    position: absolute;
    bottom: 100%;
    right: 25px;
}

div#home_voice p.btn {
    text-align: center;
}

div#home_voice p.btn a {
    background-color: #fc8fa0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_bnr
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_bnr ul.items {
    justify-content: center;
    margin: 0 -15px;
}

div#home_bnr ul.items li {
    max-width: 375px;
    margin: 0 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area .inner_wrap {
    justify-content: space-between;
    align-items: center;
}

div#contact_area .inner_wrap > .area_a {
    width: 780px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

div#contact_area .inner_wrap p.main_ttl {
    font-size: 20px;
    font-weight: bold;
    background-color: #aed3a1;
    padding: 12px;
}

div#contact_area .inner_wrap .info_wrap {
    padding: 20px 55px;
}

div#contact_area .inner_wrap p.main_lead {
    font-size: 24px;
    font-weight: bold;
    color: #224b1d;
    line-height: 1.5;
    margin-bottom: 15px;
    padding: 0 50px 0 110px;
    position: relative;
}

div#contact_area .inner_wrap p.main_txt {
    font-weight: bold;
    color: #224b1d;
    line-height: 1.6;
	margin-bottom: 15px;
}

div#contact_area.lazyloaded .inner_wrap p.main_lead:before {
    content: '';
    width: 90px;
    height: 64px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/leaf.png) no-repeat 50% 50% / contain;
    position: absolute;
    top: -19px;
    left: 100px;
}

div#contact_area .inner_wrap .contact_wrap {
    justify-content: space-between;
    align-items: center;
    /*---電話アイコンの為の記述---*/
    padding-left: 45px;
}

div#contact_area p.tel a {
    font-size: 44px;
    font-weight: bold;
    color: #58b5c9!important;
    line-height: 1;
    position: relative;
}

div#contact_area p.tel {
    margin-bottom: 10px;
}

div#contact_area p.tel a:before {
    content: '\f095';
    font-family: icomoon;
    font-weight: normal;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 22px);
    left: -45px;
}

div#contact_area p.open {
    font-size: 16px;
    font-weight: bold;
}

div#contact_area p.cmn_mail a {
    font-weight: bold;
    color: #58b5c9;
    background-color: #fff;
    border: 2px solid #58b5c9;
    border-radius: 25px;
    padding: 13px 40px 13px 70px;
    display: block;
    min-width: 290px;
    position: relative;
}

div#contact_area p.cmn_mail a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #58b5c9;
}

div#contact_area p.cmn_mail a:before {
    font-size: 1.4em;
    position: absolute;
    top: calc(50% - .55em);
    left: 40px;
}

div#contact_area .inner_wrap > .area_b a {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 7px;
    line-height: 1.6;
    padding: 30px;
    min-width: 360px;
}

div#contact_area p.guide {
    margin-bottom: 15px;
}

div#contact_area p.guide a {
    background: no-repeat right bottom / auto #66cccc;
}

div#contact_area.lazyloaded p.guide a {
    background-image: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/contact_guide_img.png);
}

div#contact_area p.seminar a {
    background-color: #fb8596;
}

div#contact_area .inner_wrap > .area_b p.guide .border {
    background: linear-gradient(transparent 55%, #46adad 50%);
}

div#contact_area .inner_wrap > .area_b p.seminar .border {
    background: linear-gradient(transparent 55%, #e46376 50%);
}

div#contact_area .inner_wrap > .area_b p strong {
    font-size: 24px;
    display: block;
}

div#contact_area .inner_wrap > .area_b a:hover {
    text-decoration: none;
    opacity: .8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer {
    background-color: #e8f6e3;
    position: relative;
}

div#footer:before {
    content: '';
    display: block;
    width: 100%;
    height: 15px;
    background: url(https://otc-counselor.com/wordpress2/wp-content/themes/cyber-child/images/footer_bg_nami.png) no-repeat 50% 100% / cover;
    position: absolute;
    bottom: 100%;
    left: 0px;
    z-index: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
大規模修正（2024-08-28）re
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* TOP　＞　理由 */
.basic_box01.reason_head {
    background-color: #3d8025;
    padding: 15px;
}

/* マイアカウント　不要項目を非表示（子ナビ） */
ul.child_navi li:has(:is([href$="/guide/"],[href$="/my-account/"])){
    display:none;
}

/* マイアカウント　不要項目を非表示 */
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--edit-address {
    display: none;
}

/* マイアカウント　お気に入り */
body.page-my-account .tinv-header h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #3d8025;
}

.tinv-wishlist table thead {
    background-color: #eee;
    border: 1px solid #ddd;
}

tr.wishlist_item {
    border: 1px solid #ddd;
}

/* マイアカウント　メニュー順番変更 */
.woocommerce-MyAccount-navigation ul{
	display: flex;
    flex-direction: column;
}

.woocommerce-MyAccount-navigation-link--edit-account{
	order: 1;
}

.woocommerce-MyAccount-navigation-link--customer-logout{
	order: 2;
}

/* 支払いページ　＞　備考欄編集 */
.woocommerce p#order_comments_field .optional {
    display: none;
}

/* 支払いページ　＞　姓（店名） */
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%;
}

/* 支払いページ　＞　納品希望日 */
p#order_delivery_date_field::after {
    content: '※土日祝日は定休日のため、受注・発送作業は行いません。\A※金曜日14時以降のご注文は、最短で月曜日の発送になります。';
    font-size: 13px;
    white-space: pre-line;
	margin-top:10px;
}

/* 商品詳細ページ　「カート追加」「お気に入り」ボタン　 */
.woocommerce div.product form.cart div.quantity {
    float: initial;
    margin: 0 0 15px 0;
}

.woocommerce div.product form.cart .button {
    margin-left: 0;
    margin-right:10px;
}

.tinv-wraper.tinv-wishlist{
    float:left;
	margin-bottom: 20px;
}

.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button{
    padding: 2px 15px 3px;
    border-radius:3px;
    font-weight:bold;
    text-decoration:none;
    margin-top: 0;
    transition:.3s;
    border: 2px solid #3d8025;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-in-list.tinvwl-position-after{
    background-color:#3d8025;
    color:#fff;
}


.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button:hover{
       /*background-color:#5e9f47;*/
}

body.woocommerce .product_meta {
    clear: both;
}