

/*-----------------------------------------------------------
シートマップ
-----------------------------------------------------------*/
/*#seatmap{
	width: 700px;
	margin: 20px 35px 10px 35px;
}

#seatmapLeft{
	width: 360px;
	float: left;
}*/

#seatmap .fwdSection {
	padding: 20px;
	margin: 20px auto;
	z-index: 0;
}

#seatmap .stripe {
	position: relative;
}

#seatmap .stripe::after {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: repeating-linear-gradient(-45deg, #c4e1ff, #c4e1ff 5px, white 5px, white 10px);
	background-color: #fff;
	content: '';
	z-index: -1;
}

#seatmap .fwdSection .content {
	background: rgba(255, 255, 255, 1);
	padding: 10px;
}

#seatmap .fwdSection .content img{
	width: 100%;
}

/*------------------------Icon-----------------------------*/

#saIcon{
	/*width: 100%;
	height: auto;
	margin: 10px auto 15px auto;*/
	padding: 7px 5px;
	border: #ccc 1px dotted;
	float:left;
	margin-bottom:15px;
}
#saIcon + p {
	clear: both;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.4rem;;
}

#wingIcon{
 	background: -webkit-gradient(linear, left top, right bottom, from(#add8e6), color-stop(0.25, #add8e6), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #add8e6), color-stop(0.75, #add8e6), color-stop(0.75, white), to(white));
 	background: -moz-linear-gradient(-42deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
 	background: linear-gradient(-42deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
	width: 21px;
	height: 21px;
	float:left;
	margin-left:15px;
}

#seatmap .iconFont{
	font-size: 13px;
	vertical-align:middle;
	font-weight:bold;
	width: 21px;
	height: 21px;
	float:left;
	margin-left:5px;
}

#seatmap .saIcon1{
	float:left;
	margin-left:15px;
}

/*#saIcon .icon1, #saIcon .icon2, #saIcon .icon3, #saIcon .icon4, #saIcon .icon5, #saIcon .icon6{
	float: left;
}

#saIcon .icon1, #saIcon .icon2, ##saIcon .icon3, #saIcon .icon4, #saIcon .icon5, #saIcon .icon6{
	margin-top: 10px;
	margin-left: 15px;
}*/

/*------------------------SeatMap--------------------------*/
/*#SeatMaps{
	float: left;
}*/

.seatMap{
	width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}

#seatmap table{
	/*width: 321px;*/
	margin: 0 auto;
	table-layout: fixed;
}

.seatMap, .seatMap td, .seatMap th, .seatMap tr{
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.seatMap td{
	/*width: 27px;*/
	height: 25px;
	text-align: center;
	vertical-align: middle;
}

.seatMap th{
	width: 15px;
	height: 25px;
}

.seatMap img{
	border: 0;
	margin: 0;
	padding: 0;
}

.seatMap input{
	margin: 0;
	padding: 0;
}

.seatMap a{
	margin: 0;
	padding: 0;
	display: block;
	/*width: 27px;*/
	height: 25px;
}

*+html .seatMap a img{
	margin:3px;
}

* html .seatMap a img{
	margin:3px;
}

.seatMap td.seatCharge {
	position:relative;
	.chargeBorder {
		position: absolute;
		width: 90%;
		top: 1rem;
		z-index: 1;
		line-height: 1.6rem;
		vertical-align: bottom;
		border-color: #00ccff;
		border-width: 2px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-radius: 0.5rem 0.5rem 0 0;
		left: 4%;
	}
	.charge {
		position: relative;
		z-index: 2;
		display: block;
		width: max-content;
		padding: 3px 6px;
		margin-top: -0.6rem;
		margin-right: auto;
		margin-left: auto;
		color: #001871;
		font-size: 1.4rem;
		font-weight:bold;
		line-height: 1rem;
		text-align: center;
		vertical-align: middle;
		background-color: #aceeff;
		border-color: #00ccff;
		border-style: solid;
		border-width: 2px;
		border-radius: 1rem;
	}
}

.assign, .not-assign, .select-seat{
	float: left;
	height: 19px;
	margin:0 10px;
	padding-left: 23px;
	font-size: 12px;
	line-height: 19px;
}

#seatmap .Lside, #seatmap .Rside{
	/*width: 57px;*/
}

