@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed'); 
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン（2024-06-12）wi
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 上の日付 */
#booking-package .calendarData {
	font-weight: bold;
}

/* カレンダー　日付選択　曜日 */
#booking-package .calendar .week_slot {
    font-weight: bold;
}
#booking-package .calendar .week_slot.sun {
    color: #ff3f3f;
}
#booking-package .calendar .week_slot.sat {
    color: #2b71fd;
}

/* カレンダー　＞　「休日」の色変更 */
#booking-package_calendarPage div.holidayPanel {
    background-color: #eeeeee!important;
}

/* ボタン（全フェーズ共通） */
#booking-package .bottomBarPanel {
    text-align: center;
}
#booking-package button {
    font-weight: bold!important;
    min-width: 150px;
    border-radius: 4px;
    transition: .3s;
}
#booking-package button:hover {
    opacity: .8;
}
/* 予約するボタン */
#booking-package button.book_now_button {
    background: var(--company-color,#222);
    padding: 15px 20px;
    color: #fff;
}
/* 戻るボタン */
#booking-package button[class*="return"] {
    background: #f1f1f1;
    width: 140px!important;
    color: #717171;
    border: 1px solid #d0d0d0;
    font-size: 15px;
}

/* 個人情報入力画面にてタイトルの文字を太くする */
#booking-package .row div:first-of-type {
    font-weight: bold!important;
}
/* 個人情報入力画面（「大人」「子供」「幼児」「車」入力欄） */
#booking-package_inputFormPanel {
    margin-bottom: 3em;
}

#booking-package_inputFormPanel .row:has(:is([id*=adult],[id*=child],[id*=infant],[id*=car])){
    width: 25%;
	float:left;
}

#booking-package_inputFormPanel input:is([id*=adult],[id*=child],[id*=infant],[id*=car]){
    width: 60px;
    text-align: right;
}
/* ------------ デザイン追加修正 ------------ */

/* 「次の週」「前の週」ボタン */
:is(#previous_available_day_button,#next_available_day_button){
	display: none!important;
}

/* 日付選択（カレンダーで選択後） */
#booking-package_schedulePage .selectable_day_slot {
    flex-direction: row-reverse;
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::before {
    content:'(';
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::after {
    content:')';
}
#booking-package_schedulePage .selectable_day_slot>*:last-child::after {
    content:'日';
}

/* サービス・時間選択 */
#booking-package .service_details > span::after,
#booking-package .selectable_time_slot:not(.closed) span.timeSlot::after{
    font-family: 'icomoon';
    content: '\e917';
    font-size:1.3em;
    font-weight:bold;
    margin-left: 2px;
    vertical-align: -3px;
}
#booking-package .selectable_time_slot.closed span.timeSlot::after{
    content: '予約不可';
    margin-left: 5px;
}

/* 個人情報入力画面（「個人情報」という表現が相応しくないと先方から指摘があり変更・翻訳プラグインは上手く動作しなかったためCSSで変更）2024-06-12wi */
#booking-package_inputFormPanel:not(.booking_completed_panel)::before {
    content: '予約内容の入力（＊は入力必須）';
    padding: 10px 0;
    text-align: center;
    font-size: 1.4em;
    border-bottom: 1px solid #ddd;
    display: block;
	font-weight: bold;
}

#booking-package_inputFormPanel:not(.booking_completed_panel) #reservationHeader {
    display: none;
}

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

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

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

.calendar-mark {
    color: #aaa;
}

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

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

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

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

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

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

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

.xo-event-calendar table.xo-month .month-dayname td div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

table.month-dayname {
    height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .side_menu li a:hover {
    background: #f5f5f5;
}

div#tag_cloud-2 .tagcloud {
    margin-top:10px;
}

div#tag_cloud-2 .tagcloud a {
    font-size: 12px!important;
    padding: 5px 6px;
    border-radius: 5px;
    display:  inline-block;
    margin: 0 0 5px 0;
    text-align:  center;
    background: #f5f5f5;
}

div#tag_cloud-2 .tagcloud a:hover{
    text-decoration:none;
    background:#5589c3;
    color:#fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_area {
    font-family: Verdana;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プラグイン：YourChannel
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.yrc-item-small .yrc-name-date .yrc-video-date {
    display: none;
}

