@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% !important;}
.fs11 { font-size:85% !important;}
.fs12 { font-size:93% !important;}
.fs13 { font-size:100% !important;}
.fs14 { font-size:108% !important;}
.fs15 { font-size:116% !important;}
.fs16 { font-size:123.1% !important;}
.fs17 { font-size:131% !important;}
.fs18 { font-size:138.5% !important;}
.fs19 { font-size:146.5% !important;}
.fs20 { font-size:153.9% !important;}
.fs21 { font-size:161.6% !important;}
.fs22 { font-size:167% !important;}
.fs23 { font-size:174% !important;}
.fs24 { font-size:182% !important;}
.fs25 { font-size:192.3% !important;}
.fs26 { font-size:197% !important;}
.fs30 { font-size:227.3% !important;}

/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc {
    margin-left: auto;
    margin-right: auto;
}
/* ---------- 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 !important;
}

.flexInfo {
	display: flex;
	flex-wrap: wrap;
}
.flexInfo .infoImgBox {
	height: 0;
	padding-top: 140%;
	position: relative;
}
.flexInfo .infoImgBox img {
	position: absolute;
	top: 0;
	left: 0;
}

.flexInfo.clmImg4 .infoImgCont { width: 25%; }
.flexInfo.clmImg5 .infoImgCont { width: 20%; }
/* ----- base width */
.in, #header, #container {
	width: 1000px;
	margin: 0 auto;
}

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

/* ----- color */
.clmRed, .clmBlue, .clmOg, .clmGreen, .clmGray {
	padding: 20px;
}
.clmRed p {
	margin: 20px 0;
}
.clmRed p img {
	margin: 0 1%;
}
/* ----- text */
.alcPC { text-align: center; }
.allPC { text-align: left; }
.alrPC { text-align: right; }
.txtBlockPC {display: block;}
/* line */
.lineG {
	display: inline-block;
	background-position: right 15px;
}

/* ----- botton */
.dtlBtn,
.dtlBtn2 {
	display: inline-block;
}
.dtlBtn a {
	padding: 5px 20px;
}
.dtlBtn2 a {
	padding: 10px 100px;
}

/* --------------
 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 center;
	background-size: 100% auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .8;
}

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

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

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

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

/* lead */
#lead {
	float: right;
	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 {
	height: 70px;
	font-size: 28px;
	font-weight: bold;
	float: left;
	background-repeat: no-repeat;
}

#mainNav li a {
	height: 70px;
}
#mainNav li p.navHL a {
	color: #FFF;
	text-shadow: 1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 22px;
}

/* underlayer nav */
#mainNav li ul {
	display: none;
	position: absolute;
	z-index: 1000;
	
	width: 235px;
	margin-left: -40px;
	background: rgba(0,0,0,.7);
}

#mainNav li ul li {
	float: none;
	width: auto;
	height: auto;
	text-indent: 0;
	text-shadow: 1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;
}

#mainNav li ul li a {
	width: auto;
	height: auto;
	padding: 10px 8px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	letter-spacing: -0.03em;
	border-top: 1px dotted #ccc;
}
#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 a:hover {
	color: yellow !important;
}
/* ol */
/*#mainNav li ol {
	margin-left: 10px;
}*/
#mainNav li ol li a:before {
	content: "・";
}
#mainNav li ol li a {
	padding: 0 8px 6px 25px;
	font-size: 16px;
	text-indent: -20px;
	border-top: none;
}
.navArrow {
	position: relative;
}
.navArrow p.navHL {
	position: relative;
}
.navArrow p.navHL:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	left: 0;
	right: 0;
	bottom: 8px;
	margin: auto;
}

/* sNav */
#sNav {
	background: rgba(255,255,255,0.65);
	position: absolute;
	right: 0;
	bottom: 85px;
}
#sNav li {
	margin-left: 20px;
	float: left;
}
#sNav li:last-child {
	margin-right: 20px;
}
#sNav li a {
	color: #222;
	font-weight: bold;
}

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

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

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

