@charset "utf-8";

#title {
	text-align:center;
	margin-bottom:30px;
}
#title > h1 {
	font-size:32px;
	line-height:1.3;
	margin-bottom:3px;
}
#title > span {
	color:#666;
}
	@media(max-width:760px) {
		#title > h1 {
			font-size:24px;
		}
		#title > span {
			font-size:12px;
		}
	}

#contents {
	margin-bottom:30px;
}
#contents > article {
	width:32%;
	margin:0 0 20px 1%;
	background-color:#FFF;

	/* radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	/* box-shadow */
	box-shadow:0px 0px 5px 0 #999;
	-webkit-box-shadow:0px 0px 5px 0 #999;
	-moz-box-shadow:0px 0px 5px 0 #999;
}
	@media(max-width:980px) {
		#contents > article {
			width:48%;
			margin:0 0 20px 1.3%;
		}
	}

	@media(max-width:760px) {
		#contents > article {
			width:100%;
			margin:0 0 15px 0;

			/* radius */
			border-radius:0;
			-webkit-border-radius:0;
			-moz-border-radius:0;
		}
	}

#contents > article > div {
	margin:15px;
}

#contents > article > div > h2 {
	text-align:center;
	font-size:24px;
	line-height:1.3;
	margin-bottom:10px;
}
	@media(max-width:760px) {
		#contents > article > div > h2 {
			font-size:20px;
		}
	}

aside.ad {
	text-align:center;
}
aside.ad > h3 {
	background-color:#333;
	color:#FFF;
	padding:5px;
	margin-bottom:15px;
}
aside.ad > ul > li {
	display:inline-block;
	text-align:center;
	margin:0 15px 15px 0;
	font-size:14px;
}



/* 地図
----------------------------------------------- */
#map-canvas {
	width:100%;
	height:320px;
	margin-bottom:10px;

	box-shadow:0px 0px 5px 0 #999;
	-webkit-box-shadow:0px 0px 5px 0 #999;
	-moz-box-shadow:0px 0px 5px 0 #999;
}
	@media(max-width:760px) {
		#map-canvas {
			height:240px;
		}
	}


/* 会場情報
----------------------------------------------- */
#information table {
	border-collapse:collapse;
}
#information table th,
#information table td {
	border:1px solid #999;
	padding:5px 5px 4px 5px;
	line-height:1.3;
}
#information table th {
	background-color:#EEE;
}

ul.seat li {
	display:inline-block;
}
#information table td a {
	line-height:1;
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	background: linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
	margin:5px;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
}

/* 行き方
----------------------------------------------- */
#ensei_access {
	font-size:14px;
	line-height:1.3;
	margin-bottom:30px;
}
#ensei_access h3 {
	margin:0 0 3px 0;
	font-size:16px;
}
#ensei_access .icon_train {
	line-height: 1.0;
	background:url(../images/iconTrain.gif) left center no-repeat;
	padding:3px 0 1px 25px;
}
#ensei_access .icon_airline {
	line-height:1.0;
	background: url(../images/iconAirline.gif) left center no-repeat;
	padding:3px 0 1px 25px;
	margin:10px 0 0 0;
}
#ensei_access .icon_bus {
	line-height:1.0;
	background: url(../images/iconBus.gif) left center no-repeat;
	background-size:20px 20px;
	padding:3px 0 1px 25px;
	margin:10px 0 0 0;
}
#ensei_access strong {
	font-size:16px;
	padding:4px 3px 2px 3px;
	border:1px solid #666666;
	margin: 0 0 5px 0;
}
#ensei_access strong.goal {
	border:1px solid #FEA645;
	background-color:#FEEFCB;
}
#ensei_access strong.start {
	border:1px solid #7396B9;
	background-color: #E9EEF3;
}
#ensei_access span {
	color:#666666;
	padding: 7px 12px 0 7px;
	background:url(../images/transitBg.gif) top right no-repeat;
}
#ensei_access li {
	padding:7px 0;
	line-height:2.2;
}

#route {
	margin-bottom:30px;
}
#route > li {
	margin-bottom:10px;
}
#route > li > a {
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	background: linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
}



/* ホテル
----------------------------------------------- */
#hotel_form {
	text-align:center;
	margin-bottom:20px;
}
#datepicker {
	width:140px;
	background:url(../images/iconCalendar.png) right center no-repeat;
	background-size:30px 24px;
}
#hotel input, #hotel select {
	font-size:20px;
	padding:5px;
	margin-bottom:10px;
}
#hotel select {
	margin:0 3px 10px 5px;
}

/* カレンダー */
.ui-datepicker {
	margin:0 auto;
	padding:0 !important;
	overflow: hidden;
	
	width:90% !important;
	max-width:480px;
	height: 400px;
	
	background: #fff;
	border-radius: 12px;

	/* box-shadow */
	box-shadow:0px 0px 10px 0 #000;
	-webkit-box-shadow:0px 0px 10px 0 #000;
	-moz-box-shadow:0px 0px 10px 0 #000;
}

/* タイトルと矢印 */
.ui-datepicker .ui-datepicker-header {
	padding: 6px;
	
	font-size: 24px;
	
	color: #fff;
	background: #000;
	border-radius: 6px 6px 0 0;
}

/* 矢印 */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: auto;
}
.ui-datepicker-prev::after,
.ui-datepicker-next::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	margin: auto;
	
	display: block;
	width: 12px;
	height: 12px;
	
	border: 2px solid;
	
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-datepicker-prev::after {
	border-color: transparent transparent #fff #fff;
}
.ui-datepicker-next::after {
	border-color: #fff #fff transparent transparent;
}

/* 曜日 */
.ui-datepicker th {
	padding: 9px 6px;
	
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	
	color: #000;
	border-bottom: 1px solid #000;
}

/* 日付の文字と余白を大きく */
.ui-datepicker td span,
.ui-datepicker td a {
	padding: 10px 0 !important;
	
	font-size: 18px;
	text-align: center !important;;
	
	color: #333;
	border-radius: 4px;
}

/* 選択中 */
.ui-datepicker td a.ui-state-active {
	color: #fff;
	background: #DA1026;
	
	box-shadow: inset 0 0 0 1px #fff;
}

/* 今日 */
.ui-datepicker td a.ui-state-highlight {
	border: 2px solid #DA1026;
}

/* ボタンパネル */
.ui-datepicker .ui-datepicker-buttonpane {
	position: absolute;
	left: 3px;
	right: 3px;
	bottom: 3px;
	
	padding: 0;
	
	border-top: 1px solid #000;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	-webkit-appearance: none;
	
	min-width: 60px;
	margin: 3px 0 0;
	padding: 6px;
	
	font-size: 14px;
	
	color: #fff;
	background: #000;
	border: 0 none;
	border-radius: 6px;
}

#hotel h3 {
	margin-bottom:10px;
}
#hotel ul.soon > li {
	display:inline-block;
}
#hotel ul.soon > li > a {
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	background: linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
	margin:0 10px 10px 0;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
}

#hotelBtn {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-weight:bold;
	padding:8px 30px !important;
	margin-bottom:10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	white-space: nowrap;
	font-size:20px;
}
#hotelBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}



/* チケット
----------------------------------------------- */
#ticket li {
	display:inline-block;
}

#ticket li a {
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	background: linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #CCCCCC;
	padding: 7px 10px;
	margin:0 10px 10px 0;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
}



/* リンク
----------------------------------------------- */
#link a {
	display:block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	background: linear-gradient(#FFFFFF 0%, #EEEEEE 100%);
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	color: #0066CC;
	text-decoration: none;
}