.yrc-item-meta.pb-inline {
    margin-top: 0.2em;
    font-size: 14px;
    font-family: "Noto Sans Japanese";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
詳細ページから一覧ページへ戻るためのリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.back_to_list a {
    font-size: 14px;
    text-decoration: underline;
}

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

p.back_to_list a:before {
    content: '\f104';
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: -2px;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.child_navi {
    background: #116cc7;
    text-align: left;
    padding: 30px 25px 25px;
    min-height: 100px;
    margin-top: 20px;
}

ul.child_navi li {
    margin-bottom: 5px;
}

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

ul.child_navi li a {
    border-radius: 5px;
    color: aliceblue;
    font-weight: bold;
    padding: 6px 15px 6px 35px;
    font-size: 20px;
}

ul.child_navi li[class*='current'] a, ul.child_navi li:hover a {
    background: #fff;
    color: #116cc7;
}

ul.child_navi li a:before {
    font-size: 16px;
    font-weight: normal;
    background: #091c2f;
    top: 11px;
    left: 10px;
}

ul.child_navi li[class*='current'] a:before, ul.child_navi li:hover a:before {
    background: #091c2f;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    padding: 16px 0;
    /* background: rgba(0,0,0,0.8); */
    color: #fff;
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#091c2f+0,06121e+100 */
background: #091c2f; /* Old browsers */
background: -moz-linear-gradient(top, #091c2f 0%, #06121e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #091c2f 0%,#06121e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #091c2f 0%,#06121e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091c2f', endColorstr='#06121e',GradientType=0 ); /* IE6-9 */

}

.tweet_area .txt {
    margin: 0 auto;
    font-size: 16px;
    max-width: 1100px;
    /* display: table; */
    display: block;
    padding-left: 100px;
    position: relative;
    vertical-align: middle;
}

.tweet_area .txt:before {
    content: "NEWS";
    position: absolute;
    left: 0;
    top: -21px;
    background: #0261c1;
    font-family: "Roboto Condensed";
    font-style: italic;
    padding: 0 13px;
    font-size: 18px;
    height: calc(100% + 42px);
    display: flex;
    align-items: center;
}

.tweet_area a {
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo2 {
    /* height: 300px; */
    height: 200px;
    border-bottom: 1px solid #ddd;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
中ページ＞ナビゲーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo2 .txt_box {
    text-align: left;
    padding-left: 110px;
    width: 1100px;
}

.page_promo2 .txt_box:before {
    content: "";
    position: absolute;
    background: no-repeat 100% 50% / auto 100%;
    left: 0;
    top: 50%;
    margin-top: -45px;
    width: 90px;
    height: 90px;
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon05.svg);
}

[class*="page-maintenance"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon01.svg);
}

[class*="page-coating"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon03.svg);
}

[class*="page-bankin"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon02.svg);
}

[class*="page-abs"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon04.svg);
	background-size: 100% auto;
}

[class*="page-company"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon06.svg);
}

[class*="post"] .page_promo2 .txt_box:before {
    background-image: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/svg/menu_icon07.svg);
}

.page_promo2 .ttl {
    font-size: 36px;
    font-family: "Noto Sans Japanese";
    color: #091c2f;
    font-weight: bold;
}

.page_promo2 .sub_ttl {
    font-size: 18px;
    padding: 0 0 14px;
    position: relative;
    background: inherit;
    color: #000;
    margin-bottom: 5px;
}

.page-index .page_promo2 .sub_ttl {
    display: none;
}

.page_promo2 .sub_ttl:after {
    content: '';
    width: 83px;
    height: 2px;
    background: #0261c1;
    position: absolute;
    left: 0px;
    bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン01,02*/
a.btn01 {
    font-family: "Noto Sans Japanese";
    background: url("https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/contact_ttl_bg.jpg");
    padding: 16px 50px;
}

a.btn02:before {
    color: #0261c1;
}

/*テーブル・ボックス*/
.table01 th {
    background: #d6ebff;
}

.table01 th, .table01 td {
    border: 1px solid #9bcae8;
}

.box01 {
    background: #effed9;
}

/*h2a*/
h2[class*="h2a"] {
    font-family: "Noto Sans Japanese";
    background: #ffffff;
    /* border-top:  3px solid; */
    border-left: 6px solid #0261c1;
    padding: 5px 0px 10px 20px;
    position: relative;
    color: #091c2f;
    font-weight: bold;
}

/*h2b*/
h2[class*="h2b"] {
    font-size: 30px;
    font-family: "Noto Sans Japanese";
    text-align: center;
    font-weight: bold;
    border: 1px solid #091c2f;
    color: #091c2f;
    padding: 25px 15px;
    margin-bottom: 1em;
}

/*h3a*/
h3[class*="h3a"] {
    background: #091c2f;
    font-family: "Noto Sans Japanese";
    color: #ffffff;
    padding: 8px 15px 9px;
    /* border-bottom: 2px solid #0261c1; */
}

/*faq*/
dl.faq > dt {
    background-color: #ffffff;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background-color: #eef7ff;
    transition: linear 0.2s
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-index h2.common_ttl, div#contact_area h2 {
    display: table;
    margin: 0 auto;
    font-family: "Noto Sans Japanese";
    font-size: 36px;
    font-weight: bold;
    color: #091c2f;
    padding-bottom: 26px;
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/common_ttl_after.png) no-repeat center bottom/186px;
    margin-bottom: 20px;
    min-width: 186px;
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞セクション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section_wrap {
    padding: 50px 0;
}

div#home_blog .lead, div#home_service .lead {
    text-align: center;
    font-family: "Noto Sans Japanese";
    margin-bottom: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞あいさつ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_message {
    padding: 0 0 170px;
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/message_img03.jpg) no-repeat center bottom;
}

