@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-broadcast.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: 8.6666667vw;
}

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 {
 background: url("../img/bg_body_230113.png") center 0 / cover no-repeat;
 margin: 12vw 0 0;
 padding: 0 0 6vw;
}

#mainVisual h1 {
 margin: -2vw auto 0;
 width: 100vw;
}

#mainVisual h2 {
 margin: -44vw auto 4.4vw;
 width: 63.2vw;
}

#mainVisual h3 {
 margin: 0 auto 4vw;
 width: 63vw;
}

#mainVisual article {
 margin: 0 auto;
 width: 62.666667vw;
 text-align: center;
 font-weight: bold;
 font-size: 5.0666667vw;
 color: #fff;
}

#mainVisual article ul {
 margin: 0 auto;
 padding: 2vw 0 5.3333333vw;
 width: 28vw;
}

#mainVisual article p {
 padding: 4vw 0 0;
 color: yellow;
}

#mainVisual article p span {
 font-size: 7vw;
 letter-spacing: initial;
}

#mainVisual .inner > p {
 position: absolute;
 top: 17.5vw;
 left: 4vw;
 width: 44.5vw;

 position: unset;
 margin: 5vw auto 0;
 width: 80%;
}





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

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

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

#overview dl dt {
 color: #00dce4;
}

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

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

#overview dl dd img {
 margin-bottom: 8vw;
}

#overview dl .aa_access {
 color: #479cf7;
 font-weight: bolder;
 text-decoration: underline;
}

#overview #rule {
 padding-top: 5vw;
 margin-bottom: 0;
}

#overview dl dd .rule_txt1 {
 color: red;
}
#overview dl dd .rule_txt2 {
 color: #30ff30;
}
#overview dl dd .rule_txt3 {
 color: #ab02ab;
}
#overview dl dd .rule_txt4 {
 color: yellow;
}
#overview dl dd .rule_txt5 {
 color: #6089fd;
}
#overview dl dd .rule_txt6 {
 color: yellow;
 font-size: larger;
 font-weight: bold;
}
#overview dl:last-child dd:last-child {
 margin-bottom: 0;
}

#overview dl .rule a:link,
#overview dl .rule a:visited {
 margin: 0px 0px 0px 0px;
}

#overview dl dd .rule_ex {
 font-size: larger;
 color: yellow;
}
#overview dl .rule_dd2 {
 margin-bottom: 8vw;
}

#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;
 padding: 5.3333333vw 4vw 25.333333vw;
 color: #fff;
}

#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 {
 background: url("../img/bg_access.png") center 0 / cover no-repeat;
 padding: 5.3333333vw 4vw 21.333333vw;
 line-height: 6vw;
 color: #fff;
}

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

#access .aa_access {
 color: #479cf7;
 font-weight: bolder;
 text-decoration: underline;
}



/* cast */
#cast {
 background: #000;
 padding: 5.3333333vw 0 12vw;
 color: #fff;
}

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

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

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

#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: 32vw;
 text-align: center;
}

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

#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.fsm {
 font-size: 3.2vw;
}

#cast article ul li h6.fsh {
 margin: -1.3vw 0 1.3vw;
 line-height: 1.2;
 font-size: 3.7vw;
}

#cast article ul li h6.fss2 {
 margin: -1.4vw 0 1.4vw;
 line-height: 1.4;
 letter-spacing: -0.01em;
 font-size: 2.7vw;
}

#cast article ul li ul {
 justify-content: flex-start;
 margin: 0 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 article .team_change{
 padding: 4vw 4vw 0;
 text-align: right;
 font-family: "Osaka-mono", "MS Gothic", "monospace";
 font-size: 3.2vw;
}

#cast #goods ul {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
 margin: 6vw auto 0;
}

#cast #goods ul li {
 width: 100%;
 text-align: center;

}

#cast #goods ul li p {
 margin: 0 auto 1vw;
 width: 85.5vw;
}

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

#cast .inner article div{
 display: flex;
 text-align: center;
 margin: 0 auto;

 flex-wrap: wrap;
 width: 96vw;
}
#cast .inner article div div{
 border-style: solid;
 margin: 0 0 2%;
 padding-top: 3%;
}

#cast .inner article div .Waku1{
 border-color: red;
}
#cast .inner article div .Waku2{
 border-color: #30ff30;
}
#cast .inner article div .Waku3{
 border-color: #ab02ab;
}
#cast .inner article div .Waku4{
 border-color: yellow;
}
#cast .inner article div .Waku5{
 border-color: blue;
}

