@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald');
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「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;
}

/* ------------ デザイン追加修正 ------------ */

/* 「次の週」「前の週」ボタン */
: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;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ更新ないのでインスタに変更（2021-11-17）hiro
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news .left .insta p.ttl{
	width: 161px;
	margin-bottom: 5px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー（セレクトボックスの修正）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.content-form select {
	font-size: inherit;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー（「予約人数」を非表示に）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
tr.yoyaku_ninzu {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタムメニュー「グローバルナビ」（PCヘッダー、フッター、スマホ固定ナビ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
li.fix_navi_only {
    display: none!important;
}

.fix_target li.fix_navi_only {
    display: table-cell!important;
}

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

.yrc-item-meta.pb-inline {
    margin-top: 0.2em;
    font-size: 14px;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.font_m {
    color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
	/*更新してないので非表示に2021-11-02hiro*/
	display:none;
    background: #fff;
    padding: 30px 0 0;
}

.tweet_area .txt_wrap {
    width: 1100px;
    background: #efefef;
    display: flex;
    align-items: center;
    height: 68px;
    position: relative;
}

.tweet_area .txt_wrap .icon {
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    width: 110px;
    height: 68px;
    color: #fff;
    display: flex;
    background: #cd0000;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.tweet_area .txt_wrap .date {
    margin-right: 10px;
}

.tweet_area .txt_wrap .ttl a {
    color: #000;
}

.tweet_area .txt_wrap .more a {
    background: #fff;
    padding: 5px 0px 5px;
    min-width: 130px;
    font-weight: 700;
    overflow: hidden;
    z-index: 2;
    color: #000;
    border: 2px solid #000;
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 17px;
    position: absolute;
    right: 20px;
    top: calc(50% - 17px);
}

.tweet_area .txt_wrap .more a:hover {
    color: #fff;
    opacity: 1;
}

.tweet_area .txt_wrap .more a::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
}

.tweet_area .txt_wrap .more a:hover::before {
    left: 0;
    background-color: #000;
}

.tweet_area .txt_wrap .more a, .tweet_area .txt_wrap .more a:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ 投稿系リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ブログ*/
ul.common_post_list01 {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

ul.common_post_list01 li {
    width: 480px;
    display: flex;
    margin: 0 15px;
}

ul.common_post_list01 li .left {
    min-width: 160px;
    margin-right: 34px;
    float: none;
}

ul.common_post_list01 li .left_inner {
    position: relative;
}

ul.common_post_list01 li .shop {
    text-align: center;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

ul.common_post_list01 li .meta {
    /* margin-right: 15px; */
}

ul.common_post_list01 li .img_container {
    padding-top: 160px;
    background-color: #eee;
}

ul.common_post_list01 li img:not(.emoji) {
    height: 160px!important;
}

ul.common_post_list01 li .cat {
    font-size: 14px;
    background: #333;
    display: inline-block;
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}

ul.common_post_list01 li .ttl {
    margin-bottom: 15px;
}

ul.common_post_list01 li .ttl a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

ul.common_post_list01 li .ttl a:hover {
    text-decoration: none;
}

ul.common_post_list01 li .tag a {
    border: 1px solid #c3c3c3;
    display: inline-block;
    font-size: 14px;
    color: #606060;
    font-weight: bold;
    line-height: 1;
    min-width: 90px;
    text-align: center;
    padding: 7px 7px;
    background: #eeeeee;
    border-radius: 5px;
    margin-bottom: 3px;
}

ul.common_post_list01 li .tag a:not(:last-child) {
    margin-right: 10px;
}

/*NEWS*/
ul.common_post_list2 {
    margin-bottom: 40px;
}

ul.common_post_list2 li {
    width: 100%;
    padding: 23px 10px;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
}

ul.common_post_list2 li:first-child {
    border-top: 1px solid #ccc;
}

ul.common_post_list2 li .date {
    display: inline-block;
}

ul.common_post_list2 li .date:after {
    content: "";
    background: #000;
    width: 1px;
    height: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin: 0 10px;
}

ul.common_post_list2 li .shop {
    margin-right: 30px;
}

ul.common_post_list2 li .ttl {
    /* width: 430px; */
}

ul.common_post_list2 li .ttl a {
    text-decoration: underline;
}

ul.common_post_list2 li .ttl a:hover {
    text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ セクション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.section_kugiri02 {
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/sos_bg.jpg) no-repeat 50% / cover;
}

.section_kugiri04 {
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/service_bg.jpg) no-repeat 50% / cover;
}

.section_kugiri06 {
    background: #f5f5f5;
}

.section_kugiri07 {
    background: #1a1a1a;
    color: #fff;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*h2a*/
h2[class*="h2a"] {
    /* background: #cd0000; */
    color: #000;
    /* border-bottom:  0; */
    padding: 10px 0px 10px;
    font-weight: bold;
    position: relative;
}

/*h2b*/
h2[class*="h2b"] {
    font-weight: bold;
    padding-top: 70px;
    color: #000;
}

h2[class*="h2b"]:before {
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/h2b_before.svg) no-repeat 50% / contain;
    width: 50px;
    height: 50px;
}

/*小見出し*/
h3[class*="h3a"] {
    border-color: #cd0000;
}

h3[class*="h3b"] {
    background: #cd0000;
    color: #fff;
    padding: 10px 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン01,02*/
a.btn01 {
    background: #fff;
    padding: 15px 30px 15px 25px;
    min-width: 230px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    z-index: 2;
    color: #050505;
    border: 2px solid #000;
    font-weight: bold;
    font-size: 18px;
    border-radius: 29px;
}

a.btn01:hover {
    color: #fff;
    opacity: 1;
}

a.btn01::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
}

a.btn01:hover::before {
    left: 0;
    background-color: #000000;
}

a.btn01, a.btn01:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

a.btn01::after {
    color: #f00;
}

a.btn02:before {
    color: #f00;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th, .table01 td {
    border: 1px solid #b5b5b5;
}

.table01 th {
    text-align: center;
    background-color: #ededed;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box01 {
    background-color: #faf5e5;
}

.box02 {
    border: 2px solid #cd0000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #f5f5f5;
}

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list01 li:before {
    color: #cd0000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list02 > li {
    border-color: #cd0000;
}

ol.list02 > li:before {
    background-color: #cd0000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.common_ttl {
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

h2.common_ttl .en {
    display: block;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
    color: #cd0000;
    font-size: 36px;
}

h2.common_ttl .en:before,h2.common_ttl .en:after {
    content: "";
    background: #cd0000;
    width: 90px;
    height: 1px;
    display: inline-block;
    vertical-align: 12px;
}

h2.common_ttl .en:before {
    margin-right: 10px;
}

h2.common_ttl .en:after {
    margin-left: 10px;
}

h2.common_ttl .ja {
    font-size: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#promo_frame {
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/promo01.jpg) no-repeat 50%;
    height: 530px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

div#promo_frame .dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .4);
}

div#promo_frame video {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}

div#promo_frame .pc_base_width {
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: -100px;
}

div#promo_frame .txt1 {
    display: table;
    margin: 0 auto;
    font-size: 24px;
    border: 1px solid #fff;
    padding: 6px 40px;
    margin-bottom: 20px;
}

div#promo_frame h2 {
    font-size: 60px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

div#promo_frame .txt2 {
    font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　サービスメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_menu {
    z-index: 1;
    position: relative;
}

div#home_menu table {
    position: relative;
    text-align: left;
    margin-top: -100px;
}

div#home_menu th {
    background: #cd0000;
    color: #fff;
    font-size: 18px;
    width: 210px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    position: absolute;
    top: -41px;
    left: 20px;
    padding: 8px;
    border-radius: 8px 8px 0 0;
    z-index: 0;
}

