@charset "utf-8"; * {
    /* ;) */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コーダー向け汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.col_cnt2{
	column-count: 2;
}

.col_cnt3{
	column-count: 3;
}

.f_wrap {
    display: flex;
    flex-wrap: wrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コーダー向け汎用クラス　＞　縦横のサイズ固定のボックス内にある画像について、比率を保ったまま縦横中央揃え＆トリミングして表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4:3の箱を用意する */
.img_container {
    position: relative;
    /* パディングへのパーセント指定が親ボックスの横幅基準で計算される性質を利用する */
    /* padding-top: 66.6666%; */
    padding-top: 75%;
    overflow: hidden;
}

.img_container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* 画像の高さを画像コンテナの高さに収める（4:3画像がアップされた場合に隙間が空かない様に考慮し、15%のゆとりを持たせる） */
    /* height: 115%!important; */
    /* width: auto; */
    height: 100%!important;
    width: 100%;
    /* ▼background-size:cover的に動作する */
    object-fit: cover;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
    font-family: 'object-fit: cover;';
}

.img_container img.portrait {
    height: auto;
    width: 100%;
}

.img_container img.landscape {
    height: 100%;
    width: auto;
}

/* 併せて画像の拡大も行なうバージョン */
.zoom_container .img_container img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.zoom_container:hover .img_container img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　投稿が無い場合の汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.no_hit {
	text-align:center;
	margin-bottom:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　アンカータグの基本スタイル（青色下線）をリセット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.remove_uline a {
    /* color: #333; */
    color: #151515;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　電話番号リンクへのCSS初期化
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a[href*="tel:"] img:hover {
    opacity: 1;
}

a[href*="tel:"], a[href*="tel:"]:hover {
    cursor: default;
    text-decoration: none !important;
    color: inherit !important;
    opacity: 1!important;
}

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

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

/* ボーダー色 */
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: orange;
}

/* 背景色 */
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: orange;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　縦書き（汎用クラス）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
.txt-vertical {
    cursor: vertical-text;
    writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    word-wrap: break-word;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 絶対配置の基準値を決める */
.rel, .relative {
    position: relative;
}

/* clearfix */
.hdn {
    overflow: hidden;
}

/* リンクエリア拡大(CSSメインで実現する形に修正2020-12-04mk) */
[class~="biggerlink"],
[class~="bl"]{
    transition: opacity .3s linear;
    position: relative;
}

[class~="biggerlink"]:hover,
[class~="bl"]:hover{
    opacity: .8;
    cursor: pointer;
}

[class~="biggerlink"] .bl_area::after,
[class~="bl"] .bl_area::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}


/* ボタン的要素 */
[class*="btn"] a, a[class*="btn"] {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}

[class*="btn"] a:hover, a[class*="btn"]:hover {
    text-decoration: none!important;
    opacity: .8;
}

span.small {
    font-size: .75em;
}

/* 別タブリンク target= _blank ※IEとEdgeで下線が付く問題有り。途中。 */
a.blank_i{
    position:relative;
    display: inline-block;
    padding-right:1.5em;
}

a.blank_i:after{
    content: '\f08e';
    font-family: "icomoon";
    font-size: 1em;
    line-height:1;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-.5em;
    color: #151515;
}

/* PDFファイルリンク ※IEとEdgeで下線が付く問題有り。途中。 */
a.pdf_i{
    position:relative;
    display: inline-block;
    padding: .7em 0 .7em 2em;
}

a.pdf_i:before{
    content: '\e90c';
    font-family: "icomoon";
    font-size: 1.6em;
    line-height:1;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-.55em;
    color: #151515;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ－エリア内の画像に下余白をつける（トップページ以外）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) .editor_area img {
    margin-bottom: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿内に挿入された画像に1文字分の上余白をつける（投稿画像を綺麗に表示するために追加）2019-09-02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* body.single-post img[class*="wp-image"] { */
body[class*="single-post"] *+*>img[class*="wp-image"] {
    margin-top: 1.8em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　リスト系
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* エディタ内リストの初期化 */
.editor_area ul, .editor_area ol {
    padding-left: 2em;
}

.editor_area ul li, .editor_area ol li {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
}

.editor_area ul {
    list-style-type: disc;
}

.editor_area ol {
    list-style-type: decimal;
}

/* 初期化されたリストを更に初期化（クラス付きの場合） */
.editor_area ul[class], .editor_area ol[class] {
    list-style-type: none;
    padding-left: 0;
}

.editor_area ul[class] li, .editor_area ol[class] li {
    margin-top: 0;
    margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 基本テキストサイズ・行間 */
.font_m {
    
   font-size: 1.7rem;
    line-height: 1.8;
    word-break: break-all;
    /* 区切りのない英語文章でも改行される様にする */
}

.font_m input, 
.font_m botton, 
.font_m select, 
.font_m textarea {
    
   font-size: 1.7rem;
}

/* リストやテーブルセルは、項目としてのまとまり感を出すために行間を詰める */
.font_m ul:not([class]) li, .font_m ol:not([class]) li, .font_m .basic_list01 > *, .font_m th, .font_m td {
    line-height: 1.4;
}

/*
▼line-height 設定見直し 2020-12-14 take
行間を削る
1.フォントサイズ指定されたものは、見出し用に拡大されたものとみなす
2.画像のキャプションに設定されたテキスト
*/
/*
p.wp-caption-text, [style *= "font-size"] {
    line-height: 1.4;*/
    /*display: inline-block;*/
    /* インライン要素には行高さ指定が出来ないためブロック化する */
/*}*/

/*[style *= "font-size: 12px"] , [style *= "font-size: 14px"] , [style *= "font-size: 16px"] , [style *= "font-size: 18px"] {
    line-height: 1.8;
}*/


/* remへの対応(2020-11-15)mk */
[style *= "font-size: 10px"] {font-size:1.0rem!important;}
[style *= "font-size: 12px"] {font-size:1.2rem!important;}
[style *= "font-size: 14px"] {font-size:1.4rem!important;}
[style *= "font-size: 16px"] {font-size:1.6rem!important;}
[style *= "font-size: 18px"] {font-size:1.8rem!important;}
[style *= "font-size: 20px"] {font-size:2.0rem!important;}
[style *= "font-size: 22px"] {font-size:2.2rem!important;}
[style *= "font-size: 24px"] {font-size:2.4rem!important;}
[style *= "font-size: 26px"] {font-size:2.6rem!important;}
[style *= "font-size: 28px"] {font-size:2.8rem!important;}
[style *= "font-size: 30px"] {font-size:3.0rem!important;}
[style *= "font-size: 32px"] {font-size:3.2rem!important;}
[style *= "font-size: 34px"] {font-size:3.4rem!important;}
[style *= "font-size: 36px"] {font-size:3.6rem!important;}
[style *= "font-size: 38px"] {font-size:3.8rem!important;}
[style *= "font-size: 40px"] {font-size:4.0rem!important;}
[style *= "font-size: 50px"] {font-size:5.0rem!important;}
[style *= "font-size: 60px"] {font-size:6.0rem!important;}
[style *= "font-size: 70px"] {font-size:7.0rem!important;}
[style *= "font-size: 80px"] {font-size:8.0rem!important;}
[style *= "font-size: 90px"] {font-size:9.0rem!important;}
[style *= "font-size: 100px"] {font-size:10rem!important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　Wordpressビジュアルエディタ関連
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字揃え */
.aligncenter, dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignleft {
    float: left;
    /*margin: 0 10px 10px 0;*/
    margin: 0 20px 20px 0;
}

img.alignright {
    float: right;
    /*margin: 0 0 10px 10px;*/
    margin: 0 0 20px 20px;
}

/* キャプション */
.wp-caption {
    max-width: 100%;

}

.wp-caption img {
    margin-bottom: 0!important;
}

.wp-caption-text {
    margin-top: 0.5em;
    text-align: center;
   font-size: 1.2rem;
}

.wp-caption-dd {
    margin-top: 0.5em;
    padding-top: 0;
    text-align: center;
   font-size: 1.2rem;
}

.wp-caption.alignright {
    float: right;
    text-align: center;
    margin: 0 0 20px 20px;
}

.wp-caption.alignleft {
    float: left;
    text-align: center;
    margin: 0 20px 20px 0;
}

/* エディタで画像サイズ調整するとheight属性が自動挿入されるため、スマホなどでサイズ縮小した場合に縦横比が崩れる。その対策。 */
.editor_area img {
    height: auto;
}

/* 上記の指定により、YoutubeやGoogleMAPのiframe代替画像が縦に伸びすぎる為、上限を与える */
img.mce-object.mce-object-iframe {
    max-height: 300px;
}

/* エディタ末尾にフロートが残っていた場合の解除処理 */
.editor_area:after {
    content: '';
    display: block;
    clear: both;
}

/* Google Map & YouTube */
iframe[src*="maps"], iframe[src*="youtube"] {
    max-width: 100%;
    border: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　マーカー風（woocommerce系ページは除く）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.woocommerce-page) .editor_area em,body.editor_only.editor_area em {
	background: linear-gradient(transparent 60%, #ffee00 60%) no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

dl.faq > dt {
    background-color: #f8f9fa;
    font-weight: bold;
    /* padding: 20px 25px 20px 30px; */
    padding: 20px 45px 20px 55px;
    position: relative;
    /* 追加修正2019-10-30 */
   font-size: 1.8rem;
}

/* JSアコーディオン適用時に「toggle]クラスが付与される */
dl.faq > dt.toggle {
    cursor: pointer;
}

dl.faq > dt.open, dl.faq > dt.toggle:hover {
    /* background-color: #f3f3f3; */
}

dl.faq > dt .arrow {
    float: right;
   font-size: 2.0rem;
    line-height: 1;
    position: absolute;
    /* right: 10px; */
    right: 15px;
    top: 50%;
    margin-top: -.5em;
}

dl.faq > dt .arrow:before {
    /* font-family: FontAwesome; */
    /* content: '\f107'; */
    /* font-family: "fontello"; */
    /* content: '\e80d'; */
    font-family: "icomoon";
    content: '\e92d';
}

dl.faq > dt.open .arrow:before {
    /* font-family: FontAwesome; */
    /* content: '\f106'; */
    /* font-family: "fontello"; */
    /* content: '\e810'; */
    font-family: "icomoon";
    content: '\e92c';
}

dl.faq > dt:before {
    content: 'Q. ';
    position: absolute;
    /* left: 10px; */
    left: 30px;
    top: 19px;
}

dl.faq > dt a {
    /* color: #333; */
    color: #151515;
}

dl.faq > dd {
    padding: 20px;
    overflow: hidden;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出しと見なされる要素の行間を詰める */
[class*="ttl"], [class*="header"] {
    line-height: 1.4;
}

/* 角丸の小見出し */
.cmn_kadomaru {
    display: table;
    font-weight: bold;
    padding: 10px 20px;
    margin: 0 auto 10px;
    border-radius: 30px;
    border: 2px solid;
}

/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
   font-size: 2.8rem;
    margin-bottom: 1em;
    clear: both;
    position: relative;
    line-height: 1.4;
}

h2[class*="h2"]:before {
    content: '';
    background: no-repeat 50% / contain;
    display: inline-block;
}

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

/* [.h2a]のスタイル */
h2[class*="h2a"] {
    padding: 0px 0px 10px;
    border-bottom-width: 4px;
    border-bottom-style: double;
}

h2[class*="h2b"] {
    padding: 85px 0 0px;
    text-align: center;
}

h2[class*="h2b"]:before {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: calc(50% - 35px);
    background-color: #eee;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
   font-size: 2.0rem;
    margin-bottom: 1em;
    clear: both;
    position: relative;
    line-height: 1.4;
}

h2[class*="h3"]:before {
    content: '';
    background: no-repeat 50% / contain;
    display: inline-block;
}

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

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 10px 0 10px 15px;
    border-left-width: 8px;
    border-left-style: solid;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
    color: #ffffff;
    padding: 10px 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　区切り線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_area hr {
    border: none;
    border-top: 1px solid #ccc;
}

.editor_area hr.hr01 {
    border: none;
    border-top: 1px dashed #aaa;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.thLock01 th {
    width: 200px;
}

.basic_table01 th, .basic_table01 td {
    border: 1px solid #cccccc;
    padding: 15px;
}

.basic_table01 th {
    text-align: center;
    background-color: #f0f0f0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 {
    border-collapse: separate;
    border-spacing: 12px 0;
}

.basic_table02 th {
    font-weight: bold;
    border-bottom: 2px solid #000;
    text-align: center;
}

.basic_table02 td {
    border-bottom: 1px solid #ccc;
}

.basic_table02 th, .basic_table02 td {
    padding: 30px 15px;
}

.basic_table02 td th, .basic_table02 td td {
    padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用テーブル（枠なし）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
table.addr th {
    text-align: left;
    vertical-align: top;
    min-width: 70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　引用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_area blockquote {
    position: relative;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: 30px;
    border-radius: 5px;
    color: #000;
    background: #FAFAFA;
}

.editor_area blockquote:before, .editor_area blockquote:after {
    position: absolute;
    font-family: Georgia;
   font-size: 6.0rem;
    color: #C9C9C9;
    line-height: 1;
}

.editor_area blockquote:before {
    content: "“";
    top: 5px;
    left: 10px;
}

.editor_area blockquote:after {
    content: "”";
    bottom: -30px;
    right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　OLのナンバーリング
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol[class*="list"] > li:before {
    content: counters(ol_cnt, "")".";
}

ol[class*="list"] ol > li:before {
    content: counters(ol_cnt2, "")".";
}

ol[class*="list"] ol ol > li:before {
    content: counters(ol_cnt3, "")".";
}

ol.basic_list02 > li:before {
    content: counters(ol_cnt, "");
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.basic_list01 > li {
    /* padding: 5px 0; */
    position: relative;
    
   font-size: 1.7rem;
}

/* 大サイズ指定されたリスト */
.large > li {
   font-size: 2.2rem;
    line-height: 1.4;
}

.basic_list01 > li .basic_list01 > li {
    /* basic_list01 > basic_list01の限定スタイル */
    border-bottom: 0;
    border-top: 1px dotted #ccc;
}

.basic_list01 li:before {
    font-size: 1.2em;
    line-height: 1.2;
    margin-right: 5px;
    position: absolute;
    left: -5px;
    top: 0;
}

/* リセットのリセット */
[class*=basic_list0] > li {
    margin-top: 0.6em!important;
    margin-bottom: 0.6em!important;
}

/* UL限定 */
ul.basic_list01 > li {
    padding-left: 1em;
}

ul.list_type02 > li {
    /*padding-left: 2em;*/
    padding-left: 1.5em;
}

ul.basic_list01 > li:before {
    /* font-family: FontAwesome; */
    /* content: '\f0da'; */
    /* font-family: "fontello"; */
    /* content: '\e80b'; */
    font-family: "icomoon";
    content: '\e925';
    vertical-align: bottom;
}

ul.list_type02 > li:before {
    /* content: '\f046'; */
    content: '\e904';
    color: #f00;
    top: 0px;
    line-height: 1;
}

/* OL限定 */
ol.basic_list01 > li {
    padding-left: 2.5em;
}

ol.basic_list01 > li:before {
    top: auto;
    left: auto;
    top: 2px;
    right: calc(100% - 2em);
    line-height: 1;
}

/* UL子階層限定 */
.basic_list01 ul > li:first-child {
    margin-top: 5px;
}

.basic_list01 ul > li:before {
    content: '┗';
    margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.basic_list02 > li {
    /*padding: 15px;*/
    padding: 30px;
    position: relative;
    border-width: 2px;
    border-style: solid;
    background: #fff;
    min-height: 2em;
    margin-top: 20px!important;
}

.basic_list02 > li:first-child {
    margin-top: 0;
}

.basic_list02 h4 {
    font-weight: bold;
   font-size: 2.0rem;
    margin-bottom: 20px;
}

.basic_list02 ul{
    list-style-type: disc;
    padding-left: 1em;
}

/* OL限定 */
.fontM ol.basic_list02 li {
    line-height: 1.8;
}

.fontM ol.basic_list02 li li {
    line-height: 1.4;
}

ol.basic_list02 > li {
    padding-left: 80px;
    min-height: 80px;
}

ol.basic_list02 > li:after {
    position: absolute;
    line-height: 1;
    left: 50%;
    /*top: -28px;*/
    top: -27px;
   font-size: 3.0rem;
    margin-left: -.5em;
    /* content: "\f0d7"; */
    /* font-family: FontAwesome; */
    /* font-family: "fontello"; */
    /* content: '\e809'; */
    font-family: "icomoon";
    content: '\e923';
}

ol.basic_list02 > li:first-child:after {
    content: '';
}

ol.basic_list02 > li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 60px;
    line-height: 60px;
    text-align: center;
   font-size: 2.8rem;
    font-family: Arial;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　エディタ専用のガイド（flex導入で相性が悪くなったため、一旦非表示に）2020-12-01mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
body.editor_only .guide01:before {
    display: block;
    background: pink;
    padding: 2px 0;
    font-size: 1.4rem;
    text-align: center;
}
body.editor_only .guide01[class*=container0]:before {
    content: '2列エリア';
    flex:0 0 100%;
}

body.editor_only .guide01.container00:before {
    content: '2列エリア';
}

body.editor_only .guide01.container01:before {
    content: '3列エリア';
}

body.editor_only .guide01.container02:before {
    content: '4列エリア';
}

body.editor_only .guide01 {
    outline: 1px dotted red;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　エディタ専用のガイド lex修正追加2021/01/08hiro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editor_only .guide01:before {
    display: block;
    background: pink;
    padding: 2px;
    font-size: 14px;
    text-align: center;
	width: 100%;
}

body.editor_only .guide01 {
    border: 1px dotted red;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　デバイスによって表示／非表示を切り替える（flex修正2020/11/29mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editor_only .only_sp:before {
    content: 'スマホのみ表示';
    font-size: 1.2rem;
    color: red;
}

body.editor_only .only_pc:before {
    content: 'PCのみ表示';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　2列・3列・4列　共通（flex修正2020/11/29mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_only .container00:before {/*flex修正追加2021/01/08hiro*/
    content: '2列エリア';
}
body.editor_only .container01:before {/*flex修正追加2021/01/08hiro*/
    content: '3列エリア';
}
.editor_only .container02:before {/*flex修正追加2021/01/08hiro*/
    content: '4列エリア';
}
[class*=container0] {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;/*flex修正追加2021/01/08hiro*/
}

[class*=container0] > div {
    /* background: yellow; */
}

[class*=container0] {
    display: flex;
    justify-content: space-between;
}

[class*=container0] > div {
    /* background: yellow; */
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　2列（flex修正2020/11/29mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.container00 > div {
    width: 48%;
}

.container00.col_37 > div:first-of-type {
    width: 30%;
}

.container00.col_37 > div:last-of-type {
    width: 66%;
}

.container00.col_73 > div:first-of-type {
    width: 66%;
}

.container00.col_73 > div:last-of-type {
    width: 30%;
}

.container00.col_46 > div:first-of-type {
    width: 40%;
}

.container00.col_46 > div:last-of-type {
    width: 56%;
}

.container00.col_64 > div:first-of-type {
    width: 56%;
}

.container00.col_64 > div:last-of-type {
    width: 40%;
}

.container00.col_28 > div:first-of-type {
    width: 20%;
}

.container00.col_28 > div:last-of-type {
    width: 76%;
}

.container00.col_82 > div:first-of-type {
    width: 76%;
}

.container00.col_82 > div:last-of-type {
    width: 20%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　2列(6:4,4:6,スマホ同じ見た目)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.container00.col_64_46 > div:first-of-type {
    width: 56%;
}

.container00.col_64_46 > div:last-of-type {
    width: 40%;
}

/* 偶数番目 */
.container00.col_64_46:nth-of-type(even) > div:first-of-type {
    width: 40%;
}

.container00.col_64_46:nth-of-type(even) > div:last-of-type {
    width: 56%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　3列（flex修正2020/11/29mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.container01 > div {
    width: 31.3%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　4列（flex修正2020/11/29mk)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.container02 > div {
    width: 49%;
    display: flex;
    justify-content: space-between;
}

.container02 > div > div {
    width: 48%;
}

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

.basic_box02 {
    border-width: 2px;
    border-style: solid;
    padding: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 17px 30px;
    color: #FFF;
   font-size: 1.8rem;
    min-width: 300px;
    text-align: center;
    /* ▼HOVER効果をつける際に必要 */
    overflow: hidden;
    /* ▼overflow:hiddenをかける場合必要 */
    vertical-align: bottom;
}
/* エディタの文字サイズ指定があった場合は、それに倣う(2020/1/7)mk */
[style*=font-size]>a.basic_btn01{
    font-size: inherit;
}

[class*=container] a.basic_btn01 {
    /* min-width: 0; */
	/* 最低幅が欲しいとの要望で追加(2020-11-20)mk */
    min-width: 200px;
}

a.basic_btn01:hover {
    opacity: .8;
}

a.basic_btn01:after {
    /* font-family: FontAwesome; */
    /* content: '\f105'; */
    /* font-family: "fontello"; */
    /* content: '\e80f'; */
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.48em;
    line-height: 1;
    right: 0;
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn02 {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 0 5px 25px;
}

a.basic_btn02:hover {
    text-decoration: underline;
}

a.basic_btn02:before {
    /* font-family: FontAwesome; */
    /* content: '\f138'; */
    /* font-family: "fontello"; */
    /* content: '\e818'; */
    font-family: "icomoon";
    content: '\e038';
   font-size: 1.8rem;
    position: absolute;
    /*top: 50%;*/
    top: 5px;
    left: 0;
    /*margin-top: -.55em;*/
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　ギャラリー機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gallery-item img {
    border: 0!important;
}

.gallery img[data-mce-selected]:focus {
    outline: none;
}

.gallery a {
    /*cursor: default;*/
}

.gallery {
    margin: auto -6px;
    padding: 6px 0;
    line-height: 1;
    overflow-x: hidden;
}

.ie7 .gallery, .ie8 .gallery {
    margin: auto;
}

.gallery .gallery-item {
    float: left;
    margin: 0;
    text-align: center;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .gallery .gallery-item, .ie8 .gallery .gallery-item {
    padding: 6px 0;
}

.gallery .gallery-caption, .gallery .gallery-icon {
    margin: 0;
}

.gallery .gallery-caption {
   font-size: 1.3rem;
    margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.333%;
}

.ie8 .gallery-columns-3 .gallery-item, .ie7 .gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.665%;
}

.gallery-columns-7 .gallery-item {
    width: 14.285%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.111%;
}

.gallery img {
    max-width: 100%;
    height: auto;
    border: none;
    padding: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリーの画像拡大機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---▼IEで虫眼鏡に下線がつかないようにする為の記述---*/
.gallery-item [rel=lightbox] {
    position: relative;
    text-decoration: none;
    display: block;
}

.gallery-item [rel=lightbox] img {
    margin-bottom: 0px!important;
}

.gallery-item [rel=lightbox]:after {
   font-size: 2.4rem;
    font-family: "icomoon";
    content: '\e905';
    line-height: 1;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　写真・タイトル・テキスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="cmn_items_list_box"] {
    justify-content: center;
    margin: 0 -20px;
}

[class*="cmn_items_list_box"] li {
    width: calc(33.333% - 40px);
    margin: 0 20px;
    border: 1px solid #eaeaea;
    padding: 25px;
}

/*---横2列---*/
.cmn_items_list_box2 li {
    width: calc(50% - 40px);
}

/*---横3列---*/
.cmn_items_list_box3 li {
    width: calc(33% - 40px);
}

[class*="cmn_items_list_box"] .img_container {
    margin: -25px -25px 25px -25px;
}

[class*="cmn_items_list_box"] .img_container img {
    width: 100%;
    height: 15.8vw;
}

[class*="cmn_items_list_box"] .ttl {
    text-align: center;
   font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.cmn_items_list_box3 li p:not(.ttl) {
    line-height: 1.6;
}

/*---横2列横並び---*/
.cmn_items_list_box_side {
    justify-content: space-between;
}

.cmn_items_list_box_side li {
    width: calc(50% - 40px);
    border: none;
    align-items: flex-start;
}

.cmn_items_list_box_side li > div {
    width: calc(70% - 30px);
}

.cmn_items_list_box_side .img {
    width: 30%;
    margin-right: 30px;
}

.cmn_items_list_box_side .ttl {
    text-align: left;
   font-size: 1.8rem;
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ　邪魔なため非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング処理（javascriptで読み込み完了を示すクラスを付与する）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#loading_container {
    position: relative;
    z-index: 9999;
}

#loading_container > * {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
}

/* ローディング時の背景 */
#loading_container .back {
    z-index: 0;
    background-color: #ddd;
}

/* ローディングアイコン */
#loading_container .front {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ローディング画面を終了するアニメーション */
#loading_container.loading_fin > * {
    animation: loading_fin 1.5s ease 0s forwards;
}

@keyframes loading_fin {
    from {
        opacity: 1;
        height: 100%;
        width: 100%;
    }

    99% {
        opacity: 0;
        height: 100%;
        width: 100%;
    }

    to {
        height: 0%;
        width: 0%;
        opacity: 0;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り（上書きをスムーズにするためbase-pcではなくここに記述）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="kugiri_m"] {
    padding: 50px 0;
    min-width: 1200px;
}

[class*="kugiri_s"] {
    padding: 25px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント(修正追加2019-10-03)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    /* padding: 15px 0; */
    /* background-color: #ddd; */
    
   font-size: 1.7rem;
}

.tweet_area .txt_wrap {
    /* margin: 0 auto; */
    
    /* max-width: 1200px; */
    /* display: table; */
}

.tweet_area .f_wrap{
	justify-content: space-between;
    max-width: 1200px;
}

.tweet_area .f_wrap > * {
    padding: 20px 15px;
}

.tweet_area .icon {
    width: 100px;
	text-align: center;
}

.tweet_area ul.items {
    width: calc(100% - 200px);
}

.tweet_area ul.items li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tweet_area .date {
    margin-right: .8em;
}

.tweet_area .more {
    width: 100px;
    text-align: center;
}

.tweet_area a {
    /* text-decoration: underline; */
}

.tweet_area a:hover {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　検索窓（ヘッダー、フッター、サイドバー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
form#searchform {
    position: relative;
}

form#searchform label.screen-reader-text {
    display: none;
}

form#searchform input[type="text"] {
    border: 0;
    border-radius: 0;
    background: #eee;
    width: 100%;
}

form#searchform input[type="submit"] {
    background: transparent;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 4px;
    z-index: 2;
}

form#searchform:after {
    /* font-family: FontAwesome; */
    /* content: '\f002'; */
    font-family: "icomoon";
    content: '\e905';
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
   font-size: 2.0rem;
    color: #a6a6a6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
シングルページ　＞　一覧ページへ戻るためのリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.back_to_list:before {
/*---アンカーへbefore移動(2019-10-03)---*/
    /* content: '\f104'; */
    /* font-family: FontAwesome; */
    /* font-family: "icomoon"; */
    /* content: '\e916'; */
    /* display: inline-block; */
    /* margin-right: 5px; */
    /* font-weight: bold; */
    /* vertical-align: middle; */
    /* line-height: 1; */
}

p.back_to_list a {
   font-size: 1.4rem;
    /* text-decoration: underline; */
	
/*---修正追加(2019-10-03)---*/
    display: table;
    border: 1px solid #e7e2db;
    padding: 4px 15px 4px 25px;
    position: relative;
    border-radius: 8px;
}

p.back_to_list a:hover {
    text-decoration: none;
}

/*---修正追加(2019-10-03)---*/
p.back_to_list a:before {
    font-family: "icomoon";
    content: '\e91a';
    font-size: .8em;
    display: inline-block;
    position: absolute;
    top: calc(50% - .45em);
    left: 5px;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    min-width: 1200px;
    position: relative;
/*---修正(2019-10-04)---*/
    /* height: 250px; */
    /* background: #eee; */
    /* overflow: hidden; */
}

.page_promo .txt_box_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
/*---修正追加(2019-10-04)---*/
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*---修正追加(2019-10-04)---*/
.page_promo .img_wrap {
    height: 250px;
	/* ↓画面専有率に上限を設ける (2020-11-01)mk */
    max-height: 40vh;
    position: relative;
    overflow: hidden;
	z-index: -1;
}

.page_promo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
}

.page_promo .txt_box {
    position: relative;
    text-align: center;
    width: 100%;
    /* font-family: "Noto Sans Japanese"; */
}

.page_promo .sub_ttl {
    
   font-size: 1.7rem;
    font-weight: bold;
    display: inline-block;
    /* background: #ccc; */
    /* padding: 3px 20px 3px; */
    margin-bottom: 5px;
}

/* ページスラッグに「index」が含まれる場合は「親と同名のページ」と見なして、親ページ名を非表示にする */
body[class*=page-index] .page_promo .sub_ttl {
    /* display: none; */
}

.page_promo .ttl {
    font-weight: bold;
   font-size: 3.0rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page_promo .slug {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索結果　一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.search_result {
    width: 600px;
    margin: 0 auto 15px;
}

ul.search_results {
    font-family: arial,sans-serif;
    max-width: 600px;
    margin: 0 auto;
}

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

ul.search_results .ttl a {
    color: #1a0dab;
   font-size: 1.8rem;
}

ul.search_results .url {
    color: #006621;
   font-size: 1.4rem;
}

ul.search_results .txt {
    color: #545454;
   font-size: 1.3rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li {
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 30px;
}

ul.post_archive li .area_a {
    width: 240px;
    float: right;
    margin-left: 15px;
}

ul.post_archive li .area_b {
    width: 100%;
}

ul.post_archive li .cat_wrap > * {
   font-size: 1.2rem;
    text-align: center;
    z-index: 1;
    min-width: 120px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
}

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

ul.post_archive li .cat_wrap a:hover {
    text-decoration: none;
    opacity: .8;
}

ul.post_archive li .img.img_container {
    padding-top: 180px;
}

ul.post_archive li .ttl {
   font-size: 1.8rem;
    margin-top: 5px;
    margin: 20px auto 10px;
    line-height: 1.4;
}

ul.post_archive li .ttl a {
    /* color: #333; */
    color: #151515;
    text-decoration: none;
}

ul.post_archive li .meta {
    margin-top: 8px;
    overflow: hidden;
}

ul.post_archive li .meta, ul.post_archive li .meta a {
    /* 2019-09-10 フォント大きく変更 */
    
font-size: 1.5rem;
    color: #7d7d7d;
}

ul.post_archive li .date {
    /* float: left; */
}

ul.post_archive li .tag {
    /* padding-left: 80px; */
}

ul.post_archive li .post_tags > * {
    display: inline-block;
    margin-bottom: 2px;
}

ul.post_archive li .post_tags > *:not(:last-child) {
    border-right: 1px solid #ccc;
    margin-right: 5px;
    padding-right: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「よくある質問」　＞　一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contents_more {
    display: block;
    text-align: right;
    margin-top: 1em;
}

.contents_more a {
    font-weight: bold;
}

.contents_more a:after {
    content: ' >>';
}

.contents_more a:hover {
    text-decoration: none;
    opacity: .8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「よくある質問」　＞　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.article_title_faq h1 {
    background-color: #f8f9fa;
    font-weight: bold;
    padding: 20px;
   font-size: 2.0rem;
	margin-bottom:15px;
}

.article_title_faq h1:before {
    content: 'Q. ';
}

.article_title_faq .q_from {
    display: block;
    text-align: right;
    font-size: .7em;
}

.single-faq .article_title_faq h1, .single-faq .answer_ttl {
    position: relative;
   font-size: 3.0rem;
    line-height: 1.4em;
    padding: 0.5em 0.5em 0.5em 2.1em!important;
    margin-bottom: 0.5em;
}

.single-faq .article_title_faq h1 {
    background: #eaf2ff;
    border-radius: 10px;
}

.single-faq .answer_ttl p {
    font-size: 0.8em;
    line-height: 1.4em;
}

.single-faq .article_title_faq h1:before, .single-faq .answer_ttl:before {
    display: block;
    position: absolute;
    left: 0.5em;
    line-height: 1.6em;
    width: 1.6em;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 0.8em
}

.single-faq .article_title_faq h1:before {
    content: 'Q';
    background: #8aaee4;
}

.single-faq .answer_ttl:before {
    content: 'A';
    background: #ff9194;
    top: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 全ウィジェット共通 */
#sub_area .side_menu_common {
    margin-top: 25px;
}

#sub_area aside:first-child .side_menu_common {
    margin-top: 0;
}

/* 見出し(サイドバー) */
#sub_area .menu_header {

    
   font-size: 1.7rem;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

#sub_area .menu_header, #sub_area .menu_header a, #sub_area .menu_header h2 {
    /* font-family: "Noto Sans Japanese"; */
    font-weight: bold;
}

#sub_area .menu_header a:hover {
    text-decoration: none;
}

/* ウィジェット全体(サイドバー＆SP) */
#sub_area .side_menu {
    background-color: #fff;
}

#sub_area .side_menu.widget_black_studio_tinymce {
    border: 0;
    padding: 0;
}

/* この外部ウィジェットは、バナー設置用に使用されることが多いため、白背景は邪魔 */
#sub_area .widget_black_studio_tinymce {
    background-color: transparent;
    border: 0;
}

/* その上で、画像にフェードをかけた時に透け過ぎないように背景には白を敷く */
#sub_area .widget_black_studio_tinymce a {
    display: block;
    background-color: #fff;
}

#sub_area .side_menu li {
    /* padding: 15px 10px 15px 5px; */
    border-bottom: 1px solid #ddd;
    position: relative;
}

#sub_area .side_menu ul {
    background: rgba(255, 255, 255, 0.6);
}

#sub_area .side_menu:not([class*="recent_entries2"]) li a:hover, #sub_area .side_menu:not([class*="recent_entries2"]) li.current-cat {
    background: #f0f0f0;
}

#sub_area .side_menu li li:last-child {
    border: 0;
}

#sub_area .side_menu li li:first-child {
    border-top: 1px solid #ddd;
    /* margin-top: 15px; */
}

#sub_area .side_menu li a {
    position: relative;
    display: block;
    /*padding: 12px 20px 12px 10px; 2020-12-07 take */
    padding: 15px 20px 15px 10px;
}

#sub_area .side_menu li a:hover {
    text-decoration: none;
}

#sub_area .side_menu li li:after {
    right: 0;
}

#sub_area .side_menu li ul {
    /* margin: 0 -5px -15px -5px; */
}

#sub_area .side_menu li ul li {
    /* padding: 10px 0 10px 1.5em; */
}

#sub_area .side_menu li ul li a {
    padding-left: 20px;
}

/*WordPress Popular Posts用*/
#sub_area .side_menu :not(.wpp-list) li a:after {
    /* font-family: FontAwesome; */
    /* content: '\f105'; */
    font-family: "icomoon";
    content: '\e917';
    font-size: 1.5em;
    position: absolute;
    right: 0;
    top: calc(50% - .5em);
    color: #aaa;
    line-height: 1;
}

#sub_area .side_menu .wpp-list li a {
    display: inline;
    padding: 0;
}

#sub_area .side_menu .wpp-list li {
    padding: 12px 5px;
}

.wpp-thumbnail {
    margin: 0 10px 0 0;
}

.side_menu.widget_archive .menu_header {
    margin-bottom: 10px;
}

.side_menu.widget_archive label {
    display: none;
}

.side_menu.widget_archive select {
    width: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　子メニューのインデント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .widget_categories ul ul li a {
    padding-left: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　リストマークが不要なウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .widget_recent_entries2 li:after, #sub_area .popular-posts li:after {
    content: '';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット(最近の投稿・サムネイル付き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .widget_recent_entries2 > ul > li {
    overflow: hidden;
    /*padding: 10px; 2020-12-07 take */
    padding: 15px;
}

#sub_area .widget_recent_entries2 > ul > li .txt_wrap {
    /*margin-left: 75px;*/
}

#sub_area .widget_recent_entries2 > ul > li img {
    /*height: auto;*/
    /*width: 25%;*/
    height: 70px;
    width: 70px;
    /*float: left;*/
    float: right;
    /*margin-right: .5em;*/
    margin-left: .5em;
    border-radius: 2px;
    object-fit: cover;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
    font-family: 'object-fit: cover;';
}

#sub_area .widget_recent_entries2 .post_ttl, #sub_area .widget_recent_entries2 > ul > li span.post-date {
    display: block;
}

#sub_area .widget_recent_entries2 .post_ttl {
}

#sub_area .widget_recent_entries2 > ul > li span.post-date {
   font-size: 1.0rem;
}

