/*
Theme Name: starisland2018
*/

@import url(css/reset.css);
@font-face{font-family:Mincho;src:url('fonts/A-OTF-A1MinchoStd-Bold.otf') format("truetype")}@font-face{font-family:Hero;
	src:url('fonts/Hero Light.otf') format("truetype")
}
a:hover{
	opacity:.7
}
.right{
	float:right
}
.left{
	float:left
}
.pc{
	display:block
}
.sp{
	display:none
}
header{
	background-color:rgba(0,51,101,.75);
	position:fixed;
	width:100%;
	z-index:20;
	font-family:Hero
}

header.menu2018{
	background-color:rgba(255,255,255,.75);
	position:fixed;
	width:100%;
	z-index:7;
	font-family:Hero
}
.headerWrapper{
	max-width:64pc;
	margin:0 auto;
	padding:1.5% 0 1%
}
.headerWrapper,ul#gnav{
	overflow:hidden
}
nav.headerLeft.left{
	width:70%
}
.headerRight.right{
	width:30%;overflow:hidden
}
ul#gnav li{
	float:left;
	border-right:1px solid #000;
	width:12%;
	text-align:center;
	line-height:1.8
}
ul#gnav li a{
	display:block;
	letter-spacing:2px;
	color:#000;
}
ul#gnav li:last-child{
	border-right:none
}
.lungButton{
	display:inline-block;
	overflow:hidden;
	border:1px solid #000;
	border-radius:5px;
	margin-right:5px
}
.lungButton p{
	float:left
}
.lungButton p a{
	display:block;
	padding:6px 10px 5px;
	font-size:9pt;
	color:#000;
}
.lungButton_sp{
	display:inline-block;
	overflow:hidden;
	border:1px solid #000;
	border-radius:5px;
	margin-right:20px
}
.lungButton_sp p{
	float:left
}
.lungButton_sp p a{
	display:block;
	padding:6px 10px 5px;
	font-size:9pt;
	color:#000;
}
.menu2018 .newsRelation{
	display:inline-block;
	border:1px solid #000;
	margin-right:5px;
	background:#666;
}
.menu2018 .newsRelation a{
	padding:6px 5px 5px;
	display:block;
	font-size:9pt;
	color:#FFF;
}
.menu2018 .newsRelation_sp{
	display:inline-block;
	border:1px solid #000;
	margin-right:20px;
	background:#666;
}

.snsContent a,header .snsContent{
	display:inline-block
}
.snsContent a{
	border:1px solid #000;
	color:#FFF;
	cursor:pointer;
	border-radius:100%;
	width:23px;
	height:23px;
	line-height:2pc;
	font-size:1pc;
	background:#000;
	text-align:center
}
.footer_sns a{
	border:1px solid #eee;
	color:#000;
	cursor:pointer;
	border-radius:100%;
	width:23px;
	height:23px;
	line-height:2pc;
	font-size:1pc;
	background:#FFF;
	text-align:center
}
.snsContent a:nth-child(2){
	margin:0 5px
}
i.fa{
	margin-top:3px
}
#firstview .sectionWrapper{
	width:75%
}
section{
	position:relative
}
section h2{
	font-family:Hero;
	font-weight:400;
	letter-spacing:4px;
	text-align:center;
	font-size:45px;
	margin-bottom:8%
}
p.jp{
	background:#000!important
}
p.jp a{
	color:#FFF!important;
	pointer-events:none;
}
.lungButton_sp p.jp{
	background:#000 !important
}
.lungButton_sp p.jp a{
	color:#fff !important
}
#firstview{
	display:flex;
	justify-content:center;
	align-items:center
}
body#index::before{
	background:url(images/star_main_horizonal_001_3.jpg)no-repeat center top;
	background-size:cover;
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-bottom:81pt;
	content:"";
	z-index:-2;
}
body.index_2018::before{
}
.nextJump{
	position:absolute;
	bottom:20px;
	display:inline-block;
	left:50%
}
.ticketLink{
	position:absolute;
	bottom:10%;
	right:10%;
	width:155px
}
#about{
	background-image:url(images/star_about_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;display:flex
}

