@charset "UTF-8";

/* ------------------------
 for Wordpress styles
------------------------ */
.wp-caption {
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
}

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
body {font-size: 15px;line-height: 1.8;}

h1 {font-size: 22px;}
h2 {font-size: 21px;}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5;
}

.ifsp {display: none;}
.annul {/* IE以外 */
	pointer-events: none;
	cursor: default;
}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs10 { font-size:77%;}
.fs11 { font-size:85%;}
.fs12 { font-size:93%;}
.fs13 { font-size:100%;}
.fs14 { font-size:108%;}
.fs15 { font-size:116%;}
.fs16 { font-size:123.1%;}
.fs17 { font-size:131%;}
.fs18 { font-size:138.5%;}
.fs19 { font-size:146.5%;}
.fs20 { font-size:153.9%;}
.fs21 { font-size:161.6%;}
.fs22 { font-size:167%;}
.fs23 { font-size:174%;}
.fs24 { font-size:182%;}
.fs25 { font-size:192.3%;}
.fs26 { font-size:197%;}
.fs30 { font-size:227.3%;}

/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- margin,padding */
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

/* ----- margin,padding */
.mt40 { margin-top: 40px;}
.mt80 { margin-top: 80px;}
.mt150 { margin-top: 150px;}

.mr15 {	margin-right: 15px !important;}
.mr40 {	margin-right: 40px !important;}

.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.plr50 { padding-left: 50px; padding-right: 50px;}

/* ---------- line height */
.lh20 {line-height: 2.0;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

.wd33 {width: 33% !important;}

/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.vaM img {
	vertical-align: middle;
}
/* ----- base width */
.in, #container {
	width: 1000px;
	margin: 0 auto;
}

/* ----- list */
.col6 li {
	width: 150px;
	margin: 5px 5px 10px;
}


.clmRed, .clmBlue, .clmOg {
	padding: 20px;
}
.clmRed p {
	margin: 20px 0;
}
.clmRed p img {
	margin: 0 1%;
}

/* line */
.lineG {
	display: inline-block;
	background-position: right 15px;
}


/* --------------
 common
-------------- */
/*html {
	background: url(../img/bg_pc.jpg?v2) no-repeat fixed center top / 100% auto #000;
}*/
body:before {
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	background: url(../img/bg_pc.jpg?v2) no-repeat center top;
	background-size: 100% auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* =header
-------------------------------------------------------------- **/
#home #header {
	margin-bottom: 10px;
}
#subpage #header {
	margin-bottom: 20px;
}

/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	padding: 10px 0;
}

/* logo */
#logo {
	float: left;
	width: 520px;
}

#siteHeader h2 {
	width: 400px;
	top: 5px;
	left: 65px;
}

/* lead */
#lead {
	float: right;
	width: 450px;
	margin-top: 15px;
}

/* =globalNav
---------------------------------------------------- */
#globalNav {
	position: relative;
}

/* mainNav */
#mainNav {
	width: 975px;
	height: 72px;
	padding-top: 5px;
	padding-left: 25px;
	background: url(../img/bgNav.png) no-repeat;
}

#mainNav li {
	width: 150px;
	height: 70px;
	margin-left: 5px;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#nav1 {background-image: url(../img/nav1.png);}
#nav2 {background-image: url(../img/nav2.png);}
#nav3 {background-image: url(../img/nav3.png);}
/* #nav3 {background-image: url(../img/nav3_cs.png);} */
#nav4 {background-image: url(../img/nav4.png);}
#nav5 {background-image: url(../img/nav5.png);}
#nav6 {background-image: url(../img/nav6.png);}

#mainNav li a {
	width: 150px;
	height: 70px;
}

/* underlayer nav */
#mainNav li ul {
	display: none;
	position: absolute;
	z-index: 1000;
	
	width: 225px;
	margin-left: -50px;
	padding: 10px;
	border-radius: 10px;
	border: 3px solid #039;
	background:/*  url(../img/arwT.png) no-repeat center -11px  */#FFF;
}

#mainNav li ul li {
	float: none;
	width: auto;
	height: auto;
	text-indent: 0;
}

