@charset "utf-8";

/* Common
----------------------------------------------------*/
img{height: auto;}
.row {
	position: relative;
	font-size: 0;
}

.row:after {
	content: "";
	clear: both;
	display: table;
}

.column {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
}

.col1 {
	width: 100%;
}

.col2 {
	width: 75%;
}

.col3 {
	width: 66.66%;
}

.col4 {
	width: 50%;
}

.col5 {
	width: 33.33%;
}

.col6 {
	width: 25%;
}

.black {
	color: #343536;
}
.KV{position: relative;z-index: 1; max-width: 1000px; margin: 0 auto;}
.section {
	padding-top: 45px;
	padding-bottom: 45px;
}
.section::before {
    content: '';
    position: absolute;
	width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	
	clip-path: polygon(
	0 30px,
	33.33% 30px, 
	33.33% 15px, 
	66.66% 15px,  
	66.66% 0,  
    100% 0,
    100% 100%,
    0 100%);
    z-index: -1;
}
.section:nth-child(2n):before {

	clip-path: polygon(
		0% 0%, 
		33.33% 0%, 
		33.33% 15px, 
		66.66% 15px, 
		66.66% 30px, 
		100% 30px, 
		100% 100%, 
		0% 100%
	);
}
.section::after {
    content: '';
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: 0;
    right: 0;
    z-index: -2;
}
.section::before {background-color: var(--main-red3);}
.section::after {background-color:  var(--main-blue3);}
.section:nth-child(2n):before {background-color: var(--main-blue3);}
.section:nth-child(2n):after {background-color: var(--main-red3);}
.section:first-child:before {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.main .section.sectionAbout,.section.sectionStaff{
	padding-top: 30px;
	padding-bottom: 30px;
}
.main .section.sectionIntro{padding-top:  var(--ghHeight);
	padding-bottom: 270px;}
.small {
	font-size: 11px;
}

.seeMore:after {
	font-family: 'Material-Design-Iconic-Font';
	content: "\f2fb";
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	padding-left: 10px;
}

.overlay {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(3,4,5,0.5);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 50;
}
.brPhone{display:none;}
.smallFont{font-stretch: semi-condensed;}

.pcOnly{display:inline-block;}
.mobileOnly{display:none;}
	
ul.attention,ul.dots{ text-align:left!important;padding-left: 25px; width:100%; font-size: 1.4rem;padding:5px 20px;}
ul.attention li,ul.dots li{text-indent: -1em;}
ul.attention li:before {
  display: inline;
  content: "※"!important;;
}
ul.dots li:before{display: inline;
	content: "●";}
ul li ul.attention {padding:0 0 0 1em ;}

.scrollin{z-index: 999;}

.btnOutor{padding: 20px;}
.btnBox{padding: 10px 0;background: var(--main-wht); max-width: 200px; margin: 0 auto;box-shadow:5px 5px 0 var(--main-gry);}
.btnBox.btnMov{background-color: transparent; border: 2px solid var(--main-gry2);width: 100%; max-width: 100%;
vertical-align: bottom; padding: 5px 0; margin:10px;}
.btnBox a{display: block;}
.flexItem:nth-child(2n) .btnBox.btnMov{border-color: var(--main-wht);box-shadow:5px 5px 0 var(--main-wht);}
.btnBox.btnMov a{ color: var(--main-gry);}
.block.wide{max-width: 800px;}
.block .btnBox{padding: 5px 0;box-shadow: 3px 3px 0 var(--main-gry2); max-width: 180px;text-align: center; }
.block .btnBox .button{font-size:1.4rem;}
.button{color: var(--main-red); }
.block .btnBox.btn2{background: var(--main-blue3);}
.btnBox:hover{box-shadow: none; transition: 0.3s;}

.block {max-width: 500px; margin: 0 auto; padding: 20px 0;}
.block:first-child{padding-top: 0s;}
.block .title{
	font-family: var(--labelFont-jp);
	border-top: 1px solid var(--main-wht);
	border-bottom: 1px solid var(--main-wht);
	text-transform:uppercase;
}
.block .caption{text-align: left;}
#intro .block .title{margin-bottom: 20px;}
#intro .block .date,.voice .block .date{text-align: right; font-size: 1.2rem; padding-top: 20px;}
#goods .block .caption,#goods .block .caption p{text-align: center;}

.arrows {
	display: flex;
	width: 90%;
	margin: 0 auto;
	justify-content: center;
	align-items: flex-start;
  } 
.arrows::before {
content: '';
width: 50%;
height: 15px;
border-top: 1px solid var(--main-wht);
border-left: 1px solid var(--main-wht);
transform: skew(55deg);
margin-top: 7.5px;
margin-right: -15px;
}
.arrows::after {
content: '';
width: 50%;
height: 15px;
border-bottom: 1px solid var(--main-wht);
border-right: 1px solid var(--main-wht);
transform: skew(55deg);
margin-top: -7.5px;
margin-left: -15px;
}

.arrows.mini {width: 90%; max-width: 700px;}
.arrows.mini::before {height: 10px;border-top: 1px solid var(--main-wht);
	border-left: 1px solid var(--main-wht);margin-top: 5px;}
.arrows.mini::after{height: 10px;border-bottom: 1px solid var(--main-wht);
	border-right: 1px solid var(--main-wht);margin-top: -5px;}

.chart{max-width: 700px!important; margin: 0 auto;}
.chart .arrows {width: 100%;}
.chart .flexBox{padding:0;}
.chart > .flexBox{padding: 10px 25px 10px 0;}

.graph{flex-wrap: nowrap!important; width: 100%; padding: 5px 0!important;}
.graph .label{width: 200px;}
.graph .label p{font-size: 1rem;line-height: 1.2; letter-spacing: -0.05em;}
.graph .label p.castNameJp{font-size: 1.4rem; font-weight: 700; letter-spacing:0.12em;}
.graph .label p .fontSmall{}
.bars{
	display: block;
	position: relative;
	text-align: center;
	color: #f0ffff;
	height: 100%;
	line-height: 2em;
	flex-wrap: nowrap!important;
	padding-right: 10px !important;
}
.bars .bar{height: 100%;width: 50%;position: relative;}
.bars .bar1{background: var(--key-tops); color: var(--main-red); }
.bars .bar2{background:var(--key-kino); color: var(--main-blue2) }
.bars .bar p{vertical-align: middle;display: inline;line-height: 1.5;
	text-shadow:2px  2px 1px var(--main-wht),
	-2px  2px 1px var(--main-wht),
	 2px -2px 1px var(--main-wht),
	-2px -2px 1px var(--main-wht),
	 2px  0px 1px var(--main-wht),
	 0px  2px 1px var(--main-wht),
	-2px  0px 1px var(--main-wht),
	 0px -2px 1px var(--main-wht); 
	 font-weight: 900;
	 position: absolute;
	 width: 100%;
	 min-width: 80px;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%,-50%);
	 z-index: 5;
}
.bars .bar h5{vertical-align: middle;display: inline;line-height: 1.2;
	text-shadow:2px  2px 1px var(--main-wht),
	-2px  2px 1px var(--main-wht),
	 2px -2px 1px var(--main-wht),
	-2px -2px 1px var(--main-wht),
	 2px  0px 1px var(--main-wht),
	 0px  2px 1px var(--main-wht),
	-2px  0px 1px var(--main-wht),
	 0px -2px 1px var(--main-wht); 
	 font-weight: 900;
	 position: absolute;
	 width: 100%;
	 min-width: 80px;
	 top: 50%;
	 left: 50%;
	 font-size: 1rem;
	 transform: translate(-50%,-50%);
	 z-index: 5;
}
/* Alert
----------------------------------------------------*/
.alertOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(4,5,6,0.8);
	z-index: 1000;
}

.alertBox {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 600px;
	background: #ffe;
	border: 5px solid #fc0;
	text-align: left;
	padding: 15px;
	z-index: 1001;
	transform: translate(-50%, -50%);
}

.alertBox p {
	font-size: 14px;
	font-size: 1.4rem;
}
.fontSmall{font-size: 0.9em; display: inline-block; line-height: 1;}

/* Header Hero
----------------------------------------------------*/
.headerHero {
	position: relative;
	height: 95%;
	height: calc(100% - var(--ghHeight));
	z-index: 60;
	overflow: hidden;
	top: var(--ghHeight);
	background-image: linear-gradient(90deg, rgba(113, 0, 0, 0.8), rgba(0, 50, 116, 0.8)),url(../img/bg.png);
	background-size: cover;
}
.headerHero > .inner {
	position: relative;
	width: 99%;
		width: -webkit-calc(100% -10px);
		width: calc(100% - 10px);
		height: 99vh;
		height: -webkit-calc(100% -10px);
		height: calc(100% - 10px);
	margin: 5px;
	border-radius: 12px;
}
.headerHero .KV img{

	height: 90svh;
	width: auto;
	height: calc(100svh - var(--ghHeight));
}
@media (max-aspect-ratio: 1/1) {
	.headerHero .KV img {
	width: 100%;
	height: auto;
	}
  }
