@charset "UTF-8";
/* CSS Document ポータル */

body {
	color: #fff;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: inherit;
	background-color: #000;
	background-image: url(../images/bg-portal-ntr.jpg);
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	word-break: break-all;
}
.container {

	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
a, a:visited, a:focus {
}
a:hover {
}
h1.logo {
	width: 550px;
	height: 206px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
	background: url("../images/2024logo.png") 0 0 no-repeat;
}
h1.logo span {
	display: none;
}

.area {
	color: #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	background: #FFFFFF;
	background-repeat: repeat;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-image: url("../images/bg-area-01.png"), url("../images/bg-area-02.png");
	background-repeat: no-repeat;
	background-position: top left, bottom right;
}
.area h3 {
	color:rgba(247,140,8,1.00);
	border-bottom:1px dotted rgba(247,140,8,1.00);}
	
.area h4 {
	color:rgba(247,140,8,1.00);
	font-weight:bold;}

.badge-osaka {
	position: absolute;
	top: 120px;
	left: -30px;
	z-index: 2;
	data-wow-delay: 0;
	animation-delay: 0;
}
.badge-tokyo {
	position: absolute;
	top: 120px;
	right: -60px;
	z-index: 2;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.mB50 {
	height: 50px;
}
.container {
	max-width: none !important;
	width: 970px;
	margin: 0 auto;
}
.banner {
	-webkit-border-radius: -8px;
	-moz-border-radius: -8px;
	border-radius: -8px;
	border: solid #F78C08 1px;
}
.btn-ticket {
	font-size: 2em;
}
footer {
	margin: 50px 0 50px 0;
	text-align: center;
}
/*Twitter -----------------------------------------*/	
.twitter-widget {
	padding: 10px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: rgba(255,255,255,0.7);
	z-index: 1;
}
.title {
	cursor: move;
}
.main-text {
	font-size: 1.4em;
	color: #fff;
	margin-bottom: 20px;
	text-shadow: 0 0 8px #0D5D01;
	line-height: 2em;
}
.main-text strong {
	font-weight: bold;
	font-size: 1.2em;
}
.sub-text {
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 30px;
	text-shadow: 0 0 8px #0D5D01;
}
.sub-text strong {
	font-weight: bold;
	font-size: 1.2em;
}
.btn-osaka {
	font-size: 1.5em;
	background-color: hsl(241, 57%, 33%) !important;
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c9ae3", endColorstr="#252484");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#9c9ae3), to(#252484));
	background-image: -moz-linear-gradient(top, #9c9ae3, #252484);
	background-image: -ms-linear-gradient(top, #9c9ae3, #252484);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9c9ae3), color-stop(100%, #252484));
	background-image: -webkit-linear-gradient(top, #9c9ae3, #252484);
	background-image: -o-linear-gradient(top, #9c9ae3, #252484);
	background-image: linear-gradient(#9c9ae3, #252484);
	border-color: #252484 #252484 hsl(241, 57%, 22.5%);
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
	-webkit-font-smoothing: antialiased;
}
.btn-tokyo {
	font-size: 1.5em;
	background-color: hsl(28, 97%, 32%) !important;
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc9740", endColorstr="#a04c02");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fc9740), to(#a04c02));
	background-image: -moz-linear-gradient(top, #fc9740, #a04c02);
	background-image: -ms-linear-gradient(top, #fc9740, #a04c02);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc9740), color-stop(100%, #a04c02));
	background-image: -webkit-linear-gradient(top, #fc9740, #a04c02);
	background-image: -o-linear-gradient(top, #fc9740, #a04c02);
	background-image: linear-gradient(#fc9740, #a04c02);
	border-color: #a04c02 #a04c02 hsl(28, 97%, 24.5%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49);
	-webkit-font-smoothing: antialiased;
}
/*Page Top -----------------------------------------*/	

#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #333;
	background-color: #efefef;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	padding: 10px;
}
#pagetop a:hover {
	text-decoration: none;
	color: #666;
}
