@charset "utf-8";
@font-face {
    font-family: "Hirakaku";
    src: url('../font/HiraginoKakugoStdW7.woff?var=20230216') format('woff');
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト（2023-07-07）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:is(.page,.blog,.archive) .breadcrumbs {
	margin-bottom:15px;
}

.breadcrumbs,.breadcrumbs * {
    color: #aaa;
    font-size: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .side_menu li.current_page_item a {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 「人数」フィールドが不要のため非表示にする★★★「マーケティングトルネード」のみの記述 */
fieldset#booking-reservation-fieldset tr:nth-child(2),
fieldset#booking-confirm-fieldset tr:nth-child(2) {
    display: none;
}

/* 時間指定のフォームのみ表示され、日付指定フォームで表示されないH3が煩わしいため非表示にしてベタで書く */
.day-calendar>h3 {
    display: none;
}
/* 予約時間を指定するテーブル */
.day-calendar table {
    width: 100%;
}

.monthly-calendar th, .day-calendar th {
    min-width: auto;
}

.monthly-calendar, .day-calendar {
    font-family: inherit;
}

.calendar-mark {
    color: #aaa;
}

.calendar-mark a {
    text-decoration: none;
    color: #FFCC80!important;
    font-size: 22px!important;
}

.calendar-mark a:hover {
    color: #FB8C00!important;
}

.monthly-calendar .vacant {
    background: #fffcf6;
}

.monthly-calendar th, .monthly-calendar caption {
    font-size: 16px!important;
}

.monthly-calendar td {
    border: 1px solid #e2d6bd
}

.monthly-calendar th {
    font-weight: normal;
}

.day-calendar th, .day-calendar td, .day-calendar h3, .content-form th, .content-form td, .content-form legend, .content-form input, .content-form textarea {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問合せフォーム wpforms
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-pagebreak) {
    padding: 15px 10px!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
	display: flex!important;
    flex-direction: row-reverse!important;
    justify-content: flex-end!important;
    align-items: center!important;
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
	color: #fff!important;
    font-size: 1.3rem!important;
    border-radius: 5px!important;
    padding: 3px 8px!important;
    font-weight: normal!important;
    background: #d9534f!important;
    margin-right: 10px!important;
	min-width: 42px!important;
}

.wpforms-field input[type="text"],
.wpforms-field input[type="url"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field textarea{
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 4px !important;
}

/*.wpforms-field input.wpforms-field-required, 
div.wpforms-container-full .wpforms-form ul.wpforms-field-required,
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wpforms-field-required,
[class*="wpforms-field-required"] {
    background: #fdf2f2 !important;
}*/

div.wpforms-container-full .wpforms-form [class*="wpforms-field-required"] {
    background: #fdf2f2 !important;
}

.wpforms-field input.wpforms-valid{
    background: #f5f5f5 !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error.mailcheck-error {
	display: none!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-divider {
	padding-top: 50px!important;
	padding-left:0 !important;
	border-top: 1px solid #ccc !important;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
	text-align: center!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問合せフォーム wpforms　>　確認ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
[id*="wpforms-form"] em {
    display: none;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	text-align: center!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツエリアのフォント変更（先方要望）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body #contents_area {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ　＞　帯画像が無いため、見出しでサブタイトル表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area .article_title.plain_type h1 span.sub_ttl {
	display: block;
    font-size: .6em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メルマガ登録ページ（2024-05-28 kami）　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.e_zine {
    gap: 20px;
}

/* margin上書きのための記述 */
.editor_area ul.e_zine li {
	margin-top: 0;
	margin-bottom: 0;
}

ul.e_zine li {
    width: calc(33.3% - 14px);
    border: 2px solid #1d2a4a;
    border-radius: 4px;
	padding-bottom: 20px;
}

ul.e_zine li .point {
    background: #1d2a4a;
    color: #fff;
    font-weight: bold;
	line-height: 2.2em;
    font-size: 20px;
	margin-bottom: 8px;
	font-family: 'Noto Sans JP', sans-serif;
}

ul.e_zine li .point span.num {
    font-size: 1.6em;
}

ul.e_zine li img {
    width: 140px;
}

ul.e_zine li .ttl {
    font-size: 22px;
    font-weight: bold;
    color: #0a1a40;
    font-family: 'Noto Sans JP',sans-serif;
}

/* メルマガ廃止に伴う修正 2025-01-23 re */
ul.e_zine li.e_zine_li {
    width: calc(50% - 10px);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メルマガ登録　汎用パーツ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.common_mm {
    position: relative;
    padding-right: 100px;
}

.common_mm table {
    /* margin-bottom: 15px; */
    font-size: 12px;
}

.common_mm th {
    font-weight: bold;
}
body:not(.home) .common_mm th {
    background:#eee;
    text-align:center;
}
.common_mm td {
    padding-left:5px;
}
.common_mm input[type=text] {
    padding: 5px;
    margin-bottom: 0;
    background: #fff;
}
.common_mm tr:not(:last-child) input[type=text] {
    margin-bottom: 10px;
}
.common_mm [type=text], 
.common_mm select {
    border: 1px solid #cbdcdc;
    width: 100%;
}
.common_mm select {
    margin: 0;
}
.common_mm [type=submit] {
    background: #001e39;
    color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 3px;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「無料レッスン・メール講座ご案内」（トップページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_mm .box {
    background: #f2f2f2;
    padding: 15px 40px 20px;
}

div#home_mm .box .ttl {
    text-align: center;
}

div#home_mm .box .ttl .inner {
    font-size: 18px;
    color: #152c62;
    font-weight: bold;
    margin-bottom: 15px;
    font-family: "Noto Sans Japanese";
    border-bottom: 1px solid #001e39;
    display: inline-block;
    padding: 0 5px 3px;
}

div#home_mm .box .ttl .inner:before {
	font-family: 'icomoon';
    content: '\f003';
    margin-right: 7px;
    font-size: 1.1em;
    vertical-align: -2px;
    font-weight: normal;
}
div#home_mm .txt {
    margin-bottom: 10px;
}
div#home_mm a.btn_a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 10px 20px;
    color: #001e39;
    font-size: 15px;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    width: 100%;
    background:#a9cbea;
}

div#home_mm a.btn_a:hover {
    opacity: .8;
}
div#home_mm a.btn_a:before {
	font-family: 'icomoon';
	content: '\e92f';
    font-size:2em;
    margin-right: 10px;
    vertical-align:-5px;
    font-weight: normal;
}

div#home_mm a.btn_a:after {
	font-family: 'icomoon';
	content: '\e917';
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -.45em;
    line-height: 1;
    right: 3px;
}