div#home_menu th:after {
    content: "";
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/yajirushi.svg) no-repeat 50% / contain;
    width: 17px;
    height: 25px;
    display: inline-block;
    float: right;
}

div#home_menu td {
    position: relative;
    display: block;
    border: 5px solid #cd0000;
    border-radius: 15px;
    width: 100%;
    padding: 18px 35px;
    box-shadow: 2px 3px 18px -2px #000;
    background-color: #fff;
}

div#home_menu ul.items {
    margin-bottom: -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1020px;
}

div#home_menu ul.items li {
    margin-bottom: 15px;
    width: calc(25% - 10px);
    height: 70px;
}

div#home_menu ul.items li a {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
}

div#home_menu ul.items li a:hover {
    text-decoration: none;
    color: #cd0000;
}

div#home_menu ul.items li a:before {
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 15px;
    background: no-repeat 50% / contain;
    background-color: #ff9f9f;
    border-radius: 8px;
    transition: 0.3s;
}

div#home_menu ul.items li a:hover:before {
    background-color: #cd0000;
    opacity: 1;
}

/*アイコン*/
div#home_menu ul.items li:nth-child(1) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu01.svg);
    background-size: 47px;
}

div#home_menu ul.items li:nth-child(2) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu02.svg);
    background-size: 59px;
}

