@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	テスト用のCSSです。
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/
.sttl_net{
	padding: 0 20px;
	}
.SelBox{
	background:#f7f5e6;
	margin:0 20px;
}
.SelTxtBlk{
	width: 380px;
	float: left;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background:#f7f5e6;
}
.TourMrBox{ width:944px;}
.SelectDays{ width:330px; padding:10px 20px;}
.SelectSeat, .SelectPlan{ width:330px; padding-left:20px;}
.SelectDaysList, .SelectSeatList, .SelectPlanList{
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	background:#FFF;
	padding: .5em;
	margin: .5em 0;
}
.SelectDaysList input{ margin-right: 5px;}
.SelectSeatList, .SelectPlanList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 1em;
	padding-right: 1em;
}
.SelectSeatList:after, .SelectPlanList:after{
	display: none;
}
.SelectSeatList li,
.SelectPlanList li{
	/*float: left;*/
	margin: 4px 0;
}
/*//////////*/
.SelectSeatList li input,
.SelectPlanList li input
{
position:absolute;
left:-9999px;
/*visibility:hidden;*/
}

*:first-child+html .SelectSeatList li input,
*:first-child+html .SelectPlanList li input
{
position:relative;
height:0px;
width:0px;
float:left;
}

.SelectSeatList label,
.SelectPlanList label
{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 8px 0;
	border: solid 1px #aaa;
	background:url(../images/btn_seat.gif) no-repeat bottom #FFF;
	width:95px;
	height: 100%;
	text-align:center;
	font-size: 10px;
}
.SelectSeatList label.noSeat,
.SelectPlanList label.noSeat
{
	background:none;
	background-color: #999;
	cursor: auto;
}
.SelectSeatList label.noSeat span,
.SelectSeatList label.noSeat span em,
.SelectPlanList label.noSeat span,
.SelectPlanList label.noSeat span em
{
	color: #CCC;
}
.SelectSeatList .checked label,
.SelectPlanList .checked label
{
	color: #333;
	background:url(../images/btn_seat_o.gif) no-repeat bottom #cac2dc;
}
.SelectSeatList .checked label.lb_SS
{
	color: #333;
	background:url(../images/btn_seatSS_o.gif) no-repeat bottom #bad685;
}
.SelectSeatList .checked label.lb_SR
{
	color: #333;
	background:url(../images/btn_seatSR_o.gif) no-repeat bottom #dec0e2;
}


/*//////////*/

.SelectReset{
	text-align: right;
	padding-bottom:10px;
	width: 350px;
}
.SeatImg{
	width: 460px;
	float: right;
	position: relative;
	padding-top:30px;
	padding-right: 20px;
}
.LayerBase{
	position: absolute;
}
.Layer{
	position: absolute;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	opacity:0.5;
}
.Seats_SS, .Seats_SR, .Seats_S, .Seats_A, .Seats_B, .Seats_BB{
	display: none;
}
.tourList {
	width: 904px;
	margin:0 20px 20px;
	position:relative;
	}
.tourList table{
	border:1px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.tourList table th {
	background: none repeat scroll 0 0 #2b2b2b;
    border-color: #666666;
    border-style: solid;
    border-width: 0 0 1px 1px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 120%;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
	font-size: 10px;
}
.tourList table td {
	padding: 5px;
	border: 1px #666 solid;
	border-width: 0 0 1px 1px;
	letter-spacing: normal;
}
.tourList table td img{
	width: 80px;
}
.tourList td.seatName {
	white-space: nowrap;
}
.tourList td.price {
	white-space: nowrap;
	text-align: right;
	color:#f00;
}
.tourList td.tourName{
	text-indent: -10px;
	padding-left: 17px;
}
.tourList td.tourName a{
	text-decoration: underline;
}
.tourList td.playTime {
	border-left: #CCC dotted 1px;
}

.arrow{
	color:#c8454c;
	font-size: 10px;
	font-style:normal;
}
.nonTour{
	border: double #f00 3px;
	margin: 5em 0;
	padding: 1em;
	text-align: center;
}
.loadimg{
	margin: 5em 0;
	padding: 1em;
	text-align: center;
}
.loadimg img{
 width:48px ;
}

.IcnIppan{
	width:280px;
	height:24px;
	margin:5px 0;
	padding: 0 20px 0 585px;
}
.IcnIppan li{ float:right; padding-right:8px;}
.IcnIppan span{
	margin-left: 1em;
	border: 1px solid #f00;
	color: #f00;
	padding: 3px;
}

.MapBox .inBox{
	margin-left: 1em;
}
.MapBox .inBox15{
	margin-left: 1.5em;
}

.TrzWhtBox .endMes{
	padding: 5em 2em;
	text-align: center;
}
.TrzWhtBox .endMes a{
	text-decoration: underline;
}

.noPhoto{
	margin-top: 25px;
}