@charset "UTF-8";

/* ------------------------------------------------------------------------
	For Smart Phone 
------------------------------------------------------------------------ */
em {
 font-style: normal;
}

.onlyPC {
	display: none !important;
}

.onlySP {
	display: block !important;
}




/* background Body  */
body {
 background: #000;
}


/* Scroll Fade */
.scrollFade {
	opacity : 0;
	visibility: hidden;
	transition: 1.0s;
	transform: translateY(10vw);
}

.scrollFade.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}




/* header setting
------------------------------------*/
header {
 position: fixed;
 background: #000;
 top: 0;
 left: 0;
 z-index: 10;
 width: 100vw;
 height: 14vw;
}

header p {
 margin: 0 0 0 2.666667vw;
 width: 31.333333vw;
}

header ul#btnMenu {
 position: fixed;
 top: 0;
 right: 0;
 z-index: 1003;
 width: 18.666667vw;
 height: 14vw;
 transition: all 0.3s;
}

header ul#btnMenu li i {
 display: block;
 position: absolute;
 right: 6vw;
 width: 6.6666667vw;
 height: 0.4vw;
 background: #ff00a2;
 transition: all 0.3s;
}

header ul#btnMenu li i:nth-child(1) {
 top: 4.9333333vw;
}

header ul#btnMenu li i:nth-child(2) {
 top: 6.8vw;
}

header ul#btnMenu li i:nth-child(3) {
 top: 8.5333333vw;
}

body.modeNav header ul#btnMenu li i {
}

body.modeNav header ul#btnMenu li i:nth-child(1) {
 transform: translateY(1.8vw) rotate(45deg);
}

body.modeNav header ul#btnMenu li i:nth-child(2) {
 transform: scale(0, 1);
}

body.modeNav header ul#btnMenu li i:nth-child(3) {
 transform: translateY(-1.8vw) rotate(-45deg);
}





/* navigation setting
------------------------------------*/
header nav {
 position: fixed;
 opacity: 0;
 top: 14vw;
 right: -40vw;
 z-index: 0;
 box-sizing: border-box;
 background: rgba(0, 0, 0, 0.8);
 width: 40vw;
 overflow-y: scroll;
 text-align: center;
 transition: all 0.3s;
}

header nav ul#gNavi {
 position: relative;
 padding: 2.666667vw 0 4vw;
 width: 40vw;
}

header nav ul#gNavi li {
 box-sizing: border-box;
 padding: 0 10vw 0 0;
 height: 10.933333vw;
 text-align: right;
 overflow: hidden;
}

header nav ul#gNavi li a {
 display: inline-block;
 height: 4.2666667vw;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

header nav ul#gNavi li:nth-child(1) a {
 background: url("../img/txt_navi-overview.png") center 0 / 100% 100% no-repeat;
 width: 17.2vw;
}

header nav ul#gNavi li:nth-child(2) a {
 background: url("../img/txt_navi-cast.png") center 0 / 100% 100% no-repeat;
 width: 8.6666667vw;
}

header nav ul#gNavi li:nth-child(3) a {
 background: url("../img/txt_navi-schedule.png") center 0 / 100% 100% no-repeat;
 width: 19.733333vw;
}

header nav ul#gNavi li:nth-child(4) a {
 background: url("../img/txt_navi-goods.png") center 0 / 100% 100% no-repeat;
 width: 17.3vw;
}

body.modeNav header nav {
 opacity: 1;
 right: 0;
 z-index: 1004;
}

body header ul#bnrTicket {
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 1004;
 border-top: 0.2666667vw solid #fff;
 background: #000;
 padding: 3.2vw 0;
 width: 100vw;
 text-align: center;
}

body header ul#bnrTicket img {
 width: 50.933333vw;
}





/* main Visual */
#mainVisual {
  box-sizing: border-box;
  background: url("../img/bg_main_sp.jpg") center 0 / cover no-repeat;
  margin: 12vw 0 0;
  padding: 4.2666667vw 0 0;
  height: 173.333333vw;

  height: 260.333333vw;

}

#mainVisual h1 {
 margin: -6.2666667vw auto 1.8666667vw;
 width: 100vw;
 margin-top: -12.2666667vw;
}

#mainVisual h2 {
 margin: -22.2666667vw auto 1.8666667vw;
 margin: -10.2666667vw auto 1.8666667vw;
 width: 90.666667vw;
}
#mainVisual h2:nth-child(4) {
 margin-top: -2vw;
}

#mainVisual p {
 margin: 0 auto 2vw;
 width: 86.666667vw;
}

#mainVisual h3 {
 margin: 0 auto 3.2vw;
 width: 92.4vw;
}

#mainVisual ul {
 margin: -5vw auto 0;
 width: 90vw;

 margin: -2vw auto 0;
}