#sub_area .side_menu.widget_recent_entries2 > ul > li a {
    padding: 0;
}

#sub_area .side_menu.widget_recent_entries2 > ul > li a:after {
    content: '';
}

#sub_area .side_menu.widget_recent_entries2 .more_link {
    margin-top: 15px;
    text-align: center;
    border: 1px solid #ddd;
}

#sub_area .side_menu.widget_recent_entries2 .more_link a {
    display: block;
    padding: 15px;
   font-size: 1.4rem;
}

#sub_area .side_menu.widget_recent_entries2 .more_link a:hover {
    background: #eee;
    text-decoration: none;
}

#sub_area .cat_area span, #sub_area .cat_area a {
    padding: 3px 4px 2px;
   font-size: 1.0rem;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリータグ（メインカラム／サイドバー共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cat_area span, .cat_area a {
    display: inline-block;
    color: #fff;
    padding: 1px 5px;
    margin: 0px 2px 2px 0px;
    background: #333;
}

.cat_area a:hover {
    text-decoration: none;
}

.cat_area a[href*="category/news"] {
    background: #333;
}

.cat_area a[href*="category/blog"] {
    background: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー　＞　ウィジェット(カレンダー)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.widget_calendar caption {
    font-weight: bold;
    margin-bottom: 5px;
}

.widget_calendar table {
}

.widget_calendar table th, .widget_calendar table td {
    border: 1px solid #fff;
    padding: 3px 5px;
}

.widget_calendar table th {
    background: #ccc;
    font-weight: bold;
    text-align: center;
}

.widget_calendar table td {
    background: #eee;
    text-align: right;
   font-size: 1.2rem;
}

.widget_calendar table td#today {
    font-weight: bold;
    font-weight: normal;
    background: #ffc;
}

