@charset "utf-8";

/*--Base------------------------------------------------------------*/

body { width:100%;height:100%;background:#FFF url(../img/bg.gif) center top;}
html { width:100%;height:100%;font-size:10px;overflow-y:scroll; }

/*--Reset-----------------------------------------------------------*/

* { margin: 0;padding: 0; }
a { text-decoration: none;outline: none; }
ul,ol,li { list-style: none; }

/*reset css*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,abbr,address,cite,code,del,dfn,em,
img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,
article,aside,figure,footer,header,hgroup,menu,nav,section,
menu,time,mark,audio,video { border:0;outline:0;vertical-align:baseline;margin:0;padding:0; }
article,aside,details,footer,header,main,menu,nav,section,summary {display: block; }
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h4 img { vertical-align:bottom;}
iframe{ z-index:0;}

/*--Text------------------------------------------------------------*/

body {
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1rem;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	min-width:980px;
}

.ipad body {
	min-width:1024px;
}

/* @font */


@font-face {
    font-family: 'bebas_neue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff2') format('woff2'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--Link------------------------------------------------------------*/

a,a:link { color: #109367; }
a:visited { color: #109367; }
a:hover,a:active { color: #4e4b44; background-color: none; }
a:focus { outline: none; }
a:hover img.over {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}

/*--header----------------------------------------------------------*/


header{
	width:100%;
	height:auto;
	background: url(../img/h_bg.png) top center repeat-x;
	position:fixed;
	z-index:10;
	min-width:980px;
}

.ipad header {
	min-width:1024px;
}

header #header-wrapper {
	width:980px;
	height:70px;
	margin:0 auto;
	position:relative;
}

header #header-wrapper h1 {
	position: absolute;
	top: 13px;
	left: 0px;
}

/*header-navi*/
nav {
	position: absolute;
	width: auto;
	height: 42px;
	top: 12px;
	left: 132px;
}

nav ul li {
	width: auto;
	height: 42px;
	float: left;
  	position: relative;
}

nav ul li:nth-child(10) { margin-left:20px;}
nav ul li:nth-child(11) { margin-left:5px;}
nav ul li:nth-child(12) { margin-left:5px;}

nav ul li a * {display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);}
nav ul li a:active *,nav ul li a:focus *,nav ul li a:hover * {-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}
nav ul li ul li a:active *,nav ul li ul li a:focus *,nav ul li ul li a:hover * {-webkit-transform:translateX(5px);transform:translateX(5px);opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}

.ipad nav ul li a:active *,.ipad nav ul li a:focus *,.ipad nav ul li a:hover * {-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
.ipad nav ul li ul li a:active *,.ipad nav ul li ul li a:focus *,.ipad nav ul li ul li a:hover * {-webkit-transform:translateX(0);transform:translateX(0);opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}


nav ul li ul {
  position: absolute;
  top: 42px;
  width: 150px;
  z-index: 100;
  border-radius: 3px;
  background:#FFF;
}

nav ul li ul.ticket {left: 11px; }
nav ul li ul.special {left: 10px; }
nav ul li ul.company {left: 13px; }

nav ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;
  height: 0;
}

nav ul li:hover ul, nav ul li a:hover ul{ border:solid 1px #5ec09c; }
nav ul li:hover ul li, nav ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:20px;
  z-index: 10;
  border-bottom:dotted 1px #5ec09c;
}
nav ul li:hover ul li:last-child, nav ul li a:hover ul li:last-child {border-bottom:none; }

nav * {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

/*header-search*/

header #search-wapper {
	width:100%;
	min-width:980px;
	height:30px;
	position:relative;
	background: url(../img/search_bg.png) bottom center repeat-x;
}

header #search-wapper #searches {
	padding-top: 5px;
	margin:0 auto;
	width:980px;
	height:25px;
}

.select_form,
.search_form {
	float:left;
}

.event_select,
.artist_select {
	background: #000000 url(../img/select_bg.gif) left no-repeat;
	border: none;
	padding: 0 0 0 5px;
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: normal;
	color: #55b095;
	height: 20px;
	width: 323px;
	overflow: hidden;
	margin-right: 2px;
}

#searchform {
	position: relative;	
}

#keywords {
	display:table-cell;
	vertical-align:middle;
	position: absolute;
	top: 0;
	left: 2px;
	background: #000000 url(../img/keyword_bg.gif) left no-repeat;
	width: 283px;
	height: 20px;
	padding: 0 0 0 5px;
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: #efefef;
	border: none;
}
#searchBtn	{
	position: absolute;
	top: 0px;
	_top: 1px;
	left: 294px;
}
*:first-child + html #searchBtn	{
	top: 1px;
}





/*--contents--------------------------------------------------------*/

#wrapper {
	width: 980px;
	height: auto;
	margin:0 auto;
}

#container {
	width: 980px;
	height: auto;
	margin: 0 auto 30px auto;
	padding: 120px 0 3px 0;
	background:url(../img/page_line_x.gif) left bottom repeat-x;
}



/*--footer----------------------------------------------------------*/

footer {
	background: url(../img/hf_bg.gif) center repeat;
	width: 100%;
	min-width:980px;
	height: auto;
	padding:2px 0 0 0;
}

#footer-wrapper {
	width: 980px;
	height: auto;
	margin:0 auto;
}

#banner-wrapper {
	width: 980px;
	height: auto;
}

#banner-wrapper ul { 
	letter-spacing: -.40em;
	padding:0;
}
#banner-wrapper ul li {
	width:230px;
	height:55px;
	display: inline-block;
	letter-spacing: normal;
	*display: inline;
	zoom: 1;
	margin:20px 20px 0 0;
}

#banner-wrapper ul li:nth-child(4n+0) {margin:20px 0 0 0;}

