@charset "utf-8";


/* ----------------------------------------
  1. /party/contact/index (common)
---------------------------------------- */

/* パンくず */
.breadcrumb {
	margin-top: 0.5em;
}

.breadcrumb_current {
	color:#B4B4B4;
}


/* タイトル */
.contact_party_title {
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝", "Yu Mincho", YuMincho, "メイリオ" , "Meiryo" , sans-serif;
	font-weight: lighter;
	letter-spacing: 2px;
	color: #111111;
	border-left: 8px solid #000000;
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}


/* 「入力内容を確認」「入力内容を修正」「この内容で送信」ボタン部 */
.form_contact_party_submit_button {
	text-align: center;
	margin: 1em 0 3em 0;
}

.form_contact_party_submit_button input {
	border: 0;
	background: -moz-linear-gradient(#687183, #26201E);
	background: -webkit-gradient(linear, left top, left bottom, from(#687183), to(#26201E));
	color: #FFFFFF;
	padding:0.8em 3em 0.8em 3em;
	font-weight: bold;
	letter-spacing: 0.5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



/* ----------------------------------------
  2. /party/contact/index.phtml
---------------------------------------- */

/* 「パーティーのお問い合わせ」部 */

/*2024/02/12削除
.download {
	width: 1000px;
	margin-top: -3em;
	margin-left: auto;
	text-align: right;
}

a.link_download {
	background-color:#91866A;
	color: #FFFFFF;
	padding:1em 1.5em 1em 1.5em;
	cursor:pointer;
	font-weight: lighter;
}
*/

/* 2024/02/12修正 */
.download {
	width: 232px;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 0 0 0 auto;
}
.download a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 500;
	background-color: #d7d5c8;
	color: #111d39;
	padding: 0 6px 0 0;
	border-radius: 30px;
	box-sizing: border-box;
}
.download a::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background: url(../../img/cct/common/arrow3.png) no-repeat;
	background-size: 100% auto;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
.download a:hover {
	background-color: #111d39;
	color: #fff;
	text-decoration: none;
	transition: 0.3s linear;
}
.download a:hover::after {
	background-image: url(../../img/cct/common/arrow4.png);
}
/* 2024/02/12修正ここまで */

div.container {
	width: 1000px;
	position: relative;
	margin: 0 auto 6em auto;
	overflow: hidden;
}

.form_party_contact_whole_wrapper {
	width: 1000px;
	background-color: #EFEFE9;
	padding: 2em 0 2em 0;
	color: #565656;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



/* 「「*」は必須項目です。」部 */
p.required_notice {
	/*margin: 1.5em 0 1em 1.5em;*/
	margin: 0 0 10px;
	
}


/* 必須項目のアスタリスク */
span.required {
	color: red;
}


/* 「お急ぎの方は資料ダウンロードをご利用ください」部 */
p.download_notice {
	text-align:right;
	/*margin-top: -2.5em;*/
	margin-top: 10px;
	margin-bottom: 0.5em;
	font-weight: bold;
}


/* フォームの table 全般の指定 */
.t_form_contact_party_upper,
.t_form_contact_party_lower {
	margin: 0 5em 0 5em;
}

table {
	border-collapse:collapse;
}

.t_form_contact_party_upper tr,
.t_form_contact_party_lower tr {
	height: 4em;
	padding: 10em 0 0 0 ;
	width: 100%;
}

.form_contact_party_upper .t_form_contact_party_upper tr {
	border-bottom:1px dashed #E0E0E0;/* フォーム上半分の行罫線 */
}

#upper_bottom_th,
#upper_bottom_td {
	border-bottom: 1px solid #EFEFE9;/* フォーム上半分の下端行で線を上書きして行罫線を消す */
}

tr.multi-line-row th,
tr.multi-line-row td {
	padding-bottom: 0.8em;/* 2行になる tr 内での縦位置の調整 */
}

tr.multi-line-row th {
	padding-top: 1.1em;/* 2行になる tr 内での縦位置の調整 (th) */
}

tr.multi-line-row td {
	padding-top: 0.8em;/* 2行になる tr 内での縦位置の調整 (td) */
}

/* th 部分の幅、およびその他の指定 */
.form_party_contact_whole_wrapper tr th,
.form_contact_party_confirm_whole_wrapper tr th {
	width: 30%;
	text-align: right;
	font-weight: bold;
	padding-right: 2em;
}

/* td 部分の幅、およびその他の指定 */
.t_form_contact_party_upper tr td,
.t_form_contact_party_lower tr td {
	width: 40em;
	padding-right: 6em;
}

.multi-line {
	vertical-align: top;/* 2行になる tr の縦位置の調整 */
}

th.multi-line {
	padding-top: 0.3em;/* 2行になる tr の縦位置の調整 */
}

th.question_text {
	vertical-align: top;/* 「ご要望・ご質問等」の縦位置の調整 */
	padding-top: 1em;
}

span.facility {
	font-weight: bold;/* 「レストランシップ」「陸上クラブハウス」の太字化 */
}

div.form_contact_party_upper {
	border-bottom: solid #FFFFFF;/* フォーム中央の白線 */
}


/* table 部分の input や select 等のサイズ定義 */
.form_party_contact_wrapper input {
	text-indent: 0.8em;
	height: 2.2em;
}

input.op-input-radio,
input.op-input-checkbox {
	margin: 0 0.4em 0 0;
	vertical-align:middle;
}

label.op-input-radio,
label.op-input-checkbox {
	margin: 0 1.2em 0 0;
	
}

.form_party_contact_wrapper input,
.form_party_contact_wrapper select,
.form_party_contact_wrapper textarea {
	vertical-align:middle;
	font-weight: lighter;
}

/* 「ご利用予定日」のセレクトボックス */
/* ref see: /css/base.css */
.form_party_contact_wrapper select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #E8EBE4;
	background: url("/img/cct/common/arw_dwn.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#E8EBE4 100%);
	background: url("/img/cct/common/arw_dwn.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#E8EBE4 100%);
	background-size: 13px , 100%;
	display: inline-block;
	padding:8px 25px 8px 10px;
	border-radius:3px;
	/* forIE8 9 */
	padding:0\9;
}
.form_party_contact_wrapper select::-ms-expand {
	display: none;
}


/* 「ご趣旨」の「その他」ラジオの改行 */
label.op-input-radio:nth-child(4):before {
	content: '\A';
	white-space: pre;
}

#riyou_syushi_other_text {
	width: 84%;/* 「その他」のテキストボックスの幅 */
}

#ninzuu {
	width: 80px;/* 「ご利用人数」のテキストボックスの幅 */
}

/* 「お名前」「フリガナ」 */
#family_name,
#first_name,
#family_name_katakana,
#first_name_katakana {
	width: 35%;
}

/* 「ご予算」 */
#yosan_hitori,
#yosan_total {
	width: 110px;
	margin: 0;
}

