@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :yado_form.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#yado #gnav ul li.gnav_yado a {
	background-position: bottom;
}

/*----------------------------------------------------
	#contents
	◎共通
----------------------------------------------------*/
#contents {
	padding-bottom: 50px;
}

/*----------------------------------------------------
	.txt_notice
	確認画面でのテキスト
----------------------------------------------------*/
.txt_notice {
	text-align: center;
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: bold;
	color: #2455a1;
}

.txt_notice i {
	margin-right: .2em;
}

@media only screen and (max-width: 736px) {
  .txt_notice {
	font-size: 1.6em;
}
}

.con_order {
	margin-bottom: 40px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 736px) {
  .con_order {
	margin-bottom: 20px;
}
}
.con_order h3 {
	background: #3b3232;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #cccccc;
}

@media only screen and (max-width: 736px) {
  .con_order h3 {
	font-size: 1em;
}
}
.con_order ul {
	overflow: hidden;
	padding: 15px 0 25px;
	border: 2px solid #cccccc;
	border-top: 1px solid #d9d9d9;
	position: relative;
}

@media only screen and (max-width: 736px) {
  .con_order ul {
	padding: 10px 0 10px;
}
}
.con_order ul:before {
	content: "";
	width: 76%;
	height: 2px;
	background: #98aba2;
	position: absolute;
	top: 56%;
	left: 50%;
	margin-left: -38%;
}

@media only screen and (max-width: 736px) {
  .con_order ul:before {
	top: 68%;
}
}
.con_order ul li {
	font-weight: bold;
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	font-size: .9em;
}

.con_order ul li.active {
	color: #2455a1;
}

.con_order ul li.active .number {
	background: #2455a1;
}

.con_order ul li .step {
	display: block;
	font-size: 2em;
}

.con_order ul li.ic_mail .process {
	font-weight: normal;
	font-size: 0.9em;
	padding-top: 0.2em;
}

@media only screen and (max-width: 736px) {
  .con_order ul li.ic_mail .process {
	padding-top: 0;
}
}
.con_order ul li.ic_mail .img_mail {
	width: 40px;
	height: 29px;
	margin: 0 auto;
}

.con_order ul li.ic_mail .img_mail img {
	width: 100%;
	padding-top: 3px;
}

@media only screen and (max-width: 736px) {
  .con_order ul li.ic_mail .img_mail img {
	width: 80%;
}
}
.con_order ul li .process {
	font-size: 110%;
}

@media only screen and (max-width: 736px) {
  .con_order ul li .process {
	font-size: 80%;
}

  .con_order ul li .process span {
	display: block;
}
}
.con_order ul li .number {
	width: 26px;
	height: 26px;
	margin: 0 auto;
	background: #3b3232;
	color: #fff;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ms-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
	line-height: 26px;
}

/*----------------------------------------------------
	.con_form
	◎共通
	大枠のレイアウト
----------------------------------------------------*/
.con_form .st_type_basic {
	margin-bottom: 20px;
}

.con_form .txt_intro {
	margin-bottom: 50px;
	float: left;
}

@media only screen and (max-width: 736px) {
  .con_form .txt_intro {
	float: none;
	margin-bottom: 20px;
}
}
.con_form .txt_intro .required {
	background: #2455a1;
	color: #fff;
	padding: 1px 4px;
}

.con_form .txt_intro .text_red {
	color: #c65769;
	font-weight: bold;
}

.con_form .btn_mem_info {
	float: right;
	width: 320px;
}

@media only screen and (max-width: 736px) {
  .con_form .btn_mem_info {
	width: auto;
	float: none;
	max-width: 100% !important;
	margin: 0 auto 20px;
}
}
.con_form .btn_mem_info div {
	padding: 8px 15px;
}

.con_form .box_tbl {
	clear: both;
	margin-bottom: 50px;
}

/*----------------------------------------------------
	.con_rsvbox
	予約内容確認ページ
	ご予約方法選択
----------------------------------------------------*/
.con_rsvbox {
	margin-bottom: 50px;
	overflow: hidden;
}

.con_rsvbox .box {
	border: 1px solid #cccccc;
	width: 32%;
	float: left;
	margin-left: 2%;
	background: #fff;
	/*.box_login	ログインして予約する
	----------------------------------------------------*/
	/*.box_resReg	会員登録しながら予約する
	----------------------------------------------------*/
	/*.box_res	会員登録しないで予約する
	----------------------------------------------------*/
}