#fnavi-wrapper {
	width: 980px;
	height: auto;
	padding: 0 0 20px 0;
}

#fnavi-wrapper div.left {
	float:left;
	width:600px;
	padding:20px 0 0 0;
}

#fnavi-wrapper ul.right {
	float: right;
	width: 150px;
	letter-spacing: -0.4em;
	text-align: right;
	padding:12px 0 0 0;
}

#fnavi-wrapper ul.right li {
	display: inline-block;
	letter-spacing: normal;
	*display: inline;
	zoom: 1;
	padding:0 0 0 6px;
}

#fnavi-wrapper p {
	font-size:11px; font-size:1.1rem;
	line-height:1.4rem;
	color:#FFF;
	font-weight: 800;
}

#fnavi-wrapper p.info {
	font-size:12px; font-size:1.2rem;
	line-height:2.5rem;
	font-weight:bold;
}

#fnavi-wrapper p.copy {
	font-size: 12px;
	line-height: 1.2rem;
	font-family: 'bebas_neue';
	letter-spacing: 0.1rem;
	font-weight:normal;
}

footer a,
footer a:link,
footer a:visited {
	color: #ffffff;
}

footer a:hover,
footer a:active {
	color: #dddddd;
}

#fnavi-wrapper ul li a * {display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
#fnavi-wrapper ul li a:active *,#fnavi-wrapper ul li a:focus *,#fnavi-wrapper ul li a:hover * {-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}
.ipad #fnavi-wrapper ul li a:active *,.ipad #fnavi-wrapper ul li a:focus *,.ipad #fnavi-wrapper ul li a:hover * {-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}

#banner-wrapper ul li a * {display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);}
#banner-wrapper ul li a:active *,#banner-wrapper ul li a:focus *,#banner-wrapper ul li a:hover * {-webkit-transform:translateY(-5px);transform:translateY(-5px);opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}
.ipad #banner-wrapper ul li a:active *,.ipad #banner-wrapper ul li a:focus *,.ipad #banner-wrapper ul li a:hover * {-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}



/*--common----------------------------------------------------------*/

.clearfix:before,.clearfix:after { content:"\0020";display:block;height:0;visibility:hidden; } 
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.cl { clear:both; }


.pbtop00{ padding-top:0; }
.mb00{ margin-bottom:0; }
.mb03{ margin-bottom:3px; }
.mb04{ margin-bottom:4px; }
.mb05{ margin-bottom:5px; }
.mb07{ margin-bottom:7px; }
.mb08{ margin-bottom:8px; }
.mb10{ margin-bottom:10px; }
.mb12{ margin-bottom:12px; }
.mb13{ margin-bottom:13px; }
.mb14{ margin-bottom:14px; }
.mb15{ margin-bottom:15px; }
.mb16{ margin-bottom:16px; }
.mb20{ margin-bottom:20px; }
.mb21{ margin-bottom:21px; }
.mb23{ margin-bottom:23px; }
.mb24{ margin-bottom:24px; }
.mb30{ margin-bottom:30px; }
.mb32{ margin-bottom:32px; }
.mb35{ margin-bottom:32px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.mb70{ margin-bottom:70px; }
.mb_top00{ margin-top:0; }
.mb_top10{ margin-top:10px; }
.mb_top12{ margin-top:12px; }
.mb_top15{ margin-top:15px; }
.mb_top20{ margin-top:20px; }
.mb_top25{ margin-top:25px; }
.mb_top28{ margin-top:28px; }
.mb_top30{ margin-top:30px; }
.mb_top35{ margin-top:35px; }
.mb_top45{ margin-top:45px; }
.mb_top05{ margin-top:5px; }
.mb_left02{ margin-left:2px; }
.mb_left07{ margin-left:7px; }
.mb_left15{ margin-left:15px; }
.mb_left20{ margin-left:20px; }
.mb_left143{ margin-left:143px; }
.mb_right07{ margin-right:7px; }
.mb_right11{ margin-right:11px; }
.mb_right15{ margin-right:15px; }
.mb_right20{ margin-right:20px; }

.lh_12em { line-height:1.2em; }
.lh_14em { line-height:1.4em; }
.lh_15em { line-height:1.5em; }
.lh_16em { line-height:1.6em; }
.lh_17em { line-height:1.7em; }
.lh_18em { line-height:1.8em; }
.lh_19em { line-height:1.9em; }
.lh_20em { line-height:2em; }
.lh_22em { line-height:2.2em; }

.fc663300 { color: #663300; }
.fce5eee1 { color: #e5eee1; }
.fc660000 { color: #660000; }
.fc333333 { color: #333 }
.fc993366 { color: #993366; }
.fc647815 { color: #4c8029; }
.fcFF6666 { color: #FF6666; }
.fc990000 { color: #990000; }
.fcCC3333 { color: #CC3333; }
.fc3399cc { color: #3399cc; }
.fcFFFFFF { color: #FFFFFF; }

.txt16rem { font-size:16px;font-size:1.6rem;}
.txt14rem { font-size:14px;font-size:1.4rem;}
.txt12rem { font-size:12px;font-size:1.2rem;}
.txt10rem { font-size:10px;font-size:1rem;}

.float{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float:active,.float:focus,.float:hover{-webkit-transform:translateX(5px);transform:translateX(5px);opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}
.ipad .float:active,.float:focus,.float:hover{-webkit-transform:translateX(0);transform:translateX(0);opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}

#scrollUp {
	background: url(../img/ptop.png) top center no-repeat;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	-webkit-transition: bottom 150ms linear;
	-moz-transition: bottom 150ms linear;
	transition: bottom 150ms linear;
}

#scrollUp:hover {
		bottom: 10px;
	}