@charset "UTF-8";
/*****************************************************************************

	執事喫茶スワロウテイルＨＰ用　追記・更新用CSS
	（style.cssを直接いじらない為）
 ****************************************************************************/
/*========================================
	共通設定
========================================*/
b { font-weight: bold; }

i { font-style: italic; }

input[type="text"] { border: 1px solid black; font-size: 115%; padding-left: 5px; height: 25px; }
input[type="submit"] { border: 1px solid black; font-size: 115%; }
input[type="button"] { border: 1px solid black; font-size: 115%; }

select { border: 1px solid black; font-size: 115%; padding-left: 5px; height: 25px; }

/*==*/
h3.topic-title1 { margin: 5em 0 1em 0; padding: 10px 10px; font-weight: bold; color: #333333; font-size: 1em; text-align: left; line-height: 150%; background-color: #EE6699; border: 1px solid #CC3366; border-left-width: 10px; }
h3.topic-title2 { margin: 1em 0 1em 0; padding: 0.5em 0.2em; font-weight: bold; color: #333333; font-size: 1em; text-align: left; line-height: 150%; border: 1px solid #CC3366; border-left-width: 10px; }
h3.topic-title3 { margin: 1em 0 1em 0; padding: 0.5em 0.2em; font-weight: bold; color: #333333; font-size: 0.8em; text-align: left; line-height: 150%; border-left: 10px solid #CC3366; border-bottom: 1px dashed #CC3366; }
h3.topic-title4 { margin: 1em 0 1em 0; padding: 0px 10px; font-weight: bold; color: #333333; font-size: 1em; text-align: left; line-height: 150%; border-left: 10px solid #cc3366; }
h3.topic-title5 { margin: 1em 0 1em 0; padding: 0px 10px; font-weight: bold; color: #333333; font-size: 1em; text-align: left; line-height: 150%; }

/*==*/
div.topic-contents1, div.topic-contents2 { font-size: 1em; margin: 1em; text-align: left; line-height: 150%; }

/*== 画像の影付け ==*/
.image__shadow { -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }

/*== 文字整形 ==*/
/* "→" のフォント整形 */
.mojiarror { font-family: monospace, serif; padding-left: .5rem; padding-right: .5rem; }

/* 赤字装飾 */
.mojired { color: #fa0000; }

/* 各種記号（○×など）フォント整形 */
.kigou { font-family: monospace, serif; }

/*== 注意文（字下げ＆※付け） ==*/
/*== 【注意】直下タグがflexitem化してしまう為、文中でタグを使う場合は全体をダミータグで囲む事 ==*/
.alertMark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
.alertMark::before { content: "※"; font-family: monospace, serif; margin: 0 5px 0 0; }

/*== 画像整形（自動縮小、枠線なし） ==*/
img.autoresize { margin: auto; width: auto; height: auto; max-width: 100%; }
img.noborder { border: none; }

/*========================================
	新着イベント告知の整形
	2019.10.3 last update
========================================*/
/*-- イベントページ先頭の状況報告欄 --*/
.statusreport { padding-top: .5rem; padding-bottom: .5rem; border-top: 4px double darkgreen; border-bottom: 4px double darkgreen; color: darkgreen; background-color: #effff7; font-weight: bold; text-align: center !important; line-height: 1.8 !important; margin-bottom: 2rem !important; }

/*-- 応募フォーム --*/
.link_to_applyform { padding-top: 1em; font-weight: bold; }
.link_to_applyform div { margin: auto; text-align: center; }
.link_to_applyform a img { padding: 2px 4px; }
.link_to_applyform a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
.link_to_applyform--companion { color: blue; padding: .5em 1em; margin-top: .5em; font-weight: bold; border: 1px solid blue; border-radius: 1.5em; }

/*-- メールアドレス注意文 --*/
.warning_mailaddress { margin: 1rem auto; padding: .5rem; border-top: 3px double crimson; border-bottom: 3px double crimson; background-color: #ffefef; font-weight: bold; }
.warning_mailaddress--title { color: crimson; text-align: center; font-size: 1.6rem; }
.warning_mailaddress--body { padding: .5rem 1rem; line-height: 1.8; }

/*========================================
	料理名（英文）項目
	2019.9.27 add
========================================*/
/** 料理名 **/
.cookname { line-height: 1.4 !important; font-weight: bold !important; }

/** 英語の料理名 **/
.cookname_en { font-style: italic; }
.cookname_en::before { content: "("; margin: auto .25rem; }
.cookname_en::after { content: ")"; margin: auto .25rem; }

/** 料理内容の説明欄 **/
.cookcontents { line-height: 1.6 !important; padding: .5rem 0 !important; }

/** アレルギー注意文 **/
.allergie { color: forestgreen; line-height: 1.6 !important; }
.allergie::before { content: "【アレルギー】"; padding-right: .5rem; font-weight: bold; }

p.allergie { padding-top: .5rem; padding-left: .5rem; }

/** アレルギー注意文：英語 **/
.allergie_en { font-style: italic; }
.allergie_en::before { content: " [Allergie] "; font-style: normal; }
.allergie_en::after { content: ""; font-style: normal; }

/*========================================
	Xmasメニュー欄の表示整形用
	（#dinnerをそのまま流用）
	2016.11.15 add
========================================*/
.tab--food #dinnerxmas .menu-info__head { width: calc(50% - 4px); }
.tab--food #dinnerxmas .menu-info__head:nth-of-type(odd) { margin-right: 8px; }
.tab--food #dinnerxmas .menu-info__head .name { margin-top: 1rem; margin-bottom: 0; }
.tab--food #dinnerxmas .menu-info__head .price { margin-top: 1rem; margin-bottom: 1rem; }
.tab--food #dinnerxmas .menu-info__body { width: 100%; }
.tab--food #dinnerxmas .menu-info__body ul li:nth-of-type(3) { margin-top: 1rem; }
.tab--food #dinnerxmas .menu-info__body ul li img { margin: 0; }

/*========================================
	タブ5個のメニューページ
	→ ".tab__list"を整形
	[2017.02.01 add]
========================================*/
/** タブ5個パネル（CSSは".tab__list"と同位置に併記） **/
/** タブ5個の場合限定の表示 **/
.tab5panel .tab__item { width: calc(20% - 16px); text-align: center; }
.tab5panel .tab__label { display: block; line-height: 1.5; margin-top: 1rem; }

/** 横幅自動調整 **/
.tab--food #anniversary .menu-info__body, .tab--food #anniversary2 .menu-info__body { width: 100%; }

/*========================================
	メニューページ“軽食”対応
	[2017.02.03 add]
========================================*/
/**  **/
/** パスタ画像並び **/
#light-meal-pasta .menu-info__hero { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#light-meal-pasta .menu-info__hero img { height: auto; margin-bottom: 1rem; min-height: 100px; width: calc(50% - .5rem); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.menu-page .section__neck .caption img { height: auto; margin-bottom: 1rem; width: 100%; }

/*========================================
	新着情報の掲載記事用のタイムテーブル整形
	2018.2.27 add
========================================*/
/* グループ表題 */
.news_timetable_groupcap { margin: 1em auto; padding: 0 0 .5em 0; font-size: x-large; font-weight: bold; border-bottom-width: 4px; border-bottom-style: double; }

/* TABLE大枠（横幅はあえて未指定） */
table.news_timetable { margin: 0 auto; padding: 0; border-collapse: collapse; border: medium solid #44617b; }

/* 時間帯表題（ティータイム・ディナータイム） */
.news_timetable thead { color: white; background-color: #44617b; font-size: large; }
.news_timetable thead th, .news_timetable thead td { padding: 1em; }

/* データ部の基本設定（背景色はあえて未指定） */
.news_timetable tbody { font-size: medium; line-height: 1.5; }
.news_timetable tbody th, .news_timetable tbody td { border: thin solid #44617b; padding: .5em 1em; vertical-align: middle; }
.news_timetable tbody th { width: 25%; text-align: center; font-weight: bold; }
.news_timetable tbody td { width: 75%; }

/*========================================
	「派遣執事」ページデザイン用
	2019.8.14 add
========================================*/
/*--エラー警告--*/
#dispatch-error-title, #dispatch-error-detail { color: #fa0000; background-color: rgba(255, 128, 128, 0.1); border: 3px double #fa0000; }
#dispatch-error-title { margin-top: 1em; padding: .5em; text-align: center; line-height: 1.5; }
#dispatch-error-detail { margin-bottom: 2em; padding: 1em; }
#dispatch-error-detail p { line-height: 1.5; text-align: center; }
#dispatch-error-detail ul { margin: .5em 1em auto; line-height: 1.5; }
#dispatch-error-detail li { padding: .5em; }

/*--メールフォーム--*/
#dispatch-mailform { margin: auto; }

/*--入力欄グループデザイン--*/
#dispatch-mailform fieldset { margin: 1em auto; border: none; padding: 0 1em; }
#dispatch-mailform legend { font-weight: bold; padding: .5em; background-color: rgba(0, 0, 255, 0.2); width: 100%; }

/*--入力欄（項目ごと）デザイン--*/
.dispatch-mailform-group { max-width: 90%; margin: 1em; }

.dispatch-form-button { margin: 1em auto; text-align: center; }

.buttonstyle { border: thin solid gray; padding: .5em 1em; margin: .5em; }

#dispatch-mailform label { display: block; font-weight: bold; padding-bottom: 5px; }
#dispatch-mailform input, #dispatch-mailform textarea { -webkit-box-sizing: border-box; box-sizing: border-box; border: thin solid gray; padding: 5px; }
#dispatch-mailform input:focus, #dispatch-mailform textarea:focus { border-color: crimson; background-color: #fffeee; }

/*--入力欄の幅（画面可変対応）--*/
#dispatch-mailform .w100pr { width: 100%; }
#dispatch-mailform .w15em { width: 100%; max-width: 15rem; }

/*--最終確認ページ--*/
#dispatch-checkform { margin: auto; max-width: 90%; }

.dispatch-checkform-inner { display: block; margin: 1rem auto; }
.dispatch-checkform-title { font-weight: bold; font-size: larger; margin-bottom: .5rem; color: #fa0000; }

#dispatch-checkform dl { border: thin solid dimgray; padding: 1rem; }
#dispatch-checkform dt { font-weight: bold; margin-top: .5rem; margin-bottom: .25rem; }
#dispatch-checkform dd { margin-bottom: 1rem; padding: 1rem; line-height: 1.5; border: thin dotted gray; border-radius: 1rem; }

/*========================================
	「Googleカレンダー」ページデザイン用
	2019.9.5 add
========================================*/
/*--Googleカレンダー埋め込み--*/
/*--Googleドキュメント埋め込み--*/
#google_calendar, #google_document { position: relative; width: 100%; padding-top: 75%; }
#google_calendar iframe, #google_document iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*--Infoリスト--*/
.calender_information_title { width: 100%; margin: 0 auto 1em; padding: 1em; font-size: x-large; background-color: lightgray; }

dl.calender_information_list { width: 100%; max-width: 90%; margin: 1em auto; text-align: left; }
dl.calender_information_list dt { font-weight: bold; color: dimgray; }
dl.calender_information_list dd { padding: .5em 1em 1em; line-height: 1.5; }

/*========================================
	予約案内ページタイムテーブルの３列対応
	2019.9.26 add
========================================*/
#area_timetable_teatime, #area_timetable_dinner { display: block; margin: auto; padding: 0 .5rem 1rem; }

#area_timetable_update { display: block; text-align: right; margin-right: 1rem; margin-bottom: 1rem; font-weight: 500; }

table.time-table-3col { table-layout: fixed; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-collapse: collapse; border-radius: 2px; margin: 8px; width: calc(100% - 16px); text-align: center; font-weight: 400; }
table.time-table-3col caption { caption-side: top; text-align: left; padding: 16px 1rem; font-weight: 300; font-size: 1.8rem; color: #f5f5f5; background-color: #5a6d81; border: 2px solid #5a6d81; }
table.time-table-3col caption span { font-size: 1.4rem; }
table.time-table-3col thead { background-color: #5a6d81; border: 2px solid #5a6d81; color: #f5f5f5; }
table.time-table-3col thead th { font-size: 1.1rem; padding: 1rem; }
table.time-table-3col thead th:nth-child(1) { width: 20%; }
table.time-table-3col thead th:nth-child(2), table.time-table-3col thead th:nth-child(3) { width: 40%; }
table.time-table-3col tbody { line-height: 1.6; color: #30415d; }
table.time-table-3col tbody tr :nth-child(3) { background-color: #feeeee; }
table.time-table-3col tbody th, table.time-table-3col tbody td { font-size: 1.1rem; border: 2px solid #5a6d81; }
table.time-table-3col tbody td { text-align: center !important; }

/******************************************************************************/