@charset "UTF-8";
/* ===================================================================
NIPPONIA 予約プロ カスタムスタイル
-------------------------------------------------------------------
file name : nipponia-reserve.css
version : 1.0.0 (2026-08-14)
target : 株式会社アビリブ「予約プロ」
- PC : templates/dt4 (#ypro_wrapper 配下)
- SP : templates/dtsp1 (body#homepage / #page 配下)
design : https://reserve.nipponia.or.jp/ の意匠に準拠
-------------------------------------------------------------------
■ 適用方法（詳細は work/manual/index.html を参照）
1. 本ファイルを「素材の管理」からアップロード
2. 「予約ページ設定」→「スタイルシートのURL」に本ファイルのURLを指定
3. SP版にも効かせる場合は「予約ページ上部」の先頭に
を記述
-------------------------------------------------------------------
■ 設計方針
- テンプレート標準CSSは「#ypro_wrapper .xxx」で定義されているため、
本ファイルは「body #ypro_wrapper .xxx」と body を足して
詳細度で確実に上書きする。
- JavaScript は使用しない（予約プロの動作に影響するため）。
- レイアウト（width / float / display）は原則変更せず、
配色・書体・余白・線・角丸のみを差し替えて破綻を防ぐ。
=================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap");
/* ===================================================================
1. デザイントークン
-------------------------------------------------------------------
公式サイト reserve.nipponia.or.jp の CSS 変数と同値
=================================================================== */
:root {
/* --- 配色 --- */
--np-bg: #f2f0ed; /* ページ背景（rgb(242 240 237)） */
--np-white: #ffffff;
--np-black: #2b2b2b; /* 基本文字色（rgb(43 43 43)） */
--np-brown: #ad8b65; /* アクセント／CTA（rgb(173 139 101)） */
--np-brown-hover: #8d7152; /* CTAホバー（rgb(141 113 82)） */
--np-gray: #707070; /* 補助文字（rgb(112 112 112)） */
--np-line: #d9d5c9; /* 罫線（標準） */
--np-line-light: #e5e3df; /* 罫線（淡） */
--np-beige: #ebeae7; /* 見出し背景・thセル */
--np-beige-warm: #ded4c1; /* 補助アクセント */
--np-brown-tint: rgba(173, 139, 101, .08); /* 淡いブラウン面 */
/* --- 書体 --- */
--np-mincho: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "MS PMincho", "Noto Serif JP", serif;
--np-gothic: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
--np-en: "Cormorant Garamond", "Times New Roman", serif;
/* --- その他 --- */
--np-radius: 0; /* NIPPONIAは角丸を使わない */
--np-ease: cubic-bezier(.39, .575, .565, 1); /* ease-out-sine */
}
/* ===================================================================
▼▼▼ ここから PC版（templates/dt4） ▼▼▼
=================================================================== */
/* -------------------------------------------------------------------
2-1. 基本設定
------------------------------------------------------------------- */
body#ypro_body,
body#pegecontents_name {
background: var(--np-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body #ypro_wrapper {
color: var(--np-black);
font-family: var(--np-mincho);
font-feature-settings: "palt" 1;
letter-spacing: .04em;
line-height: 1.9;
padding: 32px 0 48px;
}
/* リンク */
body #ypro_wrapper a:link,
body #ypro_wrapper a:visited,
body #ypro_wrapper a:active {
color: var(--np-brown);
text-decoration: underline;
text-underline-offset: .25em;
transition: opacity .3s var(--np-ease), color .3s var(--np-ease);
}
body #ypro_wrapper a:hover {
color: var(--np-brown-hover);
text-decoration: none;
opacity: .75;
}
/* 数字・英字は Cormorant Garamond（価格などの見栄えを整える） */
body #ypro_wrapper .price,
body #ypro_wrapper .st_price,
body #ypro_wrapper .txt_price {
font-family: var(--np-en), var(--np-mincho);
letter-spacing: .02em;
}
/* -------------------------------------------------------------------
2-2. 施設名（.ypro_yado_name）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_yado_name p {
font-family: var(--np-mincho);
font-size: 122%;
font-weight: 500;
color: var(--np-black);
text-align: left;
letter-spacing: .12em;
padding: 0 0 14px;
margin-bottom: 18px;
border-bottom: 1px solid var(--np-line);
}
/* -------------------------------------------------------------------
2-3. 予約の確認／変更／キャンセル（.ypro_login_button）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_login_button .inner,
body #ypro_wrapper .ypro_login_button .inner.bg_logout,
body #ypro_wrapper .ypro_login_button .inner.bg_login {
background: transparent;
border: none;
color: var(--np-black);
text-align: right;
padding: 0;
margin-bottom: 24px;
}
body #ypro_wrapper .ypro_login_button .inner p {
margin: 0 0 0 18px;
}
body #ypro_wrapper .ypro_login_button .inner p a {
font-family: var(--np-gothic);
font-size: 88%;
letter-spacing: .06em;
color: var(--np-gray);
text-decoration: none;
padding: 6px 0;
border-bottom: 1px solid var(--np-line);
}
body #ypro_wrapper .ypro_login_button .inner p a:hover {
color: var(--np-brown);
border-bottom-color: var(--np-brown);
opacity: 1;
}
/* -------------------------------------------------------------------
2-4. お知らせ枠（.ypro_information_box）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_information_box_wrp {
margin-bottom: 28px;
}
body #ypro_wrapper .ypro_information_box_wrp .ypro_information_box.add_box_style .txt_html_editor {
background: var(--np-brown-tint);
padding: 22px 26px;
font-size: 95%;
line-height: 2;
}
body #ypro_wrapper .ypro_information_box_wrp .ypro_information_box.add_box_bd_s .txt_html_editor {
border: 1px solid var(--np-line);
border-left: 3px solid var(--np-brown);
}
/* -------------------------------------------------------------------
2-5. 操作ボタン（.ypro_sub_button ／ HOMEに戻る等）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_sub_button p a {
font-family: var(--np-gothic);
font-size: 87%;
letter-spacing: .08em;
color: var(--np-black);
text-decoration: none;
background: var(--np-white);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
padding: 9px 22px;
transition: background-color .3s var(--np-ease), color .3s var(--np-ease);
}
body #ypro_wrapper .ypro_sub_button p a:hover {
background: var(--np-black);
border-color: var(--np-black);
color: var(--np-white);
opacity: 1;
}
body #ypro_wrapper .ypro_sub_button.layout_top { margin-bottom: 26px; }
body #ypro_wrapper .ypro_sub_button.layout_bottom { margin-top: 34px; }
/* -------------------------------------------------------------------
2-6. 見出し（.ypro_st 系）
------------------------------------------------------------------- */
/* プラン名などの大見出し */
body #ypro_wrapper .ypro_st {
font-family: var(--np-mincho);
font-size: 128%;
font-weight: 500;
line-height: 1.6;
color: var(--np-black);
background: var(--np-white);
border: none;
border-bottom: 1px solid var(--np-line);
border-left: 3px solid var(--np-brown);
letter-spacing: .08em;
padding: 18px 24px;
}
body #ypro_wrapper .ypro_st a:link,
body #ypro_wrapper .ypro_st a:visited { color: var(--np-black); }
body #ypro_wrapper .ypro_st a:hover { color: var(--np-brown); }
/* 「空室状況」などの中見出し */
body #ypro_wrapper .ypro_st_m {
font-family: var(--np-mincho);
font-size: 115%;
font-weight: 500;
color: var(--np-black);
background: var(--np-beige);
border: none;
border-bottom: 1px solid var(--np-line);
letter-spacing: .12em;
padding: 13px 24px;
}
/* 予約フォームの大見出し */
body #ypro_wrapper .ypro_st_form {
font-family: var(--np-mincho);
font-size: 132%;
font-weight: 500;
color: var(--np-white);
background: var(--np-black);
border-bottom: none;
letter-spacing: .14em;
padding: 18px 26px;
}
/* 予約フォームの中見出し */
body #ypro_wrapper .ypro_st_form_parts {
font-family: var(--np-gothic);
font-size: 108%;
font-weight: 500;
color: var(--np-black);
background: var(--np-beige);
border-left: 3px solid var(--np-brown);
letter-spacing: .12em;
padding: 12px 22px;
}
/* 予約フォームの小見出し */
body #ypro_wrapper .ypro_st_form_sub {
font-family: var(--np-gothic);
color: var(--np-black);
background: transparent;
border-bottom: 1px solid var(--np-line);
letter-spacing: .1em;
padding: 10px 4px;
}
/* -------------------------------------------------------------------
2-7. 空室検索ボックス（.ypro_search_box）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_search_box {
background: var(--np-white);
border: 1px solid var(--np-line);
margin-bottom: 40px;
}
body #ypro_wrapper .ypro_search_box .ypro_st {
font-family: var(--np-en), var(--np-mincho);
font-size: 120%;
text-align: center;
letter-spacing: .5em;
text-indent: .5em;
color: var(--np-black);
background: var(--np-white);
border: none;
border-bottom: 1px solid var(--np-line);
padding: 16px 20px;
}
body #ypro_wrapper .ypro_search_box .ypro_search {
padding: 8px 20px 18px;
}
body #ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl,
body #ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl th,
body #ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl td {
border: none;
background: transparent;
}
body #ypro_wrapper .ypro_search_box .ypro_search .ypro_form_parts .ypro_tbl th {
font-family: var(--np-gothic);
font-size: 90%;
font-weight: 500;
color: var(--np-gray);
letter-spacing: .08em;
padding: 10px 15px 10px 0;
}
/* -------------------------------------------------------------------
2-8. 並び替え・ページャ
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_sort_button {
font-family: var(--np-gothic);
font-size: 90%;
letter-spacing: .06em;
margin-bottom: 18px;
}
body #ypro_wrapper .ypro_pagination {
font-family: var(--np-en), var(--np-gothic);
letter-spacing: .08em;
margin: 26px 0;
}
body #ypro_wrapper .ypro_pagination .active,
body #ypro_wrapper .ypro_pagination li.active a {
color: var(--np-brown);
font-weight: 500;
}
/* -------------------------------------------------------------------
2-9. プラン枠（.ypro_package）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_package {
background: var(--np-white);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
margin-bottom: 36px;
box-shadow: none;
}
body #ypro_wrapper .ypro_package .box_pac {
padding: 22px 26px 26px;
}
/* プラン紹介文 */
body #ypro_wrapper .ypro_package .box_pac .inner_intro .intro .txt {
font-family: var(--np-mincho);
line-height: 2;
color: var(--np-black);
margin-bottom: 14px;
}
/* キーワードタグ */
body #ypro_wrapper .ypro_package .key p {
font-family: var(--np-gothic);
font-size: 84%;
letter-spacing: .06em;
color: var(--np-white);
background: var(--np-brown);
border-radius: var(--np-radius);
padding: 3px 12px;
}
/* サムネイル */
body #ypro_wrapper .ypro_package .thumbs img,
body #ypro_wrapper .ypro_package .photo img {
border-radius: var(--np-radius);
}
/* 複数施設検索の結果カード */
body #ypro_wrapper .ypro_gp_result .box_pac_add .inner_intro .st {
font-family: var(--np-mincho);
font-size: 124%;
font-weight: 500;
letter-spacing: .08em;
color: var(--np-black);
padding-bottom: 10px;
margin-bottom: 12px;
border-bottom: 1px solid var(--np-line-light);
}
/* -------------------------------------------------------------------
2-10. テーブル（.ypro_tbl）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_tbl {
border: 1px solid var(--np-line);
border-bottom: none;
}
body #ypro_wrapper .ypro_tbl th,
body #ypro_wrapper .ypro_tbl td {
border-bottom: 1px solid var(--np-line);
padding: 12px 16px;
line-height: 1.8;
}
body #ypro_wrapper .ypro_tbl th {
font-family: var(--np-gothic);
font-size: 92%;
font-weight: 500;
letter-spacing: .06em;
color: var(--np-black);
background: var(--np-beige);
border-right: 1px solid var(--np-line);
}
body #ypro_wrapper .ypro_tbl td {
background: var(--np-white);
}
/* 見出し行（st_room / st_price など） */
body #ypro_wrapper .st_room,
body #ypro_wrapper .st_price,
body #ypro_wrapper .st_pac,
body #ypro_wrapper .st_meal,
body #ypro_wrapper .st_date {
font-family: var(--np-gothic);
font-size: 88%;
letter-spacing: .06em;
color: var(--np-gray);
}
/* -------------------------------------------------------------------
2-11. ボタン（.ypro_btn_style）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_btn_style {
font-family: var(--np-gothic);
font-size: 95%;
font-weight: 500;
line-height: 1.4;
letter-spacing: .1em;
text-decoration: none;
padding: 13px 26px;
border-radius: var(--np-radius);
box-shadow: none;
text-shadow: none;
transition: background-color .3s var(--np-ease), color .3s var(--np-ease), border-color .3s var(--np-ease);
}
/* 主要導線（このプランで予約する 等） */
body #ypro_wrapper .ypro_btn_style.btn_default,
body #ypro_wrapper .ypro_btn_style.btn_default:link,
body #ypro_wrapper .ypro_btn_style.btn_default:visited,
body #ypro_wrapper .ypro_btn_style.btn_default:active {
color: var(--np-white);
background: var(--np-brown);
background-image: none;
border: 1px solid var(--np-brown);
}
body #ypro_wrapper .ypro_btn_style.btn_default:hover {
color: var(--np-white);
background: var(--np-brown-hover);
border-color: var(--np-brown-hover);
opacity: 1;
}
/* 汎用（白）ボタン */
body #ypro_wrapper .ypro_btn_style.btn_plain,
body #ypro_wrapper .ypro_btn_style.btn_plain:link,
body #ypro_wrapper .ypro_btn_style.btn_plain:visited,
body #ypro_wrapper .ypro_btn_style.btn_plain:active {
color: var(--np-black);
background: var(--np-white);
background-image: none;
border: 1px solid var(--np-line);
}
body #ypro_wrapper .ypro_btn_style.btn_plain:hover {
color: var(--np-white);
background: var(--np-black);
border-color: var(--np-black);
opacity: 1;
}
/* フォーム送信ボタン */
body #ypro_wrapper .ypro_form_parts input[type="submit"],
body #ypro_wrapper .ypro_form_parts input[type="button"] {
font-family: var(--np-gothic);
font-size: 100%;
letter-spacing: .1em;
color: var(--np-white);
background: var(--np-brown);
background-image: none;
border: 1px solid var(--np-brown);
border-radius: var(--np-radius);
box-shadow: none;
text-shadow: none;
padding: 12px 30px;
cursor: pointer;
transition: background-color .3s var(--np-ease);
}
body #ypro_wrapper .ypro_form_parts input[type="submit"]:hover,
body #ypro_wrapper .ypro_form_parts input[type="button"]:hover {
background: var(--np-brown-hover);
border-color: var(--np-brown-hover);
}
/* 「続きを読む」 */
body #ypro_wrapper .ypro_btn_readmore a,
body #ypro_wrapper .ypro_btn_readmore_close a,
body #ypro_wrapper .ypro_btn_readmore_tbl a,
body #ypro_wrapper .ypro_btn_readmore_tbl_close a {
font-family: var(--np-gothic);
font-size: 88%;
letter-spacing: .08em;
color: var(--np-brown);
}
/* ページトップ */
body #ypro_wrapper .ypro_ptop_button a {
font-family: var(--np-gothic);
font-size: 85%;
letter-spacing: .08em;
color: var(--np-gray);
text-decoration: none;
}
body #ypro_wrapper .ypro_ptop_button a:hover { color: var(--np-brown); }
/* -------------------------------------------------------------------
2-12. カレンダー（.box_calendar / .ypro_tbl_cal）
------------------------------------------------------------------- */
body #ypro_wrapper .box_calendar {
padding: 0 26px 26px;
}
body #ypro_wrapper .ypro_tbl_cal {
border: 1px solid var(--np-line);
border-bottom: none;
}
body #ypro_wrapper .ypro_tbl_cal th,
body #ypro_wrapper .ypro_tbl_cal td {
border-bottom: 1px solid var(--np-line);
border-right: 1px solid var(--np-line);
font-family: var(--np-gothic);
font-size: 90%;
}
body #ypro_wrapper .ypro_tbl_cal th {
background: var(--np-beige);
font-weight: 500;
letter-spacing: .04em;
}
/* 曜日カラー（標準の赤／青を土色系へ置換） */
body #ypro_wrapper .box_calendar .ypro_tbl_cal .cal_bg_sun { background-color: #f3ece4; }
body #ypro_wrapper .box_calendar .ypro_tbl_cal .cal_bg_sat { background-color: #ecedea; }
/* 空室数・料金の数字 */
body #ypro_wrapper .ypro_tbl_cal .num_space,
body #ypro_wrapper .ypro_tbl_cal .price {
font-family: var(--np-en), var(--np-gothic);
}
/* 前の期間／次の期間ボタン */
body #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p a {
color: var(--np-white);
background-color: var(--np-brown);
border: 1px solid var(--np-brown);
border-radius: var(--np-radius);
font-family: var(--np-gothic);
letter-spacing: .06em;
}
body #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_btn p a:hover {
background-color: var(--np-brown-hover);
border-color: var(--np-brown-hover);
opacity: 1;
}
/* 人数セレクト */
body #ypro_wrapper .box_calendar .ypro_tbl_cal thead .cal_num dd select {
background-color: var(--np-white);
border: 1px solid var(--np-line);
border-width: 1px;
border-radius: var(--np-radius);
}
/* お部屋を選択リスト */
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list {
border: 1px solid var(--np-line);
background: var(--np-white);
border-radius: var(--np-radius);
}
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list p {
font-family: var(--np-gothic);
font-size: 100%;
font-weight: 500;
letter-spacing: .08em;
color: var(--np-black);
background: var(--np-beige);
border-bottom: 1px solid var(--np-line);
}
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li {
border-top: 1px solid var(--np-line-light);
}
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a {
color: var(--np-black);
font-size: 92%;
}
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a:hover,
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li.active a,
body #ypro_wrapper .ypro_package_detail .box_calendar .wrp_cal_list .room_list ul li a.active {
background-color: var(--np-brown-tint);
border: 2px solid var(--np-brown);
padding: 10px;
opacity: 1;
}
/* -------------------------------------------------------------------
2-13. フォーム部品（.ypro_form_parts）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_form_parts input[type="text"],
body #ypro_wrapper .ypro_form_parts input[type="tel"],
body #ypro_wrapper .ypro_form_parts input[type="email"],
body #ypro_wrapper .ypro_form_parts input[type="password"],
body #ypro_wrapper .ypro_form_parts input[type="number"],
body #ypro_wrapper .ypro_form_parts select,
body #ypro_wrapper .ypro_form_parts textarea {
font-family: var(--np-gothic);
font-size: 100%;
color: var(--np-black);
background: var(--np-white);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
box-shadow: none;
padding: 8px 10px;
transition: border-color .3s var(--np-ease);
}
body #ypro_wrapper .ypro_form_parts input[type="text"]:focus,
body #ypro_wrapper .ypro_form_parts input[type="tel"]:focus,
body #ypro_wrapper .ypro_form_parts input[type="email"]:focus,
body #ypro_wrapper .ypro_form_parts input[type="password"]:focus,
body #ypro_wrapper .ypro_form_parts input[type="number"]:focus,
body #ypro_wrapper .ypro_form_parts select:focus,
body #ypro_wrapper .ypro_form_parts textarea:focus {
border-color: var(--np-brown);
outline: none;
}
body #ypro_wrapper .ypro_form_parts label {
font-family: var(--np-gothic);
}
/* 注意文言 */
body #ypro_wrapper .txt_caution,
body #ypro_wrapper .txt_caution_b {
font-family: var(--np-gothic);
font-size: 88%;
color: var(--np-gray);
line-height: 1.9;
}
/* -------------------------------------------------------------------
2-14. 切替えタブ（.ypro_wrp_tab_button ／ プランから探す・部屋から探す）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_wrp_tab_button:after {
border-bottom: 1px solid var(--np-line);
}
body #ypro_wrapper .ypro_wrp_tab_button li {
font-family: var(--np-gothic);
font-weight: 500;
letter-spacing: .08em;
color: var(--np-gray);
background: var(--np-beige);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
}
body #ypro_wrapper .ypro_wrp_tab_button li.active {
color: var(--np-black);
font-size: 112%;
font-weight: 500;
background: var(--np-white);
border-color: var(--np-line);
border-bottom-color: var(--np-white);
border-top: 2px solid var(--np-brown);
}
body #ypro_wrapper .ypro_wrp_tab_button li a { color: var(--np-gray); }
body #ypro_wrapper .ypro_wrp_tab_button li.active a { color: var(--np-black); }
/* -------------------------------------------------------------------
2-15. 並び替えボタン（.ypro_sort_button）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_sort_button p {
background-color: var(--np-white);
border: 1px solid var(--np-line);
margin-right: 6px;
}
body #ypro_wrapper .ypro_sort_button p.active {
color: var(--np-white);
background-color: var(--np-brown);
border-color: var(--np-brown);
}
body #ypro_wrapper .ypro_sort_button p a { color: var(--np-black); }
body #ypro_wrapper .ypro_sort_button p a:hover {
color: var(--np-white);
background-color: var(--np-black);
opacity: 1;
}
/* -------------------------------------------------------------------
2-16. ページ送り（.ypro_pagination）
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_pagination ul li {
background: var(--np-white);
border: 1px solid var(--np-line);
border-right: none;
}
body #ypro_wrapper .ypro_pagination ul li:last-child { border-right: 1px solid var(--np-line); }
body #ypro_wrapper .ypro_pagination ul li a { color: var(--np-black); }
body #ypro_wrapper .ypro_pagination ul li a:hover,
body #ypro_wrapper .ypro_pagination ul li a:active {
color: var(--np-white);
background-color: var(--np-black);
opacity: 1;
}
body #ypro_wrapper .ypro_pagination ul li.active,
body #ypro_wrapper .ypro_pagination ul li.active a {
color: var(--np-white);
background: var(--np-brown);
}
/* -------------------------------------------------------------------
2-17. 食事アイコン（.ic_meal_01〜04）
NIPPONIAのアースカラーに置換。可読性のためコントラスト比 4.5:1 以上を確保
------------------------------------------------------------------- */
body #ypro_wrapper .ypro_btn_style.ic_meal_01,
body #ypro_wrapper .ypro_btn_style.ic_meal_02,
body #ypro_wrapper .ypro_btn_style.ic_meal_03,
body #ypro_wrapper .ypro_btn_style.ic_meal_04 {
font-family: var(--np-gothic);
font-size: 84%;
letter-spacing: .08em;
border-radius: var(--np-radius);
box-shadow: none;
padding: 5px 12px;
}
body #ypro_wrapper .ypro_btn_style.ic_meal_01 { background: #96662c; color: #fff; } /* 一食のみ */
body #ypro_wrapper .ypro_btn_style.ic_meal_02 { background: #6e5535; color: #fff; } /* 二食付き */
body #ypro_wrapper .ypro_btn_style.ic_meal_03 { background: #56663f; color: #fff; } /* 三食付き */
body #ypro_wrapper .ypro_btn_style.ic_meal_04 { /* 食事なし */
background: var(--np-white);
color: #6b6b6b;
border: 1px solid var(--np-line);
}
/* -------------------------------------------------------------------
2-18. 追加ヘッダ／フッタ（work/html の HTML と対で使用）
※「予約ページ上部／下部」に貼り付けるパーツ用
------------------------------------------------------------------- */
.np-header {
font-family: var(--np-gothic);
background: var(--np-white);
border-bottom: 1px solid var(--np-line);
margin: 0 0 24px;
}
.np-header__inner {
width: 100%;
max-width: 980px;
margin: 0 auto;
display: table;
height: 60px;
}
.np-header__logo,
.np-header__nav {
display: table-cell;
vertical-align: middle;
}
.np-header__logo a {
font-family: var(--np-en);
font-size: 21px;
letter-spacing: .22em;
color: var(--np-black) !important;
text-decoration: none !important;
white-space: nowrap;
}
/* ロゴ（CSS埋め込み／外部画像に依存しない）
・実体は下部「ロゴデータ」ブロックの background-image
・width と height は元SVGの縦横比から算出した固定値。height:auto を使わないため、
画像が読めない環境でも枠が潰れない */
.np-header__logo .np-logo {
display: inline-block;
vertical-align: middle;
/* width / height / background は「4. ロゴデータ」ブロックで自動設定 */
}
/* 画像ファイルを参照する運用に切り替えた場合のフォールバック */
.np-header__logo img {
width: 132px;
height: 19px;
object-fit: contain;
vertical-align: middle;
}
.np-header__logo .np-header__sub {
font-family: var(--np-gothic);
font-size: 11px;
letter-spacing: .12em;
color: var(--np-gray);
margin-left: 12px;
}
.np-header__nav { text-align: right; }
.np-header__nav a {
font-size: 13px;
letter-spacing: .08em;
color: var(--np-black) !important;
text-decoration: none !important;
margin-left: 26px;
}
.np-header__nav a:hover { opacity: .6; }
.np-header__nav a.np-header__cta {
display: inline-block;
background: var(--np-brown);
color: var(--np-white) !important;
padding: 10px 26px;
letter-spacing: .1em;
}
.np-header__nav a.np-header__cta:hover {
background: var(--np-brown-hover);
opacity: 1;
}
.np-footer {
font-family: var(--np-gothic);
background: var(--np-black);
color: var(--np-white);
margin: 48px 0 0;
padding: 46px 0 32px;
}
.np-footer__inner {
width: 100%;
max-width: 980px;
margin: 0 auto;
text-align: center;
}
.np-footer__logo {
font-family: var(--np-en);
font-size: 22px;
letter-spacing: .24em;
margin: 0 0 22px;
}
.np-footer__logo .np-logo {
display: inline-block;
/* width / height / background は「4. ロゴデータ」ブロックで自動設定 */
}
/* 画像ファイルを参照する運用に切り替えた場合のフォールバック */
.np-footer__logo img {
width: 150px;
height: 22px;
object-fit: contain;
}
.np-footer__nav { margin: 0 0 26px; }
.np-footer__nav a {
font-size: 13px;
letter-spacing: .06em;
color: var(--np-white) !important;
text-decoration: none !important;
margin: 0 16px;
}
.np-footer__nav a:hover { opacity: .6; }
.np-footer__copy {
font-family: var(--np-en);
font-size: 11px;
letter-spacing: .12em;
color: rgba(255, 255, 255, .6);
}
/* ===================================================================
▼▼▼ ここから SP版（templates/dtsp1 / Bootstrap 2系ベース） ▼▼▼
-------------------------------------------------------------------
※ アビリブ社の公式サポート範囲は「PC版のみ」。
SP版への適用は本ファイルを「予約ページ上部」の で
読み込ませた場合のみ有効（自己責任での運用となる）。
=================================================================== */
body#homepage,
body#reserve,
body#calendar {
background: var(--np-bg);
color: var(--np-black);
font-family: var(--np-mincho);
-webkit-font-smoothing: antialiased;
}
body#homepage #page,
body#homepage #contents {
background: transparent;
}
/* リンク */
body#homepage a,
body#homepage a:link,
body#homepage a:visited { color: var(--np-brown); }
/* 見出し */
body#homepage .st01,
body#homepage #contents .st01 {
font-family: var(--np-mincho);
font-size: 17px;
font-weight: 500;
letter-spacing: .1em;
color: var(--np-black);
background: var(--np-white);
border: none;
border-left: 3px solid var(--np-brown);
border-bottom: 1px solid var(--np-line);
padding: 14px 16px;
text-shadow: none;
}
/* お知らせ枠 */
body#homepage .ypro_information_box_wrp .ypro_information_box .txt_html_editor {
background: var(--np-brown-tint);
border: 1px solid var(--np-line);
border-left: 3px solid var(--np-brown);
font-size: 13px;
line-height: 1.9;
padding: 14px 16px;
}
/* プランカード */
body#homepage .pack {
background: var(--np-white);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
box-shadow: none;
margin-bottom: 18px;
}
body#homepage .pack .info { padding: 14px 16px; }
body#homepage .pack .info .ypro_plan_copy,
body#homepage .pack .info .ypro_plan_copy_a {
font-family: var(--np-mincho);
font-size: 15px;
font-weight: 500;
line-height: 1.7;
letter-spacing: .04em;
color: var(--np-black);
}
body#homepage .pack .info .inner_price,
body#homepage .pack .info .txt_price {
font-family: var(--np-en), var(--np-gothic);
color: var(--np-black);
}
body#homepage .txt_price_att {
font-family: var(--np-gothic);
font-size: 11px;
color: var(--np-gray);
}
/* ボタン（Bootstrap 2系の .btn を上書き） */
body#homepage .btn,
body#homepage .btn:link,
body#homepage .btn:visited {
font-family: var(--np-gothic);
font-size: 14px;
font-weight: 500;
letter-spacing: .08em;
color: var(--np-black);
background: var(--np-white);
background-image: none;
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
box-shadow: none;
text-shadow: none;
padding: 11px 16px;
}
body#homepage .btn:hover,
body#homepage .btn:focus,
body#homepage .btn:active {
background: var(--np-beige);
background-image: none;
color: var(--np-black);
}
/* 主要導線 */
body#homepage .btn-primary,
body#homepage .btn-primary:link,
body#homepage .btn-primary:visited,
body#homepage .btn-pack,
body#homepage .btn-pack:link,
body#homepage .btn-pack:visited {
color: var(--np-white);
background: var(--np-brown);
background-image: none;
border-color: var(--np-brown);
text-shadow: none;
}
body#homepage .btn-primary:hover,
body#homepage .btn-primary:active,
body#homepage .btn-pack:hover,
body#homepage .btn-pack:active {
color: var(--np-white);
background: var(--np-brown-hover);
background-image: none;
border-color: var(--np-brown-hover);
}
/* 反転ボタン */
body#homepage .btn-inverse,
body#homepage .btn-inverse:link,
body#homepage .btn-inverse:visited {
color: var(--np-white);
background: var(--np-black);
background-image: none;
border-color: var(--np-black);
text-shadow: none;
}
/* ナビゲーションバー */
body#homepage .navbar-inverse .navbar-inner,
body#homepage .navbar .navbar-inner {
background: var(--np-black);
background-image: none;
border: none;
box-shadow: none;
border-radius: var(--np-radius);
}
body#homepage .navbar .navbar-inner a,
body#homepage .fnav a,
body#homepage .hnav a {
color: var(--np-white);
font-family: var(--np-gothic);
letter-spacing: .06em;
text-shadow: none;
}
/* カレンダー */
body#homepage .con_calendar,
body#homepage #overlay_cal .box {
background: var(--np-white);
border-radius: var(--np-radius);
}
body#homepage table.cal th,
body#homepage table.cal td {
font-family: var(--np-gothic);
border-color: var(--np-line);
}
body#homepage table.cal th {
background: var(--np-beige);
color: var(--np-black);
}
body#homepage table.cal .sun { background: rgba(173, 139, 101, .12); }
body#homepage table.cal .sat { background: rgba(112, 112, 112, .08); }
body#homepage table.cal .past { color: #bbb; }
body#homepage .month {
font-family: var(--np-en), var(--np-mincho);
letter-spacing: .1em;
color: var(--np-black);
}
/* ページャ */
body#homepage .pagination a,
body#homepage .pagination span {
font-family: var(--np-en), var(--np-gothic);
border-color: var(--np-line);
color: var(--np-black);
}
/* フォーム部品 */
body#homepage input[type="text"],
body#homepage input[type="tel"],
body#homepage input[type="email"],
body#homepage input[type="number"],
body#homepage select,
body#homepage textarea {
font-family: var(--np-gothic);
color: var(--np-black);
background: var(--np-white);
border: 1px solid var(--np-line);
border-radius: var(--np-radius);
box-shadow: none;
}
body#homepage input[type="text"]:focus,
body#homepage input[type="tel"]:focus,
body#homepage input[type="email"]:focus,
body#homepage select:focus,
body#homepage textarea:focus {
border-color: var(--np-brown);
box-shadow: none;
outline: none;
}
/* SP用ヘッダ／フッタ */
@media screen and (max-width: 767px) {
.np-header__inner,
.np-footer__inner { width: auto; padding: 0 16px; }
.np-header__inner { height: 55px; }
.np-header__logo a { font-size: 18px; }
.np-header__nav a { margin-left: 14px; font-size: 12px; }
.np-header__nav a.np-header__cta { padding: 8px 16px; }
.np-footer { padding: 36px 0 26px; margin-top: 32px; }
.np-footer__nav a { display: inline-block; margin: 0 10px 10px; }
}
/* ===================================================================
3. 印刷
=================================================================== */
@media print {
body#ypro_body, body#pegecontents_name, body#homepage { background: #fff; }
.np-header, .np-footer { display: none; }
body #ypro_wrapper .ypro_btn_style { box-shadow: none; }
}
/* ===================================================================
4. ロゴデータ
-------------------------------------------------------------------
NIPPONIAロゴを data URI として埋め込んでいる。
外部画像を参照しないため、画像のアップロード状況やネットワーク環境に
関係なく必ず表示される。
★このブロックは自動生成。手で編集しないこと。
ロゴを差し替える場合は work/assets/images/ のSVGを入れ替えたうえで
python3 work/tools/embed_logo.py
を実行して再生成する。
=================================================================== */
/* >>> LOGO-EMBED-START */
/* header_logo.svg （原寸 120.027 × 16.897 → 表示 132 × 18.6px） */
.np-header__logo .np-logo {
width: 132px;
height: 18.6px;
background: url("data:image/svg+xml,%3Csvg%20height%3D%2216.897%22%20viewBox%3D%220%200%20120.027%2016.897%22%20width%3D%22120.027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22m0%200h120.027v16.897h-120.027z%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22m4.731%2012.73v-8.562h2.14v8.618h-2.14zm5.125-8.562h2.253v8.561h-2.253zm2.253-4.168v2.366h-2.253v-2.366h-3.041v2.366h-2.084v-2.366h-3.041v2.366h-1.69v1.746h1.69v8.618h-1.69v1.746h1.69v2.424h3.041v-2.368h2.14v2.368h3.042v-2.368h2.253v2.368h3.041v-2.368h1.693v-1.746h-1.69v-8.618h1.69v-1.8h-1.69v-2.368z%22%2F%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22m32.858%2015.206a11.46%2011.46%200%200%200%201.352-.281%201.251%201.251%200%200%200%20.732-.451%201.964%201.964%200%200%200%20.338-.789%209.9%209.9%200%200%200%20.057-1.295l.112-7.154a5.039%205.039%200%200%200%20-.563-.507c-.225-.113-.394-.225-.619-.338a3.2%203.2%200%200%200%20-.676-.225l-.733-.166v-.453l.958.057c.338%200%20.619.056.958.056.845%200%201.69-.056%202.478-.113%201.239%201.521%202.478%202.985%203.716%204.453a54.7%2054.7%200%200%201%203.6%204.506h.057v-3.326c0-.619-.057-1.239-.113-1.858a6.987%206.987%200%200%200%20-.164-1.522%203.22%203.22%200%200%200%20-.225-.789%201.95%201.95%200%200%200%20-.45-.507%202.084%202.084%200%200%200%20-.619-.281%204.474%204.474%200%200%200%20-.845-.169v-.507l1.291.053c.395%200%20.845.056%201.3.056.845%200%201.69-.056%202.535-.113v.457a2.516%202.516%200%200%200%20-1.126.225%201.022%201.022%200%200%200%20-.619.563%203.412%203.412%200%200%200%20-.285%201.012v10.026h-1.126c-.338-.563-.789-1.183-1.239-1.8s-.958-1.3-1.464-1.915l-1.521-1.861c-.507-.619-1.014-1.183-1.521-1.746l-1.295-1.52c-.395-.451-.733-.845-1.014-1.127v6.252a13.639%2013.639%200%200%200%20.057%201.521%201.768%201.768%200%200%200%20.337.9%201.719%201.719%200%200%200%20.732.507%204.8%204.8%200%200%200%201.3.225v.451l-1.3-.056h-2.872l-1.521.056z%22%20transform%3D%22translate%28-10.948%20-1.182%29%22%2F%3E%3Cpath%20d%3D%22m56.678%203.632%201.69.056c.563%200%201.126.057%201.69.057a14.147%2014.147%200%200%200%201.577-.057l1.577-.056v.394a6.238%206.238%200%200%200%20-1.014.113%201.251%201.251%200%200%200%20-.958.958%201.941%201.941%200%200%200%20-.113.958v7.773a1.177%201.177%200%200%200%20.451%201.07%203.119%203.119%200%200%200%201.577.395l-.057.45-1.577-.056h-3.21a15.922%2015.922%200%200%200%20-1.634.056v-.45a3.119%203.119%200%200%200%201.577-.395%201.08%201.08%200%200%200%20.451-1.07v-7.774a2.385%202.385%200%200%200%20-.394-1.521%202.063%202.063%200%200%200%20-1.578-.507v-.394z%22%20transform%3D%22translate%28-18.884%20-1.21%29%22%2F%3E%3Cpath%20d%3D%22m71.009%206.11a6.157%206.157%200%200%200%20-.056-1.01%201.248%201.248%200%200%200%20-.281-.619%201.34%201.34%200%200%200%20-.62-.338%202.856%202.856%200%200%200%20-.957-.169v-.454l1.239.056c.451%200%20.958.057%201.577.057.563%200%201.126%200%201.746-.057.563-.056%201.183-.113%201.8-.113a5.82%205.82%200%200%201%201.69.225%203.272%203.272%200%200%201%201.408.676%203.918%203.918%200%200%201%201.014%201.126%203.193%203.193%200%200%201%20.338%201.577%203.052%203.052%200%200%201%20-.338%201.408%203.871%203.871%200%200%201%20-.9%201.014%203.657%203.657%200%200%201%20-1.239.62%206.172%206.172%200%200%201%20-1.464.169%209.268%209.268%200%200%201%20-1.24-.113%204.656%204.656%200%200%201%20-1.183-.338v3.211a6.081%206.081%200%200%200%20.057%201.014.9.9%200%200%200%20.281.619%201.341%201.341%200%200%200%20.619.338%203.631%203.631%200%200%200%201.127.169v.337l-1.577-.056h-3.265a15.922%2015.922%200%200%200%20-1.634.056v-.337a3.536%203.536%200%200%200%201.07-.169.955.955%200%200%200%20.563-.338%201.179%201.179%200%200%200%20.225-.619%206.081%206.081%200%200%200%20.057-1.014zm2.479%203.211a3.2%203.2%200%200%200%20.676.225%203.308%203.308%200%200%200%20.732.113%202.125%202.125%200%200%200%201.858-.789%202.761%202.761%200%200%200%20.62-1.97%206.858%206.858%200%200%200%20-.113-1.07%202.582%202.582%200%200%200%20-.394-.9%201.829%201.829%200%200%200%20-.732-.563%202.436%202.436%200%200%200%20-1.07-.225%203.478%203.478%200%200%200%20-.788.056%202.8%202.8%200%200%200%20-.733.225z%22%20transform%3D%22translate%28-23.021%20-1.154%29%22%2F%3E%3Cpath%20d%3D%22m88.128%206.082a6.085%206.085%200%200%200%20-.057-1.014%201.242%201.242%200%200%200%20-.281-.619%201.334%201.334%200%200%200%20-.619-.338%203.189%203.189%200%200%200%20-1.014-.169v-.45l1.239.056c.451%200%20.958.057%201.577.057.563%200%201.183-.057%201.746-.113s1.183-.113%201.8-.113a5.8%205.8%200%200%201%201.69.225%203.279%203.279%200%200%201%201.408.675%203.929%203.929%200%200%201%201.014%201.127%203.328%203.328%200%200%201%20.395%201.633%203.052%203.052%200%200%201%20-.338%201.408%203.082%203.082%200%200%201%20-.9%201.014%203.651%203.651%200%200%201%20-1.239.62%206.172%206.172%200%200%201%20-1.464.169%209.259%209.259%200%200%201%20-1.239-.113%204.64%204.64%200%200%201%20-1.183-.337v3.21a6.153%206.153%200%200%200%20.056%201.014.9.9%200%200%200%20.282.619%201.334%201.334%200%200%200%20.619.338%203.9%203.9%200%200%200%201.126.169v.337c-.507%200-1.07-.056-1.577-.056h-3.269a15.386%2015.386%200%200%200%20-1.634.056v-.281a3.532%203.532%200%200%200%201.07-.169.962.962%200%200%200%20.564-.337%201.182%201.182%200%200%200%20.225-.619%206.161%206.161%200%200%200%20.056-1.014zm2.422%203.211a3.2%203.2%200%200%200%20.676.225%203.308%203.308%200%200%200%20.732.113%202.125%202.125%200%200%200%201.858-.789%202.761%202.761%200%200%200%20.619-1.971%206.859%206.859%200%200%200%20-.113-1.07%202.582%202.582%200%200%200%20-.394-.9%201.829%201.829%200%200%200%20-.732-.563%202.436%202.436%200%200%200%20-1.07-.225%203.478%203.478%200%200%200%20-.788.056%202.8%202.8%200%200%200%20-.733.225z%22%20transform%3D%22translate%28-28.706%20-1.126%29%22%2F%3E%3Cpath%20d%3D%22m111.132%203.209a8.5%208.5%200%200%201%202.868.451%206.023%206.023%200%200%201%202.2%201.24%206.219%206.219%200%200%201%201.464%201.972%207.31%207.31%200%200%201%200%205.351%205.18%205.18%200%200%201%20-1.464%201.972%207.132%207.132%200%200%201%20-2.2%201.239%209.794%209.794%200%200%201%20-5.689%200%206.539%206.539%200%200%201%20-2.2-1.239%206.219%206.219%200%200%201%20-1.464-1.972%207.317%207.317%200%200%201%200-5.351%205.18%205.18%200%200%201%201.472-1.972%207.114%207.114%200%200%201%202.2-1.239%207.973%207.973%200%200%201%202.816-.451m0%20.676a4.792%204.792%200%200%200%20-1.971.451%203.581%203.581%200%200%200%20-1.352%201.239%205.676%205.676%200%200%200%20-.788%201.8%209.161%209.161%200%200%200%200%204.281%206.491%206.491%200%200%200%20.788%201.8%204.05%204.05%200%200%200%201.352%201.24%204.414%204.414%200%200%200%203.942%200%203.583%203.583%200%200%200%201.352-1.24%205.666%205.666%200%200%200%20.788-1.8%209.162%209.162%200%200%200%200-4.281%207.32%207.32%200%200%200%20-.788-1.8%203.772%203.772%200%200%200%20-3.323-1.69%22%20transform%3D%22translate%28-34.701%20-1.069%29%22%2F%3E%3Cpath%20d%3D%22m126.025%2015.206a11.462%2011.462%200%200%200%201.352-.281%201.251%201.251%200%200%200%20.732-.451%201.964%201.964%200%200%200%20.338-.789%2010.337%2010.337%200%200%200%20.057-1.295l.056-7.154a5.049%205.049%200%200%200%20-.56-.506c-.225-.113-.394-.225-.619-.338a3.2%203.2%200%200%200%20-.676-.225l-.624-.167v-.453l.958.057c.338%200%20.62.056.958.056.845%200%201.69-.056%202.479-.113%201.239%201.521%202.478%202.985%203.717%204.45s2.478%202.929%203.6%204.506h.056v-3.323c0-.619-.056-1.239-.056-1.858a6.987%206.987%200%200%200%20-.169-1.521%203.22%203.22%200%200%200%20-.225-.789%203.7%203.7%200%200%200%20-.45-.507%202.083%202.083%200%200%200%20-.619-.281%204.678%204.678%200%200%200%20-.842-.224v-.4l1.295.056c.395%200%20.845.057%201.3.057.845%200%201.69-.057%202.535-.113v.4a2.516%202.516%200%200%200%20-1.126.225%201.02%201.02%200%200%200%20-.619.563%203.412%203.412%200%200%200%20-.282%201.014%2014.34%2014.34%200%200%200%20-.056%201.633v8.393h-1.135c-.394-.563-.788-1.183-1.239-1.8s-.958-1.3-1.464-1.915l-1.521-1.858c-.507-.619-1.014-1.183-1.52-1.746l-1.3-1.52c-.394-.451-.732-.845-1.014-1.127v6.252a13.8%2013.8%200%200%200%20.056%201.521%201.379%201.379%200%200%200%20.338.9%201.715%201.715%200%200%200%20.732.507%208.783%208.783%200%200%200%201.3.281v.451l-1.352-.057h-2.872l-1.521.057z%22%20transform%3D%22translate%28-41.99%20-1.182%29%22%2F%3E%3Cpath%20d%3D%22m149.085%203.632%201.69.056c.563%200%201.126.057%201.69.057a14.148%2014.148%200%200%200%201.577-.057l1.577-.056v.394a6.238%206.238%200%200%200%20-1.014.113%201.252%201.252%200%200%200%20-.958.958%204.9%204.9%200%200%200%20-.113.9v7.773a1.178%201.178%200%200%200%20.451%201.07%203.028%203.028%200%200%200%201.577.451l-.057.45-1.577-.056h-3.21l-1.634.056v-.45a3.119%203.119%200%200%200%201.577-.395%201.08%201.08%200%200%200%20.451-1.07v-7.772a2.385%202.385%200%200%200%20-.394-1.521%202.64%202.64%200%200%200%20-1.578-.507z%22%20transform%3D%22translate%28-49.673%20-1.21%29%22%2F%3E%3Cpath%20d%3D%22m159.587%2015.094a2.356%202.356%200%200%200%20.845-.225%202.308%202.308%200%200%200%20.62-.394%202.327%202.327%200%200%200%20.394-.619c.113-.225.225-.507.338-.788l3.6-8.393-.395-.789a6.552%206.552%200%200%200%201.127-.281%208.985%208.985%200%200%200%201.126-.394l4%2010.814a1.3%201.3%200%200%200%20.789.845%202.557%202.557%200%200%200%201.126.282v.448l-.789-.057h-4.112l-1.52.057v-.507a3.057%203.057%200%200%200%201.408-.337.755.755%200%200%200%20.451-.733.839.839%200%200%200%20-.056-.394l-.169-.507-.225-.563a3.732%203.732%200%200%200%20-.169-.45l-.619-1.8h-3.657l-.958%202.591-.169.507a2.414%202.414%200%200%200%20-.113.619.512.512%200%200%200%20.169.395%202.432%202.432%200%200%200%20.394.338%202.008%202.008%200%200%200%20.507.225%201.638%201.638%200%200%200%20.507.113v.451c-.394%200-.788-.056-1.183-.056h-2.309l-1.07.056zm7.548-5.463-1.522-4.281h-.056l-1.577%204.281z%22%20transform%3D%22translate%28-53.134%20-1.07%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
}
/* footer_logo.svg （原寸 160 × 22.525 → 表示 150 × 21.1px） */
.np-footer__logo .np-logo {
width: 150px;
height: 21.1px;
background: url("data:image/svg+xml,%3Csvg%20height%3D%2222.525%22%20viewBox%3D%220%200%20160%2022.525%22%20width%3D%22160%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22m0%200h160v22.524h-160z%22%2F%3E%3C%2FclipPath%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m6.3%2016.969v-11.413h2.856v11.488h-2.856zm6.833-11.413h3v11.412h-3zm3-5.556v3.154h-3v-3.154h-4.053v3.154h-2.78v-3.154h-4.049v3.154h-2.251v2.327h2.251v11.488h-2.251v2.331h2.251v3.228h4.049v-3.156h2.856v3.153h4.052v-3.153h3v3.153h4.052v-3.153h2.251v-2.328h-2.248v-11.488h2.251v-2.4h-2.251v-3.156z%22%2F%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22m32.858%2019.089a15.278%2015.278%200%200%200%201.8-.375%201.668%201.668%200%200%200%20.976-.6%202.619%202.619%200%200%200%20.451-1.052%2013.2%2013.2%200%200%200%20.076-1.726l.15-9.536a6.717%206.717%200%200%200%20-.75-.676c-.3-.15-.525-.3-.826-.451a4.26%204.26%200%200%200%20-.9-.3l-.976-.225v-.6l1.276.076c.451%200%20.826.075%201.276.075%201.126%200%202.252-.075%203.3-.15%201.652%202.028%203.3%203.98%204.956%205.932a72.918%2072.918%200%200%201%204.805%206.007h.076v-4.43c0-.826-.076-1.652-.15-2.477a9.314%209.314%200%200%200%20-.226-2.028%204.292%204.292%200%200%200%20-.3-1.052%202.6%202.6%200%200%200%20-.6-.676%202.778%202.778%200%200%200%20-.826-.375%205.964%205.964%200%200%200%20-1.126-.226v-.677l1.726.076c.526%200%201.126.075%201.727.075%201.126%200%202.252-.075%203.379-.15v.6a3.354%203.354%200%200%200%20-1.5.3%201.362%201.362%200%200%200%20-.826.751%204.548%204.548%200%200%200%20-.376%201.351v13.365h-1.5c-.451-.751-1.052-1.577-1.652-2.4s-1.276-1.727-1.952-2.553l-2.028-2.477c-.676-.826-1.352-1.577-2.028-2.328l-1.725-2.03c-.526-.6-.977-1.126-1.352-1.5v8.334a18.181%2018.181%200%200%200%20.076%202.028%202.356%202.356%200%200%200%20.45%201.2%202.292%202.292%200%200%200%20.976.676%206.4%206.4%200%200%200%201.727.3v.6l-1.727-.075h-3.829l-2.028.075z%22%20transform%3D%22translate%28-3.651%20-.394%29%22%2F%3E%3Cpath%20d%3D%22m56.678%203.632%202.252.075c.751%200%201.5.076%202.252.076a18.859%2018.859%200%200%200%202.1-.076l2.1-.075v.525a8.315%208.315%200%200%200%20-1.351.15%201.8%201.8%200%200%200%20-.826.451%201.779%201.779%200%200%200%20-.451.826%202.588%202.588%200%200%200%20-.15%201.276v10.362a1.569%201.569%200%200%200%20.6%201.426%204.158%204.158%200%200%200%202.1.526l-.076.6-2.1-.075h-4.272a21.225%2021.225%200%200%200%20-2.178.075v-.6a4.158%204.158%200%200%200%202.1-.526%201.439%201.439%200%200%200%20.6-1.426v-10.362a3.179%203.179%200%200%200%20-.525-2.028%202.751%202.751%200%200%200%20-2.1-.676v-.524z%22%20transform%3D%22translate%28-6.298%20-.404%29%22%2F%3E%3Cpath%20d%3D%22m71.647%206.992a8.207%208.207%200%200%200%20-.075-1.351%201.664%201.664%200%200%200%20-.375-.826%201.786%201.786%200%200%200%20-.827-.451%203.807%203.807%200%200%200%20-1.27-.225v-.6l1.652.075c.6%200%201.276.076%202.1.076.751%200%201.5%200%202.327-.076.751-.075%201.577-.15%202.4-.15a7.759%207.759%200%200%201%202.252.3%204.362%204.362%200%200%201%201.877.9%205.223%205.223%200%200%201%201.351%201.5%204.257%204.257%200%200%201%20.451%202.1%204.069%204.069%200%200%201%20-.451%201.877%205.16%205.16%200%200%201%20-1.2%201.351%204.875%204.875%200%200%201%20-1.652.827%208.228%208.228%200%200%201%20-1.952.225%2012.355%2012.355%200%200%201%20-1.655-.144%206.206%206.206%200%200%201%20-1.577-.451v4.28a8.106%208.106%200%200%200%20.076%201.351%201.206%201.206%200%200%200%20.375.826%201.787%201.787%200%200%200%20.826.451%204.841%204.841%200%200%200%201.5.226v.45l-2.1-.075h-4.353a21.224%2021.224%200%200%200%20-2.178.075v-.45a4.714%204.714%200%200%200%201.427-.226%201.273%201.273%200%200%200%20.751-.451%201.571%201.571%200%200%200%20.3-.826%208.1%208.1%200%200%200%20.076-1.351zm3.3%204.28a4.26%204.26%200%200%200%20.9.3%204.41%204.41%200%200%200%20.976.15%202.833%202.833%200%200%200%202.477-1.052%203.68%203.68%200%200%200%20.826-2.628%209.144%209.144%200%200%200%20-.15-1.427%203.442%203.442%200%200%200%20-.525-1.2%202.439%202.439%200%200%200%20-.976-.751%203.247%203.247%200%200%200%20-1.427-.3%204.636%204.636%200%200%200%20-1.048.075%203.734%203.734%200%200%200%20-.977.3z%22%20transform%3D%22translate%28-7.677%20-.385%29%22%2F%3E%3Cpath%20d%3D%22m88.785%206.983a8.111%208.111%200%200%200%20-.076-1.351%201.656%201.656%200%200%200%20-.375-.826%201.779%201.779%200%200%200%20-.826-.451%204.251%204.251%200%200%200%20-1.351-.225v-.6l1.652.075c.6%200%201.276.076%202.1.076.751%200%201.577-.076%202.327-.15s1.577-.15%202.4-.15a7.728%207.728%200%200%201%202.252.3%204.371%204.371%200%200%201%201.877.9%205.238%205.238%200%200%201%201.351%201.5%204.437%204.437%200%200%201%20.526%202.177%204.069%204.069%200%200%201%20-.451%201.877%204.108%204.108%200%200%201%20-1.191%201.352%204.867%204.867%200%200%201%20-1.652.827%208.228%208.228%200%200%201%20-1.952.225%2012.342%2012.342%200%200%201%20-1.652-.15%206.186%206.186%200%200%201%20-1.577-.451v4.28a8.2%208.2%200%200%200%20.075%201.351%201.2%201.2%200%200%200%20.376.826%201.779%201.779%200%200%200%20.826.451%205.2%205.2%200%200%200%201.5.226v.45c-.676%200-1.427-.075-2.1-.075h-4.36a20.509%2020.509%200%200%200%20-2.178.075v-.375a4.709%204.709%200%200%200%201.427-.225%201.282%201.282%200%200%200%20.751-.451%201.575%201.575%200%200%200%20.3-.826%208.212%208.212%200%200%200%20.075-1.352zm3.228%204.28a4.259%204.259%200%200%200%20.9.3%204.41%204.41%200%200%200%20.976.15%202.833%202.833%200%200%200%202.477-1.052%203.68%203.68%200%200%200%20.826-2.628%209.143%209.143%200%200%200%20-.15-1.427%203.442%203.442%200%200%200%20-.525-1.2%202.439%202.439%200%200%200%20-.976-.751%203.247%203.247%200%200%200%20-1.427-.3%204.636%204.636%200%200%200%20-1.051.075%203.733%203.733%200%200%200%20-.977.3z%22%20transform%3D%22translate%28-9.573%20-.376%29%22%2F%3E%3Cpath%20d%3D%22m113.458%203.209a11.331%2011.331%200%200%201%203.829.6%208.028%208.028%200%200%201%202.928%201.652%208.29%208.29%200%200%201%201.952%202.628%209.744%209.744%200%200%201%200%207.132%206.9%206.9%200%200%201%20-1.952%202.628%209.507%209.507%200%200%201%20-2.928%201.652%2013.056%2013.056%200%200%201%20-7.583%200%208.717%208.717%200%200%201%20-2.929-1.652%208.29%208.29%200%200%201%20-1.952-2.628%209.753%209.753%200%200%201%200-7.132%206.9%206.9%200%200%201%201.952-2.628%209.483%209.483%200%200%201%202.925-1.651%2010.628%2010.628%200%200%201%203.754-.6m0%20.9a6.389%206.389%200%200%200%20-2.628.6%204.773%204.773%200%200%200%20-1.8%201.652%207.566%207.566%200%200%200%20-1.051%202.4%2012.213%2012.213%200%200%200%200%205.707%208.652%208.652%200%200%200%201.051%202.4%205.4%205.4%200%200%200%201.8%201.652%205.883%205.883%200%200%200%205.255%200%204.775%204.775%200%200%200%201.8-1.652%207.553%207.553%200%200%200%201.051-2.4%2012.213%2012.213%200%200%200%200-5.707%209.758%209.758%200%200%200%20-1.051-2.4%205.029%205.029%200%200%200%20-4.43-2.252%22%20transform%3D%22translate%28-11.572%20-.357%29%22%2F%3E%3Cpath%20d%3D%22m126.025%2019.089a15.277%2015.277%200%200%200%201.8-.375%201.668%201.668%200%200%200%20.976-.6%202.618%202.618%200%200%200%20.451-1.052%2013.771%2013.771%200%200%200%20.076-1.726l.072-9.536a6.73%206.73%200%200%200%20-.751-.676c-.3-.15-.525-.3-.826-.451a4.269%204.269%200%200%200%20-.9-.3l-.827-.225v-.6l1.276.076c.451%200%20.827.075%201.276.075%201.126%200%202.252-.075%203.3-.15%201.652%202.028%203.3%203.98%204.956%205.932s3.3%203.9%204.805%206.007h.075v-4.43c0-.826-.075-1.652-.075-2.477a9.315%209.315%200%200%200%20-.226-2.028%204.292%204.292%200%200%200%20-.3-1.052%204.929%204.929%200%200%200%20-.6-.676%202.778%202.778%200%200%200%20-.826-.375%206.236%206.236%200%200%200%20-1.126-.3v-.527l1.726.075c.526%200%201.126.076%201.727.076%201.126%200%202.252-.076%203.379-.15v.525a3.354%203.354%200%200%200%20-1.5.3%201.36%201.36%200%200%200%20-.826.751%204.548%204.548%200%200%200%20-.376%201.351%2019.113%2019.113%200%200%200%20-.075%202.177v11.187h-1.5c-.525-.751-1.051-1.577-1.652-2.4s-1.276-1.727-1.952-2.553l-2.028-2.477c-.676-.826-1.351-1.577-2.027-2.328l-1.727-2.027c-.525-.6-.976-1.126-1.351-1.5v8.334a18.4%2018.4%200%200%200%20.075%202.028%201.838%201.838%200%200%200%20.451%201.2%202.286%202.286%200%200%200%20.976.676%2011.708%2011.708%200%200%200%201.727.375v.6l-1.8-.076h-3.828l-2.028.076z%22%20transform%3D%22translate%28-14.003%20-.394%29%22%2F%3E%3Cpath%20d%3D%22m149.085%203.632%202.252.075c.751%200%201.5.076%202.252.076a18.859%2018.859%200%200%200%202.1-.076l2.1-.075v.525a8.315%208.315%200%200%200%20-1.351.15%201.8%201.8%200%200%200%20-.826.451%201.779%201.779%200%200%200%20-.451.826%206.527%206.527%200%200%200%20-.15%201.2v10.363a1.571%201.571%200%200%200%20.6%201.427%204.036%204.036%200%200%200%202.1.6l-.076.6-2.1-.075h-4.279l-2.178.075v-.6a4.158%204.158%200%200%200%202.1-.526%201.439%201.439%200%200%200%20.6-1.426v-10.362a3.179%203.179%200%200%200%20-.525-2.028%203.519%203.519%200%200%200%20-2.1-.676z%22%20transform%3D%22translate%28-16.565%20-.404%29%22%2F%3E%3Cpath%20d%3D%22m159.624%2019.052a3.141%203.141%200%200%200%201.126-.3%203.077%203.077%200%200%200%20.827-.525%203.1%203.1%200%200%200%20.525-.826c.15-.3.3-.676.451-1.051l4.805-11.188-.526-1.052a8.734%208.734%200%200%200%201.5-.375%2011.979%2011.979%200%200%200%201.5-.525l5.331%2014.415a1.737%201.737%200%200%200%201.052%201.126%203.408%203.408%200%200%200%201.5.376v.6l-1.052-.076h-5.481l-2.027.076v-.676a4.076%204.076%200%200%200%201.876-.45%201.006%201.006%200%200%200%20.6-.977%201.119%201.119%200%200%200%20-.075-.525c-.076-.225-.15-.451-.226-.676l-.3-.751a4.976%204.976%200%200%200%20-.225-.6l-.826-2.4h-4.88l-1.276%203.453c-.076.226-.15.451-.226.676a3.217%203.217%200%200%200%20-.15.826.683.683%200%200%200%20.226.526%203.242%203.242%200%200%200%20.525.451%202.677%202.677%200%200%200%20.676.3%202.183%202.183%200%200%200%20.676.15v.6c-.525%200-1.051-.075-1.577-.075h-3.073l-1.427.075zm10.061-7.283-2.028-5.707h-.075l-2.1%205.707z%22%20transform%3D%22translate%28-17.719%20-.357%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center;
background-size: contain;
}
/* <<< LOGO-EMBED-END */