/* overview */
#overview {
 background: url("../img/bg_overview.png") center 0 / cover no-repeat;
 padding: 20vw 4vw;
 line-height: 6vw;
 font-size: 3.466667vw;
 color: #fff;
 padding: 10vw 4vw;
}

#overview h5 {
 margin: 0 0 5.3333333vw;
 width: 54.666667vw;
}

#overview dl {
 margin: 0 0 8.6666667vw;
}

#overview dl dt {
 color: #f300ea;
}

#overview dl dd a:link,
#overview dl dd a:visited {
 margin: 0 0 0 0.8vw;
 text-decoration: underline;
 margin: 0 0 0 0;
 color: aqua;
}

#overview dl dd a:hover {
 color: #fff;
}

#overview iframe {
 display: block;
 border-radius: 0.8vw;
 margin: 0 auto 12.4vw;
 width: 93.333333vw;
 height: 55vw;
}

#overview .ovlive {
 font-size: initial;
 font-weight: 700;
 color: yellow;
}

/* ticket */
#ticket {
 background: #000 url("../img/bg_common_sp.png") center 0 / cover no-repeat;
 padding: 20vw 4vw;
 color: #fff;
 padding: 10vw 4vw;
}

#ticket h5 {
 margin: 0 0 6vw;
 width: 54.666667vw;
}

#ticket picture {
 margin: 0 auto 7.3333333vw;
 width: 83.2vw;
}

#ticket ul {
 margin: 0 0 4.8vw;
 padding: 0 0 0 6.6666667vw;
}

#ticket ul img {
 width: 81.066667vw;
}

#ticket article {
 text-align: center;
 font-size: 2.666667vw;
}

#ticket article h6 {
 margin: 0 0 8vw;
 font-size: 3.466667vw;
}

#ticket article h6 a:link,
#ticket article h6 a:visited {
 margin: 0 0 0 0.8vw;
 text-decoration: underline;
 color: #010dff;
}





/* access */
#access {
 padding: 20vw 4vw;
 line-height: 6vw;
 color: #fff;
 padding: 10vw 4vw;
}

#access h5 {
 margin: 0 0 5.3333333vw;
 width: 54.666667vw;
}

#access picture {
 margin: 0 auto 4vw;
 width: 82vw;
}

#access p {
 margin: 0 auto 7.3333333vw;
 width: 82vw;
 font-size: 3.2vw;
}

#access iframe {
 display: block;
 margin: 0 auto;
 width: 82vw;
 height: 60vw;
}





/* cast */
#cast {
 background: #000 url("../img/bg_common_sp.png") center 0 / cover no-repeat;
 padding: 20vw 0 0;
 color: #fff;
 padding: 10vw 0 0;
}

#cast h5 {
 margin: 0 0 6vw 4vw;
 width: 54.666667vw;
}

#cast article {
 margin: 0 auto 8vw;
}

#cast article div{
 display: block;
}
#cast article div > ul{
 border: solid;
 padding: 2vw;
 margin: 2vw;
}

#cast .cosplayer div > ul{
 border: none;
}

#cast article .subTtl {
 margin: 0 auto 1vw;
 width: 88vw;

 color: #f300ea;
 font-weight: bold;
 font-size: large;
}

#cast article .subTtl2 {
 text-align: center;
 color: #fff;
}

#cast article .teamname {
 text-align: center;
 color: #fff;
}

#cast article .subTtl img {
 width: auto;
 height: 4.8vw;
}

#cast article ul {
 display: flex;
 flex-wrap: wrap;
 margin: 0 auto;
 width: 96vw;
}

#cast article ul li {
 width: 30vw;
 text-align: center;
}
#cast .musiclive ul li {
 width: 100%;
}

#cast .musiclive ul p {
 margin: 0 auto;
 text-align: center;
 font-size: x-small;
}

#cast article ul li picture {
 margin: 0 auto 2vw;
 width: 24vw;
}

#cast .musiclive ul li picture {
 width: 90vw;
}

#cast article ul li h6 {
 height: 7.2vw;
 line-height: 7.2vw;
 font-size: 3.733333vw;
}

#cast article ul li h6.fss {
 margin: -1.4vw 0 1.4vw;
 letter-spacing: -0.1em;
 line-height: 1.1;
 font-size: 2.4vw;
}

#cast article ul li h6.fss2 {
 margin: 0vw 0 0.4vw;
 letter-spacing: -0.1em;
 line-height: 1.1;
 font-size: 2.4vw;
}

#cast article ul li h6.fss2 .line1 {
 font-size: 3.733333vw;
}

#cast article ul li h6.fss2 .line2 {
 font-size: 3.233333vw;
}