.about_2018{
	background:url(images/2018_background_about.png)no-repeat center top  !important;
	background-size:cover  !important;
}
#about .sectionWrapper{
	max-width:64pc;
	margin:0 auto;
	text-align:center;
	letter-spacing:1px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2
}
#about p{
	font-family:Mincho;
	line-height:2.6;
	font-size:14px;
	text-shadow:2px 2px 2px #000
}
#about p span{
	font-size:26px;
	display:block;
	line-height:1
}
.commonBg{
	background-image:url(images/2018_whats.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;background-attachment:fixed
}
#news .sectionWrapper{
	max-width:700px;
	margin:0 auto;
	padding:8% 0 15%
}
.newsBlocks{
	overflow:hidden
}
#news .block{
	float:left;
	width:22%;
	margin-right:4%;
	margin-bottom:30px;
	min-height: 255px;
}
#news .block:nth-child(4),
#news .block:nth-child(8){
	margin-right:0
}

/*#news .block a img {
    width: 100%;
}*/#news .block .detail p.day{
	font-size:11px;margin-top:3px
}
#news .block .detail p{
	line-height:1.4;
	font-size:13px;
	text-shadow:2px 2px 2px #000
}
#news .block .detail{
	padding:10px
}
#news .block .detail p{
	float:none;width:100%
}
#news .block a{
	display:block
}
.infoThum{
	padding:1px;
	background:#fff
}
section
#ticket{
	z-index:4
}
#ticket .sectionWrapper{
	padding:8% 0 15%;
	max-width:64pc;
	margin:0 auto
}
#ticket h2{
	margin-bottom:0
}
.ticketBlock h3{
	font-family:Hero;
	font-weight:400;
	letter-spacing:4px;
	font-size:34px;
	line-height:2
}

.tk_tt{
        font-size:11px; 
        vertical-align:
        baseline; 
}
.ticketBlock:first-child{
	margin-bottom:25px
}
.ticketImg{
        margin-bottom:5px
}
.modalWrapper 
.saleButton,.saleButton{
       background-size:contain;
       background-repeat:no-repeat;
       background-position:center top
}
.modalWrapper 
.saleButton{
       background-image:url(images/star_popup_bg2018.png) ;
}
/*
.saleButton::after {
  content: '';
       background-image:url(images/tk_info_bk_b.png) ;
       background-size:cover;
       background-repeat:no-repeat;
       background-position:center bottom;
	   display:block;
	   height:40px;
}*/

