@charset "utf-8"; 
/*
エディター以外のPC&SP共通構造
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディング処理（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;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
flex
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.f_wrap {
    display: flex;
    flex-wrap: wrap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビの固定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header_fixed_zone {
    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 .2s;
}

#header_fixed_zone.fix_exe {
    top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アンカーリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.remove_uline a {
    color: #333;
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.sp[class*="voice"] ul.child_navi a[href*="voice"],
body.sp dl.type01 [class*="current"] > a,
body.sp dl.type01 dt,
a.basic_btn02,
.basic_list01 li:before,
ol.basic_list02 > li:after,
a.basic_color_font,
[class*="current"] .basic_color_font_cur,
[class*="current"] .basic_color_font_cur:hover,
.basic_color_font_bf:before,
.basic_color_font_af:after {
    color: orange;
}

body.sp dl.type01,
body.sp dl.type01 > dt .arrow,
h3[class*="h3a"],
h2[class*="h2a"],
.basic_box02,
.basic_list02 > li,
.basic_color_border,
.basic_color_border_bg:before,
.basic_color_border_af:after {
    border-color: orange;
}

body.sp dl.type01 dd > ul:before,
a.basic_btn01,
h3[class*="h3b"],
ol.basic_list02 > li:before,
.basic_color_bg,
.basic_color_bg_bf:before,
.basic_color_bg_af:after {
    background-color: orange;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
マーカー風
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
em {
    background: linear-gradient(transparent 60%, #ffee00 60%) no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 時間指定のフォームのみ表示され、日付指定フォームで表示されない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;
}

.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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
タグクラウド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tagcloud {
    margin: 15px -2.5px -5px;
    display: flex;
    flex-wrap: wrap;
}

.tagcloud a {
    margin: 0 2.5px 5px;
    width: calc(50% - 5px);
    font-size: 13px!important;
    border: 1px solid #121b33;
    padding: 6px 8px 4px;
    border-radius: 5px;
    text-align: center;
}

.tagcloud a span.tag-link-count {
    display: inline-block;
    margin-left: 3px;
}

.tagcloud a:hover {
    text-decoration: none;
    background: #121b33;
    color: #fff;
}

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

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_frame {
}

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

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

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
縦書き（汎用クラス）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
詳細ページから一覧ページへ戻るためのリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.back_to_list:before {
    /* content: '\f104'; */
    /* font-family: FontAwesome; */
    font-family: "icomoon";
    content: '\e916';
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: middle;
    line-height: 1;
}

p.back_to_list a {
    font-size: 14px;
    text-decoration: underline;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    padding: 15px 0;
    background-color: #ddd;
}

.tweet_area .txt_wrap {
    margin: 0 auto;
    font-size: 16px;
    max-width: 1200px;
    display: table;
}