.headerHero .hhContents {
	position: absolute;
	z-index: 1;
	max-width: 500px;
	width: 100%;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.headerHero a:hover{opacity: 1; }
.headerHero .hhBg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);}
.headerHero .hhBg img{width: 100%; height: 100%;object-fit: contain; object-position: bottom;}
.headerHero .imgBox {position: absolute; left: 50%; bottom:80px; z-index: 999;transform: translate(-50%,0);}
.headerHero .imgBox img{max-width: 190px;}
.hhCaption{line-height:1.2; font-weight:700; }
.hhCaption img{max-width:90px; -webkit-filter: invert(100%);
     -moz-filter: invert(100%);
     -o-filter: invert(100%);
     -ms-filter: invert(100%);
     filter: invert(100%);}
.headerHero .hhImg{
	width: 100%;
	height: 100%;
	top: 50%;
	width: 100%; height: 100%;object-fit: contain; 
	object-position: bottom;
}

.hhLogo{font-size:5rem;font-family:var(--labelFont-num);
	position: relative; width: 100%;}

.hhLogo a{
	color:#C30;
}

.hhLogo img {
	width: 100%;
	max-width: 500px;
	padding-top:0.4rem;
}

.headerHero .caption {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 28px;
	padding: 15px 0 10px;
	color:#222
}
.hhContents .copy{
	font-size:3rem;
	font-weight: bold;
	line-height:1.5;
	color: var(--main-red);
	text-shadow:2px  2px 1px var(--main-wht),
	-2px  2px 1px var(--main-wht),
	 2px -2px 1px var(--main-wht),
	-2px -2px 1px var(--main-wht),
	 2px  0px 1px var(--main-wht),
	 0px  2px 1px var(--main-wht),
	-2px  0px 1px var(--main-wht),
	 0px -2px 1px var(--main-wht);   
}
.hhContents .inner p{line-height:1.2;margin-bottom:0;color:var(--main-wht);}
.hhContents .date,.hhContents .area{color: var(--main-wht); font-weight: 700;}
.hhContents .date p.date{padding-bottom: 15px; font-size: 1.8rem;color:#222}
.hhContents .date .title{width: 300px; margin: 0 auto; background-color: var(--main-wht); color:var(--main-red); font-size: 1.3rem; line-height: 1.4;color:#222}
.hhContents .credit{font-size: 1.3rem; color: var(--main-wht);font-weight: 700; flex-wrap: nowrap;}
.hhContents .credit p{line-height: 1.3; padding-bottom: 10px;color:#222}
.hhContents .credit .subTitle{width:100px; margin: 0 auto; padding-top: 5px; border-bottom: 1px solid var(--main-wht);}
.hhContents .credit .kino{border:1px solid var(--key-kino);}
.hhContents .credit .tops{border:1px solid var(--key-tops);}
.hhContents .credit .kino .title{background: var(--key-kino); color: var(--main-wht);}
.hhContents .credit .tops .title{background: var(--key-tops); color: var(--main-wht);}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999; 
    width: 100vw;
	height:82vh;
	height:calc(100vh - 90px);
	height:-webkit-calc(100vh -90px);
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
}

.lightbox img {
	padding:30px 20px 20px 20px;
	height:80vh;
    max-height: 80%;
	width:auto;
    margin-top: 5%;
}

.lightbox:hover{opacity:1.0;}

.lightbox:target {
    outline: none;
    display: block;
}


/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.headerHero .audioPlayer audio:not(:target) {
	height: 30px;
}
}


/* Global Header
----------------------------------------------------*/
.globalHeader {
	height:  var(--ghHeight);
	top: -75px;
}

.globalHeader .ghContents {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 100;
	justify-content: center;
	align-items: center;
	z-index: 99999;

	height:  var(--ghHeight);
}


.globalHeader.sticky .ghContents,.globalFooter  {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;	
	background: var(--main-blk);
	background-size:cover;
}
@media (max-aspect-ratio: 1/1) {
	.globalHeader.sticky .ghContents{display: flex;
		position: relative;}
  }

.globalHeader.sticky .ghContents{box-shadow: 2px 0 2px var(--main-blk);padding: 0 20px;}
.globalHeader .ghLogo {
	width: 200px;
	display: none;
}
.ghLogo h1{font-size:36px;margin-top:8px;font-family:var(--labelFont-num);
	color:#C30;
	
filter:dropshadow(color=#FFC,offX= 0,offY=-1)
dropshadow(color=#FFC,offX= 1,offY= 0)
dropshadow(color=#FFC,offX= 0,offY= 1)
dropshadow(color=#FFC,offX=-1,offY= 0);
 
-webkit-text-stroke-color: #FFC;
-webkit-text-stroke-width: 1px;
 
text-shadow: #FFC 1px 1px 0px, #FFC -1px 1px 0px,
             #FFC 1px -1px 0px, #FFC -1px -1px 0px;}
.globalHeader.sticky .ghLogo{display:block;}

.globalHeader .ghLogo img {
	height: auto;
	vertical-align: middle;
}

.globalHeader.sticky .ghSpacer ,.sectionStaff .sectionHeader .spacer{
	-webkit-box-flex: 1; /* old */
	-moz-box-flex: 1; /* old */
	-ms-flex: 1; /* ie10 */
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.globalHeader .ghNavButton {
	display: none;
	width:  var(--ghHeight);
	text-align: center;
	cursor: pointer;
	z-index: 99999;
}

.globalHeader .ghNavButton i {
	font-size: 24px;
	font-size: 2.4rem;
	color: var(--main-wht);
}
.globalHeader.sticky .ghNavButton i {color: var(--main-wht);}

.globalHeader .ghNavButton:hover  i, .globalHeader .ghNavButton:hover  .caption{color: var(--main-red3); opacity: 0.8;}
.globalHeader .ghNavButton .caption {font-size: 1rem; font-family: var(--labelFont-jp); color: var(--main-gry2);}
.globalHeader .ghNav {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.globalHeader .ghNav .navItem {
	display: inline-block;
	text-align: center;
	color: inherit;
	padding: 10px 5px;
}

.globalHeader .ghNav .navItem .label {
	font-size: 15px;
	font-size: 1.5rem;
	font-size: clamp(0.8rem, 2vw, 1.5rem);
	line-height: 1;
	color:var(--main-wht);
	font-weight: 700;
	font-family:var(--labelFont);
	text-transform:uppercase;
	letter-spacing: -0.02em;
}
.globalHeader.sticky .ghNav .navItem .label {color:var(--main-wht);}
.globalHeader .ghNav .navItem .caption {
	font-size: 10px;
	font-size: 1rem;
	font-size: clamp(0.6rem, 1.5vw, 1rem);
	font-family:var(--labelFont-jp);
	font-weight: 500;
	color: var(--main-wht);
}
.globalHeader  .snsNav {
	display: inline-block;
	text-align: center;
	color: inherit;
	padding:15px 0;
}
.globalHeader .snsNav .navItem{padding:0 15px;vertical-align: middle; height: 2rem;line-height: 2rem;}
.globalHeader .snsNav .navItem i{font-size: 2rem;}


/* Contents
----------------------------------------------------*/
.main{
	border-left: 5px solid var(--main-wht);
	border-right:5px solid var(--main-wht);}
.main .mainBg{
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main .mainBg img{width: 100%; height: 100%;object-fit: cover; 
	mix-blend-mode:screen; opacity:0.35}

.main .section {
	min-height:90vh;
	min-height:calc(100vh- var(--ghHeight));
	min-height: -webkit-calc(100vh- var(--ghHeight)) ;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
	padding: 45px;
	box-sizing:border-box;
	outline-offset: -3px;
	outline-offset: -3em;
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
}
.main .section h2{
	font-weight:900;
	font-size: 4rem;
	line-height: 1.3;
	color:var(--main-blue);
	text-transform:uppercase;
	transform: scaleX(0.95)
	skewX(-30deg);
	letter-spacing:-0.01em;
	text-shadow: -1px -1px 1px #FFFFFF, 2px 2px 2px #475569;}
.main .section:nth-child(2n) h2{color:var(--main-red);}

.sectionHeader {
	margin-bottom: 30px;
}
.sectionHeader img{max-width: 800px; width:100%; margin: 0 auto;}

.sectionHeader .subTitle img{max-width: 500px; max-height:150px ; object-fit: contain;
	object-position: right;}
.sectionIntro .sectionHeader img,.sectionIntro .sectionHeader .subTitle img {
	max-width: 700px;
}
.sectionIntro .sectionHeader .subTitle img {margin-top: -50px;}
.sectionHeader .subTitle{font-family:var(--labelFont-jp);}
.sectionContents{
	padding:20px 0;
	width: 100%;
}
.sectionContents h3{font-weight: 700;}

.sectionIntro .caption.imgBox {
	position: absolute;
	bottom: -300px;
	left: 50%;
	width: 100%;
	transform: translate(-46.5%);
	max-width: 650px;
}
.sectionStaff .sectionHeader h2{text-align:left;}
.sectionStaff .sectionHeader i{font-size: 28px; padding: 5px; }
.sectionStaff .sectionHeader img{width:33px; height: auto;  padding: 0 5px;}

.sectionCover {
}

.sectionCover .coverImage img {
	width: 100%;
	max-width: 300px;
	box-shadow: 0 0 30px rgba(3,4,5,0.1);
}
.sectionNotice .sectionCopy {
	text-align: left;
}

.sectionNotice .block {
	margin-top: 30px;
}

.sectionNotice .block:first-child {
	margin-top: 0;
}

.sectionNotice .block > .title {
	margin-bottom: 5px;
}

.sectionSummary {
}

.sectionIntro .caption {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}
.sectionIntro .caption.copyright{padding-top:2em; text-align: right;}
.sectionIntro .caption img {
	padding-top: 10px;
}
.sectionSchedule {
	font-family: var(--labelFont-jp);
}

.sectionSchedule .caption {
	text-align: left;
}

.scheduleContainer {

}

.scheduleContainer .scheduleBlock {
	margin: 20px auto 0;
	padding: 30px;
	max-width:800px;
}

.scheduleContainer .scheduleBlock:first-child {
	margin-top: 0;
}
.scheduleBlock .flexBox{padding: 0;}
.scheduleBlock .title {
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	background: var(--main-wht);
	color:var(--main-blk);
	padding: 0 10px;
	line-height: 24px;
	margin-bottom: 10px;
	font-family:var(--labelFont-jp);
}

.scheduleBlock > a .title {
	font-size: 52px;
	font-size: 5.2rem;
	margin-bottom: 15px;
	color:var(--main-red);
	font-family: var(--labelFont),var(--labelFont-jp);
	font-weight:800;

}

.scheduleBlock h3.title{font-weight:800;}

.scheduleBlock .theaterInfo {
	padding: 10px;
	border: 2px solid var(--main-gry2);
}
.scheduleBlock .kino .theaterInfo{
	background-color: var(--key-kino);}
.scheduleBlock .tops .theaterInfo{
	background-color: var(--key-tops);}
.scheduleBlock .theater{width: 50%;padding-top: 30px;padding: 30px 5px 0;}
.scheduleBlock .theaterName {background-color: var(--main-wht); margin-bottom: 5px; color: var(--main-blk);}
.scheduleBlock .kino .theaterName{border-bottom:3px solid var(--key-kino);border-right:3px solid var(--key-kino);}
.scheduleBlock .tops .theaterName{border-bottom:3px solid var(--key-tops);border-right:3px solid var(--key-tops);}
.scheduleBlock .theaterInfo p{max-width:250px;
margin:0 auto;}
.scheduleBlock .theaterInfo .attention{padding-top: 20px;max-width:245px;margin:0 auto;}

.scheduleBlock .theaterInfo .phone {
	display: inline-block;
	font-size: 20px;
	font-size: 2rem;
	color: inherit;
	/*margin: 0 15px;*/
}

.scheduleBlock .theaterInfo i{margin-right: 5px;}

.scheduleBlock .theaterInfo .phone i {
	font-size: 22px;
	font-size: 2.2rem;
	vertical-align: middle;
	margin-top:-3px;
	margin-right: 10px;
}

.scheduleBlock .theaterInfo .mapNav {
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	color: inherit;
	margin: 0 15px;
}

.scheduleBlock .theaterInfo .mapNav i {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 10px;
}

.scheduleBlock .theaterInfo .mapDetail {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}

.scheduleBlock .theaterInfo .mapDetail.opened {
	opacity: 1;
}

.scheduleBlock .theaterInfo .mapDetail .map {
	display: none;
	width: 100%;
	max-width: 600px;
	height: 400px;
	margin: 15px auto 0;
}

.scheduleBlock .theaterInfo .mapDetail.opened .map {
	display: block;
}

.scheduleBlock .date {
	font-size: 20px;
	font-size: 2rem;
	margin-top: 30px;
	font-family: var(--labelFont-jp);
	color:var(--main-yel);
	font-weight: bold;
}
.scheduleBlock .table {
	margin-top: 15px;
	font-family: var(--labelFont-jp);
}


.scheduleBlock .table img {
	width: 100%;
	max-width: 400px;
}

.scheduleBlock .attention {
	max-width: 320px;
	margin: 0 auto;
}
.releaseDate{	width: 100%;
	max-width: 600px;
	margin: 0px auto;
	padding: 40px 20px;
	border-top: 1px solid var(--main-gry2);
	margin-bottom: 40px;
}

.releaseDate .title.done {font-size: 1.8rem!important; color: var(--main-gry);padding-top: 1em;}
.releaseDate .date{font-size:24px;  font-size:2.4rem; font-weight:700; color:var(--main-yel); padding:20px  0px; margin: 0;font-family: var(--labelFont-jp); }
.releaseDate .date.done {
	font-size: 1.8rem;
	color: var(--main-red);
}
.scheduleBlock .price{
	display: inline-block;
	width: 50%;
	max-width: 600px;
	margin: 30px auto 10px;
	padding: 10px 16px;
}

.scheduleBlock .price .title,.ticketBlock > .title {
	display: inline-block;
	background: var(--main-wht);
	color: var(--main-blk);
	border: 2px solid var(--main-blk);
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 15px;
	line-height: 20px;
	margin-bottom: 10px;
	font-family: var(--labelFont-jp);
}

.scheduleBlock .kino.price .title{background-color: var(--key-kino);}
.scheduleBlock .kino.price{border-top:1px solid var(--key-kino); border-bottom:1px solid var(--key-kino);}
.scheduleBlock .tops.price .title{
	background-color: var(--key-tops);}
.scheduleBlock .tops.price{border-top:1px solid var(--key-tops);border-bottom:1px solid var(--key-tops);}
.scheduleBlock .price .priceList li {
	margin: 0 15px;
}
.scheduleBlock .price .priceList li .label {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	background: #343536;
	padding: 0 15px;
	margin-right: 10px;
	line-height: 24px;
	color: #fff;
	vertical-align: middle;
}

.scheduleBlock .price .priceList li .num {
	display: inline-block;
	font-size: 34px;
	font-size: 3.4rem;
	vertical-align: middle;
	
	font-family:var(--labelFont);
	color: var(--main-yel);
}

.scheduleBlock .price .priceList li .yen {
	display: inline-block;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight:800;
	vertical-align: middle;
	margin-top: 5px;
	
}

.scheduleBlock .price .priceList li .tax {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
	margin-top: 15px;
	margin-left: 5px;
}

.scheduleBlock .attention li {font-size: 1.2rem;}
.scheduleBlock .price .nb {
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 5px;
}


.releaseDate .ticketHeader{ padding: 5px 20px; background: var(--main-red3); line-height: 1;}

.releaseDate .ticketHeader .title{
	font-size: 1.8rem;
	color: var(--main-wht);
	background-color: transparent;
	padding: 0;
	margin-bottom: 0;
	line-height: 1.2;}
 .ticketContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center; /* old */
	-moz-box-pack: center; /* old */
	-ms-flex-pack: center; /* ie10 */
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
	max-width:900px;
}

.ticketContainer .ticketBlock {
	width: 100%;
	min-width:270px;
	padding: 20px 10px;
	margin: 5px;
}

.ticketContainer .ticketBlock .title {
	margin-bottom: 15px;
}

 .ticketContainer .ticketBlock .subTitle {
	margin-top: -15px;
	margin-bottom: 15px;
}

.ticketContainer .ticketBlock ul {
}

.ticketContainer .ticketBlock ul li {
	margin-top: 10px;
}

.ticketContainer .ticketBlock ul li h4 {
	display: inline-block;
	border-top:2px solid var(--main-gry2);
	border-bottom:2px solid var(--main-gry2);
	font-size: 11px;
	font-size: 1.1rem;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 10px;
}

.ticketContainer .ticketBlock ul li h5 {
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: -5px;
}

.scheduleBlock .ticketContainer .ticketBlock ul li a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.ticketContainer .ticketBlock ul li p {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
.scheduleBlock .ticketFooter{padding:10px 30px 0 20px;}

.sectionSchedule .advance {
	background: #171B46;
	border-radius: 5px;
	color: #fff;
	margin-top: 60px;
	padding: 15px;
}

.sectionSchedule .advance .title {
	font-size: 18px;
	font-size: 1.8rem;
}

.sectionSchedule .advance p {
	font-size: 24px;
	font-size: 2.4rem;
}
.sectionSchedule .table{text-align: center; padding: 20px 0 40px;}
.sectionSchedule .table table,.sectionSchedule .table .tableMobile{margin: 0 auto;}
.sectionSchedule table th,
.sectionSchedule table td{border: 1px solid var(--main-gry2); padding: 5px;  text-align: center; vertical-align: middle; font-size: 1.4rem;color:var(--main-wht);}
.sectionSchedule .table table.tablePc th,
.sectionSchedule .table table.tablePc td{font-weight:800; padding: 5px ;border-left: none;
border-top: none; width: 55px;}
.sectionSchedule table th{min-width: 40px;color:var(--main-wht);}
.sectionSchedule table td {font-size: 2rem;}
.sectionSchedule .table table.tablePc th:first-child{
	width: 60px;
	letter-spacing: -0.05em;
}
.sectionSchedule .table table.tablePc th:last-child,
.sectionSchedule .table table.tablePc td:last-child {
	border-right: none;
}
.sectionSchedule .table table.tablePc tr:last-child th,
.sectionSchedule .table table.tablePc tr:last-child td{border-bottom: none;}
.sectionSchedule table td i{color:var(--main-red3); 
	filter: drop-shadow(0.1rem 0 0 var(--main-wht) ) drop-shadow(-0.1rem 0 0 var(--main-wht)) drop-shadow(0rem 0.1rem 0 var(--main-wht)) drop-shadow(0 -0.1rem 0 var(--main-wht));}
.sectionSchedule table td.row4{border-bottom: none;
vertical-align: middle;
padding: 5px 10px !important;
}
.e{letter-spacing: -0.18em;
	font-size: 1.15rem;}

.sectionSchedule .table .tableMobile {
	display: none;
	padding: 20px 0;
}
.sectionSchedule .table .tableMobile th,
.sectionSchedule .table .tableMobile td{
	font-size: 1.4rem;
	padding: 12px 20px;
	min-width:  8px;
	line-height: 1;
}
.sectionSchedule .table .tableMobile td {
	font-size: 1.6rem;
}
.sectionSchedule .table .tableMobile th:first-child,
.sectionSchedule .table .tableMobile td:first-child {
	padding: 12px 5px;
	min-width: 0;
}

.sectionSns {
}
.sectionSns .sectionContents{width: 100%; padding: 40px 0;}
.sectionSns .snsContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	margin-top: 30px;
	justify-content:center;
	flex-wrap:wrap;
	margin: 30px auto 0;
}

.sectionSns .snsContainer:first-child {
	margin-top: 0;
}

.sectionSns .snsBlock {
	background: #f4f5f6;
	border-radius: 5px;
	width: 100%;
	margin: 10px 15px;
	padding: 30px 20px 20px;
	color: var(--main-blk);
	max-width:350px;
}
.sectionSns .snsBlock.twitter {max-width:500px; margin: 0 auto;}
.sectionSns .snsBlock.insta{max-width: 700px;}
.sectionSns .snsBlock .header {
	margin-bottom: 15px;
	color: #444;
}

.sectionSns .snsBlock .header .subTitle {
	color: #A8A8A8;
}

.sectionSns .confetti .article {
	display: table;
	width: 100%;
	background: #fff;
	color: var(--main-red);
	height: 220px;
}

.sectionSns .confetti .article .image {
	display: table-cell;
	width: 40%;
	max-width: 350px;
	height: 100%;
}

.sectionSns .confetti .article .image .imageFrame {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sectionSns .confetti .article .image .imageFrame img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.sectionSns .confetti .article .image .imageFrame.leftAlign img {
	left: 0;
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
}

.sectionSns .confetti .article .detail {
	position: relative;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 30px;
}

.sectionSns .confetti .article .detail:before {
	content: "";
	position: absolute;
	top: 30px;
	left: -30px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}

.sectionSns .confetti .article .detail .date {
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 5px;

}

.sectionSns .confetti .article .detail .title {
	margin-bottom: 15px;
}

.sectionSns .confetti .article .detail .caption {
	font-size: 13px;
	font-size: 1.3rem;
}


.sectionSns .confetti .article {
	display: block;
	height: auto;
}

.sectionSns .confetti h3{
	font-size:16px; font-size:1.6em;}

.sectionSns .confetti .article .image {
	display: block;
	width: 100%;
	max-width: none;
	height: 240px;
}

.sectionSns .confetti .article .image .imageFrame img {
}

.sectionSns .confetti .article .detail {
	display: block;
	text-align: left;
	padding: 30px;
}

.sectionSns .confetti .article .detail:before {
	top: -30px;
	left: 30px;
	margin-top: 0;
	border-color: transparent transparent #fff transparent;
}

.sectionSns .iframe{width:100%; height:48vw; }

#system .map{background-color: var(--main-gry2);padding: 5px;}


.sectionStaff {
}

.sectionStaff .gridContainer {
	text-align: left;
}

.sectionStaff .column {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 60px;
}

.sectionStaff .part {
	text-align: center;
	font-size: 14px;
	color: #A8A8A8;
}

.sectionStaff .sectionCopy .title {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 15px;
}

.sectionStaff .staffImage {
	text-align: center;
	margin-bottom: 15px;
}

.sectionStaff .staffImage img{
	width: 100%;
	max-width: 180px;
}

.sectionStaff .caption {
	text-align: left;
}
.sectionContact .sectionCopy{height:100%;}
.sectionContact .contactContainer {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	
	min-height:30vh;
	justify-content:center;
	align-items: center;
}

.sectionContact .contactBox {
	margin: 0 15px;
	padding: 60px 50px;
	width: 50%;
	border: solid 1px #333;
	background:#fff;
	padding: 35px 1em;
	position: relative;
	margin: 2em auto;
}

.sectionContact .contactBox h4{padding-top:20px;}
.sectionContact .contactBox .link {
	display: inline-block;
	color: inherit;
	margin: 10px auto 0;
	width: 100%;
	color: var(--main-red);
}

.sectionContact .contactBox .link i {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 10px;
	color: var(--main-red);
}

.sectionCredit {
}

.creditList {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0;
}
 
.creditList dt {
	width: 50%;
	float: left;
	clear: both;
	text-align: right;
	padding-top: 1px;
	padding-right: 20px;
	margin-bottom: 5px;
	color: var(--main-blue);
	font-size: 14px;
	font-size: 1.4rem;
}
.creditList h6{
	padding:5px;
	font-size: 14px;
	font-size: 1.4rem;
}

.creditList dd {
	margin-left: 50%;
	text-align: left;
	margin-bottom: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	color: var(--main-wht);
}
.creditList p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height:1.5;
}
.creditList .logoNo4 {
	margin-bottom: 5px;
	vertical-align: middle;
	width: 30px;
}
.creditList .smallFont,.castList .smallFont,.smallFont{font-size:12px;}
.castList .smallFont{margin-left:10px;}


.creditList a {
	color: inherit;
}

.sectionVideo {min-height: 100vh;}
#movie .btnBox{width: 100%; max-width: var(--content-maxW);}
.characterList,.castList .cast,.movie{width: 100%; display:-webkit-box; display:-moz-box;	display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;	display:-moz-flex;display:flex;	-webkit-box-lines:multiple;	-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;	-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content:center;align-items:center; padding:5px 0;}
.flexBox.movie{align-items: baseline;}
.characterList .character:hover{ box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.50); }

.castList{padding:10px;max-width:800px;margin:0 auto;align-items: baseline;}
.castList .cast.mobileOnly{display:none;}
.sectionContents .castList > h5{font-size: 1.5rem; width: 100%; border-top:2px solid var(--main-blue3); border-bottom:2px solid var(--main-blue3);}
	
.castList .cast,.movie .flexItem{ padding:10px; width:25%;}
.castList .flexItem{padding:0 20px;}
.movie .flexItem{width:33%;}
.movie .flexItem .monitor{position: relative;}
.movie .flexItem .monitor{display: block;
	padding: 5px; border: 10px inset var(--main-gry2); background:#222}
.movie .flexItem:nth-child(2n) .monitor{ border-color:var(--main-wht); }
.castList .cast .imgBox,.movie .imgBox{
		width: 100%;
		text-align:center;
		padding: 5px 5px 7px;
}
.movie .imgBox{
	border-radius: 10% 10% 10% 10%/20% 20% 20% 20%;
}
.castList .cast a{position: relative;}
.castList .cast > a{width: 100%;}
.movie .flexItem .monitor .imgBox{border:3px solid #222;}
.movie .flexItem.logoBox .imgBox{width: 80%; margin: 0 auto;}
.movie .imgBox img{object-fit:contain;width: 100%;
	height: auto;vertical-align: middle;}
.movie .flexItem .movNum{position: absolute;top: 5px;
	left: 10px;
	padding: 10px}
.movie .flexItem .monitor i{
	color: rgba(255, 84, 84, 0.5);
mix-blend-mode: revert-layer;
	font-size:4rem;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.movie .flexItem p i{margin-right: 0.25em;}
.castList .cast .imgBox img{width: 100%;height: auto; vertical-align: middle; border-radius: 5px;}
.castList.kino img{border: 10px solid #f7e6dc;
	outline: 3px solid var(--key-kino);
	padding: 5px;}
.castList.tops img{border: 10px solid #f7f0dc;
	outline: 3px solid var(--key-tops);
	padding: 5px;}
.castList .snsNav{padding: 5px 0;}
.castList .snsNav .label{color: var(--main-wht);}
.castList .snsNav .label.button{border: 1px solid var(--main-wht); color: var(--main-wht);
	border-radius: 1rem;
	padding: 2px 5px 0;
	margin: 0.3rem 0.5rem 0;}
.castList.tops .snsNav .label{color: var(--main-wht);}
.castList.tops .snsNav .label.button{border: 1px solid var(--main-wht); color: var(--main-wht);
	border-radius: 1rem;
	padding: 2px 5px 0;
	margin: 0.3rem 0.5rem 0;}
.castList .cast p:not(.castName):not(.castNameJp){font-size:14px; text-align:left; padding:0 5px;}
.castList .cast .caption{width:70%; padding:8px; display:flex;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;	display:-moz-flex;display:flex;	-webkit-box-lines:multiple;	-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;	-ms-flex-wrap:wrap;flex-wrap:wrap; align-items:center; }
.castList .cast .caption p{width:100%;}
.castList .cast .caption p.castName,.castList .cast .caption p.btnOuter{width:50%;}
.castList .cast .caption p.castName.long{width:80%;}
.castList .cast.empty{display:none}
.castList .cast .character{color: var(--main-gry2);
	line-height: 1.2;
	font-size: 1rem;
	padding: 0 0 0.3em;}
.characterList.character5 h3,.characterList.character6 h3{font-size:18px;}
.castList .textBox{position: relative;
	width: 100%;
	background: var(--main-red3);
	padding: 5px 0;
	top: 0em;
}
.castList.kino .textBox{background: var(--key-kino);}
.castList.tops .textBox{background: var(--key-tops);}
.castList h6{color: var(--main-wht);
	padding-top: 0.3em; font-size: 1.1rem;}
.castList.kino p.castNameJp{
	color:var(--main-wht);
	text-align: center; font-weight: 900; text-shadow: 1.5px 0 0 var(--main-red2),
		0 1.5px 0 var(--main-red2),
		-1.5px 0 0 var(--main-red2),
		0 -1.5px 0 var(--main-red2)}
.castList.kino .cast > .snsNav .navItem{ padding: 0 5px;
font-size: 1.5rem;}

.castList.tops p.castNameJp{
	color:var(--main-wht);
	text-align: center; font-weight: 900; text-shadow: 1.5px 0 0 var(--main-blue2),
		0 1.5px 0 var(--main-blue2),
		-1.5px 0 0 var(--main-blue2),
		0 -1.5px 0 var(--main-blue2)}
.castList.tops .cast > .snsNav .navItem{ padding: 0 5px;
font-size: 1.5rem;}
.characterList.character5 p,.characterList.character6 p{font-size:1.4em; }

.castList .cast .caption p.profCaption{text-align: left;font-size:14px;
	max-height: 280px; 
	overflow-y: auto;
	padding: 10px 5px;
	background-color: rgba(255, 255, 255, 0.5);
}
.flapBox::after {
    content: '';
    width: 100%;
}
.flapBox .cast{order:0;}
.flapBox .cast.flap{order:1;}
.mfp-bg{z-index: 999999;}
.prof,.comic,
.white-popup {
	display: -webkit-box;
	/* old */
	display: -moz-box;
	/* old */
	display: -ms-flexbox;
	/* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple;
	/* old */
	-moz-box-lines: multiple;
	/* old */
	-ms-flex-wrap: wrap;
	/* ie10 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -7.5px;
	margin-right: -7.5px;
	justify-content: center;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	z-index: 99999999;
}

.white-popup {
	align-items: center;
	height: 100%;
}
.mfp-wrap {
	top: 50% !important;
	left: 50%;
	width: 90vw!important;
	height: 90vh!important;
	z-index: 9999998;
	position: absolute;
	-webkit-transform:translate(-50%, -50%)!important;
	transform: translate(-50%, -50%)!important;
}

.mfp-container {
	padding: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
}
.mfp-inline-holder .mfp-content {
	height: 100%;
}
.mfp-close,.mfp-close:active{color: var(--main-wht)!important;z-index: 9999999; top:-30px; right: -10px;}

.mg.mfp-img {max-height: 85vh!important;;}

.white-popup .prof {
	padding: 20px 10px;
	max-width: 750px;
}
.white-popup .comic {
	height: 80vh;
	overflow-y:scroll ;
}
.prof .imgBox {
	width: auto;
}

.comicBlock{width: 50%; max-width: 450px; padding: 10px;}
.comic .imgBox {
	width: auto;
}

.comic{
	display: flex;
	flex-wrap: nowrap;
}

.prof.flexBox {
	background: var(--main-blue3);
	display: flex;
	flex-wrap: nowrap;
	padding: 40px 20px;
	
	margin: 2em auto; /* 外側余白 */
	padding: 3em 2em 2em; /* 内側余白（上・左右・下） */
	position: relative; /* 疑似要素の基準 */
	max-width: 800px; /* 最大幅 */
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

  

.prof.kino{border-top: 5px solid var(--key-kino);border-bottom: 5px solid var(--key-tops);}
.prof.tops{border-top: 5px solid var(--key-tops);border-bottom: 5px solid var(--key-kino);}

.prof .imgBox {width:30%; max-width: 200px;}
.prof.kino img{border: 10px solid #f7e6dc;
	outline: 3px solid var(--key-kino);;
	padding: 5px;}
.prof.tops img{border: 10px solid #f7f0dc;
	outline: 3px solid var(--key-tops);;
	padding: 5px;}

.prof .caption{width:60%;padding-left: 20px;}
.prof .caption h4{font-family: var(--labelFont); font-size: 3rem; text-align: left;}
.prof .caption h5 {
	font-family: var(--labelFont-jp);
	font-size: 2rem;
	text-align: left;
}
.prof .caption .fontSmall{font-size: 0.65em; margin-left: 0.5em}
.prof .profHeader {
	text-align: left;
}
.prof .caption p{padding: 10px 0; width: 100%;}

.prof .profHeader .snsNav {
	max-width: 200px;
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	justify-content: left;
}

.prof .profHeader .snsNav .label {
	padding: 0 5px;
}

.prof .profHeader .snsNav .label img {
	width: 20px;
	margin-top: 8px;
}

.prof .profHeader .snsNav .label i {
	margin: 0.5em 0.2rem 0;
	font-size: 1.8rem;
	color: var(--main-wht);
	background: var(--main-gry2);
	padding: 5px;
	border-radius:3px;
	border: 1px solid var(--main-gry2);
}
.prof .caption{padding:0 20px;}
.prof p {
	font-size: 1.3em;
	text-align: left;
}

.prof.kino .profHeader .snsNav .label i {background: var(--key-kino);}
.prof.tops .profHeader .snsNav .label i {background: var(--key-tops);}

.prof.kino .btnBox { border-top: 2px solid var(--main-red2); border-left: 2px solid var(--main-red2); border-bottom: 2px solid var(--main-blue2);border-right: 2px solid var(--main-blue2);}
.prof.tops .btnBox { border-top: 2px solid var(--main-blue2); border-left: 2px solid var(--main-blue2); border-bottom: 2px solid var(--main-red2);border-right: 2px solid var(--main-red2);}

.prof .btnBox .button{color:var(--main-blk); }

.boxWht{width: 100%;}
.flexBox {width: 100%; display:-webkit-box; display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;	display:-moz-flex;display:flex;	-webkit-box-lines:multiple;	-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;	-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content:center;align-content:flex-start;}
.flexBox{padding:20px 0;max-width:100%; box-sizing:border-box;}
.flexBox .image{width:50%;  box-sizing:border-box; padding: 5px;}
.flexBox .image img{border: 2px solid var(--main-wht);}
.flexBox .image.yoko{width:70%;}
.flexItem .caption{padding:10px;}
.flexItem h4{font-family:'OradanoGSRR';}
.flexBox.pastCast{max-width:300px; margin:0 auto; width:100%;}
.flexBox.pastCast p{padding:0 7px;}

.swiper-container {
	padding-bottom:25px;
	}
.swiper-pagination .swiper-pagination-bullet-active{background:#f4d348!important;}

/* Status Badg
------------------------------------------------- */
.iStatusBadge {
	position: absolute;
	top: 0;
	left: 0;
}

.iStatusBadge > .badge {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-style: solid;
	width: 0;
	height: 0;
}

.iStatusBadge > .badge:nth-child(1) {
	border-width: 20px;
	z-index: 4;
}

.iStatusBadge > .badge:nth-child(2) {
	border-width: 32px;
	z-index: 3;
}

.iStatusBadge > .badge.new {
	border-color: #f2e122 transparent transparent #f2e122;
	color: #040506;
}

.iStatusBadge > .badge.sale {
	border-color: #c30d23 transparent transparent #c30d23;
		color: var(--main-wht);
}

.iStatusBadge > .badge .badgeText {
	position: absolute;
	font-size: 10px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.iStatusBadge > .badge:nth-child(1) .badgeText {
	top: -14px;
	right: -10px;
	width: 32px;
}

.iStatusBadge > .badge:nth-child(2) .badgeText {
	top: -14px;
	right: -26px;
	width: 64px;
}

#goods .block .title{border-top: none; border-bottom: 1px solid var(--main-gry2); font-weight: 700; padding-top:5px;}

.goodsList {
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple; /* old */
	-moz-box-lines: multiple; /* old */
	-ms-flex-wrap: wrap; /* ie10 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -7.5px;
	margin-right: -7.5px;
	justify-content: center;
}

.goodsList > .item {
	display: block;
	width:25%;
	padding-left: 7.5px;
	padding-right: 7.5px;
	text-align: center;
}

.goodsList > .item .inner,#goods .wide .item{
	padding: 5px;
	text-align: center;
}
#goods .wide .item{background-color: var(--main-red); color: var(--main-wht); border: 3px solid var(--main-wht);}
#goods .wide .item{padding: 20px 10px;}

#goods .wide .item .cast{padding: 0;}
#goods .wide .item .imgBox{border-radius: 0; border: 2px solid var(--main-blue3);}

.goodsList > .item .image {
	position: relative;	
	background: #fff;
	width: 100%!important;
	align-items:center;
	border: 2px solid salmon;
	box-shadow: 3px 3px 0 var(--main-red2);
}

.goodsList > .item > .image img {
	display: block;
	width: 100%;
	height:auto;
}


.goodsList {
	padding-top: 20px;
	display: -webkit-box; /* old */
	display: -moz-box; /* old */
	display: -ms-flexbox; /* ie10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-lines: multiple; /* old */
	-moz-box-lines: multiple; /* old */
	-ms-flex-wrap: wrap; /* ie10 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -7.5px;
	margin-right: -7.5px;
}

.goodsList > .item {
	display: block;
	width: 30%;
	margin-bottom: 50px;
	padding-left: 7.5px;
	padding-right: 7.5px;

}

.goodsList > .item .image:not(.slide) {
	position: relative;	
	width: 100%;
	display:flex;
	align-items:center;
}
.goodsList > .item .caption{padding: 0 0 20px;}
.goodsList > .item .image .swiper-container,.goodsList > .item .image .swiper-wrapper{height:100%;width: 100%;padding: 0;}
.goodsList > .item .image .swiper-slide{width: 100%;height:100%;display:flex;
	align-items:center;}

.goodsList > .item .image img {
	display: block;
	width: 100%;
	height:auto;
}

.goodsList > .item .caption h3{font-size: 2rem; line-height: 1.2;padding-top: 5px;}
.goodsList .item .caption p.price{padding-bottom: 15px;}
.goodsList .item .caption p.itemInfo{font-size: 1.2rem;}
.goodsList .item .caption p.description{font-size: 1.5rem;}
p.description a{border-bottom:1px solid red; color:red;}
.goodsList .links {
	text-align: right;
	margin-top: 15px;
}
 
.itemInfo{font-size:14px;}

.merchandise .links .link {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}


.past {padding:20px 0 20px; margin: 0 auto;}
.past p{}
.past a{color: #888;}
.past a:hover p{opacity: 0.5;}


.block p{text-align:left;}
.block p.center,.block p.btnBox{text-align: center;}
.flexBox.img2 {
	flex-wrap: nowrap;
	align-items: center;
}

.songs {max-width: 1200px; margin: 0 auto;}
.songs .flexItem.short{width: 35%;}
.songs .flexItem{width: 50%; min-width: 380px;}
.songs .flexItem.long{width: 55%;}
.songs .card{
	min-height: auto;
	height: auto;
	background: var(--main-red);
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	border-bottom-right-radius: 60px 5px;
	transition: 0.5s;
}
.songs .flexItem:nth-child(3n+1) .card{background: var(--main-red2);}
.songs .flexItem:nth-child(3n) .card{background: var(--main-gry2);}
.songs .inner{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	border: 1px solid var(--main-blue3);
	padding: 10px;
	border-radius: 5px;
	transition:.3s;
}
.songs .boxHeader,.songs .boxContents{padding:10px 0;width: 100%;}
.songs .boxHeader .credit{font-size:1.3rem; text-align: right;line-height: 1.2;}
.audioBox,.lyricsBox{
	padding: 5px 0;
	width: 100%;
	margin: 0 auto;
	height: auto;
	-webkit-transition:.3s;
	-moz-transition: .3s;
	transition:.3s;
}
.lyricsBox .btnBox{max-width: 290px;position: relative; z-index: 9;
	height: auto;padding: 5px 0;}

.lyricsOpener{width: 100%;}
.lyricsBox .lyrics{
	opacity: 0;
	height: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.lyricsBox.opened .lyrics{padding: 10px 0 50px;opacity: 1;transition: 0.5s;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	height:100%;
}
.lyricsBox .lyrics p{font-size: 1.45rem;line-height: 1.2;}

.qa {
	width: 100%;
    max-width: 500px;
	margin: 0 auto;
    margin-bottom: 10px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
	box-shadow: -1px -1px 1px #FFFFFF, 2px 2px 2px #475569;
    background-color:var(--main-wht);
}

.qa summary {
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
	font-size: 1.5rem;
    color: var(--main-wht);
    font-weight: 600;
    cursor: pointer;
	text-align: left;
	background-color: var(--main-blue3);
	border:1px solid var(--key-tops);
}

.qa summary::before,
.qa p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa summary::before {
    color: #f4a2a2;
	text-shadow: -1px -1px 1px #FFFFFF, 2px 2px 2px #475569;
    content: "Q";
}

.qa summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid var(--main-red2);
    border-right: 3px solid var(--main-blue2);
    content: '';
    transition: transform .5s;
}

.qa[open] summary::after {
    transform: rotate(225deg);
}

.qa p {
	text-align: left;
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .5em 3em .15em;
    color: #333;
    transition: transform .5s, opacity .5s;
	border:1px solid var(--key-kino);
}

.qa[open] p {
    transform: none;
    opacity: 1;
}

.qa p::before {
    color: var(--main-blue);
	text-shadow: -1px -1px 1px #FFFFFF, 2px 2px 2px #475569;
    line-height: 1.2;
    content: "A";
}

/* Footer
----------------------------------------------------*/
.globalFooter {
	position: relative;
	border: 2px solid var(--main-wht);
		color: var(--main-blk);
	margin-top: - var(--ghHeight);
	-moz-box-shadow:inset 0px 0px 2px var(--main-red2);
	-webkit-box-shadowinset:inset 0px 0px 2px var(--main-red2);
	-ms-box-shadow:inset 0px 0px 2px var(--main-red2);
	box-shadow:inset 0px 0px 2px var(--main-red2);
}

.globalFooter .gfContents {
	padding-top: 25px;
	padding-bottom: 30px;
}

.globalFooter .designer {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}

.globalFooter .copyright {
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

.globalFooter .designer a,.globalFooter .copyright a{
	color: var(--main-wht);
}
.globalFooter .copyright .logoNo4{width: 30px;vertical-align:middle;}

.globalFooter .gfContents .toTop {display: none; position: fixed;  bottom: 20px;  right: 20px;  z-index: 9999;}
.globalFooter .gfContents .toTop  a { display: block; z-index: 999; padding-top: 3px; width: 55px; height: 55px; background-color: var(--main-wht); color:var(--main-wht);text-decoration: none;  text-align: center;} 
.globalFooter .gfContents .toTop:hover {
	opacity: 1;
}

.globalFooter .gfContents .toTop i {
	font-size: 48px;
	font-size: 4.8rem;
	color:var(--main-red);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.globalFooter .gfContents .toTop:hover i {
	opacity: 0.6;
}
.globalFooter .gfContents .gfNav {display: none; position: fixed;  width: 100%;bottom: 0;  left: 0;  z-index: 9999;}
.globalFooter .gfContents .gfNav .inner{padding: 0; width: 100%;}
.globalFooter .gfContents .gfNav .navItem{color:var(--main-wht); width: 20%;background: var(--main-blk);padding: 10px 0 20px;border: 2px solid var(--main-gry2);}
.globalFooter .gfContents .gfNav .navItem i{font-size: 1.8rem; padding: 5px 0 8px;}
.globalFooter .gfContents .gfNav .navItem:hover{background: var(--main-yel); color:var(--main-blk); opacity: 1;}

.card{background: #FFFEFD; max-width:800px;  min-height: 300px; 	color: var(--main-wht); margin: 0 auto;
display: flex;  flex-wrap: wrap; align-items: center;
	 box-shadow: 0 4px 0 rgba(0, 0, 0, 0.5), 0 0 40px rgba(128, 128, 128, 0.1) inset;
  border-color: #dedede;
}
.card {
    position: relative;
    -webkit-box-sizing: border-box;
    border-bottom-right-radius: 60px 5px;
 -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset,0 0 4px rgba(128, 128, 128, 0.1) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset,0 0 4px rgba(128, 128, 128, 0.1) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset,0 0 4px rgba(128, 128, 128, 0.1) ;
}
.card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
}

.cardInner {width:100%; padding:20px;}
.cardHeader{padding:40px 0 20px 0;text-align: center; margin: 0 auto;}
.cardHeader h2{color:#222!important;}

.hide{display:none;}

.voice {padding: 10px;align-items: stretch;}
.voice .inner{display: flex; align-items: center; flex-wrap: wrap;
	background: var(--main-wht); color: #222;padding:10px; border-radius: 5px; height: 100%;}
.voice .inner p{width: 100%;}

@media screen and (max-width: 1180px){
	.globalHeader .ghNav .navItem .label {
	font-size: 16px;
	font-size: 1.6rem;
	line-height:1.1;}
}
@media screen and (max-width: 1100px) {

	/* Global Header
	----------------------------------------------------*/
	.ghLogo h1{margin-top:12px; }
	.globalHeader .ghLogo img{padding: 15px;}
	.globalHeader .ghNavButton {
		display: block;
	}
	.globalHeader.sticky {
		z-index: 9999;
	}
	.globalHeader .ghContents{padding: 20px;}
	.globalHeader.sticky .ghContents{padding: 5px 10px;
		height: var(--ghHeight);
	}
	
	.globalHeader.opened{
		width: 100%;
		transition-duration: 0.5s;
	}
	
	.globalHeader .ghNav {
		display: none;
		position: absolute;
		top: 74px;
		left: 0;
		width: 100%;
		padding-bottom: 15px;
		background:var(--main-blk);
		box-shadow: 0 3px 5px rgba(4,5,6,0.1);
		z-index: 100;
	}
	
	.globalHeader .ghNav .navItem {
		display: block;
		text-align: center;
		color: inherit;
		padding: 13px 20px;
	}
	
	.globalHeader .ghNav .navItem .label {
		font-size: 16px;
		font-size: 1.6rem;
		color: var(--main-wht);
	}
	
	.globalHeader .ghNav .navItem .caption {
		font-size: 12px;
		font-size: 1.2rem;
	}
	}
@media screen and (max-width: 1080px){
	.globalHeader .ghNav .navItem {
	padding: 15px 8px;
}
}
@media screen and (max-width: 980px) and (orientation:portrait){
}
@media screen and (max-width: 980px) and (orientation:landscape) {
}
@media screen and (max-width: 980px) {
	.pcOnly{display:none;}
	.mobileOnly{display:inline-block}
	

	.headerHero .hhContents .h1{padding:5px; margin:0; line-height:1;}
	.headerHero::after{background-size: cover;background-position: 37%;}
		
	.hhLogo{max-width: 400px; margin: 0 auto;}
	.hhContents .hhImg{width: 100%;
justify-content: center;}
.hhContents .copy{ font-size: 1.8rem;}


/* Contents
----------------------------------------------------*/
.ticketContainer {
	flex-wrap: wrap;
}

.ticketContainer .ticketBlock {
	width: 100%;
	min-width:100%;
	margin: 15px 0 0;
}

.characterList.character4 .character{width:45%; min-width:220px;}

.characterList.character4 .character:nth-child(4n),.characterList.character4 .character:nth-child(4n + 1){
    border: 4px solid #EFAC5B;
}
.characterList.character4 .character:nth-child(4n + 2),.characterList.character4 .character:nth-child(4n + 3){
    border: 4px solid #98CF6C;}
	.sectionSchedule .sectionHeader .title{line-height: 0.8; padding-bottom: 0.48em;}

	.songs .flexItem,.songs .flexItem.long,.songs .flexItem.short{width: 80%;}
	.castList .cast.mobileOnly{display:block;}
	.castList .cast > .snsNav .empty{width: 100%;}
	.castList .cast .textBox{height: 80px;}
	.flapBox::after {display:none;}
	.flapBox .cast.flap{order:0;}
	.scheduleContainer .scheduleBlock{padding:20px 0;}

}

@media screen and (max-width:850px){
	.sectionAbout img,.sectionStaff img,.sectionImg img {width:100%;height: auto;}

	.headerHero .hhBg img{object-fit: cover;}
}

@media screen and (max-width: 768px){
	.mfp-close,.mfp-close:active{ top:-43px; right: -10px;}
	.hhCaption img{max-width:70px;}
	.headerHero{
		height: auto;
		top:50%;
		background-size: cover;
		background-position: right;
		outline:none;
		top: 0;
	}
	.hhContents {top:40%;}
	
	.headerHero::before{
		outline-offset: -1px;
		outline-offset: -1em;
		outline: 1px dashed;
	}
	
	.main .section {
		outline-width:1px;
	outline-offset: -1.5px;
	outline-offset: -1.5em;
	padding: 45px 10px;}
.main .section:nth-child(2n){outline-width:1px;}

.section.sectionAbout,.section.sectionContact{padding: 45px 35px  var(--ghHeight);
min-height: 60vh;}
.main .section.sectionIntro {padding: 45px 15px 150px;
	min-height: 60vh;}

.flexBox .image {width: 77%;}
.flexBox .image.yoko {
	width: 100%;
}
.sectionIntro .caption,.block .caption {font-size: 1.3rem; letter-spacing: -0.05em;}
.sectionIntro .caption.imgBox {
	position: absolute;
	bottom: -159px;
	right: -35px;
	left: auto;
	transform: none;
	width: 110%;
}
.sectionIntro .sectionHeader {}
.sectionHeader .subTitle img {
	max-height: 90px;
	margin-top: -30px;
}
/* Common
----------------------------------------------------*/
.col1,.col2,.col3,.col4,.col5,.col6 {
	width: 100%;
}

.section {
	padding-top: 45px;
	padding-bottom: 45px;
}

.scheduleContainer .scheduleBlock { padding:40px 0px;}
.sectionSchedule .table th,
.sectionSchedule .table td{padding: 1px;}
/* Header
----------------------------------------------------*/



/* Global Header
----------------------------------------------------*/
.globalHeader{top: 0px;
}
.globalHeader .ghLogo {
	width: 120px; 
}


/* Contents
----------------------------------------------------*/
.prof {flex-wrap: wrap;}
.prof .imgBox img {width: 140px;}
.prof .caption{padding: 10px 5px 5px;}
.prof .caption h4{font-size: 1.8rem; }
.prof .caption h5{font-size: 1.2rem;}
.prof .profHeader .snsNav{padding: 0;
		margin: 0 auto;
		justify-content: center;
	}

.scheduleBlock {
	margin-top: 30px;
	padding: 30px 20px 20px;
}

.scheduleBlock .date {
	font-size: 16px;
	font-size: 1.6rem;
}

.scheduleBlock > a .title {
	font-size: 24px;
	font-size: 2.4rem;
}
.scheduleBlock .theater{padding: 20px 3px;}
.scheduleBlock .theaterName{font-size: 1.7rem;
	letter-spacing: -0.1em;}
.scheduleBlock .theaterInfo p{font-size: 1.2rem;}
.scheduleBlock .theaterInfo .phone {
	font-size: 1.3rem;
}
.scheduleBlock .theaterInfo .phone i{font-size: 1.3rem;}
.scheduleBlock .theaterInfo .mapNav {
	display: block;
	margin: 15px 0 0;
}

.scheduleBlock .price .title {
	margin-bottom: 0;
}

.scheduleBlock .price .priceList li {
	display: block;
	margin: 5px 0 0;
}
.scheduleBlock .price {padding:0 2px;}
.scheduleBlock .price .priceList li .num{
	font-size: 2rem;
}
.scheduleBlock .price .priceList li .yen{
	font-size: 1.4rem;
}
.scheduleBlock .price .priceList li .tax{margin-top: 10px;}
.scheduleBlock .ticketContainer {
	display: block;
}

.scheduleBlock .ticketContainer .ticketBlock {
	width: 100%;
	padding: 30px 15px;
}

.sectionSchedule .advance {
	margin-top: 30px
}

.sectionSchedule .advance .title {
	font-size: 16px;
	font-size: 1.6rem;
}

.sectionSchedule .advance p {
	font-size: 18px;
	font-size: 1.8rem;
}

.sectionSchedule .table table td {
	font-size: 1.6rem;
	padding: 5px 16px;
}

.sectionSns .snsContainer {
	display: block;
}

.sectionSns .snsBlock {
	    width: 90%;
    margin: 30px auto 0;
}

.sectionSns .confetti .article {
	display: block;
	height: auto;
}

.sectionSns .confetti .article .image {
	display: block;
	width: 100%;
	max-width: none;
	height: 240px;
}
.releaseDate .date{font-size: 2.2rem;}
.sectionSns .confetti .article .image .imageFrame img {
}
.releaseDate .date {
	font-size: 24px;
	font-size: 2.2rem;}
.sectionSns .confetti .article .detail {
	display: block;
	text-align: left;
	padding: 30px;
}

.sectionSns .confetti .article .detail:before {
	top: -30px;
	left: 30px;
	margin-top: 0;
	border-color: transparent transparent #fff transparent;
}

.sectionSns .confetti .article .detail .date {
	font-size: 14px;
	font-size: 1.4rem;
	color: #646566;
	margin-bottom: 5px;
}

.sectionSns .confetti .article .detail .title {
	margin-bottom: 15px;
}

.sectionSns .confetti .article .detail .caption {
	font-size: 14px;
	font-size: 1.4rem;
}

.sectionCast .column,
.sectionCast .header .column,
.sectionCast .gridHeadContainer .column,
.sectionMusician .column,
.sectionStaff .column {
	/*padding: 0;*/
}

.creditList {
	max-width: 350px;
}
.creditList dt,.creditList dd{padding-top:5px;}
.creditList dt {
	width: 45%;
	padding-right: 12px;
	font-size: 14px;
	line-height:1.5;
}
.creditList h6 {font-size: 14px; font-weight:700;}
.creditList dd {
	margin-left: 45%;
	line-height:1.35;
}
.creditList p {font-size: 16px;}
.creditList .small {
	font-size: 12px;
}

.sectionContact .contactContainer {
	display: block;
}

.sectionContact .contactBox {
	width: 100%;
	margin: 15px 0 0;
	padding:50px 0;
}

.sectionContact .contactBox .link {
	display: block;
	margin: 15px 0 0;
}

	.goodsList > .item {width: 33.33%;}
	.goodsList > .item > .image {height:43.29vw;}
	.songs .flexItem,.songs .flexItem.long,.songs .flexItem.short{width: 100%; min-width: none;}
	.songs .boxHeader .credit{font-size:1.2rem;}
	.chart > .flexBox{padding: 0;}
	.arrows::after {
		height: 10px;
		transform: skew(55deg);
		margin-top: -2.5px;
		margin-left: -15px;
	  }
	  .arrows::before {
		content: '';
		width: 60%;
		height: 10px;
		transform: skew(55deg);
		margin-top: 7.5px;
		margin-right: -15px;
	  }
	  .arrows.mini::after {
		height: 6px;
		margin-top: -1px;
	  }
	  .arrows.mini::before {
		height: 6px;
		margin-top: 5px;
	  }

/* Footer
----------------------------------------------------*/
.globalFooter .gfContents {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 100px;
}

.globalFooter .copyright {
	text-align: center;
}

.globalFooter .designer {
	text-align: center;
	margin-top: 15px;
}

.flexItem,.movie .flexItem {width:100%; }
.movie .flexItem{display: flex; padding: 10px 0 20px; align-items: center; flex-wrap: wrap;}
.castList .cast{width:50%;}
.castList .cast.empty{display:block}
.prof{padding: 30px 15px;}
.prof.flexBox{flex-wrap: wrap;}
.prof .imgBox,.prof .caption{width: 100%;}
.prof .caption h4,.prof .caption h5{text-align: center;}
.prof .caption .profHeader{text-align: center; margin: 0 auto;}
.movie .flexItem i{font-size:2rem;}

.movie .flexItem .monitor {
	border-width: 5px;
	padding: 0;
	width: 43%;
  }
  .movie .flexItem .caption{width: 57%; padding: 0 10px;}
  .movie .flexItem .caption p{text-align: left; font-size: 1.4rem;}
  .movie .flexItem.logoBox{ width:80%; padding: 40px 0 0; }
.flexItem .image{min-height:50vh; margin:0 auto;}
.flexItem .caption{padding:10px 5px;}

}


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

.sectionSns .snsBlock iframe.twitter-timeline-rendered {
	width: 330px !important;
}
.sectionSchedule .table .tableMobile {
	display: inline-block;
}
.sectionSchedule .table table{display: none;}

}

@media screen and (max-width: 670px){
	.main .section{margin-left: 0;margin-right: 0;}
	
}
@media screen and (max-width: 546px) {
	.castList .cast .caption p.castName,.castList .cast .caption p.btnOuter{width:100%; text-align:center!important;}
	.castList .cast .caption p.btnOuter{padding: 0 0 20px 0 !important;}
}
@media screen and (max-width: 480px) {
	.headerHero > .inner {}
	.hhLogo img{max-width: 300px;}
	.sectionVideo .videoFrame {height: 300px;}
	.block p{font-size: 1.4rem;}
	.goodsList > .item {width: 50%;}
	.goodsList > .item > .image {height:65vw;}
	.goodsList > .item .caption h3{font-size: 1.2rem;}
	.past img{width: 80%;}
	.goodsList > .item h3{font-size:18px; font-size:1.8rem;}
	.itemInfo{font-size:12px;}
	.swiper-button-prev,.swiper-button-next{width:15px; background-size:contain;}
	.scheduleBlock .ticketContainer .ticketBlock .title{font-size:20px;}
	.scheduleBlock .ticketFooter{padding:10px 10px 0 0;}
	
	.main .section h2 {
		font-size: 4rem;
	}
}

@media screen and (min-width: 768px) and (max-height: 600px){
	.hhImg{padding-top:0; margin:5px auto;}
	.hhImg img{height:35vh; width:auto;}
	
}


@media screen and (min-width: 768px) and (max-height: 500px){
	.hhImg{padding-top:0; margin:5px auto;}
}
@media screen and (max-height: 480px)  {
	.hhLogo {max-width: 300px;}
}
@media screen and (min-width: 768px) and (max-height: 480px){
	
	.headerHero .hhImg img{width:45%;height: auto;}
}
@media screen and (max-width: 480px) and (orientation:portrait){
	
		
}
@media screen and (max-width: 480px) and (max-height: 500px) {
	.headerHero .hhImg img,.swiper-slide img{max-height:190px; width:auto;}
}
@media screen and (max-width: 413px) {
	.sectionSns .snsBlock iframe.twitter-timeline-rendered {
		width: 296px !important;
	}
	.hhLogo {font-size: 5rem;line-height: 1.2;}
	.hhContents p{padding: 0 20px;}
	.hhCaption img{max-width:50px;padding-top:10px;}
	.hhCaption {font-size:1.1rem}
	.headerHero .caption{margin:0;}
	.item p{font-size:1.4rem;}
}
@media screen and (max-width: 374px) {
	
	.sectionSns .snsBlock iframe.twitter-timeline-rendered {
		width: 248px !important;
	}
	.sectionVideo .videoFrame {height: 250px;}
	.sectionSchedule .table th, .sectionSchedule table td{font-size:12px;}
	.sectionSchedule .table td {font-size: 1.4rem;}
	.hhImg img{width: 22vw !important;}
	.hhImg{padding:0; margin:0;}
		.sectionSchedule table th,
		.sectionSchedule table td {
			font-size: 1.1rem;
		}
}
@media screen and (max-width: 319px) {
	
	.sectionSns .snsBlock iframe.twitter-timeline-rendered {
		width: 220px !important;
	}
	.main .section h2 {
		font-size: 3rem;
	}
}