#cast article ul li h6.fss3 {
 margin: 0vw 0 0.4vw;
 letter-spacing: -0.1em;
 line-height: 1.1;
 font-size: 2.4vw;

 letter-spacing: -0.05em;
 font-size: 3.733333vw;
}

#cast article ul li h6.fss3 .line1 {
 font-size: 3.733333vw;
 letter-spacing: 0em;
}
#cast article ul li h6.fss3 .line2 {
 letter-spacing: -0.02em;
}

#cast article ul li h6.fsm {
 font-size: 3.2vw;
}

#cast article ul li h6.fsm2 {
 line-height: 3.7vw;
}

#cast article ul li h6.fsm2 .line2 {
 letter-spacing: -0.02em;
 font-size: 2.4vw;
 font-size: 3.733333vw;}

#cast article ul li ul {
 justify-content: flex-start;
 margin: 0.5vw auto 4.8vw;
 width: 22.133333vw;
 height: 6vw;
 line-height: 6vw;
 align-items: center;
}

#cast article ul li ul li {
 width: auto;
 height: 6vw;
}

#cast article ul li ul li:nth-child(1) {margin: 0 2.5vw 0 0; width: 5.4666667vw;}
#cast article ul li ul li:nth-child(2) {margin: 0 2.5vw 0 0; width: 6.1333333vw;}
#cast article ul li ul li:nth-child(3) {width: 5.0666667vw;}

#cast .inner > p {
 padding: 4vw 4vw 0;
 text-align: right;
 font-family: "Osaka-mono", "MS Gothic", "monospace";
 font-size: 3.2vw;
}

#cast .inner p a{
 color: aqua;
}

#cast .inner .commentary {
 margin-top: 80px;
 max-width: 1170px;
}

#cast .inner .commentary p:last-child {
 font-size: large;
 text-align: center;
}

#cast .inner .commentary ul li{
}

#cast .rule{

}
#cast .rule article{
 margin-bottom: 0px;
 margin-top: 70px;
}
#cast .rule article picture{
 text-align: center;
}
#cast .rule article picture img{
 width: 90%;
}

#cast .rule article dl{

}
#cast .rule article dl dt{
 margin: 0 auto 1vw;
 width: 88vw;
 color: #f300ea;
 font-weight: bold;
 font-size: large;
}
#cast .rule article dl dl dt{
 color: white;
 font-weight: normal;
}
#cast .rule article dl dd{
 margin: 0 auto 3vw;
 padding-left: 3%;
 width: 88vw;
 font-size: large;
}

/* schedule goods */
#schedule,
#goods {
 padding: 20vw 0vw 10vw;
 line-height: 6vw;
 font-size: 3.466667vw;
 color: #fff;
}
#schedule article,
#goods article {
  margin: 0 0 13.3333333vw;
  margin: 0 0 0;
  padding: 0 4vw;
}

#schedule h5,
#goods h5 {
 margin: 0 0 5.3333333vw;
 width: 54.666667vw;
}
#goods #lineup ul {
 display: flex;
 justify-content: space-between;
 margin: 0 auto;
 width: 78vw;
}

#goods #lineup ul li:nth-child(1) {width: 34.1333333vw;}
#goods #lineup ul li:nth-child(2) {width: 32.666667vw;}
#goods #lineup picture:nth-child(7) { margin: 5vw 5% 0;}

#goods #lineup p{
 text-align: center;
 margin: 0 auto 6vw auto;
 color: yellow;
 font-size: 4vw;
 font-weight: bold;
}





#schedule #timetable p{
 text-align: center;
}

/* broadcast */
#broadcast {
 padding: 20vw 0vw 10vw;
 line-height: 6vw;
 font-size: 3.466667vw;
 color: #fff;
}

#broadcast article {
  margin: 0 0 13.3333333vw;
  padding: 0 4vw;
}

#broadcast h5 {
 margin: 0 0 5.3333333vw;
 width: 54.666667vw;
}

#broadcast #schedule picture {
 margin: 0 auto 10vw;
 width: 82vw;
}

#broadcast #goods p {
 margin: 0 auto 4vw;
 width: 86.6vw;
}

#broadcast #goods picture {
 margin: 0 auto 10vw;
 width: 88.8vw;
}

#broadcast #goods h6 {
 margin: 0 auto 4vw;
 width: 76.2vw;
}

#broadcast #goods ul li p {
 margin: 0 auto 1vw;
}

#broadcast #goods ul li a {
 display: block;
 margin: 0 auto;
 width: 85.5vw;
}

#broadcast #channel ul {
 display: flex;
 justify-content: space-between;
 margin: 0 auto;
 width: 78vw;
}

#broadcast #channel ul li:nth-child(1) {width: 34.1333333vw;}
#broadcast #channel ul li:nth-child(2) {width: 32.666667vw;}