.tweet_area a {
    text-decoration: underline;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Slickスライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローディングアイコン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.loading_wrap {
    min-height: 150px;
    position: relative;
}

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

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

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .txt_box_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.page_promo {
    height: 250px;
    background: #eee;
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

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

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

.page_promo img {
    max-width: none;
}

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

/* [index]というスラッグのページは親ページ名を表示させない */
.page-index .page_promo .sub_ttl {
    display:none;
}

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

.page_promo .slug {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
関連記事(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: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索結果一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
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: 18px;
}

ul.search_results .url {
    color: #006621;
    font-size: 14px;
}

ul.search_results .txt {
    color: #545454;
    font-size: 13px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索ウィジェット（検索結果ページ上部）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.search_result {
    width: 600px;
    margin: 0 auto 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
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: 20px;
    color: #a6a6a6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
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: 10px;
}

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

ul.post_archive li .cat_wrap > * {
    font-size: 12px;
    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: 18px;
    margin-top: 5px;
    margin: 20px auto 10px;
    line-height: 1.4;
}

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

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

ul.post_archive li .meta, ul.post_archive li .meta a {
    font-size: 13px;
    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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事下のお問い合わせバナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_bnrs > div:first-child {
    margin-bottom: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FAQ詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-faq .article_title_faq h1, .single-faq .answer_ttl {
    position: relative;
    font-size: 30px;
    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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ内の「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「ギャラリー」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.gallery {
    overflow: hidden;
    margin-top: 15px;
}

ul.gallery li {
    float: left;
}

ul.gallery li:hover {
    opacity: .8;
}

ul.gallery li img {
    padding: 3px;
    box-sizing: border-box;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アーカイブページ（カテゴリー一覧）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cat_area_wrap {
    padding: 17px 15px 10px;
    border: 1px solid;
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
}

.cat_area_wrap .title {
    position: absolute;
    background: #fff;
    line-height: 1;
    top: -0.5em;
    padding: 0 10px;
    font-size: 14px;
}

.cat_area_wrap .cat_area span, .cat_area_wrap .cat_area a {
    margin: 0px 5px 5px 0px;
    line-height: 1;
    padding: 6px 8px 4px;
    border-radius: 3px;
}

.cat_area_wrap .cat_area a:hover {
    opacity: .8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー固定によるページ内アンカーのズレを修正する（JSで行なう仕様に変更2017-02-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_area h2, .editor_area h3 {
    /*position: relative;*/
}

.editor_area a[id] {
    /*position: absolute;*/
    /*top: -90px;*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（注目のメニュー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_wrap li.pickup > a:before {
    display: block;
    position: absolute;
    top: -9px;
    left: 10px;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    padding: 3px 5px;
    font-weight: bold;
    text-align: center;
    content: "注目";
    background: #FFD25B;
    color: #1F57FF;
}

#h_navi_wrap li.pickup > a:after {
    top: 9px;
    left: 28px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-width: 5px;
    margin-left: -5px;
    border-top-color: #ffd25b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.btn a:hover {
    opacity: .8;
}

.rel, .relative {
    position: relative;
}

[class*="biggerlink"] {
    transition: opacity .3s linear;
}

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

/* ■ボタン */
[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;
}

.m_btm10 {
    margin-bottom: 10px;
}

.m_btm15 {
    margin-bottom: 15px;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.simple_link {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 20px 5px 0;
}

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

a.simple_link:after {
    /* font-family: FontAwesome; */
    /* content: '\f138'; */
    font-family: "icomoon";
    content: '\e917';
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.55em;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.more_link {
    text-align: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(バナーBOX)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
.bnr_box li .thumb {
	margin-bottom: 10px;

}
.bnr_box li .title {
	font-size:18px;
	margin-bottom: 5px;
	text-align:center;
	line-height: 1;
}
.bnr_box li {
	border:1px solid #ddd;
	padding:10px;
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インラインフレームの縦横比を固定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*#sub_area .i_wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 10px;
}

*#sub_area .i_wrap>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー(アクセス情報)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#side_info {
    border-width: 1px;
    border-style: solid;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #ddd;
    border-right-color: #ddd;
    padding: 14px;
    background: #fff;
}

#side_info .corp {
    font-weight: bold;
    font-size: 1.2em;
}

#side_info .logo, #side_info .mail {
    text-align: center;
}

#side_info .logo {
    margin-bottom: 10px;
}

#side_info .logo img {
    /*width:70%;*/
}

#side_info .map {
    margin-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: 16px;
    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;
}

#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 .popular-posts {
    counter-reset: wpp-ranking;
}

#sub_area .popular-posts > ul > li, #sub_area .popular-posts > div > ul > li {
    position: relative;
}

#sub_area .popular-posts ul li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 12px;
    left: 5px;
    background: #333;
    padding: 3px;
    line-height: 1;
    font-family: sans-serif;
    margin: 0;
    text-align: center;
    font-weight: bold;
    width: 15px;
    height: 15px;
    z-index: 1;
}

#sub_area .popular-posts ul li:nth-child(1):before {
    background: #debc32;
}

#sub_area .popular-posts ul li:nth-child(2):before {
    background: #97b0c0;
}

#sub_area .popular-posts ul li:nth-child(3):before {
    background: #b66c18;
}

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

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

#sub_area .widget_recent_entries2 > ul > li img {
    height: auto;
    width: 25%;
    /*float: left;*/
    float: right;
    /*margin-right: .5em;*/
    margin-left: .5em;
    border-radius: 2px;
}