div#home_menu ul.items li:nth-child(3) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu03.svg);
    background-size: 48px;
}

div#home_menu ul.items li:nth-child(4) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu04.svg);
    background-size: 51px;
}

div#home_menu ul.items li:nth-child(5) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu05.svg);
    background-size: 56px;
}

div#home_menu ul.items li:nth-child(6) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu06.svg);
    background-size: 42px;
}

div#home_menu ul.items li:nth-child(7) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu07.svg);
    background-size: 40px;
}

div#home_menu ul.items li:nth-child(8) a:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/menu08.svg);
    background-size: 53px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　バナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_bnr ul.items {
    display: flex;
    flex-wrap: wrap;
    /* justify-content:  space-between; */
    margin: 0px -14px 50px;
}

div#home_bnr ul.items li:not([id*="slick"]) {
    margin: 0 14px;
    width: calc((100% - 84px) / 3);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　メディア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_media .inner {
    border: 3px solid #e5e5e5;
    padding: 40px 50px;
    position: relative;
}

div#home_media .btn {
    position: absolute;
    right: 50px;
    top: 44px;
}

div#home_media .btn a {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　ブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_media .blog {
    margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　YouTube
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_media .youtube {
    position: relative;
	/*YouTube使ってないので非表示2021-11-02hiro*/
	display:none;
}

div#home_media .youtube:before {
    content: "";
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/youtube.svg) no-repeat 50% / contain;
    width: 154px;
    height: 34px;
    display: block;
    position: absolute;
    left: 50px;
    top: 40px;
}

div#home_media .youtube h2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

div#home_media .youtube h2:before {
    content: "";
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/movie.svg) no-repeat 50% / contain;
    width: 41px;
    height: 25px;
    display: block;
    margin: 0 auto 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　クルマSOSに、迅速・丁寧に対応します！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_sos {
    position: relative;
    height: 523px;
    overflow: hidden;
    padding: 0;
}

div#home_sos .pc_base_width {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50%;
    width: 638px;
    height: 100%;
    margin: -50px 0 -50px -550px;
    padding: 61px 50px;
    background: rgba(255,255,255,0.9);
}

div#home_sos .lead {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

div#home_sos .lead strong {
    background: linear-gradient(transparent 70%, #fffc00 70%);
}

div#home_sos .txt {
    margin-bottom: 25px;
}

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

div#home_sos .btn a {
    background: #000;
    color: #fff;
    padding: 18px 30px 18px 25px;
    min-width: 320px;
}

div#home_sos .btn a:hover {
    color: #000;
}

div#home_sos .btn a:after {
    color: #fff;
}

div#home_sos .btn a:hover::before {
    left: 0;
    background-color: #ffffff;
}

div#home_sos .btn a:hover:after {
    color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　車の困ったはカーファクトリーに相談してください！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_soudan h2 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

div#home_soudan h2 strong {
    display: inline-block;
    font-size: 60px;
    padding-top: 20px;
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/rubi.svg) no-repeat 50% top / 130px;
}

div#home_soudan ul.photo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

div#home_soudan ul.logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 -12px 50px;
}

div#home_soudan ul.logo li {
    display: inline-block;
    margin: 0 12px;
}

div#home_soudan .txt {
    text-align: center;
    line-height: 1.6;
    display: table;
    margin: 0 auto;
    position: relative;
}

div#home_soudan .txt:before {
    content: "";
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/company_logo08.jpg) no-repeat 50% / contain;
    width: 103px;
    height: 108px;
    display: inline-block;
    position: absolute;
    right: -120px;
    top: -10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞　サービス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_service h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

div#home_service h2:before,div#home_service h2:after {
    content: "";
    background: #000;
    height: 56px;
    width: 2px;
    display: inline-block;
    vertical-align: -15px;
}

