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

 file name  : ty4_brand.css
 author     : Ability Consultant
 style info : ブランド牛 | ty4 | 休暇村キャンペーンSP
=================================================================== */
#contents .st_plan, #contents .con_search table, #contents .con_plan {
	width: 95%;
	margin: auto;
}

#contents .con_plan .wrp:after, #contents .con_plan .box dl:after {
	content: "";
	display: table;
	clear: both;
}

/* Hover animation */
/* font-awesome */
.btn_tra_detail {
	display: block;
	width: 90%;
	margin: 2em auto 0.5em;
	border: solid 1px #ccc;
	padding: 1em 15px;
	text-align: center;
}
.btn_tra_detail:before {
	content: "";
	font-family: FontAwesome;
	margin-right: 0.4em;
}

.w_5 {
	width: 5%;
	margin: auto;
}

.w_10 {
	width: 10%;
	margin: auto;
}

.w_15 {
	width: 15%;
	margin: auto;
}

.w_20 {
	width: 20%;
	margin: auto;
}

.w_25 {
	width: 25%;
	margin: auto;
}

.w_30 {
	width: 30%;
	margin: auto;
}

.w_35 {
	width: 35%;
	margin: auto;
}

.w_40 {
	width: 40%;
	margin: auto;
}

.w_45 {
	width: 45%;
	margin: auto;
}

.w_50 {
	width: 50%;
	margin: auto;
}

.w_55 {
	width: 55%;
	margin: auto;
}

.w_60 {
	width: 60%;
	margin: auto;
}

.w_65 {
	width: 65%;
	margin: auto;
}

.w_70 {
	width: 70%;
	margin: auto;
}

.w_75 {
	width: 75%;
	margin: auto;
}

.w_80 {
	width: 80%;
	margin: auto;
}

.w_85 {
	width: 85%;
	margin: auto;
}

.w_90 {
	width: 90%;
	margin: auto;
}

.w_95 {
	width: 95%;
	margin: auto;
}

.w_100 {
	width: 100%;
	margin: auto;
}

.m_t_1 {
	margin-top: 1em;
}

.m_b_1 {
	margin-bottom: 1em;
}

.m_t_2 {
	margin-top: 2em;
}

.m_b_2 {
	margin-bottom: 2em;
}

.m_t_3 {
	margin-top: 3em;
}

.m_b_3 {
	margin-bottom: 3em;
}

.m_t_4 {
	margin-top: 4em;
}

.m_b_4 {
	margin-bottom: 4em;
}

.m_t_5 {
	margin-top: 5em;
}

.m_b_5 {
	margin-bottom: 5em;
}

.img img {
	line-height: 0;
	width: 100%;
}

/* -----------------------------------------------------------
#contents
----------------------------------------------------------- */
#contents {
  /* -----------------------------------------------------------
  .con_search
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  .con_plan
  ----------------------------------------------------------- */
}
#contents .st_plan {
	margin-bottom: 20px;
	font-size: 132%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: normal;
	text-align: center;
}
#contents .st_plan span {
	position: relative;
	font-size: 167%;
}
#contents .st_plan span:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #ffff00;
	z-index: -1;
}
#contents .con_search {
	margin-bottom: 35px;
	border-bottom: 1px solid #dedede;
}
#contents .con_search .st {
	position: relative;
	width: 100%;
	margin-bottom: 17px;
	padding: 10px;
	background: #3b312f;
	color: #fff;
	font-size: 153%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-align: center;
}
#contents .con_search .st:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #dedede;
}
#contents .con_search table {
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	background: #fff;
	text-align: center;
	font-size: 128%;
}
#contents .con_search table th, #contents .con_search table td {
	padding: 5px;
	border-bottom: 1px solid #dedede;
}
#contents .con_search table th {
	position: relative;
	background: #59514f;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
