@charset "utf-8";
body { background-color: #000; }

* {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	
html *,
html *:before,
html *:after {
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}



#jpgaming {font-family:"メイリオ",Meiryo,Osaka,"小塚ゴシック Pro H",'DINPro',KozGoPr6N-Heavy,KozGoPro-Heavy,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	padding: 0;
	padding: 0;
	margin: 0;
	background-color: #060606;
	overflow-x: hidden;}

#jpgaming .b02{background: url(https://asset.msi.com/event/mb/2018/jpgaming/images/b02_bg.jpg) no-repeat fixed; padding: 150px 0px;}
#jpgaming .b02 .box{background:#30A4DC; text-align: center; padding: 50px; margin: 100px 0px;}
#jpgaming .b02 .box h1{color: #fff; font-size: 4.2em; font-weight: 700;letter-spacing: 15px;}
#jpgaming .b02 .box p{color: #fff; font-size: 1.4em; font-weight: bolder; margin-bottom: 40px;}
#jpgaming .b02 .box a{background-color: #fff; padding: 15px; color: #000; font-size: 1.8em; font-weight: 700;}

#jpgaming .title{background-color: #bf0000; color: #fff; font-size: 2em; text-align: center;}
#jpgaming .b02 .pdbox{ text-align: center; padding: 0px 50px 30px 50px;
	border: 2px solid #bf0000; color: #fff; font-size: 1.8em; background: url(https://asset.msi.com/event/mb/2018/jpgaming/images/00.png) bottom no-repeat;}


#jpgaming .b02 .pdbox .line{border-bottom: 4px solid #666; }
#jpgaming .b02 .pdbox .line span{}
#jpgaming .b02 .pdbox .gn{ padding-top: 11%;}
#jpgaming .b02 .pdbox p{background: url(https://asset.msi.com/event/mb/2018/jpgaming/images/gf_bg.jpg) left no-repeat;
	color: #000;	 width: 60%; margin-left: 20%;	}

#jpgaming .b02 .pdbox .title2{width: 100%;}
#jpgaming span{color: #f00;}
#jpgaming ul li{ float:left;list-style: none;}
#jpgaming .b02 .pdbox .title2{text-align: center; margin:0px; padding-top: 20px;}
#jpgaming .icon-img{width:100px; height:8px;background:#555;-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0% 100%);clip-path:polygon(100% 10%,98% 100%,3% 100%,1% 1%);
margin-top: 20px;}

#jpgaming ul{width: 100%; padding-left: 36%; padding-right: 36%;}
#jpgaming .b02 .pdbox .title2 .txt-w{color: #fff; font-size: 1em; margin: 0px 10px;;}

#jpgaming .b02 .pdbox .pdb{margin-top: 20px; }
#jpgaming a:hover,#jpgaming a{text-decoration: none;}
#jpgaming .b02 .pdbox .pd{color:#fff; font-size: 0.65em; text-decoration: none; margin-top: 0px; line-height: normal;background-color: rgba(229,229,229,0); border-radius: 20px; padding:10px 5px 20px 5px;}
#jpgaming .b02 .pdbox .pd:hover{background-color: rgba(229,229,229,0.2); border-radius: 20px;}

#jpgaming .b03{background: url(https://asset.msi.com/event/mb/2018/jpgaming/images/b03_bg.jpg) no-repeat fixed; padding: 150px 0px;}

#jpgaming .b03 .pdbox{ text-align: center; padding: 0px 50px 30px 50px;
	color: #000; font-size: 1.4em; background: #fff; line-height: 36px;}

#jpgaming .b03 .note ul li{list-style: circle; margin: 0; padding: 0; text-align: left; float: none; font-size: 0.8em; padding-left: 10px;}

#jpgaming .b03 .note ul{padding: 0px; margin:0 25px;}
#jpgaming .steam img{width: 70%;}
#jpgaming .steam{ padding: 80px 0px; background:url(https://asset.msi.com/event/mb/2018/jpgaming/images/1000_m.png) no-repeat center;}
#jpgaming .steam .text{ color: #fff; font-size: 1.8em;}
#jpgaming .steam .text .submit{ont-size: 3em; color: #fff; width: 50%;
background: linear-gradient(-125deg, transparent 30px, #f00 0), linear-gradient(125deg, transparent 30px, transparent); padding:5px 10px;
	-webkit-animation-delay: 1.1s;

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