div#home_service h2:before {
    margin-right: 25px;
    transform: rotate(-30deg);
}

div#home_service h2:after {
    margin-left: 25px;
    transform: rotate(30deg);
}

div#home_service ol.items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    counter-reset: number;
    list-style: none;
}

div#home_service ol.items li {
    width: 260px;
    background: #fff;
    text-align: center;
    padding: 50px 0px 20px;
    position: relative;
}

div#home_service ol.items li:before {
    content: "0" counters(ol_cnt, "");
    font-family: 'Oswald', sans-serif;
    background: #ca0000;
    color: #fff;
    font-size: 24px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    position: absolute;
    top: -20px;
    right: calc(50% - 30px);
}

div#home_service ol.items li .ttl {
    color: #ca0000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    height: 2.4em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}

div#home_service ol.items li .txt:before {
    content: "";
    display: block;
    margin: 0 auto 20px;
    height: 104px;
    background: no-repeat 50% / contain;
}

/*アイコン*/
div#home_service ol.items li:nth-child(1) .txt:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/service01.svg);
    width: 107px;
}

div#home_service ol.items li:nth-child(2) .txt:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/service02.svg);
    width: 53px;
}

div#home_service ol.items li:nth-child(3) .txt:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/service03.svg);
    width: 98px;
}

div#home_service ol.items li:nth-child(4) .txt:before {
    background-image: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/service04.svg);
    width: 66px;
}

div#home_service ol.items li .txt {
    font-weight: bold;
    line-height: 1.6;
}

div#home_service table th {
    width: 320px;
    background-color: #646464;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpolygon fill='%236f6f6f' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%236f6f6f' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff;
    font-weight: bold;
    text-align: center;
}

div#home_service table td {
    width: 720px;
    height: 100px;
    background: #fff;
}

div#home_service table ul.card {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

div#home_service table ul.card li {
    margin: 0 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ 店舗ご案内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_shop .lead {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}

#home_shop .txt {
    text-align: center;
    margin-bottom: 30px;
}

#home_shop ul.items {
    display: flex;
    flex-wrap: wrap;
	/*1店舗追加したため修正（2025-09-19）ah*/
    /*justify-content: space-between;*/
	gap: 50px;
	justify-content: center;
}

#home_shop ul.items li {
    /*店舗追加で4カラムに変更width: 350px;*/
	width: 260px;
}

#home_shop ul.items li .img_box {
    position: relative;
    margin-bottom: 20px;
}
#home_shop ul.items li .img_box a:after {
    content: "\E80F";
    z-index: 2;
    font-family: "fontello";
    color: #fff;
    background: #cd0000;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

#home_shop ul.items li .img_box:hover a:after {
    background: #f91717;
}

#home_shop ul.items li .ttl {
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    width: 100%;
    top: calc(50% - 0.5em);
    text-align: center;
    z-index: 1;
}

#home_shop ul.items li .tel {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    color: #000;
}

#home_shop ul.items li .tel:before {
    content: "\E821";
    font-family: "fontello";
    margin-right: 5px;
    vertical-align: -2px;
    color: #cd0000;
    font-size: 35px;
}

#home_shop ul.items li .addr {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 15px;
}

#home_shop ul.items li .btn {
    text-align: center;
    margin-bottom: 20px;
}

#home_shop ul.items li .btn a {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 120px;
    padding: 5px 0;
    border-radius: 18px;
}

#home_shop ul.items li .btn a:hover {
    text-decoration: none;
}

#home_shop ul.items li table.link td {
    border: 1px solid #000;
    text-align: center;
    width: 50%;
}

#home_shop ul.items li table.link td a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px 0;
    min-height: 57px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ　＞ スタッフブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_news h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #cd0000;
    margin-bottom: 30px;
}

#home_news .left {
    width: 700px;
}

#home_news .right {
    width: 300px;
}

#home_news .btn {
    text-align: center;
}

/*バナー*/
#home_news ul.items li {
    margin-bottom: 15px;
}
#home_news ul.items li.youtube {
	/*活用してないので2021-11-02hiro*/
    display:none;
}
#home_news ul.items li a {
    display: block;
}

#home_news ul.items .twitter a {
    background: #1da1f3;
    display: flex;
    height: 68px;
    justify-content: center;
    align-items: center;
}

#home_news ul.items .twitter a:hover {
    background: #48b9ff;
}