div#home_message .logo_area {
    margin: 20px 0;
    text-align: center;
}
div#home_message .logo_area p {
    display: inline-block;
}


div#home_message .message_area {
    margin-bottom: 25px;
}

div#home_message .message_area .left {
    width: 302px;
}

div#home_message .message_area .right {
    width: 776px;
}

div#home_message .message_area .right h2 {
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 5px;
    color: #000;
}

div#home_message .message_area .right .txt {
    font-family: "Noto Sans Japanese";
}

div#home_message .slide {
    /* width: 2000px; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞ブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_blog {
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/blog_bg.jpg) no-repeat center bottom;
    background-color: #eceefa;
}

div#home_blog .common_ttl:before {
    content: "";
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/blog_ttl_before.png);
    width: 35px;
    height: 46px;
    background-size: 100%;
    display: inline-block;
    margin-right: 12px;
    vertical-align: -7px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ一覧の出力（トップとブログ記事一覧ページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#common_bloglist .cat_area {
    position: relative;
    /* padding: 14px; */
    border: 1px solid #5694d0;
    margin-bottom: 20px;
    background: #fff;
    /*display: flex;*/
    display: table;
    width: 100%;
}

div#common_bloglist .cat_area .tr {
    display: table-row;
}

div#common_bloglist .cat_area .cat_wrap {
    padding: 15px 15px 10px;
    display: block;
	/*width:960px;*/
}

.multi_column div#common_bloglist .cat_area .cat_wrap {
    width: 678px;
}

div#common_bloglist .cat_ttl {
    display: inline-block;
    padding: 23px 10px;
    background: #5694d0;
    color: #fff;
    font-family: "Noto Sans Japanese";
    /* position:  absolute; */
    top: 0;
    left: 0;
    font-size: 14px;
    /* display: flex; */
    /* align-items: center; */
    width: 100px;
    /* justify-content: center; */
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div#common_bloglist .cat_select {
    font-family: "Noto Sans Japanese";
    font-size: 15px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    /* padding-left: 120px; */
    /* margin-right: -7px; */
}

div#common_bloglist .cat_select li {
    float: left;
    text-align: center;
    margin-right: 7px;
    margin-bottom: 5px;
}

div#common_bloglist .cat_select li a {
    border-radius: 6px;
    border: 2px solid;
    background: inherit;
    padding: 6px 10px 5px;
    min-width: 90px;
    font-size: 15px;
    margin: 0;
    border-color: #333;
    color: #333;
}

div#common_bloglist .cat_select li a.active, 
div#common_bloglist .cat_select li a:hover {
    text-decoration: none;
    background: #fff8e3;
    /* color: #fff; */
}

div#common_bloglist ul.blog {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -20px;
}

div#common_bloglist ul.blog li {
    /* width: 260px; */
    width: calc((100% - 80px) / 4);
    /* float: left; */
    margin: 0 10px 20px;
    position: relative;
}

.multi_column div#common_bloglist ul.blog li {
    width: calc((100% - 60px) * 0.333);
}

div#common_bloglist ul.blog li .cat {
    font-family: "Noto Sans Japanese";
    font-size: 13px;
    color: #fff;
    background: #555;
    display: inline-block;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

div#common_bloglist ul.blog li .img {
    background: rgba(0, 0, 0, .2);
	padding-top: 100%;
}

div#common_bloglist ul.blog li .ttl {
    font-size: 15px;
    font-weight: bold;
    margin: 6px 0;
}

div#common_bloglist ul.blog li .ttl a {
    text-decoration: underline;
}

div#common_bloglist ul.blog li .ttl a:hover {
    text-decoration: none;
}

div#common_bloglist ul.blog .tags {
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
}

div#common_bloglist ul.blog .tags > p {
    float: left;
    padding: 3px 10px;
    background: #fff;
    margin: 0 5px 5px 0;
    border-radius: 6px;
    border: 1px solid #ddd;
}
div#common_bloglist .btn_wrap {
    text-align:center;
    margin-top:15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞サービス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_service {
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/service_bg01.jpg) no-repeat left top,url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/service_bg02.jpg) no-repeat right bottom;
}