#seatmap .Lwing, #seatmap .LwingTop, #seatmap .LwingBottom{
 background: -webkit-gradient(linear, left top, right bottom, from(#add8e6), color-stop(0.25, #add8e6), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #add8e6), color-stop(0.75, #add8e6), color-stop(0.75, white), to(white));
 background: -moz-linear-gradient(-40deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
 background: linear-gradient(-40deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
 background-size: 35px 30px;
	/*background: #87cefa;*/
}

#seatmap .Rwing, #seatmap .RwingTop, #seatmap .RwingBottom{
 background: -webkit-gradient(linear, left top, right bottom, from(#add8e6), color-stop(0.25, #add8e6), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #add8e6), color-stop(0.75, #add8e6), color-stop(0.75, white), to(white));
 background: -moz-linear-gradient(40deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
 background: linear-gradient(40deg, #add8e6 25%, white 25%, white 50%, #add8e6 50%, #add8e6 75%, white 75%, white);
 background-size: 35px 30px;
	/*background: #87cefa;*/
}

#seatmap .Lwing, #seatmap .LwingTop, #seatmap .LwingBottom, #seatmap .Lline{
	text-align: right;
}

#seatmap .Rwing, #seatmap .RwingTop, #seatmap .RwingBottom, #seatmap .Rline{
	text-align: left;
}

#seatmap .LwingTop, #seatmap .Lwing, #seatmap .LwingBottom, #seatmap .Lline{
	padding-right: 7px;
	/*width: 50px;*/
}

#seatmap .RwingTop, #seatmap .Rwing, #seatmap .RwingBottom, #seatmap .Rline{
	padding-left: 7px;
	/*width: 50px;*/
}

/*#seatmap .LwingTop{
	background: #f5faff url(../images/left_wing_top.gif) no-repeat top right;
}

#seatmap .RwingTop{
	background: #f5faff url(../images/right_wing_top.gif) no-repeat;
}

#seatmap .LwingBottom, #seatmap .RwingBottom{
	background: url(../images/wing_bottom.gif) repeat-x;
}

#seatmap .statusOwL{
	background: url(../images/status_wing_left.gif);
}

#seatmap .statusOwLT{
	background: #f5faff url(../images/status_wing_left_top.gif) no-repeat;
}

#seatmap .statusOwLB{
	background: url(../images/status_wing_left_bottom.gif) no-repeat;
}

#seatmap .statusOwR{
	background: url(../images/status_wing_right.gif);
}

#seatmap .statusOwRT{
	background: #f5faff url(../images/status_wing_right_top.gif) no-repeat;
}

#seatmap .statusOwRB{
	background: url(../images/status_wing_right_bottom.gif) no-repeat;
}

/*---------------------AirplaneImage-----------------------*/
/*.airplaneImage{
	width: 320px;
	float: left;
}

.airplaneImage-f, .airplaneImage-c, .airplaneImage-r{
	width: 308px;
	height: 319px;
	margin: 20px auto 0 auto;
	padding: 0;
	list-style: none;
}

.airplaneImage-f{
	background: url(../images/airplane_front.gif) no-repeat;
}

.airplaneImage-c{
	background: url(../images/airplane_center.gif) no-repeat;
}

.airplaneImage-r{
	background: url(../images/airplane_rear.gif) no-repeat;
}

.zoneF{
	height: 106px;
}

.zoneC{
	height: 73px;
}

.zoneR{
	height: 140px;
}

.airplaneImage .button{
	width: 46px;
	height: 20px;
	margin-left: 131px;
	margin-right: 131px;
}

.zoneF .button{
	margin-top: 61px;
	margin-bottom: 25px;
}

.zoneC .button{
	margin-top: 26px;
	margin-bottom: 27px;
}

.zoneR .button{
	margin-top: 30px;
	margin-bottom: 90px;
}*/