.saleButton .left{
       width:50%
}
.mapImg.right{
       width:50%;
       position:relative;
       top:9pt
}
.saleWrapper{
       padding:10% 10% 30%;
       color:#fff
}
ul.saleLinks{
      overflow:hidden
}
ul.saleLinks li{
      line-height:1.4;
      font-size:18px;
      margin-bottom:3.5%;
      list-style:none
}
.saleButton p{
      font-size:9pt;
      line-height:1.4;
      margin-top:1%
}
.mapImg.right p{
      font-size:9pt;
      line-height:1.6;
      margin-top:2%
}
img.star{
      width:55px;
      margin-right:10px
}
img.king{
      margin-top:5px;
      margin-right:10px
}
.ticketBottom{
      overflow:hidden
}
#qa .sectionWrapper{
      max-width:64pc;
      margin:0 auto;
      padding:8% 0 10%
}
#qa h2{
      margin-bottom:4%
}
#qa h4{
      margin-bottom:5px;
      line-height:1.4;
      text-shadow:2px 2px 2px #000
}
#qa h4 span{
      color:red;
      margin-right:2px
}
#qa p{
      font-size:11px;
      line-height:1.4;
      text-shadow:2px 2px 2px #000
}
.detail div span{
      color:red;
      display:inline-block;
      width:6%;
      float:left;
      line-height:1.2
}
.detail p{
      float:left;
      width:93%
}
.qaBlocks{
      overflow:hidden
}
.qaBlocks 
.block{
      margin-bottom:20px
}
.qaLeft.left,.qaRight.right{
      width:48%
}
h3.alartRed{
      color:red;
      line-height:2;
      font-size:1pc
}
.sonota .detail{
      width:100%
}
.detail div{
      overflow:hidden;
      margin-bottom:4%
}
#footerFirst{
      background:#000;
      z-index:6;
      position:relative
}
footer .wrapper{
     max-width:64pc;
     margin:0 auto;
     overflow:hidden
}
#footerFirst 
.top{
     background-color:rgba(0,51,101,.55)
}
.top .wrapper{
     padding:3% 0 2%
}
.footerLogo.left{
     margin-right:35px
}
.detailContent.left{
    letter-spacing:3px
}
.footerLogo.left{
    margin-right:35px;
    width:20%
}
.footerLogo.left img{
    width:100%
}
.detailContent.left{
    letter-spacing:3px;
    width:76%
}
.detailContent p{
    line-height:2
}
#footerFirst .middle{
    background:#fff;
    color:#333
}
.middle .wrapper{
    padding:2% 0
}
.line{
    margin-top:18px;
    display:inline-block;
    padding:1px;
    margin-bottom:5px
}
.line,.line h4{
    border:1px solid
}
.line h4{
    padding:4px 10px
}
.accessDetail h3{
    font-family:Hero;
    font-weight:400;
    letter-spacing:2px;
    font-size:23px
}
.accessDetail span{
    display:inline-block;
    margin-top:27px;
    font-size:9pt
}
.accessDetail p{
    line-height:1.8;
    font-size:9pt
}
p.alart{
    font-size:10px
}
#footerFirst .bottom{
    background-color:rgba(0,51,101,.55)
}
.bottom .wrapper{
    padding:0 0 3%
}
.snsContent{
    text-align:center;
    position:relative
}
.contactDetail h3{
    font-size:20px;
    font-family:Hero;
    letter-spacing:2px
}
.contactDetail h4{
    display:inline-block;
    border:1px solid;
    padding:4px 15px;
    font-size:14px;
    font-weight:400;
    margin-top:20px;
    margin-bottom:8px
}
.contactDetail p,.contactDetail p td{
    font-size:9pt;
    line-height:1.8
}
p.copyright{
    margin-top:20px
}
footer .snsContent{
    top:37px
}
footer .snsContent a{
    width:35px;
    height:35px;
    font-size:26px
}
footer i.fa{
    margin-top:5px
}
footer .snsContent a:nth-child(2){
    margin:0 10px
}
a.topJump{
    position:absolute;
    right:0;
    background:0 0
}
.topJump img{
    margin-top:11px;
    width:23px;
    transform:rotate(180deg);
    margin-left:1px
}
body#singleBody:before{
    background:url(images/star_main_horizonal_001_3.jpg)no-repeat left top;
    background-size:cover;
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-bottom:81pt;
    content:"";
    z-index:-1
}
.singleContent h2{
    margin-bottom:0
}
.singleContent p.day{
    text-align:right;
    position:relative;
    bottom:20px
}
.singleContent 
.detail{
    margin-top:20px
}
.singleContent h3{
    font-size:21px;
    text-align:center;
    line-height:1.4;
    letter-spacing:2px
}
.singleText{
    margin:21px 0 85px!important
}
.singleText p{
    float:none;width:100%;
    line-height:2.4;
    font-size:13px
}
.singleContent .snsContent a{
    width:36px;
    height:36px;
    font-size:26px
}
.snsContent a:nth-child(2){
    margin:0 0px
}
.singleContent i.fa{
    margin-top:5px
}
#singleBody p.jp{
    background:#fff
}
#singleBody p.jp a{
    color:#003365;
    pointer-events:none
}
#singleBody .ticketLink{
		position:absolute;
		bottom:25%;
		right:10%;
		width:155px
}

.center{ text-align:center;}

body#singleBody:after {
    z-index: 0;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}
article#contents {
    z-index: 6;
    position: relative;
}