/* 「メールアドレス」「ご連絡先電話番号」 */
#email_address,
#phone_no {
	width: 60%;
}

/* 「郵便番号」 */
#postal_code {
	width: 35%;
}

/* 「住所」「ご勤務先」 */
#address,
#kinmu_saki {
	width: 100%;
}

/* 「ご質問・ご要望等」 */
#question_text {
	width: 96%;
	height: 6em;
	margin: 0.4em 0 0.4em 0;
	border: 1px solid #C4C4C4;
	padding: 12px 0.8em;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	resize: none;
}


/* 個人情報保護の注釈部 */
.privacy_description, .contact_error_message {
	text-align: center;
}

.privacy_description p {
	margin: 1em 0 1.5em 0;
}

.privacy_link {
	color: #3F6FAF;
}


/* ----------------------------------------
  3. /party/contact/confirm.phtml
---------------------------------------- */

.contact_party_confirm_header {
	margin: 1em 0 1em 1.5em;
}

.form_contact_party_confirm_whole_wrapper {
	width: 1000px;
	background-color: #EFEFE9;
	padding: 2em 0 2em 0;
	color: #565656;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.form_contact_party_confirm_whole_wrapper tr {
	height: 2.5em;
	padding: 10em 0 0 0 ;
}

.form_contact_party_confirm_whole_wrapper td {
	padding-right: 10em;
}

.question_text_confirm {
	vertical-align: top;
}



/* ----------------------------------------
  4. /party/contact/thanks.phtml
---------------------------------------- */

/* 全体のラッパー */
div.thanks_message_wrapper {
	margin: 5em 0 8em 0;
}


/* サンクスメッセージ本文 */
div.thanks_message {
	text-align: center;
}

div.thanks_message p {
	font-family: "ヒラギノ角ゴシック ProN","Hiragino Kaku Gothic ProN","游ゴシック", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;
	font-weight: bold;
	margin-bottom: 0.3em;
	letter-spacing: 0.6px;
}


/* 「HOME へ戻る」ボタン*/
div.link_home {
	text-align: center;
	margin: 3em 0 0 0;
}

a.link_home {
	background: -moz-linear-gradient(#687183, #26201E);
	background: -webkit-gradient(linear, left top, left bottom, from(#687183), to(#26201E));
	color: #FFFFFF;
	padding:0.8em 5em 0.8em 5em;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


@media screen and (max-width:768px){

div.container {width: 100%;margin-bottom: 0;}
.form_party_contact_whole_wrapper{width: 100%;}
.form_party_contact_whole_wrapper tr th,
.form_contact_party_confirm_whole_wrapper tr th{
	display: block;
	width: 100%;
	text-align: left;
	padding: 15px 0 0;
	margin-bottom: 5px;
}
.t_form_contact_party_upper,
.t_form_contact_party_lower {margin: 0;width: 100%;}
.t_form_contact_party_upper tr td,
.t_form_contact_party_lower tr td{
	display: block;
	width: 100%;
	padding: 0;
}
#email_address{
    width: 98%;
}
#address, #kinmu_saki {
    width: 98%;
}
div.form_contact_party_upper,
.form_contact_party_lower{margin: 0 3%;}
.yosanHeading{display: block;    padding: 0 0 3px 0;}
#yosan_hitori, #yosan_total {
    width: 80%;
		margin: 0 10px 20px 0;
}

label.op-input-radio, label.op-input-checkbox {
    display: table;
}

#riyou_syushi_other_text {
    width: 94%;
    margin: 0 3% 0;
    box-sizing: border-box;
}
span.facility{display: block;}
#question_text{
    width: 100%;
    margin: 0 ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 2024/02/12修正 */
.download {
	font-size: 15px;
	line-height: 44px;
	margin: 30px 0 0;
}
.download a {
	border-radius: 22px;
}
p.download_notice {
	text-align:left;
	margin: 8px 0 25px;
}
/* 2024/02/12修正ここまで */
}

/* 2025/08/21追加 */
.importantInfo2 {
	font-size: 16px;
	line-height: 1.75;
	font-weight: bold;
	border: #111d39 solid 1px;
	padding: 20px 30px;
	margin: 30px 0;
}
@media screen and (max-width:768px){
	.importantInfo2 {
		padding: 15px 20px;
	}

}