#mainNav li ul li a {
	width: auto;
	height: auto;
	padding: 5px 8px;
	color: #039;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -0.03em;
	border-top: 2px solid #039;
}
#mainNav li#nav5 ul li:first-child a {
	font-size: 20px;
	letter-spacing: -0.1em;
}
#mainNav li ul li:first-child a {
	border-top: none;
}

#mainNav li ul li a:hover {
	background: #CF3;
}

/* ol */
#mainNav li ol {
	margin-left: 10px;
}
#mainNav li ol li a:before {
	content: "・";
}
#mainNav li ol li a {
	padding: 3px 6px;
	font-size: 18px;
	border-top: none;
}

/* sNav */
#sNav {
	position: absolute;
	right: 20px;
	bottom: 85px;
}
#sNav li {
	margin-left: 20px;
	float: left;
}
#sNav li a {
	color: #FFF;
	text-shadow: 0 0 2px #002, 0 0 2px #002;
	font-weight: bold;
}

/* =wrapper
-------------------------------------------------------------- **/

/* =container
-------------------------------------------------------------- **/
#container {
	padding-bottom: 15px;
}

/* =contents
---------------------------------------------------- */
.bgWt, .bgBl, .tmp_archive article, .tmp_page article, .tmp_single article, .tmpInner {
	padding: 20px 20px 40px;
}
.tmp_archive article {
	margin: 15px 0 25px;
}

/* ----- headline */
.HL1 {
	padding: 10px 20px 8px;
	font-size: 25px;
}
.btnS {
	margin-top: 5px;
	margin-left: 10px;
}

#contents h2 {
	margin-top: 30px;
}

.HL2 {
	margin-bottom: 10px;
	padding: 6px 10px 5px 40px !important;
}

/* #contents h3 {
	margin: 20px 0 5px;
} */

.page h1 {
	margin-top: 30px;
	padding: 8px 10px;
	font-size: 32px;
}

/* ---------- pagescroll */
#intro, #playguide, #department, #game, #vacancy, #official {
	margin-top: -80px;
	padding-top: 80px;
}

/* ----- button */
/* .btnA li {
	padding-top: 10px;
}
.btnA a {
	padding: 7px;
	font-size: 35px;
} */



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

/* =siteFooter
---------------------------------------------------- */
#txtFooter {
	width: 67%;
	margin: 0 auto 20px;
}
.tblFt {
	line-height: 1.3;
}
.tblFt td {
	padding-left: 10px;
}

/* =social
------------------------------------------ */

/* =copyright
------------------------------------------ */

/* =pageTop
---------------------------------------------------- */
#pageTop {
	bottom: 60px;
}
@media screen and (max-width: 1100px) { /*以下の時*/
#pageTop {
	right: 10px;
}
}
@media screen and (min-width: 1101px) { /*以上の時*/
#pageTop {
	right: 60px;
}
}

#pageTop a {
	width: 60px;
	height: 60px;
}

/* --------------
 home container
-------------- */
/* =visual
---------------------------------------------------- */
#clmMV {
	float: left;
	width: 730px;
	height: 470px;
	overflow: hidden;
}

#clmMV h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.single-item {
	margin: 0 auto;
	width: 730px;
}

.slick-dots {
	margin-top: -65px !important;
}

#clmTwitter {
	float: right;
	width: 246px;
	height: 456px;
	padding: 5px 10px;
}

.twitter-timeline {
	width: 250px;
	height: 450px !important;
}

/* =contents
---------------------------------------------------- */
/* -------------------- news */
#homeNews {
	float: left;
	width: 520px;
	min-height: 250px;
}

/* #homeNews article {
	float: left;
	width: 163px;
	margin: 20px 5px 10px;
	border-bottom: 1px dotted #DDD;
} */
#homeNews article {
	margin: 0 10px;
}
#homeNews article a {
	width: 96%;
	margin-top: 7px;
	padding: 8px 2% 5px;
	display: inline-block;
}

#homeNews article a:hover {
	background: #EEE;
}

#homeNews article time {
	float: left;
	width: 70px;
}
#homeNews article h3 {
	float: right;
	width: 410px;
	font-size: 16px;
}
#homeNews article mark {
	float: right;
}

/* -------------------- banner */
#homeBnr {
	float: left;
	width: 460px;
	margin-left: 20px;
}
.mt-15 {
	margin-top: -15px;
}
#homeBnr p {
	margin-bottom: 10px;
}