ul#pagination{
	clear:both;
	text-align:center;
	padding:5px 10px;
	overflow:hidden;
	margin:8% 0 0;
	font-family:Hero
}
#pagination li{
	font-size:14px;
	color:#fff;
	text-decoration:none;
	float:left;
	width:33.3333%;
	letter-spacing:2px
}
#pagination li a{
	color:#fff;
	display:inline-block;
	line-height:1.4
}
li.next{
	text-align:right;
	float:right!important
}
li.prev{
	text-align:left
}
li.top a{
	padding:0 20px;
	border-right:1px solid;
	border-left:1px solid
}
li.prev a{
	padding:0 20px 0 0
}
li.next a{
	padding:0 0 0 20px
}
li.prev img{
	transform:rotate(90deg)
}
li.next img,li.prev img{
	width:36%;
	margin-top:2px
}
li.next img{
	transform:rotate(-90deg)
}
#official .wrapper{
	max-width:64pc;
	margin:0 auto;
	overflow:hidden
}
#official .snsContent{
	top:37px
}
#official .snsContent a{
	width:35px;
	height:35px;
	font-size:26px
}
#official i.fa{
	margin-top:5px
}
#official .snsContent a:nth-child(2){
	margin:0 10px
}
#footerLast{
	color:#fff
}
#footerLast h3 span{
	font-weight:400
}
#footerLast .wrapper{padding-bottom:12%}.newsrelation{}#footerLast .wrapper{padding:13% 0 7%}.newsrelateBlock h4{text-align:center;display:inline-block;border:1px solid;padding:14px 30px;font-size:20px;font-weight:400}.newsrelateBlock{padding-bottom:15%;text-align:center}.newsrelateBlock h3{margin:4% 0;font-size:28px;line-height:1.2}p.redAlart{color:red;font-size:13px;line-height:1.4}body#english:before{background:url(images/star_firstview_bg_new.png)no-repeat left top;background-size:100% 100%;display:block;position:fixed;top:0;left:0;width:100%;height:100%;padding-bottom:81pt;content:"";z-index:-1}#english .saleButton{background-image:url(images/star_ticket_bg_img_en.png)}#english .modalWrapper .saleButton,#english .saleButton{background-size:contain;background-repeat:no-repeat;background-position:left top}#english .modalWrapper .saleButton{background-image:url(images/star_popup_bg_img_en.png)}

@media screen and (max-width:480px){
	

body{
    background: url(images/star_firstview_bg_new.png)no-repeat center center;
    background-size: cover;
}
body::before {
    background: url(images/star_main_horizonal_001_3.jpg)no-repeat center center;
    background-size: cover;
}
	article#contents{background:rgba(0,0,0,.4)}
	#about:before{background:url(images/2018_background_about.png)no-repeat left top;background-size:cover;display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:81pt;content:"";z-index:1}
		
		#sideMenu{
			height:50%;
			left:-200px
		}
		#sideMenu{
			background:transparent;
			width:285px;
			height: 285px;
			position:fixed;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			z-index:3
		}
		.navOpen #sideMenu{
			left:0
		}
		#sideMenu,.rightContent{
			-webkit-transition:.3s ease;
			-moz-transition:.3s ease;
			-o-transition:.3s ease;
			-ms-transition:.3s ease;
			transition:.3s ease
		}
		.rightBar{
			position:absolute;
			height:100%;
			right:0;
			top:0;
			width:85px;
			background:url(images/menu-right.png)no-repeat top right transparent
		}
		.menuBtn{
			cursor:pointer;
			float:right;
			margin-top:15px;
			margin-bottom:8px;
			margin-right:-8px;
			position:relative;
			right:33px;top:0
		}
		
.commonBg{
	background:none;
}
		