div#home_mm .kaijo {
    text-align: center;
    margin-top: 5px;
}

div#home_mm .kaijo a {
    font-size: 13px;
    color: #006dd3;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話番号のフォントファミリーを指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .num,a[href*="tel:"]:not(.ja) {
    font-family: "my_mincho", serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
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, .cmn_kadomaru {
    color: #1d2a4a;
}

/* ボーダー色 */
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, .cmn_kadomaru {
    border-color: #1d2a4a;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after, #h_navi_main ul:not(.sub-menu) > li > a:after {
    background-color: #1d2a4a;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
※リニューアルに伴い、h2，h3、h4の3種類の見出しのみに変更（2024-05-28 kami）
従来の見出しスタイルも念の為残す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2]スタイル */
h2.h2 {
	font-weight: bold;
	background-color: #1d2a4a;
	padding: 13px 20px;
    border-left: 10px solid #cad1e2;
	color: #fff;
	border-bottom: none;
}

/* [.h2a]のスタイル */
h2[class*="h2a"] {
	font-weight: bold;
    color: #1d2a4a;
    border: none;
    background: #dee7f2;
    padding: 20px 10px 15px 15px;
	border-left: 4px solid #1d2a4a;
}

/* [.h2b]のスタイル */
h2[class*="h2b"] {
	font-weight: bold;
	padding: 0 0 30px 0;
}
h2[class*="h2b"]:before {
    width: 60px;
    height: 2px;
    top: auto;
    bottom: 0;
    right: calc(50% - 30px);
    background-color: #0b164a;
}

/* ----------------------------------- */

/* [.h3]スタイル */
h3.h3 {
	font-weight: bold;
	background: #dee7f2;
	color: #1d2a4a;
	padding: 20px 10px 15px 15px;
	border-left: 4px solid #1d2a4a;
}

/* [.h3b]のスタイル */
h3[class*="h3a"] {
	font-weight: bold;
    border-left-style: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: #d8d8d8;
	padding: 10px 0 10px 0px;
}
h3[class*="h3a"]:before {
	content: "";
	position: absolute;
    width: 240px;
    height: 2px;
    background-color: #1d2a4a;
    bottom: -2px;
    left: 0;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
	font-weight: bold;
    padding: 13px 20px;
    border-left: 10px solid #cad1e2;
}