.widget_calendar a {
    color: #fff;
    display: inline-block;
    background: #888;
    border-radius: 50%;
    padding: 5px;
    line-height: 1;
}

.widget_calendar a:hover {
    background: #aaa;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スマホ用の表示切替
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#swich_to_pc {
    padding: 20px;
    text-align: center;
    background: #ccc;
    display: none;
    /* 暫定非表示 */
}

#swich_to_sp {
   font-size: 5.0rem;
    padding: 40px;
    text-align: center;
    background: #ccc;
    display: none;
    /* 暫定非表示 */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area .article_outer {
    margin-top: 1em;
}

#main_area > .article_outer:first-child {
    margin-top: 0;
}

#main_area .article_date_area {
    text-align: right;
    /* margin-bottom: 15px; */
    margin-bottom: 20px;
    padding: 0 10px;
   font-size: 1.4rem;
}

#main_area .article_meta_area {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    /* margin: 15px auto; */
    margin: 50px auto 40px;
}

#main_area .article_meta_area > * {
    display: inline;
    margin-left: 20px;
}

/* 修正2019-10-31tky */
#main_area .article_meta_area .cats:before {
    /* font-family: FontAwesome; */
    /* content: '\f07c'; */
    /* font-family: "icomoon"; */
    /* content: '\f07c'; */
    /* font-weight: bold; */
    /* margin-right: 5px; */
}