.commonBg_2018::before{
 background: url("images/2018_whats.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 /*background-attachment: fixed;*/
 position:relative;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 padding: 10% 0;
 content: "";
 z-index: -2;
}

		.fixMenu{overflow:hidden}.navToggle{display:inline-block}.menuBtn span{display:block;height:3px;margin:0 auto 6px;width:36px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.menuBtn p{color:#fff;font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.533em;margin:0;text-transform:uppercase}.navContent{position:absolute;width:200px;font-weight:400;height:100%;left:0;top:0}.navContent ul#gnav{padding:5% 0 10%}ul#gnav li{float:none;border-right:none}.navContent .inner{padding-left:15px;padding-top:28%;overflow-x:hidden;overflow-y:hidden;background:transparent;background:rgba(255,255,255,.7)}.navContent ul#gnav{margin:0;padding:5% 0 10%;list-style:none;width:100%}.newsRelation{margin:15px 0}.navContent ul#gnav li a{color:#000;display:block;font-size:9pt;font-weight:800;letter-spacing:0;line-height:3.6;padding:0 0 0 20px;text-transform:uppercase;-webkit-transition:all .1s;transition:all .1s}.navBottom{padding:0 0 15px 20px}.navBottom .snsContent{overflow:hidden;margin-bottom:6%;}.navBottom .snsContent a{float:left;margin-right:5px;-border:1px solid #000;color:#fff;display:inline-block;cursor:pointer;border-radius:100%;width:2pc;height:2pc;line-height:2pc;font-size:20px;background:#000;text-align:center;margin-right:5px;margin-left:0px;}.navBottom .snsContent a i{margin-top:5px}p.copyright{font-size:10px;line-height:2}#firstview{height:auto;display: block;}#about,#firstview{background-image:none}#about{padding:20% 0}#about .sectionWrapper{padding:0 4%}#about p{font-family:Mincho;line-height:1.6;font-size:9pt}#news .sectionWrapper{padding:20% 4% 15%}#news .block{float:left;width:48%;margin-right:0;margin-bottom:30px}#news .block:nth-child(odd){margin-right:4%}.ticketImg img{max-width:100%}#qa .sectionWrapper{padding:20% 4% 15%}.qaLeft.left,.qaRight.right{width:100%}.top .wrapper{padding:6% 4%}.detailContent p{font-size:11px}.footerLogo.left{margin-right:0;width:100%;text-align:center;margin-bottom:5%}.footerLogo.left img{width:auto}.middle iframe{width:100%}.middle .wrapper{padding:8% 4%}.accessDetail h3{margin-top:18px}.contactDetail p{text-align:left}.contactDetail h4{padding:4px 15px;margin-top:10px;margin-bottom:8px}footer .snsContent{top:10px}.contactDetail{text-align:center;margin-top:40px}.newsrelateBlock h3{margin:10% 0;font-size:24px;line-height:1.4}p.copyright{margin-top:20px;text-align:center}.bottom .wrapper{padding:5% 4% 8%}#footerLast .wrapper{padding:13% 4% 7%}.newsrelateBlock h4{font-size:18px;line-height:1.4}.map.left{float:none}.sonota .detail{width:100%}.nextJump{left:47%}.pc{display:none}.sp{display:block}#ticket .sectionWrapper{padding:20% 4% 25%}#firstview .sectionWrapper{width:100%;padding-bottom:0px;padding-top: 80px;}.ticketLink{position:fixed;bottom:5%;right:1%;width:75pt;z-index:5}.ticketBlock h3{font-size:18px;line-height:1.6}.mapImg.right{width:100%}.ticketBlock.sp{margin-bottom:25px}.detailContent.left{letter-spacing:3px;width:100%}img.star{width:26px;margin-right:10px}img.king{margin-top:0;margin-right:10px;width:2pc}#official .snsContent{top:10px}.newsrelation{}}@media screen and (max-width:375px){#firstview{background-image:none;height:auto}
		
		
		
}
@media screen and (max-width:320px)
		{
			#firstview{
			background-image:none;
			height:auto;
			}
}
.fancybox-opened{
			z-index:8
}

/* new */

.guestImg {
    position: absolute;
    width: 45%;
    left: 2%;
    bottom: 2%;
    display: none;
}


/* about */

#what .sectionWrapper {
    max-width: 64pc;
    margin: 0 auto;
    padding-top: 9%;
}


#gallery .sectionWrapper {
    max-width: 64pc;
    margin: 0 auto;
    padding-top: 9%;
}

.whatBlocks {
    overflow: hidden;
	padding:0 80px;
	font-family:Mincho;
}

.whatBlocks .block {
    float: left;
    width: 33.3333%;
    margin-bottom: -4%;
    height: 400px;
}

.whatBlocks .block_en {
    height: 460px!important
}

.whatText {
    padding: 5% 4%;
    text-align: center;
}

#what h2 {
    margin-bottom: 2%;
    text-shadow: 2px 2px 2px #000;
}

#what h3 {
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 2px #000;
    margin-bottom: 4%;
}

.whatText h4 {
    line-height: 1.4;
    text-shadow: 2px 2px 2px #000;
    height: auto;
	margin-bottom:10px;
}

.whatText p {
    line-height: 1.6;
    font-size: 10px;
    text-shadow: 2px 2px 2px #000;
}

.tk_btn {
    position: fixed;
    bottom: 2%;
    left: 0;
	text-align:center;
	width:100%;
	z-index:99999;
	display:block;
}

.tk_btn img{
	width:340px;
	height:auto;
}
.galleryBlocks {
    overflow: hidden;
}

.galleryBlocks .block {
    float: left;
    width: 21%;
	margin-right:2%;
	margin-left:2%;
    margin-bottom: 4%;
    height: auto;
}

.galleryBlocks .block img {
	border:1px solid #FFF;
	width:100%;
}

#gallery h2 small{font-size:12px;
vertical-align:middle;
}

#english #firstview .sectionWrapper,
#index #firstview .sectionWrapper{
    width: 85%;
}