/* ----------------------------------- */

/* [.h4]スタイル */
h4.h4 {
	font-weight: bold;
	color: #1d2a4a;
	padding: 10px 0 10px 15px;
	border-left: 6px solid #1d2a4a;
	margin-bottom: 1em;
}

* + h4[class*="h4"] {
    margin-top: 2em;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    min-width: 300px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    padding: 23px 40px;
    border-radius: 5px;
}

a.basic_btn01:after {
    content: '\e91b';
	font-size: 1em;
	right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn02 {
    color: #14368a;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    padding: 0px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーボタン（固定ヘッダー内／ドロワー内）※PCでも使用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_hamburger2 {
    right: 0;
    top: 0;
    border-radius: 0;
}

body.active:not(.tablet):not(.sp) .cmn_hamburger2 {
    right: calc(17px + 0px);
}

/* adminバー */
body.logged-in .cmn_hamburger2 {
    top: calc(32px + 0px);
}

/*==================================================
　5-2-6 3本線が回転して×に
===================================*/
.openbtn6 {
    position: relative;
    background: #000;
    cursor: pointer;
    /* width: 81px; */
    width: 100px;
    /* height: 81px; */
    height: 100px;
    border-radius: 0;
}

.openbtn6.active {
    background: transparent;
}

/*ボタン内側*/
.openbtn6 span {
    display: inline-block;
    transition: all .4s;
    /*アニメーションの設定*/
    position: absolute;
    left: calc(50% - 15%);
    height: 2px;
    background: #fff;
}

.openbtn6 span:nth-of-type(1) {
    top: calc(50% - 10px);
    width: 30%;
}

.openbtn6 span:nth-of-type(2) {
    top: calc(50% - 1px);
    width: 30%;
}

.openbtn6 span:nth-of-type(3) {
    top: calc(50% + 8px);
    width: 20%;
    left: calc(50% - 5%);
}

/*activeクラスが付与されると線が回転して×になる*/
.openbtn6.active span:nth-of-type(1) {
    top: calc(50% - 7px);
    left: calc(50% - 15%);
    transform: translateY(6px) rotate(-135deg);
}

.openbtn6.active span:nth-of-type(2) {
    opacity: 0;
}

.openbtn6.active span:nth-of-type(3) {
    top: calc(50% + 5px);
    left: calc(50% - 15%);
    transform: translateY(-6px) rotate(135deg);
    width: 30%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
自作ナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#fixed_navi .bg {
    background: rgba(29,42,74,.95);
}

#fixed_navi .inner .area_a {
	padding: 50px 0px;
}

#fixed_navi .inner p.menu_logo img {
	width: 296px;
}

#fixed_navi .inner .area_b {
	padding: 0 0 0 65px;
	border-left: 1px solid #8993ac;
}

#fixed_navi .inner .area_b .menu_wrap {
	color: #fff;
}

#fixed_navi .inner .menu_wrap nav > ul > li {
	margin-bottom: 2em;
}

#fixed_navi .inner .menu_wrap nav > ul > li ul.sub-menu {
    font-weight: normal;
}

#fixed_navi ul.other_link2 a {
	border: 1px solid #fff;
}

#fixed_navi ul.other_link2 a:hover {
    background-color: rgba(255,255,255,.2);
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用タイトル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_ttl {
	font-size: 2.6rem;
	font-family: "Hirakaku";
}