.tmp_archive .flexCont {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.tmp_archive .flexCont article {
	width: 22%;
	margin: 0 .5% 20px;
	padding: 10px;
}
.tmp_archive article .archiveTtl {
	font-size: .9em;
}

/* ----- 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
---------------------------------------------------- */
.footTel {
	width: 400px;
	margin: 0 auto 10px;
}
#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 {
	width: 1000px;
	height: 700px;
	overflow: hidden;
}

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

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

/* =contents
---------------------------------------------------- */
.homeMidCont {
	margin-top: 30px;
}
/* -------------------- news */
#homeNews {
	float: left;
	width: 520px;
	box-shadow: 0 0 5px rgba(0,0,0,.6);
}

/* #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: 390px;
	font-size: 16px;
}
#homeNews > div {
height: 585px;
overflow-y: scroll;
}
#homeNews article mark {
	float: right;
}

/* -------------------- banner */
#homeBnr {
	float: left;
	width: 460px;
	margin-left: 20px;
}
.mt-15 {
	margin-top: -15px;
}
#homeBnr p {
	margin-bottom: 10px;
}
/* -------------------- youtube */
.youtubeCont {
	margin-top: 40px;
}
#youtube {
	position: relative;
	height: 0;
	padding: 0;
	padding-top: 0px;
	padding-top: 56.27%;
}
#youtube iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* -------------------- calendar area */
#homeCale {
	width: 480px;
	margin: 0 auto;
}
#wp-calendar tbody a {
	padding: 5px 30%;
}


/* -------------------- ticket banner */
.homeLinkCont {
	margin-top: 40px;
}
#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;
	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;
}
.superSeat1,
.superSeat2 {
	height: 193px;
}
.superSeat1 {
	width: 343px;
}
.superSeat2 {
	width: 616px;
}

#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 */
.clmGoods {
	display: flex;
	flex-wrap: wrap;
}
/*　---------- dl goods */
.dlGoods {
	/*width: 200px;*/
	width: 220px;
	margin: 10px;
	padding: 10px 7px;
}
.dlCol3 .dlGoods {
	width: 280px;
}

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

.dlGoods.goodsBig {
	width: 40%;
}
.dlGoods .imgBox img {
	max-height: 300px;
	width: auto;
}
/* official */
#goodsOF .dlGoods {
	width: 280px;/* 3つの時 280px　2つの時 420px */
}

/* craft */
.craftItem {
	width: 49%;
	margin-bottom: 10px;
	float: left;
}
.craftItem:nth-child(odd) {
	margin-right: 2%;
}

/* =page concept
---------------------------------------------------- */
.ulConcept {
	display: flex;
	flex-wrap: wrap;
}
.ulConcept li {
	width: 48%;
	margin: 10px 1%;
	padding: 20px 2% 10px;
	font-size: 110%;
	text-align: center;
	line-height: 1.3;
	box-sizing: border-box;
}
.ulConcept li img {
	margin-bottom: 10px;
}

/* -------------------- ultrashot */
.col4 li {
	width: 24%;
}

.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;
}

.stageImgCont .imgBox {
	width: 24%;
	margin: 0 0.5% 10px 0;
}
.stageImgCont.clm5 .imgBox {
	width: 19.5%;
	margin: 0 0.5% 10px 0;
}
/* ------------------------------ livestage added */
.btnAnchor {
	right: -40px;
}
.btnAnchor a {
	width: 20px;
	padding: 10px;
	border-radius: 0 5px 5px 0;
}

/* =diorama
---------------------------------------------------- */
.dioramaImgCont .imgBox {
	width: 49%;
	margin: 0 0.5% 10px 0.5%;
}
/* ------------------------------ narikiri */
.narikiriCont .imgBox:nth-child(odd) {
	margin: 0 1% 15px 0;
}
.narikiriCont .imgBox:nth-child(even) {
	margin: 0 0 15px 1%;
}
/* ------------------------------ 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;
}