div#home_service .common_ttl:before {
    content: "";
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/service_ttl_before.png);
    width: 46px;
    height: 46px;
    background-size: 100%;
    display: inline-block;
    margin-right: 12px;
    vertical-align: -7px;
}

div#home_service ul.item {
    margin-right: -29px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 40px;
}

div#home_service ul.item:before {
    content: "";
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/service_img01.png);
    width: 340px;
    height: 216px;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: -176px;
    right: 38px;
}

div#home_service ul.item li {
    width: 530px;
    float: left;
    margin: 0 29px 29px 0;
}

div#home_service .img_wrap {
    position: relative;
    display: block;
}

div#home_service .img_container {
    padding-top: 220px;
}

div#home_service li.low .img_container {
    padding-top: 170px;
}

div#home_service .centering_container {
    position: relative;
    display: block;
}

div#home_service .ttl_wrap {
    position: absolute;
    z-index: 1;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background:rgba(0,0,0,.2);
}

div#home_service .ttl {
    color: #fff;
    text-align: center;
    z-index: 1;
    border: 1px solid #fff;
    padding: 15px 30px;
    font-size: 30px;
    min-width: 300px;
    font-family: "Noto Sans Japanese";
    display: inline-block;
    position: relative;
    font-weight: bold;
    line-height: 1;
}

div#home_service .ttl:after {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    line-height: 1;
    right: 8px;
    color: #fff;
    margin-top: -.5em;
    top: 50%;
}

div#home_service .low .ttl {
    padding: 3px 15px 10px;
    font-size: 30px;
    line-height: 1.2;
}

div#home_service .low .ttl:after {
    margin-top: -12px;
    font-size: 30px;
}

div#home_service .subttl {
    font-size: 16px;
    vertical-align: top;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ＞アクセス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_access {
    padding-bottom: 0;
    background: #eceefa;
    text-align: center;
    font-family: "Noto Sans Japanese";
    font-weight: bold;
}

div#home_access a {
    font-weight: normal;
}

div#home_access .txt {
    font-size: 18px;
}

div#home_access .add {
    font-size: 15px;
    margin: 5px 0 20px
}

div#home_access .map {
    height: 410px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area {
    font-family: "Noto Sans Japanese";
    font-weight: bold;
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/contact_bg.jpg);
    padding: 36px 0;
}

div#contact_area h2 {
    font-size: 30px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

div#contact_area .lead {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}

div#contact_area .left {
    background: #fff;
    width: 840px;
    padding: 28px 34px 40px;
    position: relative;
}

div#contact_area .left .txt_area {
    padding-left: 300px;
    color: #000;
}

div#contact_area .left .txt_area:before {
    content: "";
    background: url(https://pinery-m.net/wordpress/wp-content/themes/cyber-child/images/contact_img02.jpg);
    width: 304px;
    height: 328px;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}

div#contact_area .left .txt_area .add {
    font-size: 24px;
    margin-bottom: 6px;
}

div#contact_area .left .txt_area .hour {
    font-size: 16px;
    margin-bottom: 8px;
}

div#contact_area .left .txt_area .tel {
	font-size:22px;
    font-family: "Roboto";
    font-style: italic;
    color: #000;
    margin-bottom: 6px;
    font-weight: bold;
    padding: 5px 0;
}

div#contact_area .left .txt_area .tel:before {
    content: "\f095";
    font-family: FontAwesome;
    color: #0061c1;
    font-weight: normal;
    margin-right: 10px;
    vertical-align: -3px;
	font-size:26px;
    font-style: normal;
}

div#contact_area .left .txt_area .btn {
    text-align: center;
}

div#contact_area .left .txt_area .btn a {
    background: #0061c1;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    padding: 20px 30px;
    width: 470px;
    text-align: center;
}

div#contact_area .left .txt_area .btn a:before {
    content: "\f0e0";
    font-family: "FontAwesome";
    color: #fff;
    margin-right: 10px;
    font-weight: normal;
}

div#contact_area .right {
    width: 220px;
    height: 405px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
xoカレンダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.xo-event-calendar table.xo-month .month-header,
.xo-event-calendar table.xo-month button{
    color:#fff;
    margin-bottom: 10px;
}

.xo-event-calendar table thead tr {
	padding: .75em 1em;
	background:#cde5ec;
}

#xo_event_calendar-2 .menu_header h2 {
    text-align: center;
    margin: 15px 0 30px;
    font-size: 18px;
    font-weight: bold;
    background: #0f6ac5;
    padding: 12px;
    border-radius: 7px;
    position: relative;
}

#xo_event_calendar-2 .menu_header h2::after{
    content:"";
    width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #0f6ac5 transparent transparent transparent;
position:absolute;
bottom:-15px;
right:calc(50% - 15px);
}