.cmn_ttl .sub {
	font-size: 1.4rem;
    display: block;
	font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_more {
	text-align: right;
	margin-bottom: 30px;
}

.cmn_more a {
	font-size: 1.5rem;
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

.cmn_more a:after {
	content: "\e038";
    font-family: 'icomoon';
	font-size: 1.4em;
    margin-left: 5px;
    vertical-align: -3px;
	color: #1d2a4a;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_post_list li .area_a {
	margin-bottom: 20px;
}

.cmn_post_list li p.date {
	font-size: 1.8rem;
	font-weight: bold;
	color: #666;
}

.cmn_post_list li .area_a p.img {
	padding-top: 66.666%;
	border-radius: 5px;
}

.cmn_post_list li .area_b .meta {
	margin-bottom: 10px;
}

.cmn_post_list:not([class*="column"]) li .area_b .meta {
	display: none;
}

.cmn_post_list li .area_b .cat {
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
    padding: 3px 8px;
}

.cmn_post_list li .area_b h3.ttl {
	text-align: center;
	min-height: 44px;
}

.cmn_post_list li .area_b h3.ttl a {
	font-size: 1.6rem;
    font-weight: bold;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* seminarとsaleとcolumn固有の記述 */
.cmn_post_list.seminar li .area_b h3.ttl,
.cmn_post_list.column li .area_b h3.ttl,
.cmn_post_list.sale li .area_b h3.ttl
 {
	text-align: left;
}

.cmn_post_list.small li .area_a {
	margin-bottom: 10px;
}

/* book固有の記述 */
.cmn_post_list.book {
	/*margin-right: -80px;*/
	margin-bottom: 50px;
	/*padding: 0 30px!important;*/
}

/*.cmn_post_list.book li {
	margin-right: 80px;
    width: calc(25% - 80px - 30px);
}*/

.cmn_post_list.book li .area_a p.img {
	padding-top: 146%;
	border-radius: 0;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.cmn_post_list.book li .area_b h3.ttl {
	text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用リスト　＞　swiper
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.swiper-container {
	overflow: visible;
}

.swiper-button-next,
.swiper-button-prev {
	background: #fff;
	box-shadow: 0 0 15px rgba(53, 53, 60, .3);
	top: calc(50% - 24px);
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-image: url(../images/arrow2.svg);
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 52%;
	border: 2px solid #1d2a4a
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: -30px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	transform: scaleX(-1);
	left: -30px;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0;
	cursor: default;
}

/* .seminar固有の記述 */
.swiper-button-next.seminar,
.swiper-button-prev.seminar {
	top: calc(50% - 15px);
} 

/* .column固有の記述 */
.swiper-button-next.column,
.swiper-button-prev.column {
	top: calc(50% - 45px);
} 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　sectionの上のグレー線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="line01"] {
    border-top: 2px solid #d8d8d8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
	display: flex;
    align-items: center;
}

#promo_frame .promo_txt {
	color: #fff;
	padding-right: 500px;
	padding-left: 25px;
	font-weight: bold;
}

#promo_frame .promo_txt p.headline {
	font-size: 3.2rem;
	margin-bottom: 5px;

}

#promo_frame .promo_txt p.lead {
	font-size: 3.6rem;
	margin-bottom: 45px;
	line-height: 1.7;
}

#promo_frame .promo_txt p.name {
	font-size: 2.0rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント(修正追加2019-10-03)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---修正追加(2019-10-04)---*/
.page_promo .img_wrap {
    height: 300px;
}

.page_promo .txt_box .inner {
    color: #fff;
}

.page_promo .sub_ttl {
    font-size: 1.6rem;
}

.page_promo .ttl {
    font-size: 2.6rem;
}

/* 特定のページの帯プロモを隠す */
body[class*=single] .page_promo_wrap,
body[class*=page] .page_promo_wrap {
	display: none;
}

body.post-type-archive-seminar .page_promo_wrap {
	display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .widget_black_studio_tinymce a.basic_btn02 {
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_mytweet {
	background-color: #f4f5f5;
}

#home_mytweet.kugiri_m {
	padding-top: 45px; 
	padding-bottom: 45px;
}

#home_mytweet dl.news_box {
    align-items: center;
}

#home_mytweet dl.news_box dt {
	font-family: "Hirakaku";
    font-size: 1.8rem;
	margin-right: 65px;
}

#home_mytweet dl.news_box dd .txt {
	font-size: 1.6rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ラインナップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_lineup h2.main_ttl {
	font-size: 4.8rem;
	position: relative;
    z-index: 1;
	margin-bottom: 30px;
}

#home_lineup h2.main_ttl::after {
    position: absolute;
    content: "";
    background: #e2e2e2;
    width: 100%;
    height: 6px;
	left: 0;
    bottom: 10px;
    z-index: -1;
}

#home_lineup .wrap {
	align-items: center;
	margin-bottom: 20px;
}

#home_lineup .area_a {
	width: 630px;
}

#home_lineup .area_a li {
    width: 190px;
}

#home_lineup .area_a li:not(:last-child) {
	margin-right: 15px;
}

#home_lineup .area_b {
	width: calc(100% - 630px);
}