#main_area .article_meta_area .tags:before {
    content: '#';
   font-size: 1.4rem;
    font-weight: bold;
    margin-right: 5px;
}

#main_area .article_meta_area a {
    color: #3b3b3b;
   font-size: 1.4rem;
    margin-right: 10px;
}

#main_area .article_title.plain_type h1 {
    /* 2018-05-17修正 */
    
    /* 2019-06-23修正 */
    
   font-size: 2.9rem;
    line-height: 1.4;
    /* font-family: "Noto Sans Japanese"; */
    position: relative;
    /* 2018-05-17修正 */
    /* padding: 10px 0 30px; */
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-weight: bold;
}

#main_area .article_title.txt_type h1 {
    text-align: center;
   font-size: 2.6rem;
    line-height: 1.4;
    /* font-family: "Noto Sans Japanese"; */
    font-weight: bold;
    position: relative;
    margin: 20px auto 40px;
}

#main_area .article_title.img_type h1 {
    margin-bottom: 20px;
}

.page #main_area .article_title {
    /* display:none; */
}

.home #main_area .article_title {
    display: none;
}

.article_title span {
    /* タイトル内の改行タグを入れる場合影響するので無し 2021-03-01 take */
    /* display: inline-block; */
}

.article_title .term_ttl {
    border-left: 4px double #555;
    display: inline-block;
    margin-left: 20px;
    padding-left: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
シングルページ　＞　SNSボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
* + .sns_btns {
    margin-top: 2em;
}

.sns_btns + * {
    margin-top: 2em;
}

.sns_btn_wrap > li {
    display: inline-block;
    line-height: 1;
    margin: 0 0 5px 0;
}

.sns_btn_wrap .tw a {
    background: #55acee;
}

.sns_btn_wrap .fb a {
    background: #3c5a99;
}

.sns_btn_wrap .gp a {
    background: #dd4b39;
}

.sns_btn_wrap .hb a {
    background: #3c7dd1;
}

.sns_btn_wrap .po a {
    background: #ee4257;
}

.sns_btn_wrap .li a {
    background: #00c300;
}

.sns_btn_wrap .fe a {
    background: #87bd33;
}

/* ↓の記述が無いと、「fontello」のCSSに負けてしまう */
.sns_btn_wrap [class^="icon-"]:before {
    font-family: inherit;
    margin-left: 0;
}

.sns_btn_wrap a {
    color: #fff;
    padding: 3px 5px;
    background: #333;
   font-size: 1.2rem;
    border-radius: 3px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sns_btn_wrap.cubic a {
    padding: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.sns_btn_wrap :before {
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: normal;
}

.sns_btn_wrap.cubic :before {
    margin-right: 0;
   font-size: 2.0rem;
}

.sns_btn_wrap.cubic .text {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素　＞　汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.require,.any {
    /* color: red; */
    /* font-weight: bold; */
   font-size: 1.3rem;
    border-radius: 3px;
    padding: 3px 8px;
    margin: 0 13px 0 0;
    font-weight: normal;
    color: #fff;
}

.require {
    background: #d9534f;
}

.any {
    background: #78909C;
}

input, textarea, button {
    /* border: 1px solid #999; */
    /* padding: 10px; */
    margin-bottom: 5px;
    /* border-radius: 2px; */
    box-sizing: border-box;
    border: none;
    padding: 8px 12px;
}

select {
    padding: 5px;
}

input[type="file"] {
    border: 0;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"],/* forIE(IEでは入力欄が表示されるため) */
textarea {
    width: 100%;
	background: #f5f5f5;
}

input.w50 {
    width: 50px;
}

input.w70 {
    width: 70px;
}

input.w100 {
    width: 100px;
}

input.w150 {
    width: 150px;
}

input.w200 {
    width: 200px;
}

input.w7 {
    width: 7em;
}

input.zip {
    width: 9em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素　＞　チェックボックスのカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* デフォルトのパーツを非表示に */
.ipt_custom input[type*="radio"], .ipt_custom input[type*="checkbox"] {
    display: none;
}

.ipt_custom input[type*="radio"] + span, .ipt_custom input[type*="checkbox"] + span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 10px 10px 10px 40px;
    line-height: 1;
}

/* インプットの｢枠組み｣部分を作成 */
.ipt_custom input[type*="radio"] + span:before, .ipt_custom input[type*="checkbox"] + span:before {
    position: absolute;
    content: "";
    top: 0;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    border: 1px solid #aaa;
    background: #fff;
    box-sizing: border-box;
}

/* 上記の｢丸｣バージョン（[class*="exclusive"]はコンタクトフォームで付与されるクラス） */
.ipt_custom input[type*="radio"] + span:before, .ipt_custom [class*="exclusive"] input[type*="checkbox"] + span:before {
    border-radius: 50%;
}

/* チェックマーク部分 */
.ipt_custom input[type*="radio"]:checked + span:after, .ipt_custom input[type*="checkbox"]:checked + span:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 10px;
    width: 15px;
    height: 6px;
    margin-top: -7px;
    border-left: 4px solid #E71063;
    border-bottom: 4px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 上記の｢丸｣バージョン（[class*="exclusive"]はコンタクトフォームで付与されるクラス） */
.ipt_custom input[type*="radio"]:checked + span:after, .ipt_custom [class*="exclusive"] input[type*="checkbox"]:checked + span:after {
    left: 15px;
    top: 0;
    width: 10px;
    height: 10px;
    margin-top: 13px;
    border-radius: 50%;
    background: #E71063;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
シングルページ　＞　コメント欄
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 入力フォーム＋コメント表示部分 */
.comment_area {
}

/* 入力フォーム全体 */
*#respond {
    border: 1px solid #ccc;
    background: #ddd;
    padding: 15px;
}

/* お気軽に */
*#respond h3 {
    
   font-size: 1.7rem;
    margin-bottom: 5px;
}

/* 必須項目 */
*#respond .required {
    color: red;
    font-weight: bold;
}

/* 入力フォーム */
*#respond form > p {
    margin-top: 10px;
}

*#respond form > p:first-child {
    margin-top: 0;
}

*#respond [type="text"], *#respond textarea {
    width: 95%;
}