#broadcast #qualifier {
 background: url("../img/bg_common_sp.png") center 0 / cover no-repeat;
 padding: 10vw 4vw;
 margin-bottom: 3.3333333vw;
}

#broadcast #campaign {
 padding-top: 10vw;
}

#broadcast #campaign h5 {
 margin: 0 0 6vw;
}

#broadcast #campaign picture {
 margin: 0 auto 10vw;
 width: 88vw;
}

#broadcast #campaign ul {
 margin: 0 auto;
 width: 74.666667vw;
}





/* detail */
#detail {
 line-height: 6vw;
 font-size: 3.466667vw;
 color: #fff;
}

#detail article {
 margin: 0 0 13.3333333vw;
 padding: 0 4vw;
}

#detail h5 {
 margin: 0 0 5.3333333vw;
 width: 54.666667vw;
}

#detail #what {
 background: #000 url("../img/bg_common_sp.png") center 0 / cover no-repeat;
 margin: 0 0 9.3333333vw;
 padding: 10vw 4vw;
}

#detail #what h5 {
 width: 91.733333vw;
}

#detail #what p {
 padding: 0 0 0 2.666667vw;
 font-weight: bold;
 font-size: 3.466667vw;
}

#detail #sponser ul {
 margin: 0 auto;
 width: 64vw;
 width: 100%;
}

#detail #sponser ul li {
  margin:  12vw auto 0;
  width: 54.666667vw;
}

#detail #sponser ul li:nth-child(2) {
 /* width: 100%; */
}

#detail #sponser ul li:nth-child(5) {
 /* width: 63.5vw; */
}

#detail #partner ul {
 margin: 0 auto;
 width: 54.666667vw;
}

#detail #partner ul li {
 margin:  0 auto 12vw;
  text-align: center;
}

#detail #partner ul li:nth-child(3) {
  width: 35vw;
}
#detail #partner ul li:nth-child(4) {
  width: 35vw;
}




/* about DREAM MATCH
#aboutDM {
 position: relative;
 background: url("../img/bg_about.png") center 0 / cover no-repeat;
 padding: 8vw 0 3.3333333vw;
 width: 100%;
 text-align: center;
 font-size: 2.666667vw;
 color: #fff;
}

#aboutDM::before,
#aboutDM::after {
 content: '';
 position: absolute;
 top: 7.66667vw;
 left: 50%;
 background: #fff;
 margin: 0 0 0 -37.333333vw;
 width: 1.0666667vw;
 height: 1.0666667vw;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

#aboutDM::after {
 margin: 0 0 0 36.333333vw;
}

#aboutDM h3 {
 position: relative;
 border-top: 0.067vw solid #fff;
 margin: 0 auto 2.666667vw;
 padding: 0.8vw 0 0;
 width: 69.6vw;
 line-height: 1;
 font-size: 2.4vw;
}

#aboutDM h3::before {
 content: '';
 position: absolute;
 top: -3.333333vw;
 left: 50%;
 display: block;
 background: url("../img/ttl_about-en.png") 0 0 / 100% 100% no-repeat;
 margin: 0 0 0 -20vw;
 width: 39.866667vw;
 height: 3.333333vw;
} */





/* footer */
footer {
  border-top: 0.2666667vw solid #fff;
  background: #6e6e6e;
  margin: -0.4vw 0 0;
  padding: 5.6vw 0 24vw;
  padding: 5.6vw 0;
}

footer ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 0 auto;
 width: 45.333333vw;
 height: 6.4vw;
 overflow: hidden;
}

footer ul li:nth-child(1) img {height: 5.0666667vw;}
footer ul li:nth-child(2) img {height: 6.4vw;}

footer nav ul {
 margin: 4vw auto;
 width: 85vw;
 height: 2.4vw;
 font-size: 2.4vw;
}

footer nav ul li a:link,
footer nav ul li a:visited {
 color: #fff;
}

footer p {
 margin: 0 0 2vw;
 text-align: center;
 line-height: 1.3;
 font-family: Arial, Helvetica, "sans-serif";
 font-size: 2.4vw;
 color: #fff;

}

footer p:last-child {
 margin: 0 0 16vw;
}



/* modal Movie
.modalMovie {
	max-width: 630px;
	margin: 0 auto;
	padding: 0 20px;
}

.movieWrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movieWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mfp-content {
	max-width: 800px;
	padding-top: 44px;
}

.mfpFade.mfp-bg {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfpFade.mfp-bg.mfp-ready {
	opacity: 0.7;
}
.mfpFade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfpFade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.2s ease-out;
}
.mfpFade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfpFade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

background Movie
#bgMovie{
 position: fixed;
 z-index: -1;
 top: 0;
 right:0;
 left:0;
 bottom:0;
 overflow: hidden;
 }

#video {
 position: absolute;
 z-index: -1;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 177.77777778vh;
 height: 56.25vw;
 min-height: 100%;
 min-width: 100%;
} */






	
	