#home_lineup .area_b ul.items {
	padding-top: 15px;
    margin-bottom: -20px;
}

#home_lineup .area_b ul.items li {
	width: 20%;
	margin-bottom: 20px;
}

#home_lineup .area_b ul.items li a img {
    width: 92px;
}

#home_lineup p.btn {
	text-align: right;
	margin-bottom: 70px;
}

#home_lineup p.btn a {
	position: relative;
    font-size: 1.6rem;
}

#home_lineup p.btn a::before {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	background: url(../images/amazon_icon.svg) no-repeat 50% / contain;
	top: 3px;
	left: -31px;
}


#home_lineup p.btn a::after {
    content: "\f08e";
    font-family: 'icomoon';
    font-size: 1.2em;
    vertical-align: -3px;
    margin-left: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ピックアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_pickup .cmn_ttl {
	font-size: 3.0rem;
	margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セミナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_seminar {
	background: #f4f5f5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　SNS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_sns .wrap {
	align-items: center;
}

#home_sns h2.cmn_ttl {
	margin-bottom: 75px;
	width: 250px;
}

#home_sns ul.items {
	width: calc(100% - 65px - 35px);
	margin-bottom: -10px;
}

#home_sns ul.items li {
	background: #4c4c4c;
    border-radius: 5px;
    display: flex;
	margin-bottom: 10px;
}

#home_sns ul.items li:not(:nth-child(6n)) {
	margin-right: 25px;
}

/* まだ準備されていないので公開時は非表示 */
#home_sns ul.items li.note,
#home_sns ul.items li.dmm,
#home_sns ul.items li.spotify,
#home_sns ul.items li.youtube {
	display: none;
}

#home_sns ul.items li a {
	display: flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
	min-height: 180px;
    padding: 13px 10px;
}

#home_sns ul.items li.instagram a img {
	width: 150px;
}

#home_sns .blog {
    font-family: 'hirakaku';
    font-size: 1.1em;
    color: #fff;
}

#home_sns ul.items li.facebook {
    background: #265593;
}

#home_sns ul.items li.instagram {
    background: linear-gradient(135deg, #4f87ff 0%, #f15588 70%) no-repeat;
}

#home_sns ul.items li.blog {
	background: #34b8c5;
}

#home_sns ul.items li a:hover {
    background: rgba(255,255,255,0.2);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　著書
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_book.kugiri_m {
	padding-top: 95px;
}

#home_book h2.cmn_ttl {
	margin-bottom: 75px;
}

#home_book p.main_btn {
	display: table;
    margin: 0 auto;
}

#home_book p.main_btn a {
	min-width: 250px;
    background: #232d3e;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
	font-weight: bold;
	padding: 18px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#home_book p.main_btn a img {
	margin-right: 10px;
	width: 88px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area.kugiri_m {
    padding-top: 40px;
    padding-bottom: 30px;
}

#contact_area .inner {
	background: url(../images/contact_bg.jpg) no-repeat 50% / cover;
	font-weight: bold;
    padding: 60px 190px 60px;
}

#contact_area h2.main_ttl {
	font-family: 'Hirakaku';
    color: #faec38;
    font-size: 2.6rem;
    border-bottom: 1px solid #fff;
    padding: 0 25px 15px 25px;
	text-align: center;
    margin-bottom: 15px;
}

#contact_area p.main_txt {
	color: #fff;
	font-size: 2.0rem;
	display: table;
    margin: 0 auto 20px;
	text-align: center;
}

#contact_area .box {
	background: #fff;
	padding: 25px 40px 15px;
	justify-content: center;
	align-items: center;
}

#contact_area .box .area_a {
	margin-right: 35px;
}

#contact_area .box .area_a p.tel {
	font-size: 4.3rem;
	line-height: 1;
	margin-bottom: 10px;
}

#contact_area .box .area_a p.tel a::before {
    content: '\f095';
    font-family: icomoon;
    margin-right: 5px;
    color: #1d2a4a;
    line-height: 1;
    vertical-align: -5px;
    font-size: 1.1em;
}

#contact_area .box .area_a p.open {
	font-size: 1.6rem;
	line-height: 1.2;
}

#contact_area .box .area_b p.btn a {
	min-width: 320px;
    background: #faec38;
    border-radius: 5px;
    padding: 20px 50px;
	position: relative;
}