#cast .inner article div div ul li{
 width: 33%;
}

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



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

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

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

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

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

#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 .goodsimg03{
 margin-bottom: 4vw;
}

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

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

#broadcast #goods a{
 color: yellow;
 font-weight: bold;
 text-decoration-line: underline;
}

#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 #campaign h5 {
 margin: 0 0 6vw;
}

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

#broadcast #campaign ul {
 margin: 0 auto;
 width: 74.666667vw;
}
#broadcast #channel .txt_ichibankuji {
 text-align-last: center;
 color: yellow;
 margin: 10vw auto 0;
 font-weight: bold;
 font-size: 5vw;
}
#broadcast #channel .img_ichibankuji {
 margin: 2vw auto 0;
 text-align: center;
}
 #broadcast #channel .img_amazon{
  margin: 0 auto 70px;
  width: 100%;
  max-width: 1095px;
 }
 #broadcast #channel .img_amazon li:nth-child(1) {
  width: 100%;
  margin: 20vw auto 0;
 }

 #broadcast #channel .img_amazon li:nth-child(1) img{
  width: 100%;
 }


/* detail */
#detail {
 background:#000;
 padding: 5.3333333vw 4vw 2.666667vw;
 line-height: 6vw;
 font-size: 3.466667vw;
 color: #fff;
}

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

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

#detail #what {
 margin: 0 0 9.3333333vw;
}

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

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