.performBlocks {
    overflow: hidden;
}

.performBlocks .block {
    width: 50%;
    float: left;
}

.creatorsBlocks .block {
    float: left;
    width: 33.3333%;
    margin-bottom: 4%;
    height: 450px;
}

.creatorsBlocks {
    overflow: hidden;
}

.creatorsText {
    padding: 6%;
    text-align: center;
}

.creatorsText_EN {
    padding: 4%;
    text-align: center;
}

.creatorsText h4 {
    line-height: 1.4;
    text-shadow: 2px 2px 2px #000;
    /* height: 50px; */
    margin-bottom: 4%;
}

.creatorsText p {
    line-height: 1.4;
    font-size: 11px;
    text-shadow: 2px 2px 2px #000;
}

.creatorsText_EN p {
    line-height: 1.4;
    font-size: 10px;
    text-shadow: 2px 2px 2px #000;
}

.performText {
    text-align: center;
    margin-top: 5%;
}

.performText span {
    line-height: 1.4;
    font-size: 11px;
    text-shadow: 2px 2px 2px #000;
}

.performText h4 {
    line-height: 1.4;
    text-shadow: 2px 2px 2px #000;
    /* height: 50px; */
    margin-bottom: 3%;
}

.performText p {
    line-height: 1.4;
    font-size: 11px;
    text-shadow: 2px 2px 2px #000;
}


.performText div {
    padding: 4% 10%;
    height: 160px;
}

.whats_txt{
    font-size: 18px;
	text-align:center;
	font-family:Mincho;
    line-height: 1.8;
	color:#FFF;
}

.whats_mov{
	margin:40px auto;
	text-align:center;
}

#pfs .sectionWrapper {
    max-width: 64pc;
    margin: 0 auto;
    padding-top: 9%;
}

.pfsBlocks {
    overflow: hidden;
	padding:0 160px;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.pfsBlocks .block {
    float: left;
    width: 50%;
    margin-bottom: 5%;
}

#pfs h2 {
    margin-bottom: 2%;
    text-shadow: 2px 2px 2px #000;
}

#pfs h3 {
    text-align: center;
    line-height: 1.6;
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 2px #000;
    margin-bottom: 4%;
}

.pfsText{
	text-align:center;
}

.pfsText h4 {
    line-height: 1.2;
    text-shadow: 2px 2px 2px #000;
    height: auto;
	margin-bottom:10px;
	font-weight:900;
	font-size:16px;
}

.pfsText h4 span{
	font-size:70%;
}

.pfsText p {
    line-height: 1.6;
    font-size: 12px;
    text-shadow: 2px 2px 2px #000;
}

.pfsimg{
	text-align:center;
}

.pfsimg img{
	width:100%;
	height:auto;
	margin:40px auto;
}
.clearfix {
    zoom: 100%;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/* ticket last */

.ticketBlock.last {
    text-align: center;
}

#what h5,#ticket h5 {
    font-size: 22px;
	text-align:center;
	font-family:Mincho;
    line-height: 1.8;
	color:#D3C385;
}

.ticketBlock.last h4 {
    font-size: 24px;
    line-height: 1.8;
}

.ticketBlock.last p {
    line-height: 1.4;
    font-size: 15px;
}

.lastView {
    margin: 20px 0;
}

.ticketBottom{
	padding:40px 0 0 0;
}

.overlayer::-webkit-scrollbar {
  display: none;
}

.ticketinfo{
	background:url(images/2018_tk_info.png)no-repeat center center;
	background-size: cover;
	height:480px;
	padding:120px 0 0 0;
	margin-bottom:60px;
}
.ticketinfo_en{
	background:url(images/2018_tk_info_en.png)no-repeat center center;
	background-size: cover;
	height:420px;
	padding:120px 0 0 0;
	margin-bottom:60px;
}

.ticketinfo:after,.ticketinfo_en:after {
    z-index: 0;
    content: "";
    display: block;
}

.ticketinfo div.infotxt{
	display:block;
	font-size:16px;
	line-height:1.6em;
	margin:0 100px 30px;
	padding:30px 0 0 0;
	border-top:1px solid #FFF;
}

.ticketinfo div.infotxt span{
	font-size:11px;
	line-height:1.2em;
}

.ticketinfo_en div.infotxt_en{
	display:block;
	font-size:16px;
	line-height:1.6em;
	margin:0 100px 30px;
	padding:30px 0 0 0;
	border-top:1px solid #FFF;
}