@media only screen and (max-width: 768px) {
  .con_rsvbox .box {
	width: 100%;
	float: none;
	margin: 0 0 40px;
}
}
.con_rsvbox .box h5 {
	padding: 10px;
	color: #fff;
	background: #2455a1;
	font-size: 100%;
	text-align: center;
}

.con_rsvbox .box .inner {
	padding: 20px;
}

@media only screen and (max-width: 768px) {
  .con_rsvbox .box .inner {
	padding: 15px 10px;
}
}
.con_rsvbox .box .inner .lnk_beside i {
	padding-right: 0.2em;
}

.con_rsvbox .box.box_login {
	margin-left: 0;
}

.con_rsvbox .box.box_login .txt {
	padding-bottom: 2px;
}

.con_rsvbox .box.box_login input {
	width: 100% !important;
	margin-bottom: 10px;
}

.con_rsvbox .box.box_login input.password {
	margin-bottom: 20px;
}

.con_rsvbox .box.box_login .btn_style_form {
	margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .con_rsvbox .box.box_login .btn_style_form {
	margin-bottom: 15px;
}
}
.con_rsvbox .box.box_login.box_cc h5 {
	background: #40813b;
}

.con_rsvbox .box.box_resReg .inner {
	padding: 10px 15px 20px;
}

.con_rsvbox .box.box_resReg .st {
	text-align: center;
	margin-bottom: 10px;
}