/* コメント入力フォームのラベル */
*#respond .comment-form-comment label {
    display: block;
}

/* コメント送信ボタン */
p.form-submit {
    text-align: center;
}

p.form-submit [type="submit"] {
    padding: 5px;
}

/* コメント表示部分全体 */
ol.comment-list {
    margin-bottom: 15px;
}

/* １コメント */
ol.comment-list>li {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin-top: 10px;
}

ol.comment-list>li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

/* 記事投稿者によるコメント */
.bypostauthor>* {
    background: rgb(255, 254, 224);
    padding: 10px 10px 10px 30px;
}

/* 「承認待ち」表示 */
em.comment-awaiting-moderation {
    color: red;
    background: pink;
}

/* サムネイルと名前のエリア */
.comment-author {
   font-size: 1.4rem;
    margin-bottom: 5px;
}

/* サムネイル画像 */
.comment-author img {
    width: 25px;
    height: auto;
}

/* 日付 */
.comment-meta {
    margin: 5px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(一覧／詳細共通部分)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 前後に隣り合う要素がある場合に限りマージンを確保 */
* + .paging_common {
    margin-top: 3em;
}

.paging_common + * {
    margin-top: 2em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送りを止めてローカルナビに変更（固定ページ）2020-09-27mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.local_navi3 {
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    background: #f0f0f0;
}

ul.local_navi3 > li {
    width: calc(50% - 10px);
    margin: 5px;
}

ul.local_navi3 > li > a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: inherit;
    border-width: 2px;
    border-style: solid;
    background-color: #fff;
    padding: 10px 50px;
    position: relative;
}

a.basic_btn02 {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 0 5px 25px;
}

ul.local_navi3 > li > a::before {
    font-family: "icomoon";
    content: '\e038';
    font-size: 1.8rem;
    line-height: 1;
    /* margin-right: .5em; */
    /* margin-left: -1.5em; */
    position: absolute;
    left: 20px;
    top: calc(50% - .5em);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup {
    margin-bottom: 1.5em;
}

.next_pickup a {
    background: #fff;
    border: 1px solid #e7e2db;
    display: table;
    margin: 0 auto;
    padding: 5px 20px;
    max-width: 900px;
    min-width: 400px;
    text-align: center;
    position: relative;
    line-height: 1.6;
    text-decoration: none;
    border-radius: 5px;
    color: inherit;
}


.next_pickup a:hover {
    border-color: #333;
    background: #fff;
    /* color: #333; */
    color: #151515;
}

.next_pickup a:before {
    content: '次のページ';
    display: block;
    font-size: .9em;
}

/*
.next_pickup a:after {
    font-family: "icomoon";
    content: '\e917';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.55em;
    line-height: 1;
    color: #fff;
    font-size: 2em;
}

.next_pickup a:hover:after {
    color: #333;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次へ][前へ])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_prev_wrap {
    display: flex;
    justify-content: center;
    padding-top: 0;
    position: relative;
}

.next_prev_wrap > * {
    margin: 0 25px;
}

/*
.next_prev_wrap:after {
    content: '';
    background: #ccc;
    width: 1px;
    height: 28px;
    position: absolute;
    left: 50%;
    top: 0px;
}
*/
.next_prev_wrap > p.single > * {
    line-height: 1.4;
    display: flex;
    color: #ccc;
    position: relative;
    display: inline-block;
}

.next_prev_wrap > p.next > * {
    padding: 0 10px 0 25px;
}

.next_prev_wrap > p.prev > * {
    padding: 0 25px 0 10px;
}

.next_prev_wrap > p.single > a {
    /* color: #333; */
    color: #151515;
    text-decoration: none;
}

.next_prev_wrap > p.single > a:before {
    content: '';
    height: 1px;
    width: 90%;
    background: #333;
    position: absolute;
    bottom: -3px;
    left: 5%;
}

.next_prev_wrap > p.single > a:hover:before {
    display: none;
}

.next_prev_wrap > p.single a:hover {
    text-decoration: none;
}

.next_prev_wrap > p.single > *:after {
    color: #ccc;
    /* font-family: FontAwesome; */
    font-family: "icomoon";
   font-size: 2.0rem;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    position: absolute;
}

.next_prev_wrap > p.single > a:after {
    color: #000;
}

.next_prev_wrap > p.next > *:after {
    content: '\e916';
    margin-right: 5px;
    left: 0;
}

.next_prev_wrap > p.prev > *:after {
    content: '\e917';
    margin-left: 5px;
    right: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　グローバルナビの固定（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_fixed_zone {
/*---変更(2019-10-03)---*/
    /* background: #fff; */
    width: 100%;
    z-index: 100;
}

#header_fixed_zone.fix_target {
    position: fixed;
    top: -100px;
    left: 0;
    z-index: 100;
    /* background: #fff; */
    width: 100%;
    transition: top .5s;
}

/* 印刷時はナビ固定は不要 */
@media print { 
	#header_fixed_zone.fix_target {
		display:none;
	}
}

#header_fixed_zone.fix_exe {
    top: 0;
}