/* -------------------- calendar area */
#homeCale {
	width: 480px;
	margin: 0 auto;
}
#wp-calendar tbody a {
	padding: 5px 30%;
}


/* -------------------- ticket banner */
#bnrNotice {
	width: 88px;
	height: 478px;/* 234px + mb10 */
	right: 0;
	bottom: 20%;
	z-index: 1000;
}

@media screen and (max-width: 1200px) { /*以下の時*/
#bnrNotice {
	width: 60px;
}
#bnrNotice img {
	width: 60px;
}
}


/* --------------
 subpage container
-------------- */
.yuryo {
	text-align: right;
}
.yuryo i {
	padding: 3px 6px;
	color: #FFF;
	border-radius: 3px;
	background: #96C;
}

.decoF {
	padding: 10px 0;
}

/* =page info,news,event,premium
---------------------------------------------------- */
/* .tmp_archive article time {
	margin-bottom: 15px;
}
 */



/* =page stage
---------------------------------------------------- */
/* ----------liveStage,youTube */
#liveStage {
	margin-top: 15px;
}

#youTube iframe {
	width: 800px;
	height: 450px;
}

/* -------------------- sponsor area */
.ulCol li {
	margin-bottom: 3px;
}

.ulCol2 li {
	width: 460px;
}
.ulCol2 li:nth-of-type(odd) {
	margin-right: 25px;
}

/* =page ticket
---------------------------------------------------- */

/* -------------------- playguide */
.tblTp2 {
	width: 100%;
}
.tblTp2 th {
	width: 150px;
	padding: 7px 5px;
}
.tblTp2 td {
	padding: 7px 5px;
	vertical-align: middle;
}

#playguide h3 img {
	margin-right: 10px;
	vertical-align: middle;
}

/* =page goods
---------------------------------------------------- */
.tblGoods {
	margin-left: 10px;
	margin-bottom: 10px;
}
.tblGoods th {
	width: 300px;
}

.GoodsL {
	margin-right: 5px;
}

/*　---------- dl goods */
.dlGoods {
	/*width: 200px;*/
	width: 220px;
	margin: 10px;
	padding: 10px 7px 0;
}
.dlCol3 .dlGoods {
	width: 280px;
}

.dlGoods dd {
	padding: 5px 10px;
}
.dlGoods dd.txt {
}

.dlGoods.goodsBig {
	width: 40%;
}
/* official */
#goodsOF .dlGoods {
	width: 280px;/* 3つの時 280px　2つの時 420px */
}


/* =page concept
---------------------------------------------------- */
.ulConcept li {
	float: left;
	width: 40%;
	margin: 10px 2% 20px;
	padding: 20px 3% 10px;
	font-size: 120%;
	text-align: center;
	line-height: 1.3;
}
.ulConcept li img {
	margin-bottom: 10px;
}

/* -------------------- ultrashot */
.col3 li {
	width: 32%;
	margin-bottom: 10px;
	display: inline-block;
}

.col2 li {
	width: 49%;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
}

/* =page livestage
---------------------------------------------------- */
.clmStage {
	width: 470px;
}
.clmStage h3 {
	font-size: 150%;
}

.stageL {
	float: left;
	background-position: center 100px;
}
.stageR {
	float: right;
	background-position: center 100px;
}

/* ------------------------------ livestage added */
.btnAnchor {
	right: -40px;
}
.btnAnchor a {
	width: 20px;
	padding: 10px;
	border-radius: 0 5px 5px 0;
}

/* ------------------------------ vacancy */
#vacancy h3 {
	width: 500px;
	margin: 30px auto;
}
#vacancy h3 span {
	font-size: 20px;
}
#vacancy h3 span b {
	margin: 0 6px;
	font-size: 35px !important;
}
#vacancy h3 i {
	margin-left: 5px;
}

.tblVacancy {
	margin: 10px auto;
	width: 500px;
	font-size: 110%;
}

.tblVacancy th {
	width: 150px;
	padding: 15px 10px;
}

.tblVacancy td {
	padding: 15px 10px;
	letter-spacing: 0.1em;
}

.pVacancy {
	font-size: 90%;
	color: #485494;
}

/* ------------------------------ photo */