#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: 10px;
}

#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: 14px;
}

#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: 10px;
    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: 12px;
}

.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: 50px;
    padding: 40px;
    text-align: center;
    background: #ccc;
    display: none;
    /* 暫定非表示 */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼▼投稿一覧スタイルここから

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブロックタイプの一覧リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.block-type {
    margin: -1%;
}

.block-type > li {
    float: left;
    width: 46%;
    margin: 2%;
}

/* ■サムネイル画像の余白カット */
.block-type li .thumb {
    margin: -11px -11px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「liquid」リキッドレイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■リキッドベース（初期固定値50px） */
.liquid li {
    overflow: hidden;
}

.liquid li .thumb_area {
    overflow: hidden;
    float: left;
    background: #ddd;
    text-align: center;
    width: 50px;
    height: 50px;
}

.liquid li .thumb_area img {
    /*height:auto;*/
}

.liquid li .txt_area {
    padding-left: 60px;
}

/* ■サイズ拡張（固定値75px） */
.liq75 li .thumb_area {
    width: 75px;
    height: 75px;
}

.liq75 li .txt_area {
    padding-left: 85px;
}

/* ■サイズ拡張（固定値100px） */
.liq100 li .thumb_area {
    width: 100px;
    height: 100px;
}

.liq100 li .txt_area {
    padding-left: 110px;
}

/* ■サイズ拡張（固定値150px） */
.liq150 li .thumb_area {
    width: 150px;
    height: 150px;
}

.liq150 li .txt_area {
    padding-left: 170px;
}

/* ■「テキスト」形式の「NO IMAGE」 */
.thumb_area > .plain_type {
    position: relative;
    height: 100%;
}

.thumb_area > .plain_type > span {
    color: #888;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
}

.liq50 .thumb_area > .plain_type > span {
    margin-left: -2.5em;
    margin-top: -1em;
    font-size: 11px;
}

.liq75 .thumb_area > .plain_type > span {
    margin-left: -2.5em;
    margin-top: -1em;
}

.liq100 .thumb_area > .plain_type > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}

.liq150 .thumb_area > .plain_type > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}

/* ■「日付」形式の「NO IMAGE」 */
.thumb_area > .date_type {
    color: #FFF;
    font-family: helvetica;
}

.thumb_area > .date_type > span {
    display: block;
}

.thumb_area .month {
    background: #8CA3AB;
    font-size: 12px;
    line-height: 20px;
}

.thumb_area .day {
    background: #C3C3C3;
    font-size: 20px;
    line-height: 30px;
}

.liq100 .thumb_area .month {
    font-size: 16px;
    line-height: 40px;
}

.liq100 .thumb_area .day {
    font-size: 30px;
    line-height: 60px;
}

.liq150 .thumb_area .month {
    font-size: 20px;
    line-height: 50px;
}