/* ------------------------------------------------------------------------
	For Desktop 
------------------------------------------------------------------------ */
@media screen and (min-width: 751px) {


 .onlyPC {
  display: block !important;
 }

 .onlySP {
  display: none !important;
 }

 a:hover,
 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
 }


 /* header setting
 ------------------------------------*/
 header {
  height: 100px;
 }

 header .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1800px;
 }

 header p {
  position: absolute;
  top: 26px;
  left: 5.5%;
  width: 16.66667%;
  max-width: 300px;
 }

 header ul#btnMenu {
  display: none;
 }





 /* navigation setting
 ------------------------------------*/
 header nav {
  position: absolute;
  top: 35px;
  right: 22%;
  z-index: 0;
  opacity: 100;
  display: block;
  background: none;
  margin: 0;
  width: 30.35%;
  max-width: 607px;
  min-width: 380px;
  overflow-y: hidden;
  text-align: center;
  transition: none;
 }

 header nav ul#gNavi {
  display: flex;
  justify-content: space-between;
  padding: 0;
  width: 100%;
 }

 header nav ul#gNavi li {
  position: relative;
  padding: 0;
  height: 29px;
  line-height: 29px;
  text-align: left;
  overflow: visible;
 }

 header nav ul#gNavi li:nth-child(1) {width: 21.416%;}
 header nav ul#gNavi li:nth-child(2) {width: 11.708%;}
 header nav ul#gNavi li:nth-child(3) {width: 20.000%;}
 header nav ul#gNavi li:nth-child(4) {width: 14.000%;}

 header nav ul#gNavi li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -20.5%;
  background: #bcbcbc;
  margin: -4px 0 0;
  width: 8px;
  height: 8px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
 }

 header nav ul#gNavi li:nth-child(2)::after {
  right: -40.5%;
 }

 header nav ul#gNavi li a {
  height: 29px;
 }

 header nav ul#gNavi li:nth-child(1) a {
  background: url("../img/txt_navi-overview.png") center / 100% auto no-repeat;
  width: 100%;
 }

 header nav ul#gNavi li:nth-child(2) a {
  background: url("../img/txt_navi-cast.png") center / 100% auto no-repeat;
  width: 100%;
 }

 header nav ul#gNavi li:nth-child(3) a {
  background: url("../img/txt_navi-schedule.png") center / 100% auto no-repeat;
  width: 100%;
 }

 header nav ul#gNavi li:nth-child(4) a {
  background: url("../img/txt_navi-goods.png") center / 100% auto no-repeat;
  width: 100%;
 }

 body header ul#bnrTicket {
  position: absolute;
  top: 50%;
  right: 0.83333%;
  left: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  border-top: none;
  padding: 0;
  width: 16.66667%;
  max-width: 300px;
  height: 100px;
 }






  /* main Visual */
  #mainVisual {
    background: url("../img/bg_main_pc.jpg") center 0 / cover no-repeat;
    margin: 100px 0 0;
    padding: 0 0 100px;
    height: auto;

    margin-bottom: 60px;
  }

  #mainVisual h1 {
    position: relative;
    margin: 0 auto;
    width: 75.725%;
    /* max-width: 1585px; */
  }

  #mainVisual h1 img {
    position: relative;
    /* right: -100px; */
    width: 100%;
    margin: -15% auto 0%;
  }

  #mainVisual h2 {
    margin: -200px auto 50px;
    width: 56.25%;
    max-width: 1140px;
    margin: -18% auto 60px;
    margin: -9% auto 60px;

  }

  #mainVisual h2:nth-child(4) {
    margin-top: -1%;
  }

  #mainVisual p {
    margin: -50px auto 30px;
    width: 56.25%;
    max-width: 1140px;
  }

  #mainVisual h3 {
    margin: 0 auto 30px;
    width: 52.5%;
    max-width: 1050px;
  }

  #mainVisual ul {
    margin: -20px auto 0;
    width: 48.75%;
    max-width: 975px;
  }





 /* overview */
 #overview {
  background: url("../img/bg_overview_pc.png") center 0 / cover no-repeat;
  padding: 110px 11.1% 220px;
  line-height: 1.83;
  font-size: 24px;

  padding-top: 50px;
 }

 #overview .inner {
  margin: 0 auto;
  max-width: 1400px;
 }

 #overview h5 {
  margin: 0 0 80px;
  width: 368px;
 }

 #overview dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
 }

 #overview dl dt {
  margin: 0 3% 60px 0;
  width: 29.285%;
 }

 #overview dl dd {
  margin: 0 0 60px;
  width: 67.715%;
 }

 #overview dl dd a:link,
 #overview dl dd a:visited{
  margin: 0 0 0 0;
  color: aqua;
 }

 #overview dl dd img {
  width: 90%;
 }

 #overview iframe {
  border-radius: 10px;
  margin: 0 0 30px;
  width: 650px;
  height: 360px;
  margin: 0 auto 140px;
  width: 100%;
  height: 788px;
 }
 #overview .ovlive {
  font-size: 30px;
  font-weight: 700;
  color: yellow;
 }

 /* ticket */
 #ticket {
  padding: 75px 11.1% 230px;
 }

 #ticket .inner {
  margin: 0 auto;
  max-width: 1400px;
 }

 #ticket h5 {
  margin: 0 0 6vw;
  width: 368px;
 }

 #ticket picture {
  margin: 0 auto 75px;
  width: 93.5%;
  max-width: 1310px;

  width: 70%;
 }

 #ticket ul {
  margin: 0 0 60px;
  padding: 0;

  width: 80%;
  text-align: center;
  margin: 0 auto 60px;
 }

 #ticket ul img {
  display: block;
  margin: 0 auto;
  width: 53.575%;
  max-width: 750px;
 }

 #ticket article {
  font-size: 16px;
 }

 #ticket article h6 {
  margin: 0 0 50px;
  font-size: 24px;
 }

 #ticket article h6 a:link,
 #ticket article h6 a:visited {
  margin: 0 0 0 5px;
 }





 /* access */
 #access {
  background: url("../img/bg_access_pc.png") center 0 / cover no-repeat;
  padding: 70px 11.1% 0;
  line-height: 1.6;
  color: #fff;
 }

 #access .inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 1400px;
 }

 #access h5 {
  margin: 0 0 115px;
  width: 100%;
 }

 #access h5 img {
  width: 368px;
 }

 #access picture {
  margin: 0 1.1% 200px;
  width: 39.285%;
 }

 #access p {
  position: absolute;
  bottom: 12.5%;
  left: 50%;
  margin: 0 0 0 -40.285%;
  width: 81.5%;
  font-size: 14px;
 }

 #access p em {
  display: inline-block;
  width: 150px;
 }

 #access iframe {
  margin: 0 1.1% 200px;
  width: 39.285%;
  height: auto;
 }





 /* cast */
 #cast {
  padding: 70px 11.1% 120px;
  padding: 70px 11.1% 70px;
 }

 #cast .inner {
  margin: 0 auto;
  max-width: 1400px;
 }

 #cast h5 {
  margin: 0 0 130px;
  width: 368px;
 }

 #cast article {
  margin: 0 auto 8vw;
 }

 #cast article div{
  display: flex;
  max-width: 1170px;
  margin: 0 auto;
 }

 #cast article div > ul{
  border: solid;
  padding: 15px;
  margin: 10px;
 }

 #cast .cosplayer div > ul{
  border: none;
 }

 #cast article:nth-child(5) {
  margin-bottom: 50px;
 }

 #cast article .subTtl {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 1220px;

 font-size: inherit;
 }

 #cast article .subTtl img {
  height: 24px;
 }

 #cast article ul {
  width: 100%;
  max-width: 1170px;
 }

 #cast article ul li {
  width: 16.6667%;
  text-align: center;
 }

 #cast article div > ul li {
  width: 33.3333%;
 }

 #cast .musiclive ul li {
  width: 100%;
 }

 #cast .musiclive ul p {
  font-size: large;
 }

 #cast article ul li picture {
  margin: 0 auto 5px;
  width: 74.35%;
 }

 #cast .musiclive ul li picture {
  width: 74.35%;
 }

 #cast article ul li h6 {
  height: 65px;
  line-height: 65px;
  font-size: 22px;

  line-height: 25px;
  padding-top: 20px;

 }

 #cast article ul li h6.fss {
  margin: 10px 0 -5px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-size: 14px;
 }

 #cast article ul li h6.fss2 {
  margin: 18px 0 -15px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-size: 14px;

  padding-top: 0px;

 }

 #cast article ul li h6.fss2 .line1 {
  font-size: 22px;
 }

 #cast article ul li h6.fss2 .line2 {
  font-size: 15px;
 }

 #cast article ul li h6.fss3 {
  margin: 20px 0 -15px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-size: 18px;

  padding-top: 0px;

 }

 #cast article ul li h6.fss3 .line1 {
  font-size: 22px;
 }

 #cast article ul li h6.fss3 .line2 {
  font-size: 18px;
 }

 #cast article ul li h6.fsm {
  font-size: 18px;
 }

 #cast article ul li h6.fsm2 {
  font-size: 18px;
  padding-top: 20px;
  line-height: 19px;
 }

 #cast article ul li h6.fsm2 .line2 {
  font-size: 18px;
 }


 #cast article ul li ul {
  margin: 0 auto 25px;
  width: 68.18%;
  height: 40px;
  line-height: 40px;
 }

 #cast .musiclive ul li ul {
  width: 13%;
 }


 #cast article ul li ul li {
  height: 40px;
 }

 #cast article ul li ul li:nth-child(1) {margin: 0 11.5% 0 0; width: 24%}
 #cast article ul li ul li:nth-child(2) {margin: 0 11.5% 0 0; width: 28%;}
 #cast article ul li ul li:nth-child(3) {width: 23.3%;}

 #cast .inner > p {
  padding: 0 50px;
  font-size: 12px;
 }

 #cast .inner .cast_byd {
  margin: 50PX auto 0;
 }

 #cast .inner .commentary {
  margin-top: 80px;
  max-width: 1170px;
 }

 #cast .inner .commentary p:last-child {
  text-align: right;
  font-size: large;
 }

 #cast .rule{
  
 }
 #cast .rule article{
  margin-bottom: 0px;
  margin-top: 70px;
 }
 #cast .rule article picture{
  text-align: center;
 }
 #cast .rule article picture img{
  width: 600px;
 }

 #cast .rule article dl{
 }
 #cast .rule article dl dt{
  margin: 0 auto 10px;
  width: 100%;
  max-width: 1220px;
  font-size: inherit;
 }
 #cast .rule article dl dl dt{
  color: white;
  font-weight: normal;
  max-width: 100%
 }
 #cast .rule article dl dd{
  margin: 0 auto 15px;
  padding-left: 3%;
  width: 88vw;
  max-width: 1220px;
  font-size: large;
 }


 /*schedule goods */
 #schedule,
 #goods {
  padding: 50px 0 0;
  line-height: 1.6;
  font-size: 24px;
 }

 #schedule .inner,
 #goods .inner {
  margin: 0 auto;
  width: 100%;
 }

 #schedule article,
 #goods article {
  margin: 0 auto 110px;
  margin: 0 auto 0px;
  padding: 50px 11.1% 75px;
 }

 #schedule h5,
 #goods h5 {
  margin: 0 0 45px;
  width: 368px;
 }

 #schedule article picture,
 #goods article picture {
  width: 80%;
  margin: 0 auto;
 }

 #goods #lineup ul {
  justify-content: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  }

 #goods #lineup ul li:not(:last-child) {
  margin: 0 85px 0 40px;
 }

 #goods #lineup ul li:nth-child(1) {width: 260px;}
 #goods #lineup ul li:nth-child(2) {width: 248px;}

 #goods #lineup picture:nth-child(5),
 #goods #lineup picture:nth-child(11) {
  margin: 60px auto 0;
  width: 60%;
 }
 #goods #lineup picture:nth-child(4) img,
 #goods #lineup picture:nth-child(6) img,
 #goods #lineup picture:nth-child(7) img {
  width: 100%;
 }
 
 #goods #lineup p{
  margin: 0 auto 40px auto;
  font-size: 35px;
 }

 #schedule #timetable p{
  text-align: right;
  font-size: medium;
  width: 80%;
  margin: 0 auto;
 }

 /* broadcast */
 #broadcast {
  padding: 50px 0 0;
  line-height: 1.6;
  font-size: 24px;
 }

 #broadcast .inner {
  margin: 0 auto;
  width: 100%;
 }

 #broadcast article {
  margin: 0 auto 110px;
  padding: 50px 11.1% 75px;
 }

 #broadcast h5 {
  margin: 0 0 45px;
  width: 368px;
 }

 #broadcast #schedule picture {
  margin: 0 auto 50px;
  width: 64.285%;
  max-width: 900px;
 }

 #broadcast #goods p {
  margin: 0 auto 50px;
  width: 78.5%;
  max-width: 1100px;
 }

 #broadcast #goods picture {
  margin: 0 auto 105px;
  width: 77.15%;
  max-width: 1080px;
 }

 #broadcast #goods h6 {
  margin: 0 auto 70px;
  width: 68.75%;
  max-width: 960px;
 }

 #broadcast #goods ul {
  margin: 0 auto 70px;
  width: 78.215%;
  max-width: 1095px;
 }

 #broadcast #goods ul li p {
  margin: 0 auto 15px;
  width: 95.6%;
 }

 #broadcast #goods ul li a {
  width: 100%;
 }

  #broadcast #channel h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
  }

  #broadcast #channel ul {
    justify-content: flex-start;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
  }

 #broadcast #channel ul li:not(:last-child) {
  margin: 0 85px 0 40px;
 }

 #broadcast #channel ul li:nth-child(1) {width: 260px;}
 #broadcast #channel ul li:nth-child(2) {width: 248px;}

  #broadcast #qualifier {
    padding: 50px 11.1% 75px;
  }

  #broadcast #qualifier h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
  }

 #broadcast #qualifier picture {
  margin: 0 auto 70px;
  width: 80.35%;
  max-width: 1125px;
 text-align: center;
 }

 #broadcast #campaign {
  margin: 0 auto;
  padding-top: 50px;
 }

 #broadcast #campaign h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
 }

 #broadcast #campaign picture {
  margin: 0 auto 70px;
  width: 80.35%;
  max-width: 1125px;
 text-align: center;
 }

 #broadcast #campaign ul {
  margin: 0 auto;
  width: 46.785%;
 }





 /* detail */
 #detail {
  padding: 70px 0 0;
  line-height: 1.6;
  font-size: 24px;
 }

 #detail .inner {
  margin: 0 auto;
  width: 100%;
 }

 #detail article {
  margin: 0 0 110px;
  padding: 50px 11.1% 75px;
 }

 #detail h5 {
  margin: 0 0 45px;
  width: 368px;
 }

 #detail #what {
  margin: 0 0 110px;
  padding: 50px 11.1% 75px;
 }

 #detail #what h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
 }

 #detail #what p {
  margin: 0 auto 45px;
  padding: 0 0 0 20px;
  width: 100%;
  max-width: 1400px;
  font-size: 24px;
 }

 #detail #sponser h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
 }

 #detail #sponser ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 0 20px;
  width: 100%;
  max-width: 1400px;
 }

 #detail #sponser ul li {
  margin:  0 5% 30px 0;
 }

 #detail #sponser ul li:nth-child(1) {width: 20%;}
 #detail #sponser ul li:nth-child(2) {width: 20%;}
 #detail #sponser ul li:nth-child(3) {width: 20%;}
 #detail #sponser ul li:nth-child(4) {width: 20%;}
 #detail #sponser ul li:nth-child(5) {width: 20%;}
 #detail #sponser ul li:nth-child(6) {width: 20%;}
 #detail #sponser ul li:nth-child(7) {width: 20%;}
 #detail #sponser ul li:nth-child(8) {width: 20%;}
 #detail #sponser ul li:nth-child(9) {width: 20%;}
 #detail #sponser ul li:nth-child(10) {width: 20%;}
 #detail #sponser ul li:nth-child(11) {width: 20%;}
 #detail #sponser ul li:nth-child(12) {width: 20%;}
 #detail #sponser ul li:nth-child(13) {width: 20%;}


 #detail #partner h5 {
   margin: 0 auto 45px;
   width: 100%;
   max-width: 1400px;
 }

 #detail #partner ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 0 20px;
  width: 100%;
  max-width: 1400px;
 }

 #detail #partner ul li {
  margin:  0 5% 30px 0;
 }

 #detail #partner ul li:nth-child(1) {width: 20%;}
 #detail #partner ul li:nth-child(2) {width: 20%;}
 #detail #partner ul li:nth-child(3) {width: 15%;}
 #detail #partner ul li:nth-child(4) {width: 125px;}
 #detail #partner ul li:nth-child(5) {width: 20%;}




 /* about DREAM MATCH
 #aboutDM {
  padding: 80px 0 60px;
  line-height: 1.8;
  font-size: 20px;
 }

 #aboutDM::before,
 #aboutDM::after {
  top: 75px;
  margin: 0 0 0 -320px;
  width: 10px;
  height: 10px;
 }

 #aboutDM::after {
  margin: 0 0 0 310px;
 }

 #aboutDM h3 {
  border-top: 1px solid #fff;
  margin: 0 auto 2.666667vw;
  padding: 4px 0 0;
  width: 600px;
  font-size: 16px;
 }

 #aboutDM h3::before {
  top: -25px;
  margin: 0 0 0 -150px;
  width: 299px;
  height: 25px;
 } */






 /* footer */
 footer {
  margin: 0;
  padding: 45px 0;
 }

 footer ul {
  width: 350px;
  height: 48px;
 }

 footer ul li:nth-child(1) img {height: 38px;}
 footer ul li:nth-child(2) img {height: 48px;}

 footer nav ul {
  margin: 30px auto;
  width: 500px;
  height: 14px;
  font-size: 14px;
 }

 footer p {
  margin: 0 0 10px;
  font-size: 14px;
 }

 footer p:last-child {
  margin: 0 0 10px;
 }

}





	
	
/* ------------------------------------------------------------------------
	For Small Desktop 
------------------------------------------------------------------------ */
@media screen and (min-width: 1451px) {
 #access picture {
  margin: 0 1.1% 260px;
 }

 #access iframe {
  margin: 0 1.1% 260px;
 }
 #access p {
  bottom: 7.5%;
  font-size: 22px;
 }

 #access p em {
  width: 200px;
 }

}