#contact_area .box .area_b p.btn a::after {
    content: '\e91b';
	font-family: icomoon;
    position: absolute;
	font-size: 1.1em;
    top: calc(50% - 17px);
    right: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer {
	background: url(../images/footer_bg.png) no-repeat right 10% bottom 3% / contain;
    background-size: 425px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap .navi_a .info {
	font-size: 1.4rem;
	font-weight: bold;
	width: 350px;
	display: flex;
    flex-direction: column;
}

div#f_navi_wrap .navi_a p.logo {
	width: 100%;
	margin-bottom: 20px;
}

div#f_navi_wrap .navi_a p.logo img {
	width: 331px;
}

div#f_navi_wrap .navi_a .info .txt_box {
	margin: 0 auto;
}

div#f_navi_wrap .navi_a .info .txt_box > p:not(:last-child) {
	margin-bottom: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#copy_frame {
    background-color: transparent;
	font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　LP仕様のページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.lp {
    background:#efefef;
}

body.lp .cmn_hamburger2 {
    display: none;
}

body.lp #header_fixed_zone,
body.lp .page_promo_wrap {
    display: none;
}

body.lp #main_area .article_inner {
	padding: 30px 50px 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送りを止めてローカルナビに変更（固定ページ）2020-09-27mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*兄弟ページがある2カラムのページのときに、paging_commonを非表示にするため。*/
ul.local_navi3 {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　セミナー・講演
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.post-type-archive-seminar ul.seminar_list li {
	background: #fff;
    padding: 40px 30px;
	border: 1px solid #ccc;
	align-items: center;
}

body.post-type-archive-seminar ul.seminar_list li:not(:last-child) {
    margin-bottom: 20px;
}

body.post-type-archive-seminar ul.seminar_list li .area_a {
	width: 420px;
    margin-right: 40px;
}

body.post-type-archive-seminar ul.seminar_list li .area_a p.img {
	padding-top: 66.6666%;
}

body.post-type-archive-seminar ul.seminar_list li .area_b {
	width: calc(100% - 420px - 40px);
}

body.post-type-archive-seminar ul.seminar_list li .area_b h3.ttl {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    min-height: 55px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

body.post-type-archive-seminar ul.seminar_list li .area_b h3.ttl a {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 2.0rem;
    font-weight: bold;
}

body.post-type-archive-seminar ul.seminar_list li .area_b .info_box {
	margin-bottom: 25px;
	color: #666;
	font-size: 1.6rem;
}

body.post-type-archive-seminar ul.seminar_list li .area_b .info_box > p {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body.post-type-archive-seminar ul.seminar_list li .area_b .info_box > p:not(:last-child) {
    margin-bottom: 5px;
}

body.post-type-archive-seminar ul.seminar_list li .area_b .info_box > p .bold {
	font-weight: bold;
}

/* 講演・セミナー実績特有の記述 */
body.post-type-archive-seminar ul.cmn_semina_result li {
    padding: 25px 30px;
	position: relative;
}

body.post-type-archive-seminar ul.cmn_semina_result li::after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.7em;
    position: absolute;
    top: 50%;
    margin-top: -0.48em;
    line-height: 1;
    right: 20px;
    font-weight: normal;
    color: #a8a8a8;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_a {
	width: 215px;
	margin-right: 60px;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_b {
	width: calc(100% - 215px - 60px);
	padding-right: 50px;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_b h3.ttl {
    min-height: 50px;
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none;
	align-items: center;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_b h3.ttl a {
    font-size: 1.8rem;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_b .info_box {
	margin-bottom: 0;
	display: block;
	font-size: 1.5rem;
}

body.post-type-archive-seminar ul.cmn_semina_result li .area_b .info_box > p:not(:last-child) {
	margin-right: 35px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
レポート・コラム　目次
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container {
    padding: 20px 30px;
    background:none;
    border-radius: 10px;
    border: 3px solid #ddd;
}

#toc_container li {
    margin: 8px 0;
    font-size: 14px;
}
#toc_container li a{
    display: block;
    padding: 2px 0;
}
#toc_container li a span {
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問合せフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
.formTable th, .formTable td {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
シングルページ　見出し、アイキャッチ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ 
/*#main_area .eyecatch.img_container {
    padding-top: 56.25%;
}*/

#main_area .eyecatch, 
#main_area .header_img2 {
    margin-bottom: 1em;
	text-align: center;
}
