@charset "UTF-8";
/* =====================================================================
   ANY BLACK — 静的サイト用スタイル
   元テーマ functions/head.php が WordPress の「テーマオプション」値から
   動的に出力していた <style> を静的化したもの。
   ※ 実サイトで設定されていた色・フォントは DB にあり取得できなかったため、
     下記はすべて OOPS! テーマの「初期値」です。【要確認】
   ===================================================================== */
:root {
	--ab-primary: #121d1f;     /* primary_color   (テーマ初期値) 要確認 */
	--ab-secondary: #ff7f00;   /* secondary_color (テーマ初期値) 要確認 */
	--ab-tertiary: #e37100;    /* tertiary_color  (テーマ初期値) 要確認 */
	/* ボタン: Excel内の修正前キャプチャから採取した色 #555555。ホバー色はキャプチャになく暫定 */
	--ab-button-bg: #555555;
	--ab-button-bg-hover: #333333; /* 暫定・要確認 */
	--ab-button-color: #ffffff;
	--ab-header-bg: 18, 30, 31;/* top/sub_header_bg #121e1f (テーマ初期値) 要確認 */
	--ab-header-opacity: 0.8;
	--ab-header-font: #ffffff;
	--ab-link: #ff7f00;        /* content_link_color (テーマ初期値) 要確認 */
	/* フォント: テーマ初期値 type1 = system sans-serif / Arial */
	--tcd-font-type1: Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
	--tcd-font-type2: "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "BIZ UDPMincho", "MS PMincho", serif;
	--tcd-font-type3: Palatino, "Book Antiqua", "Hiragino Mincho ProN", serif;
	--tcd-font-type-logo: var(--tcd-font-type3);
}

/* Primary color */
.p-global-nav .sub-menu a, .p-news-ticker, .p-widget-dropdown, .p-widget-dropdown select, .p-headline, .p-latest-news__title, .l-footer, .p-menu-button.is-active, .q_styled_ol li:before { background: var(--ab-primary); }
/* Secondary color */
.p-global-nav .sub-menu li a:hover, .p-widget-search__submit:hover, .p-button, .p-review__button:hover, .p-pager__item a:hover, .c-comment__form-submit:hover { background: var(--ab-secondary); }
.l-header--large .p-global-nav > li > a:hover, .l-header--large.is-active .p-global-nav > li > a:hover, .p-global-nav > .current-menu-item > a, .p-global-nav > li > a:hover, .p-news-ticker__item-date { color: var(--ab-secondary); }
/* Tertiary color */
.p-button:hover, .slick-dots li.slick-active, .slick-dots li:hover { background: var(--ab-tertiary); }
/* Button（修正前キャプチャに合わせてグレー） */
.p-button, .p-index-slider__item .p-button, .p-showcase .p-button { background: var(--ab-button-bg); color: var(--ab-button-color); }
.p-button:hover, .p-index-slider__item .p-button:hover, .p-showcase .p-button:hover { background: var(--ab-button-bg-hover); color: var(--ab-button-color); }
.p-article01__title a:hover, .p-article01__category a:hover, .p-footer-nav a:hover, .p-social-nav__item a:hover { color: var(--ab-tertiary); }

/* font type
   本文: テーマ初期値 type1（ゴシック系）のまま
   見出し: Excel内の修正前キャプチャに合わせて明朝体（テーマの type2 = 明朝系）
   ※キャプチャではスライダー文言・箇条書き・ボタン文字も明朝に見えるが、指示範囲（見出し）外のため未適用【要確認】 */
body { font-family: var(--tcd-font-type1); }
.p-index-slider__item-catch, .p-index-content01__catch, .p-index-content02__item-catch, .p-showcase__catch, .p-index-content04__catch, .p-index-content06__item-catch, .p-index-content07__catch, .p-index-content10__catch, .p-article01__title, .p-page-header__title, .p-headline { font-family: var(--tcd-font-type2); font-weight: normal; }
.rich_font_logo { font-family: var(--tcd-font-type-logo); font-weight: bold !important; }

/* hover effect (type1 初期値) */
.p-hover-effect--type1:hover img { transform: scale(1.2) rotate(2deg); }

/* Entry body */
.p-entry__body, .p-entry__body p { font-size: 14px; }
.p-entry__body a { color: var(--ab-link); }

/* Header */
.l-header, .l-header--large.is-active { background: rgba(var(--ab-header-bg), 1); }
.l-header--large { background: rgba(var(--ab-header-bg), var(--ab-header-opacity)); }
.l-header--large .p-global-nav > li > a, .l-header__logo a, .p-global-nav > li > a { color: var(--ab-header-font); }
.l-header__logo img { max-height: 28px; width: auto; }

/* Showcase overlay: テーマ初期値は #000000 / 透明度0（キャプチャでは判別不可）。暫定で0.3【要確認】 */
.p-showcase::before { background: rgba(0, 0, 0, 0.3); }
/* 予約ボタン帯（p-index-content08）: 見出しなし・ボタンのみのため高さを調整 */
.ab-cta { height: 400px; }

/* ご利用方法（自由記述ブロック） */
.p-index-content_free_wrap .p-entry__body { margin-top: 0; margin-bottom: 80px; }
.p-index-content_free_wrap .p-entry__body p { line-height: 2.2; margin-bottom: 0; padding: 0 24px; }

/* Copyright */
.p-copyright { background: #000000; }

@media only screen and (max-width: 1200px) {
	.l-header, .l-header--large.is-active { background: rgb(var(--ab-header-bg)); }
	.p-global-nav { background: rgba(18, 29, 31, var(--ab-header-opacity)); }
}
@media only screen and (max-width: 767px) {
	.l-header__logo img { max-height: 20px; }
	/* 元テーマはPHP(is_mobile)でスマホ用文字サイズを出し分けていたため、CSSで再現（テーマ初期値） */
	.p-index-slider__item-catch { font-size: 20px !important; }
	.p-index-slider__item-desc { font-size: 12px !important; }
	.p-index-content01__catch { font-size: 20px !important; }
	.p-index-content01__desc { font-size: 12px !important; }
	.p-index-content02__item-catch { font-size: 16px !important; }
	.p-index-content02__item-desc { font-size: 14px !important; }
	.p-showcase__catch { font-size: 20px !important; }
	.p-showcase__desc { font-size: 12px !important; }
	.ab-cta { height: 260px; }
}

/* 会社情報（フッター）
   元テーマは .p-address を991px以下でのみ表示し、PC幅では著作権バー（高さ55px固定）内に1行で出す仕様。
   今回の会社情報は3行あり、992〜1300px付近で著作権バーからはみ出して切れるため、
   全画面幅で .p-address（改行あり・中央寄せ）に表示する方式に統一した。 */
.p-address { display: block; margin-top: 4px; margin-bottom: 24px; }

/* footer logo */
.l-footer__logo img { max-width: 240px; height: auto; }

/* 移行作業用の .ab-todo / プレビュー告知バーは、本版で表示箇所がなくなったため削除 */