#home_news ul.items .youtube a {
    background: #f00;
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 68px;
    padding: 9px 0;
}

#home_news ul.items .youtube a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#home_news ul.items .youtube a:before {
    content: "";
    display: block;
    margin: 0 auto 5px;
    height: 26px;
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/youtube_w.svg) no-repeat 50% / contain;
    width: 115px;
}

#home_news ul.items .line a {
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/line_bg.jpg) no-repeat 50% bottom / 266px;
    background-color: #01b901;
    padding: 24px 0;
}

#home_news ul.items .line a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#home_news ul.items .line a span {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#home_news ul.items .line .txt2 {
    background: #e4ff00;
    color: #13b901;
    display: table;
    margin: 8px auto 15px;
    padding: 1px 28px;
    border-radius: 15px;
}

#home_news ul.items .line .logo img:hover {
    opacity: 1;
}

#home_news ul.items .line .txt3 {
    line-height: 1.4;
    margin-top: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞ コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area h2 {
    display: block;
    margin: 0 auto 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}

#contact_area h2:before,#contact_area h2:after {
    content: "";
    background: #ffffff;
    width: 90px;
    height: 1px;
    display: inline-block;
    vertical-align: 12px;
}

#contact_area h2:before {
    margin-right: 20px;
}

#contact_area h2:after {
    margin-left: 20px;
}

#contact_area .lead {
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.8;
}

#contact_area ul.items1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
	/*1店舗追加したため修正（2025-09-19）ah*/
	/*justify-content: space-between;*/
	gap: 30px;
	justify-content: center;
}

#contact_area ul.items1 li {
    width: 260px;
    height: 67px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact_area ul.items1 li .shop {
    text-align: center;
    font-size: 13px;
    margin-right: 10px;
}

#contact_area ul.items1 li strong {
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    font-weight: normal;
}

#contact_area ul.items1 li strong:before {
    content: "";
    display: inline-block;
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/tel.svg) no-repeat 50% / contain;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: -1px;
}

#contact_area ul.items2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 66px;
}

#contact_area ul.items2 li a {
    width: 475px;
    height: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
}

#contact_area ul.items2 li a:hover {
    text-decoration: none;
}

#contact_area ul.items2 li.yoyaku a {
    background: #ffdf09;
    color: #000;
}

#contact_area ul.items2 li.yoyaku a:hover {
    background: #fff449;
}

#contact_area ul.items2 li.yoyaku a:before {
    content: "";
    display: inline-block;
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/calender.svg) no-repeat 50% / contain;
    width: 33px;
    height: 33px;
    margin-right: 30px;
    margin-left: -30px;
}

#contact_area ul.items2 li.line a {
    background: #13b901;
    color: #fff;
}

#contact_area ul.items2 li.line a:hover {
    background: #35de23;
}

#contact_area ul.items2 li.line a:before {
    content: "";
    display: inline-block;
    background: url(https://carfactory.biz/wordpress2/wp-content/themes/cyber-child/images/line.svg) no-repeat 50% / contain;
    width: 45px;
    height: 43px;
    margin-right: 30px;
    margin-left: -30px;
    vertical-align: -1px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞ SNS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sns_box {
    float: right;
    margin-left: 20px;
}

.sns_box table {
    width: 220px;
    height: 39px;
    border: 1px solid #737373;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sns_box table th {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #737373;
    padding-right: 20px;
}

.sns_box table td p {
    display: flex;
    align-items: center;
}

.sns_box table td p a {
    margin: 0 6px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞ ロゴ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    display: none;
}

div#footer_bottom_section {
    margin: 30px auto;
}

div#footer_bottom_section .left {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid;
}

div#footer_bottom_section .right {
    height: 114px;
    display: flex;
    align-items: center;
}

div#footer_bottom_section .logo {
    width: 208px;
    display: inline-block;
    padding-bottom: 10px;
}

div#footer_bottom_section .logo_txt {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #000;
}

div#footer_bottom_section .logo_txt strong {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    font-weight: normal;
}

div#footer_bottom_section table {
    font-size: 13px;
    width: 788px;
}

div#footer_bottom_section tr {
    padding: 5px 0;
}

div#footer_bottom_section th {
    width: 150px;
    padding-bottom: 5px;
}

div#copy_frame {
    background: #cd0000;
}