@charset "utf-8";
/* season index common CSS Document */
/*fs 14px*/

/* 【共通】パーツ設定
-------------------------------------------------*/
.section-box {
	padding: 80px 0;
}
.section-box[data-disp="false"] {
	display: none;
}
.section-box .sec-ttl {
	text-align: center;
}

/* 【空席照会】全体
-------------------------------------------------*/
#flight {}
#flight .sec-ttl {}
#flight .induction {
	width: 960px;
	margin: 30px auto 40px;
	text-align: center;
	font-size: calc(16rem / 14);
	line-height: calc(28 / 16);
}
#flight .induction .notes {
	font-size: 1rem;
	display: block;
}
#flight .sts-table {
	width: 100%;
	border-collapse:collapse;
}
#flight .sts-table[data-table-status="none"] {
	display: none;
}
#flight .sts-table thead {
	border-right: 1px dotted #898989;
}
#flight .sts-table .area_date .day {
	font-family: "メイリオ", Meiryo, "sans-serif";
	width: 52px;
	height: 53px;
	font-size: 140%;
	word-wrap: break-word;
	text-align: center;
	font-weight: normal;
	border-top: 1px dotted #898989;
	border-left: 1px dotted #898989;
	background: #fff;
}
#flight .sts-table .day.sat {
	background: #d8f0fc;
}
#flight .sts-table .day.sun, #flight .sts-table .day.holi {
	background: #ffeef4;
}
/*
#flight .sts-table .day > [class*="data-"] {
	display: block;
}
*/
#flight .sts-table .day > :not(.data-week) {
	letter-spacing: -.5px;
}
#flight .sts-table .day > .data-month {
	font-size: 14px;
	vertical-align: top;
}
#flight .sts-table .day > .data-day {
	font-size: 18px;
}
#flight .sts-table .day > .data-week {
	font-size: 12px;
	display: block;
}
#flight .sts-table tbody {
	border: 1px dotted #898989;
}
#flight .sts-table tbody {
	background: #fff;
}
#flight .sts-table tbody tr + tr {
	border-top: 1px dotted #898989;
}
#flight .sts-table .dst {
	width: 180px;
	padding: 0 15px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-weight: normal;
	height: 50px;
}
#flight .sts-table .dst > span {
	display: inline-block;
}
#flight .sts-table .dst > span.other {
	font-size: 12px;
}
#flight .sts-table .dst > span:not(:last-child)::after {
	content: "・";
}
#flight .sts-table .result {
	border-left: 1px dotted #898989;
}
#flight .sts-table .result .btn {
	background: #fff;
	height: 48px;
	display: block;
	transition: background .4s;
}
#flight .sts-table .result .btn:hover {
	box-shadow:0px 1px 4px 0px rgba(0,0,0,.3);
	position: relative;
	z-index: 2;
}
#flight .sts-table .result span,
#flight .sts-table .result [class*="ico-"] {
	display: block;
	height: 100%;
	background: no-repeat center center;
}
#flight .sts-table .result span {/*class無*/
	background-image: url("../images/ic-seat04.png");
}
#flight .sts-table .result .ico-full {
	background-image: url("../images/ic-seat01.png");
}
#flight .sts-table .result .ico-tell {
	background-image: url("../images/ic-seat02.png");
}
#flight .sts-table .result .ico-almost {
	background-image: url("../images/ic-seat03.png");
}
#flight .sts-table .result .ico-none {
	background-image: url("../images/ic-seat04.png");
}
#flight .sts-table .result .ico-search {
	background-image: url("../images/ic-seat05.png");
}
#flight .sts-table-attachment {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#flight .sts-table-notes {
	height: 26px;
}
#flight .sts-table-switch-btn {
	width: 340px;
	display: flex;
	justify-content: space-between;
}
#flight .sts-table-switch-btn .btn {
	cursor: pointer;
	transition: all .4s;
}
#flight .sts-table-switch-btn .btn.none {
	opacity: 0;
	cursor: default;
}
#flight .sts-table-switch-btn .btn:not(.none):hover {
	opacity: .7;
}
#sts-table-box {
	position: relative;
}
#sts-table-box .sts-table {
	position: relative;
	z-index: 2;
}

/* 【共通】商品カセット
-------------------------------------------------*/
.item-content-box {
	width: 940px;
	margin: auto;
}
.item-box {
	display: flex;
	flex-wrap: wrap;
	width: calc(940px + 20px);
	margin-left: -20px;
}
.item-box > .box {
	width: 300px;
	margin-left: 20px;
	margin-top: 20px;
	background: #fff;
	border: 1px solid;
}
.item-box .item-wrap {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	transition: opacity .6s;
}
.item-box .item-wrap:hover {
	opacity: .7;
}
.item-box .item-wrap [class*="item-"] {
	display: block;
}
.item-box .item-wrap .item-obi {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	background: #313131;
	padding: 6px 10px 7px;
}
.item-box .item-wrap .item-img-wrap {
	overflow: hidden;
}
.item-box .item-wrap .item-img {
	height: 200px;
	background: #ccc no-repeat right center;
	background-size: cover;
	transform: scale(1);
	transition: all .8s;
}
.item-box .item-wrap:hover .item-img{
	transform: scale(1.05)
}
.item-box .item-wrap .item-txt-wrap {
	padding: 14px;
	line-height: 20px;
	color: #494949;
}
.item-box .item-wrap .item-ttl {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}
.item-box .item-wrap .item-price {
	font-size: 18px;
	font-weight: bold;
	color: #da261e;
	margin-top: 12px;
}
.item-moreBtn {
	display: flex;
	justify-content: center;
	margin-top: calc(30px - 7.5px)
}
.item-moreBtn .btn {
	background: #f0d919;
	font-size: 20px;
	line-height: 1;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	min-width: 360px;
	padding: 16px 17px;
	margin: 7.5px;
	margin-bottom: 0;
	transition: opacity .4s;
}
.item-moreBtn .btn:hover {
	opacity: .7;
}

/* 【共通】商品カセットナビ
-------------------------------------------------*/
.item-content-menu {
	display: flex;
	justify-content: center;
	margin: 40px 0 10px;
}
.item-content-menu .btn {
	font-weight: bold;
	line-height: 16px;
	width: 128px;
	padding: 8px 5px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: background .4s;
	position: relative;
}
.item-content-menu .btn:hover,
.item-content-menu .btn.select {
	background: #ccc;
	color: #fff;
}
.item-content-menu .btn.select::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #ccc transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: auto;
}
.item-content-menu .btn + .btn {
	margin-left: calc((960px - (128px * 7)) / 6);
}
.item-content-menu .btn .txt_wrap > span {
	display: inline-block;
}
.item-content-menu .btn .txt_wrap > span:not(:last-child)::after {
	content: "・";
}

/* 【目玉商品】全体
-------------------------------------------------*/