.liq150 .thumb_area .day {
    font-size: 40px;
    line-height: 100px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェットのLI要素への汎用的な装飾
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.li_style01 li {
    border-top: 1px dashed #ccc;
    padding: 15px 10px;
}

.li_style01 li:first-child {
    border-top: 0;
}

.li_style02 li {
    border-top: 1px dashed #ccc;
    padding: 5px;
}

.li_style02 li:first-child {
    border-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（「日付」「タイトル」「本文」などで構成される）（横長タイプ／キューブタイプ共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リスト項目 */
.post_list li {
    overflow: hidden;
    margin-bottom: 10px;
}

/* リスト内の行間を矯正する */
.font_m .post_list p {
    /*line-height: 1.4;*/
    line-height: 1.5;
}

/* コンテンツ部分（タイトル） */
.post_list li .title {
}

.post_list li .title a {
    text-decoration: underline!important;
    color: #058ad7!important;
}

.post_list li .title a:hover {
    text-decoration: none!important;
}

/* META */
.post_list p.meta {
    font-size: 14px;
}

/* 場所 */
.post_list .place:before {
    font-family: FontAwesome;
    content: '\f041';
    font-size: 1.3em;
    color: #8eb738;
    margin: 0 5px;
}

/* 日付 */
.post_list p.date {
    color: #aaa;
    display: inline-block;
}

/* カテゴリー */
.post_list p.cat {
    display: inline-block;
}

.post_list p.cat > span {
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    background-color: #333;
}

/* 画像 */
.post_list li .thumb {
    /*margin-bottom: 10px;*/
    text-align: center;
    height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（横長タイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツ部分（タイトル） */
.post_list.horizontal li .title {
    margin-bottom: 10px;
}

.post_list.horizontal li .title a {
    font-size: 22px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（キューブタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post_list.cubic li {
    position: relative;
    padding-bottom: 20px;
}

.post_list.cubic li .title a {
    font-size: 16px;
    color: #0068b7;
    text-decoration: underline;
}

.post_list.cubic p.date {
    font-size: 10px;
    position: absolute;
    bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▲▲▲▲投稿一覧スタイルここまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area .article_outer {
    margin-top: 1em;
}

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

#main_area .articleDate_area {
    text-align: right;
    margin-bottom: 15px;
    padding: 0 10px;
    font-size: 14px;
}

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

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

#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-weight: bold;
    margin-right: 5px;
}

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

#main_area .article_title.plain_type h1 {
    /* 2018-05-17修正 */
    /* font-size: 26px; */
    font-size: 24px;
    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: 26px;
    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 {
    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: 12px;
    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: 20px;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン（旧バージョン）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp_social_bookmarking_light_clear {
    display: none;
    /* 不要な空白行が出来るため */
}

.wp_social_bookmarking_light:after {
    content: "";
    display: block;
    clear: both;
}

div.wp_social_bookmarking_light {
    zoom:1;/* for IE */
    padding: 0!important;
    margin-top: 2em!important;
}

.wp_social_bookmarking_light iframe {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

/* Google+ボタンの幅調整 */
.wsbl_google_plus_one, #___plusone_0, #___plusone_1, #___plusone_2 {
    width: 58px !important;
}

/* Pocketボタンの幅調整 */
.pocket-btn, .pocket-btn iframe {
    width: 86px !important;
    margin: 0 !important;
}

/* Twitterボタンの幅調整 */
.wsbl_twitter {
    width: 75px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(コンタクトフォーム)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.form_table th, .form_table td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
    /* font-size: 14px; */
}

#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: 15px;
    color: white;
    background: #37C65C;
}

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

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

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

.wpcf7-checkbox {
    display: block;
}

/* 「残りの必須項目数」表示欄 */
/*
div#validates-info {
    position: fixed;
    top: 10px;
    right: 5px;
    background: #f00;
    padding: 10px;
    z-index: 1000;
    font-size: 1.5em;
    color:#fff;
    box-shadow: 0px 0px 10px 0px #fff;
}
div.validates-comp {
    background: #37C65C!important;
}
div#validates-info span{
	font-size: 1.5em;
	margin: 0 5px;
	color:#fff;
}
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.require {
    color: red;
    font-weight: bold;
}

input, textarea {
    border: 1px solid #999;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 2px;
    box-sizing: border-box;
}

input[type="date"], select {
    padding: 5px;
    margin: 0 0 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%;
}

input.w50 {
    width: 50px;
}

input.w70 {
    width: 70px;
}

input.w100 {
    width: 100px;
}

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: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    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;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    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: 16px;
    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: 14px;
    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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
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;
    background: #fafafa;
    font-size: 14px;
}

.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;
}

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

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

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

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

.next_pickup a:after {
    /* content: '\f105'; */
    /* font-family: FontAwesome; */
    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;
    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: 20px;
    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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#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: 26px;
    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#side_form {
    border: 2px solid #b5b5b5;
    background: #fff;
    padding: 10px;
    text-align: center;
}

div#side_form img {
    margin-bottom: 10px;
}

div#side_form [type="submit"] {
    margin: 10px auto;
    background: #1c97d5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン(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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
縦横のサイズ固定のボックス内にある画像について、比率を保ったまま縦横中央揃え＆トリミングして表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.img_container {
    position: relative;
    /*  */
    padding-top: 66.6666%;
    /* パーセントで指定すると、ボックスの横幅に対する比率になる（画像の「高さ」） */
    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%);
    max-width: none;
    height: 115%!important;
    /* 画像の高さを画像コンテナの高さに収める（4:3画像がアップされた場合に隙間が空かない様に考慮し、15%のゆとりを持たせる） */
    width: auto;
}