body.admin-bar #header_fixed_zone.fix_exe {
    top: 32px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　トップへ戻る（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer_fixed_zone {
    position: fixed;
    right: 40px;
    bottom: -55px;
    z-index: 10;
    transition: all .6s cubic-bezier(.075,.82,.165,1) .1s;
}

.to_page_top a {
    display: flex;
    justify-content: center;
    align-items: center;
   font-size: 2.6rem;
    box-sizing: border-box;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    border-width: 2px;
    border-style: solid;
    background: rgba(255, 255, 255, .5);
    text-decoration: none;
}

.to_page_top a:hover {
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    padding: 30px 10px;
    display: none;
}

div#footer_info .logo {
    text-align: center;
}

div#footer_info .name {
    display: none;
}

div#footer_info .addr_wrap {
    margin-top: 15px;
    text-align: center;
}

div#footer_info .addr_wrap > *:not(:last-child) {
    margin-right: 20px;
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area .by{
	display: block;
    opacity: .5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「YARPP」（関連記事表示）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.related_posts {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.related_posts + * {
    margin-top: 2em;
}

.related_posts li {
    width: calc((100% - 80px) / 4);
    margin: 0 10px;
}

.related_posts .img {
    margin-bottom: 10px;
}

.related_posts .date {
    font-size: .8em;
    color: #777;
}

.related_posts .ttl {
    line-height: 1.4;
    margin-bottom: 5px;
}

.related_posts .ttl a {
   font-size: 1.4rem;
    /* color: #333; */
    color: #151515;
    text-decoration: none;
    font-weight: bold;
}

.related_posts .ttl a:hover {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「コンタクトフォーム」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 行を区切る (2020-06-01-take)*/
.form_table tr:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

.form_table th, .form_table td {
    /* border-top: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    padding: 15px 10px;
    
}

.form_table th {
    vertical-align: top;
    padding-right: 50px!important;
    padding-top: 23px;
}

#wpcf_comp_msg {
    background: #ffc;
    padding: 15px;
}

.wpcf7-list-item {
    display: block;
}

.content-form button,/* 「MTS Simple Booking C」の予約ボタン */
.wpcf7 input[type="submit"] {
    margin: 20px auto;
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
   font-size: 1.5rem;
    color: white;
    background: #37C65C;
}

.wpcf7 input[type="submit"].submit_disable {
    background: #ddd;
    /* color: #333; */
    color: #151515;
    border-radius: 0;
}

.wpcf7 select {
    border-radius: 5px;
}

.wpcf7 input,.wpcf7 span ,.wpcf7 textarea{
    border-radius:5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「コンタクトフォーム」　必須項目の表示をカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7-not-valid {
    /* background: #fee!important; */
    border-color: #da7a7a!important;
    background-color: #fdf2f2!important;
}

.wpcf7-not-valid .wpcf7-list-item-label:before {
    border-color: #da7a7a!important;
}

.wpcf7-checkbox {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォームセレクトのスタイルを各ブラウザで統一
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
select {
	border-radius: 5px;
	padding: 5px 1.5em 5px .75em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(images/form_arrow.svg) no-repeat right .4em top 50%/.65em auto #fff;
}

select::-ms-expand {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPプラグイン　＞　「WP-PAGE-NAVI」（一覧ページ用のページ送り）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-pagenavi {
    text-align: center;
    line-height: 1;
    width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    margin: 3px !important;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    /* color: #333; */
    color: #151515;
    background: #fafafa;
   font-size: 1.4rem;
}

.wp-pagenavi a:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}

.wp-pagenavi span.current {
    font-weight: bold;
    background: #333;
    color: #fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　Bxslider　＞　トップページのプロモスライダーに限ったカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページャー位置の調整 */
#promo_area .bx-wrapper .bx-pager {
    bottom: 10px!important;
}

#promo_area .bx-wrapper .bx-controls-direction a {
    width: 38px;
    height: 38px;
    background: transparent;
    box-shadow: none;
}

#promo_area .bx-controls-direction a:after {
    width: 24px;
    height: 24px;
}

#promo_area .bx-controls-direction a.bx-next:after {
    left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　Bxslider　（bxslider.cssの上書き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 読み込み時に全部の画像が表示されることを防ぐ */
.bxslider {
    position: relative;
}

.bxslider > * {
    position: absolute;
    top: 0;
}

/* bxslider本体のCSSが画像をブロック要素化している */
.bx-wrapper img {
    margin: 0 auto;
    /* スライド画像を中央寄せに */
}

/* スライダー下の余分な余白を削除 */
.bx-wrapper {
    margin: 0 auto!important;
}

/* スライダーの白い枠を削除 */
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    left: 0!important;
    background: transparent!important;
}

/* コントロール（「次へ」「前へ」）のカスタマイズ */
.bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 30px;
    display: block;
    background: rgba(255,255,255,0.6);
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #000;
    z-index: 1;
}

.bx-controls-direction a.bx-prev {
    left: 0px
}

.bx-controls-direction a.bx-next {
    right: 0px
}

.bx-controls-direction a:after {
    width: 8px;
    height: 8px;
    content: '';
    position: absolute;
    border-top: 3px solid rgba(0, 0, 0, 0.8);
    border-right: 3px solid rgba(0, 0, 0, 0.8);
    top: 10px;
}

.bx-controls-direction a.bx-prev:after {
    transform: rotate(-135deg);
    left: 12px;
}

.bx-controls-direction a.bx-next:after {
    transform: rotate(45deg);
    left: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　「Slick」（スライダー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-slider *:focus {
    outline: none;
}

.slick-dots li {
    margin: 0;
}

.slick-prev, .slick-next {
    background: rgba(255, 255, 255, .5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #333;
    text-align: center;
}

.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:hover, .slick-next:hover {
    background: rgba(255, 255, 255, .5);
}

.slick-prev:before, .slick-next:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0 solid #333;
    border-top-width: 2px;
    border-right-width: 2px;
    display: inline-block;
    position: relative;
    opacity: 1;
}

.slick-prev:before {
    transform: rotate(-135deg);
    left: 2px;
}

.slick-next:before {
    transform: rotate(45deg);
    right: 2px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　デートピッカー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ui-datepicker th {
    min-width: 0;
}

.ui-datepicker .sunday .ui-state-default {
    color: red;
}

.ui-datepicker .saturday .ui-state-default {
    color: blue;
}

.ui-datepicker .holiday .ui-state-default {
    color: red;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトマッププラグイン　＞　ps_auto_sitemap_business(2019-10-04)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sitemap_list li{
    background: none!important;
    
   font-size: 1.7rem!important;
	padding-bottom: 0px!important;
}

#sitemap_list li > a{
    background: none!important;
}

#sitemap_list li li{
   font-size: 1.5rem!important;
    margin: 3px 0 0 0!important;
}

#sitemap_list li li a:before{
	content: '・';	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WooCommerce　＞　アーカイブページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.woocommerce-page ul.products li img{
    width: 100%!important;
    height: 216px!important;
	object-fit: contain;
    /* IE対策（併せて「ofi.js」を読み込むことではじめて正しく機能する） */
	font-family: 'object-fit: contain;';
}