.ticketinfo_en div.infotxt_en span{
	font-size:11px;
	line-height:1.2em;
}

.ticket_map{
	padding:0 0 10px;
	text-align:center;
	margin:-40px auto 20px;
}

.tk_txt{
	padding:10px 30px;
	line-height:1.6em;
	font-size:11px;
}


@media screen and (max-width:480px){
body#index:before{
	background:url(images/star_main_vertical_001_3.jpg)no-repeat center center #333;
	background-size: cover;
}
#english #firstview .sectionWrapper,
#index #firstview .sectionWrapper{
    width: 100%;
    padding-bottom: 85px;
    padding-top: 0;
}

#what .sectionWrapper {
    padding: 24% 0% 0;
}

#what .sectionWrapper:last-child {
    padding-bottom: 12%;
}

.whatBlocks .block {
    width: 50%;
    height: 380px;
}

#what h2 {
    font-size: 6vw;
    margin-bottom: 4%;
}

#what h3 {
    font-size: 15px;
    line-height: 1.4;
}

#pfs .sectionWrapper {
    padding: 24% 0% 0;
}

.pfsBlocks {
	padding:0 20px;
}

.pfsBlocks .block {
    float: none;
    width: 100%;
    margin-bottom: 5%;
}

. h4 {
    height: auto;
    margin-bottom: 8%;
}

.performText div:first-child {
    height: 320px;
}

.performText div {
    padding: 5%;
}

.creatorsBlocks .block {
    height: 420px;
    width: 50%;
}

#firstview {
    height: auto;
    display: block;
    padding-top: 50px;
}

.sponsors ul li img{
    width: 120px;
    height: auto;
}



.galleryBlocks .block {
    float: left;
    width: 44%;
	margin-right:3%;
	margin-left:3%;
    margin-bottom: 4%;
    height: auto;
}

.whats_txt{
	padding:0 30px;
    font-size: 12px;
	text-align:center;
	font-family:Mincho;
    line-height: 1.8;
	color:#FFF;
}

.whats_mov{
	margin:40px auto;
	text-align:center;
	width:90%;
	overflow:hidden;
}

.whats_mov iframe{
	width:100%;
	height:auto;
}


.whatBlocks {
    overflow: hidden;
	padding:0 5px;
}

.ticketinfo,.ticketinfo_en{
	background:url(images/tk_info_sp.png)no-repeat center center;
	background-size: auto 100%;
	height:470px;
	padding:100px 0 0 0;
	margin-bottom:60px;
}

.ticketinfo div.infotxt{
	display:block;
	font-size:11px;
	line-height:1.6em;
	width:auto;
	float:none;
	padding:20px 0 20px;
	margin:0px 40px 0;
	border-top:1px solid #FFFF;
}

.ticketinfo_en div.infotxt_en{
	display:block;
	font-size:12px;
	line-height:1.6em;
	width:auto;
	float:none;
	padding:20px 0;
	margin:0px 40px 0;
	border-top:1px solid #FFFF;
}

.tk_btn img{
	width:60%;
	height:auto;
}

td{font-size:8pt;line-height:1.8}

.av_logo{
	text-align:center;
	display:block;
}
.av_logo img{
	width:50%;
	height:auto;
	margin:0 auto;
}

}
.center-heading{
    font-size: 18px;
    margin-bottom: 4%;
    text-align: center;
}
.text-left{
    text-align: left;
}
.sponsors{
    padding: 20px;
    text-align: center;
}
.sponsors ul{
    list-style: none;
}
.sponsors ul li{
    display: inline-block;
}


/* モーダルウインドウ */

.popupModal {
    display: block;
    z-index: 998;
    position: fixed;
    width: 40%;
    height: 80%;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url(images/tk_info_bk_t.png) center top no-repeat;
	background-size:cover;
    padding: 10px 20px;
    overflow: hidden;
	color:#FFF;
}


.modal-content {
	position:fixed;
	display:none;
	z-index:2;
	width:50%;
	margin:0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
}

.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.modal-open {
	color:#00f;
	text-decoration:underline;
}

.modal-open:hover {
	cursor:pointer;
	color:#f00;
}

.modal-close {
	color:#00f;
	text-decoration:underline;
}

.modal-close:hover {
	cursor:pointer;
	color:#f00;
}