.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;
}

/*
エディタ＆表示側　両方から参照するCSS
(エディタ上で表示する可能性がある内容は全てここに記述)
*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ－エリア内の画像に下余白をつける（トップページ以外）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) .editor_area img {
    margin-bottom: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
UL2列（線有り）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.col2.line li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
多数列リスト（構造のみを定義）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2列リスト */
.col2 {
    margin-left: -4%;
    display: flex;
    flex-wrap: wrap;
}

.col2 li {
    width: 46%;
    margin-left: 4%;
}

/* 3列リスト */
.col3 {
    margin-left: -1%;
    margin-right: -1%;
}

.col3 li {
    float: left;
    width: 32%;
    margin-left: 1%;
}

/* 4列リスト */
.col4 {
    margin-left: -1%;
}

.col4 li {
    float: left;
    width: 24%;
    margin-left: 1%;
}

/* 5列リスト */
.col5 {
    margin-left: -1%;
}

.col5 li {
    float: left;
    width: 19%;
    margin-left: 1%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* エディタ内リストの初期化 */
.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: 16px;
    line-height: 1.8;
    word-break: normal;
    /* 区切りのない英語文章でも改行される様にする */
}

.font_m input, .font_m textarea {
    font-size: 16px;
}

/* リストやテーブルセルは、項目としてのまとまり感を出すために行間を詰める */
.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;
}

/*
行間を削る
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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
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: 12px;
}

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

.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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リスト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;
    position: relative;
}

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

dl.faq > dt .arrow {
    float: right;
    font-size: 1.5em;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.5em;
}

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

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

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

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出しと見なされる要素の行間を詰める */
[class*="ttl"], [class*="header"] {
    line-height: 1.4;
}

/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-size: 28px;
    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: 20px;
    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.hr01 {
    border: none;
    border-top: 1px dashed #aaa;
}

.editor_area hr {
    border: none;
    border-top: 1px solid #ccc;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル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: 60px;
    color: #C9C9C9;
    line-height: 1;
}

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト（画像形式）用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol.numtype01 > li:before {
    content: ''!important;
}

ol.numtype01 li {
    background-size: 1.2em auto;
}

ol.numtype01 li:nth-child(1) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_1.png");
}

ol.numtype01 li:nth-child(2) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_2.png");
}

ol.numtype01 li:nth-child(3) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_3.png");
}

ol.numtype01 li:nth-child(4) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_4.png");
}

ol.numtype01 li:nth-child(5) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_5.png");
}

ol.numtype01 li:nth-child(6) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_6.png");
}

ol.numtype01 li:nth-child(7) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_7.png");
}

ol.numtype01 li:nth-child(8) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_8.png");
}