/* 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 {
 background: #1a1a1a;
 margin: -0.4vw 0 0;
 padding: 5.6vw 0 24vw;
}

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





/* 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: 21.55555%;
  max-width: 388px;
  min-width: 300px;
  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: 29.896%;}
 header nav ul#gNavi li:nth-child(2) {width: 15.206%;}
 header nav ul#gNavi li:nth-child(3) {width: 34.278%;}


 header nav ul#gNavi li:nth-child(1) {width: 22.25%;}
 header nav ul#gNavi li:nth-child(2) {width: 12.25%;}
 header nav ul#gNavi li:nth-child(3) {width: 27.25%;}
 header nav ul#gNavi li:nth-child(4) {width: 16.25%;}



 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-broadcast.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 {
  position: relative;
  background: url("../img/bg_body_pc.jpg") center 0 / cover no-repeat;
  margin: 0 0 0;
  padding: 240px 0 80px;
 }

 #mainVisual .inner {
  margin: 0 auto;
  max-width: 1800px;
 }

 #mainVisual h1 {
  width: 100%;
  max-width: 1344px;
 }

 #mainVisual h2 {
  margin: -10em auto 10px;
  width: 33.3333%;
  max-width: 500px;
 }

 #mainVisual h3 {
  margin: -15em auto 12em;
  width: 82.6%;
  max-width: 1240px;
 }

 #mainVisual article {
  margin: 0 auto;
  width: 100%;
  font-size: 56px;
 }

 #mainVisual article h4 {
  margin: 0 auto;
  width: 82.2%;
  max-width: 1235px;
 }

 #mainVisual article ul {
  position: absolute;
  left: 50%;
  bottom: 26.5%;
  margin: 0 0 0 22.5%;
  padding: 0;
  width: 20.2222%;
  max-width: 364px;
 }

 #mainVisual article p {
  color: yellow;
 }

 #mainVisual article p:nth-child(3) {
  font-size: 32px;
  padding-top: 2vw;
 }




 #mainVisual article p span {
  font-size: 90px;
 }

 #mainVisual .inner > p {
  top: 120px;
  left: 40px;
  width: 42.875%;
  max-width: 600px;

  position: unset;
  margin: 60px auto 0;
  max-width: 100%;
 }





 /* 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;
 }

 #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%;
  color: #00dce4;
 }

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

 #overview dl dd img {
  width: 90%;
  margin-bottom: 40px;
 }

 #overview dl dd .rule_txt7 {
  font-size: initial;
 }

 #overview dl .rule a:link,
 #overview dl .rule a:visited {
  margin: 0px 0px 0px 0px;
 }

 #overview dl dd .rule_ex {
    font-size: larger;
    color: yellow;
 }
#overview dl .rule_dd2 {
 margin-bottom: 60px;
}

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

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

 #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% 230px;
  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: 220px;
 }

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





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

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

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

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

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

 #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 ul li picture {
  margin: 0 auto 5px;
  width: 74.35%;
 }

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

 #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.fsm {
  font-size: 20px;
 }

 #cast article ul li h6.fsh {
  margin: 10px 0 -5px;
  line-height: 1.4;
  font-size: 22px;
 }

 #cast article ul li h6.fss2 {
  margin: 6px 0 -5px;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: 19px;
 }

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

 #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 article .team_change{
 font-size: unset;
 font-family: auto;
 padding: unset;
 text-align: right;
  width: 100%;
  max-width: 1170px;
  margin: auto;
 }


 #cast #goods {
  margin: 0 auto 0;
 }

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

 #cast #goods ul li {
  width: 100%;
  text-align: center;
 }

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

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

 #cast .inner article div{
  width: 100%;
  max-width: 1170px;
  text-align: center;
  margin: 0 auto;
  flex-wrap: nowrap;
 }

 #cast .inner article div div{
  margin: 0 1% 2%;
  padding-top: 1%;
 }

 /* broadcast */
 #broadcast {
  background: url("../img/bg_broadcast_pc.png") center 0 / cover no-repeat;
  padding: 50px 11.1% 75px;
  line-height: 1.6;
  font-size: 24px;
 }

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

 #broadcast article {
  margin: 0 0 110px;
 }

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

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

 #broadcast #schedule picture:nth-child(2) {
  margin: 0 auto 100px;
 }

 #broadcast #schedule p {
  padding: 0 50px;
  font-size: 12px;
  text-align: right;
 }

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

 #broadcast #goods .goodslist {
  margin: 0 auto 50px 15%;
 }

 #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 .goodsimg03{
  margin-bottom: 70px
 }

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

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

 #broadcast #channel ul {
  justify-content: flex-start;
  margin: 0;
  width: auto;
 }

 #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 #campaign {
 }

 #broadcast #campaign h5 {
  width: 368px;
 }

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

 #broadcast #campaign ul {
  margin: 0 auto;
  width: 46.785%;
 }
 #broadcast #channel .txt_ichibankuji {
  margin: 50px auto 0;
    text-align-last: center;
    font-size: xx-large;
    font-weight: 600;
    color: yellow;
 }
 #broadcast #channel .img_ichibankuji {
 text-align: center;
    margin-top: 20px;
 }

 #broadcast #channel .img_amazon{
  margin: 0 auto 70px;
  width: 78.215%;
  max-width: 1095px;
 }
 #broadcast #channel .img_amazon li:nth-child(1) {
  width: 100%;
  margin: 160px auto 0;
 }

 #broadcast #channel .img_amazon li:nth-child(1) img{
  width: 100%;
 }

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

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

 #detail article {
  margin: 0 0 110px;
 }

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

 #detail #what {
  margin: 0 0 110px;
 }

 #detail #what h5 {
  width: 635px;
 }

 #detail #what p {
  padding: 0 0 0 20px;
  font-size: 24px;
 }

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

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

 #detail #sponser ul li:nth-child(1) {width: 290px;}
 #detail #sponser ul li:nth-child(2) {width: 270px;}
 #detail #sponser ul li:nth-child(3) {width: 225px;}
 #detail #sponser ul li:nth-child(4) {width: 205px;}
 #detail #sponser ul li:nth-child(4) {width: 288px;}
 #detail #sponser ul li:nth-child(5) {width: 260px;}
 #detail #sponser ul li:nth-child(6) {width: 305px;}
 #detail #sponser ul li:nth-child(7) {width: 248px;}
 #detail #sponser ul li:nth-child(8) {width: 270px;}
 #detail #sponser ul li:nth-child(9) {width: 248px;}
 #detail #sponser ul li:nth-child(10) {width: 248px;}
 #detail #sponser ul li:nth-child(11) {width: 248px;}

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

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

 #detail #partner ul li:nth-child(1) {width: 225px;}
 #detail #partner ul li:nth-child(2) {width: 125px;}
 #detail #partner ul li:nth-child(3) {width: 300px;}
 #detail #partner ul li:nth-child(4) {width: 160px;}




 /* 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;
 }
}





	
	
/* ------------------------------------------------------------------------
	For Small Desktop 
------------------------------------------------------------------------ */
@media screen and (min-width: 1451px) {
 #access p {
  bottom: 7.5%;
  font-size: 22px;
 }

 #access p em {
  width: 340px;
 }

}