#contents .con_search table th:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 110%;
	background: #dedede;
}
#contents .con_search table td {
	border-right: 1px solid #dedede;
	color: #000;
}
#contents .con_search button {
	position: relative;
	display: block;
	width: 95%;
	margin: 0 auto 10px;
	padding: 10px;
	border: 1px solid #dedede;
	background: #ffc600;
	color: #000;
	font-size: 130%;
	font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
	text-align: center;
	letter-spacing: .05em;
}
#contents .con_search button:hover {
	opacity: .7;
}
#contents .con_search button:before {
	content: "\f488";
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -.5em;
	line-height: 1;
	font-family: "Ionicons";
}
#contents .con_search .box_info .box_date {
	position: relative;
	width: 34%;
	padding: 25px 5px;
}
#contents .con_search .box_info .box_date:after {
	content: "";
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 9px 9px;
	border-color: transparent transparent #00a272 transparent;
}
#contents .con_search .box_info .box_date .ym {
	font-size: 91%;
}
#contents .con_search .box_info .box_date .ym .mon {
	margin-left: 3px;
}
#contents .con_search .box_info .box_date .d {
	font-size: 101%;
}
#contents .con_search .box_info .box_date .d span {
	font-size: 210%;
}
#contents .con_search .box_info .box_date #calendar {
	display: none;
}
#contents .con_search .box_info .box_date .ui-datepicker-trigger {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
#contents .con_search .box_info .box_num {
	width: 22%;
	padding: 0;
}
#contents .con_search .box_info .box_num .plus_stay,
#contents .con_search .box_info .box_num .plus,
#contents .con_search .box_info .box_num .minus {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px;
	line-height: 20px;
	background: #00a272;
	font-size: 110%;
	text-align: center;
}
#contents .con_search .box_info .box_num .plus_stay.non,
#contents .con_search .box_info .box_num .plus.non,
#contents .con_search .box_info .box_num .minus.non {
	background: #ccc;
}
#contents .con_search .box_info .box_num .plus_stay i,
#contents .con_search .box_info .box_num .plus i,
#contents .con_search .box_info .box_num .minus i {
	color: #fff;
	font-size: 110%;
}
#contents .con_search .box_info .box_num .num {
	padding: 5px;
	font-size: 187%;
}
#contents .con_search .box_child td {
	width: 33%;
	padding: 10px 5px;
	text-align: center;
}
#contents .con_search .box_child td .name {
	width: 100%;
	margin-bottom: 3px;
	color: #59514f;
	font-size: 91%;
}
#contents .con_search .box_child td a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
#contents .con_search .box_child td a.plus i, #contents .con_search .box_child td a.minus i {
	padding: 5px 7px;
	border-radius: 14px;
	background: #00a272;
	color: #fff;
	font-size: 101%;
}
#contents .con_search .box_child td a.plus.non i, #contents .con_search .box_child td a.minus.non i {
	background: #ccc;
}
#contents .con_search .box_child td .num {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-size: 201%;
}
#contents .con_search .box_price td {
	overflow: hidden;
	width: 50%;
	padding: 5px;
}
#contents .con_search .box_price td:first-child {
	border-right: 0;
}
#contents .con_search .box_price td .custom_select {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #dedede;
}
#contents .con_search .box_price td .custom_select option {
	text-align: left;
}
#contents .con_plan .box_plan {
	margin-bottom: 3px;
	padding: 2px;
	border: 1px solid #dedede;
	background: #fff;
}
#contents .con_plan .btn_acc {
	position: relative;
	padding: 12px 40% 12px 12px;
	font-size: 122%;
	cursor: pointer;
}
#contents .con_plan .btn_acc.active {
	background: #dedede;
}
#contents .con_plan .btn_acc .bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	padding-right: 40px;
	background: #00a272;
	color: #fff;
}
#contents .con_plan .btn_acc .bg:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 5.5px;
	line-height: 1;
	background: url("../images/common/ic_down.jpg") center 0 no-repeat;
	background-size: cover;
}
#contents .con_plan .btn_acc .bg .txt {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 87%;
}
#contents .con_plan .btn_acc .bg .txt .num {
	font-size: 139%;
}
#contents .con_plan .wrp {
	display: none;
}
#contents .con_plan .box {
	margin: 20px 8px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #dedede;
}
#contents .con_plan .box:last-of-type {
	border-bottom: none;
}
#contents .con_plan .box .fac {
	margin-bottom: 10px;
	font-size: 170%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
#contents .con_plan .box .fac span {
	margin-right: 10px;
	padding: 2px 8px;
	background: #00a272;
	color: #fff;
	font-size: 70%;
	font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
}
#contents .con_plan .box .img {
	margin-bottom: 15px;
}
#contents .con_plan .box .img img {
	width: 100%;
}
#contents .con_plan .box .name {
	margin-bottom: 15px;
	color: #00a272;
	font-size: 164%;
}
#contents .con_plan .box .txt {
	margin-bottom: 20px;
	font-size: 119%;
}
#contents .con_plan .box dl {
	margin-bottom: 10px;
}
#contents .con_plan .box dl dt, #contents .con_plan .box dl dd {
	margin-bottom: 10px;
	font-size: 128%;
}
#contents .con_plan .box dl dt {
	clear: left;
	float: left;
	width: 35%;
	padding: 5px 15px;
	background: #b7ceba;
	text-align: center;
}
#contents .con_plan .box dl dd {
	float: left;
	width: 65%;
	padding: 3px 0 3px 10px;
}
#contents .con_plan .box dl dd.price {
	color: #ad0000;
	font-size: 136%;
}
#contents .con_plan .box .btn {
	width: 80%;
	margin: 0 auto;
}
#contents .con_plan .box .btn a {
	display: block;
	padding: 10px;
	border: 1px dashed #000;
	color: #000;
	font-size: 155%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-decoration: none;
	text-align: center;
}
#contents .con_plan .box .btn a:hover {
	opacity: .7;
}

.btn_rsv {
	/*width: 15%;*/
	background-color: #F1AA00;
	/*margin: 2em 6em 8em;*/
}
.btn_rsv a {
	display: block;
	padding: 1em;
	color: #fff;
	text-decoration: none !important;
	text-align: center;
	font-size: 155%;
}