ol.numtype01 li:nth-child(9) {
    background-image: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/li/count/01_9.png");
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト「手板風背景」用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.bg_type01 {
    background: url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/bg01_btm.png") no-repeat 50% 100%, url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/bg01_top.png") no-repeat 50% 0%, url("http://localhost/yaneshima/wp-content/themes/cyber/./parts/images/bg01_mid.png") repeat-y 50% 0%;
    background-size: contain;
    padding: 85px 5% 30px!important;
    position: relative;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
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: 16px;
}

/* 大サイズ指定されたリスト */
.large > li {
    font-size: 22px;
    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;
    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;
}

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

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

/* 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: 20px;
    margin-bottom: 20px;
}

/* 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: 30px;
    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: 28px;
    font-family: Arial;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ専用のガイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editor_only .guide01:before {
    display: block;
    background: pink;
    padding: 2px;
    font-size: 14px;
    text-align: center;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デバイスによって表示／非表示を切り替える
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editor_only .only_sp:before {
    content: 'スマホのみ表示';
    font-size: 12px;
    color: red;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_only .container00:before {
    content: '2列エリア';
}

.container00 > * {
    float: right;
}

.container00 > *:first-child {
    float: left;
}

.lr_reverse > * {
    float: left;
}

.lr_reverse > *:first-child {
    float: right;
}

.one_column .container00 > * {
    width: calc(50% - 20px);
}

.multi_column .container00 > * {
    width: calc(50% - 10px);
}

.container00.col_37 > *:first-child {
    width: 30%;
}

.one_column .col_37 > * {
    width: calc(70% - 40px);
}

.multi_column .col_37 > * {
    width: calc(70% - 20px);
}

.container00.col_73 > * {
    width: 30%;
}

.one_column .col_73 > *:first-child {
    width: calc(70% - 40px);
}

.multi_column .col_73 > *:first-child {
    width: calc(70% - 20px);
}

.container00.col_28 > *:first-child {
    width: 20%;
}

.one_column .col_28 > * {
    width: calc(80% - 40px);
}

.multi_column .col_28 > * {
    width: calc(80% - 20px);
}

.container00.col_82 > * {
    width: 20%;
}

.one_column .col_82 > *:first-child {
    width: calc(80% - 40px);
}

.multi_column .col_82 > *:first-child {
    width: calc(80% - 20px);
}

.container00.col_46 > *:first-child {
    width: 40%;
}

.one_column .col_46 > * {
    width: calc(60% - 40px);
}

.multi_column .col_46 > * {
    width: calc(60% - 20px);
}

.container00.col_64 > * {
    width: 40%;
}

.one_column .col_64 > *:first-child {
    width: calc(60% - 40px);
}

.multi_column .col_64 > *:first-child {
    width: calc(60% - 20px);
}

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

.container01 > * {
    float: left;
}

.one_column .container01 > * {
    /*width:calc((100% - 100px) / 3);*/
    width: calc((100% - 100px) * 0.333);
    margin-left: 50px;
}

.multi_column .container01 > * {
    /*width:calc((100% - 50px) / 3);*/
    width: calc((100% - 50px) * 0.333);
    margin-left: 25px;
}

.container01 > *:first-child {
    margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editor_only .container02:before {
    content: '4列エリア';
}

.container02 > * {
    float: right;
    width: 49%;
    width: calc(50% - 10px);
}

.container02 > *:first-child {
    float: left;
}

.container02 > * > * {
    float: right;
    width: 48%;
    width: calc(50% - 10px);
}

.container02 > * > *:first-child {
    float: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #f3eedb;
    padding: 20px 30px;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    position: relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 17px 30px 17px 20px;
    color: #FFF;
    font-size: 18px;
    min-width: 300px;
    text-align: center;
}

[class*=container] a.basic_btn01 {
    min-width: 0;
}

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: -.55em;
    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: 18px;
    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: 13px;
    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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページのプロモスライダーに限ったカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページャー位置の調整 */
#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;
}