.con_rsvbox .box.box_resReg .st span {
	color: #fff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a1172d), color-stop(100%, #801325));
	background-image: -webkit-linear-gradient(#a1172d, #801325);
	background-image: -moz-linear-gradient(#a1172d, #801325);
	background-image: -o-linear-gradient(#a1172d, #801325);
	background-image: linear-gradient(#a1172d, #801325);
	padding: 0.2em 0.4em;
	font-size: 1.5em;
	border-left: 1px solid #a64050;
}

@media only screen and (max-width: 1000px) {
  .con_rsvbox .box.box_resReg .st span {
	font-size: 1.3em;
}
}
@media only screen and (max-width: 768px) {
  .con_rsvbox .box.box_resReg .st span {
	padding: 0.2em 0.3em;
}
}
.con_rsvbox .box.box_resReg .txt {
	padding-bottom: 5px;
	color: #2455a1;
	text-align: center;
	font-weight: bold;
}

.con_rsvbox .box.box_resReg ul {
	margin-bottom: 10px;
	border: 2px solid #deccc1;
	background: #fff8e7;
	padding: 3px;
}

.con_rsvbox .box.box_resReg ul li {
	font-weight: bold;
	font-size: 90%;
	padding: .2em 0 .2em 1.2em;
	position: relative;
	margin-bottom: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.con_rsvbox .box.box_resReg ul li:before {
	content: "\f005";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0.1em;
	top: .2em;
	font-size: 1em;
	color: #c65769;
}

.con_rsvbox .box.box_resReg .members_nav {
	padding-bottom: 10px;
}

.con_rsvbox .box.box_resReg .members_nav .text_link {
	display: inline-block;
	font-size: 90%;
}

.con_rsvbox .box.box_resReg .members_nav .text_link:first-child {
	padding-right: 10px;
}

.con_rsvbox .box.box_res .txt {
	padding-bottom: 10px;
}

.con_rsvbox .box.box_res .txt i {
	padding-right: 0.2em;
	color: #c65769;
}

/*.con_rsvbtn	既にログインしている場合に表示されるボタン
		----------------------------------------------------*/
.con_rsvbtn {
	width: 50%;
	margin: 0 auto 50px;
	text-align: center;
}

.con_rsvbtn .btn_style_link {
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .con_rsvbtn {
	width: 100%;
	margin: 0 0 30px;
}
}

/*----------------------------------------------------
	宿泊者情報入力ページ
	各ボックスの設定等
----------------------------------------------------*/
/*	.box_note 特記事項 ※確認画面用
-----------------------------------------------------------*/
.box_note {
	border: 1px solid #c65769;
	border-top: 4px solid #c65769;
	padding: 10px;
	margin-top: -30px;
	background: #fff;
}

@media only screen and (max-width: 768px) {
  .box_note {
	padding: 7px;
	font-size: .9em;
}
}
.box_note h4 {
	color: #c65769;
	margin-bottom: 5px;
	font-size: 1.2em;
}

/*	.box_coupon クーポン
-----------------------------------------------------------*/
.box_coupon .txt {
	padding-bottom: 10px;
}

/*	.box_signup 会員情報入力
-----------------------------------------------------------*/
.box_signup {
	position: relative;
	padding: 15px 15px 0 15px;
	background: #fff8e7;
	border: 1px dashed #deccc1;
}

@media only screen and (max-width: 736px) {
  .box_signup {
	padding: 15px;
}
}
.box_signup .wrap {
	position: absolute;
	top: 20px;
	left: 160px;
}

@media only screen and (max-width: 736px) {
  .box_signup .wrap {
	position: static;
	border: 1px solid #deccc1;
	background: #fff;
}

  .box_signup .wrap label {
	display: block;
	padding: 10px;
}
}
.box_signup .box_inner_signup {
	display: none;
	margin-bottom: 15px;
}

@media only screen and (max-width: 736px) {
  .box_signup .box_inner_signup {
	margin-bottom: 0;
}
}
.box_signup .box_inner_signup.check {
	display: block;
}

.box_signup .box_inner_signup th {
	background: #fff;
}

/*----------------------------------------------------
	.con_btn
	各ページ 送信用ボタンボックス
----------------------------------------------------*/
.con_btn .btn_style_form {
	max-width: 50%;
	margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
  .con_btn .btn_style_form {
	max-width: 80%;
}
}
@media only screen and (max-width: 736px) {
  .con_btn .btn_style_form {
	max-width: 90% !important;
}
}
.con_btn .btn_back {
	max-width: 50%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .con_btn .btn_back {
	max-width: 80%;
}
}
.con_btn .text_link {
	margin-bottom: 10px;
}

/*----------------------------------------------------
	.con_complete
	ご予約完了
----------------------------------------------------*/
.con_complete .con_info {
	margin-bottom: 60px;
	overflow: hidden;
}

.con_complete .con_info h3.st_type_basic {
	margin-bottom: 30px;
}

.con_complete .con_info .box_info {
	float: left;
	width: 46%;
	margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_info .box_info {
	float: none;
	width: 100%;
}
}
.con_complete .con_info .box_info .text {
	margin-bottom: 1em;
}

.con_complete .con_info .box_info .text span {
	color: #c65769;
}

.con_complete .con_info .box_idpw {
	float: right;
	width: 50%;
	margin-bottom: 40px;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_info .box_idpw {
	float: none;
	width: 100%;
	margin-bottom: 0;
}
}
.con_complete .con_info .box_idpw dl.top {
	border-top: 1px dashed #deccc1;
}

.con_complete .con_info .box_idpw dl dt,
.con_complete .con_info .box_idpw dl dd {
	text-align: center;
	border: 1px dashed #deccc1;
	border-top: none;
}

.con_complete .con_info .box_idpw dl dt {
	font-size: 1.05em;
	background: #fff8e7;
	font-weight: bold;
	padding: 6px 0;
}

.con_complete .con_info .box_idpw dl dt i {
	padding-right: .2em;
}

.con_complete .con_info .box_idpw dl dd {
	padding: 8px 0;
	color: #c65769;
	font-size: 1.6em;
	background: #fff;
	font-weight: bold;
}

.con_complete .con_info .box_print {
	width: 80%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	background: #fff8e7;
	border: 1px dashed #deccc1;
	position: relative;
}

@media only screen and (max-width: 1000px) {
  .con_complete .con_info .box_print {
	width: 100%;
}
}
@media only screen and (max-width: 736px) {
  .con_complete .con_info .box_print {
	display: none;
}
}
.con_complete .con_info .box_print .text_print,
.con_complete .con_info .box_print .box_btn {
	width: 50%;
	float: left;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_info .box_print .text_print,
  .con_complete .con_info .box_print .box_btn {
	width: 100%;
	float: none;
	padding: 10px;
}
}
.con_complete .con_info .box_print .text_print {
	position: relative;
	padding: 27px 15px 15px 4.5em;
	font-size: 1.1em;
}

.con_complete .con_info .box_print .text_print i {
	position: absolute;
	left: 27px;
	top: 50%;
	margin-top: -.3em;
	font-size: 2.2em;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_info .box_print .text_print {
	padding-top: 15px;
}
}
.con_complete .con_info .box_print .box_btn {
	text-align: center;
	padding: 17px 10px;
}

.con_complete .con_info .box_print .box_btn .btn_style_link {
	margin-bottom: 5px;
	font-size: 1.2em;
}

.con_complete .con_info .box_print .box_btn p {
	color: #c65769;
	font-weight: bold;
	font-size: .8em;
}

.con_complete .con_cancel {
	margin-bottom: 60px;
	overflow: hidden;
}

.con_complete .con_cancel h3.st_type_basic {
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_cancel .box_cancel,
  .con_complete .con_cancel .box_change {
	width: 100% !important;
	float: none !important;
	margin-bottom: 30px;
}
}
.con_complete .con_cancel .box_cancel .st_type_sub,
.con_complete .con_cancel .box_change .st_type_sub {
	font-size: 1.1em;
}

.con_complete .con_cancel .box_cancel .inner,
.con_complete .con_cancel .box_change .inner {
	background: white;
	padding: 20px;
	border-top: none;
	min-height: 290px;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_cancel .box_cancel .inner,
  .con_complete .con_cancel .box_change .inner {
	padding: 10px;
	min-height: 0;
}
}
.con_complete .con_cancel .box_cancel {
	float: left;
	width: 48%;
}

.con_complete .con_cancel .box_cancel .inner {
	border: 1px solid #cccccc;
	border-top: none;
}

.con_complete .con_cancel .box_cancel .text_cancel {
	margin-bottom: 10px;
}

.con_complete .con_cancel .box_cancel .text_cancel span {
	color: #c65769;
}

.con_complete .con_cancel .box_cancel .btn_style_link {
	width: 90%;
	margin: 0 auto 20px;
}

.con_complete .con_cancel .box_cancel .btn_style_link div {
	padding: 15px 30px;
	font-size: 1.2em;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_cancel .box_cancel .btn_style_link div {
	padding: 10px;
	font-size: 1em;
}
}
.con_complete .con_cancel .box_cancel .text_cancel_btm {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dashed #cccccc;
}

.con_complete .con_cancel .box_cancel .text_cancel_btm h4 {
	color: #c65769;
	margin-bottom: 5px;
}

.con_complete .con_cancel .box_change {
	float: right;
	width: 48%;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_cancel .box_change {
	margin-bottom: 0;
}
}
.con_complete .con_cancel .box_change .inner {
	border: 1px solid #cccccc;
	border-top: none;
}

.con_complete .con_cancel .box_change .text_chenge {
	margin-bottom: 10px;
}

.con_complete .con_cancel .box_change .text_chenge span {
	color: #c65769;
}

.con_complete .con_cancel .box_change .info_hotel {
	background: #fff8e7;
	padding: 10px 0;
	margin-bottom: 10px;
}

.con_complete .con_cancel .box_change .name {
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

.con_complete .con_cancel .box_change .tel {
	text-align: center;
	font-weight: bold;
	color: #40813b;
	font-size: 2em;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_cancel .box_change .tel {
	font-size: 1.4em;
}
}
.con_complete .con_cancel .box_change .tel a {
	color: #c65769;
}

.con_complete .con_cancel .box_change .tel i {
	padding-right: .2em;
}

.con_complete .con_cancel .box_change .time {
	text-align: center;
	font-weight: bold;
}

.con_complete .con_btm_link {
	text-align: center;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_btm_link {
	padding-top: 0;
	border-top: none;
}
}
.con_complete .con_btm_link .btn_style_link {
	width: auto;
	display: inline-block;
}

.con_complete .con_btm_link .btn_style_link div {
	padding: 15px 30px;
	font-size: 1.2em;
}

@media only screen and (max-width: 736px) {
  .con_complete .con_btm_link .btn_style_link div {
	padding: 10px;
	font-size: 1em;
}
}

/*----------------------------------------------------
	.con_print
	プリントページ用
----------------------------------------------------*/
.con_print .st_type_basic {
	margin-bottom: 30px;
}

.con_print .tbl_info th,
.con_print .tbl_info td {
	width: 25%;
}

.con_print .box_tbl {
	margin-bottom: 40px;
}

.con_print .btn_print {
	width: 300px;
	margin: 0 auto;
}

.con_print .btn_print div {
	padding: 20px 0;
	font-size: 1.2em;
}