@charset "utf-8";

/*

日本語

*/

/* msec-visual */

.msec-visual{border:1px solid #cecece; background:#fff;}

.msec-visual .item a{display:block;}

.msec-visual .item img{width:100%;}



/* ======================================================

   .mcont01

=========================================================*/



.mcont01 .div-cont {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr /* 1fr*/; column-gap:8px;margin-top:0.5rem;}

.mcont01 .assets01,

.mcont01 .assets02,

.mcont01 .assets03,

.mcont01 .assets04,

.mcont01 .assets05,

.mcont01 .assets06 {

	text-align: center;

	background: #fff; margin:0; padding: 15px;

	box-sizing: border-box; box-shadow: 0 3px 3px 0 rgba(50,50,50,.1);

	border:1px solid rgba(141, 182, 219,0.5); border-radius:0.5rem;

}



.mcont01 p {color: #3b0f00; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.mcont01 .assetcont {display: flex; justify-content: center; align-items: center; height: 35px; }

.mcont01 .assetcont p {color: #3b0f00; font-size:10px; position: relative; top: 0.2vw;}

.mcont01 .assetcont img {width: 24px;}

.mcont01 .assetcont span.assets-num {margin: 0 3px; font-family: 'Manrope', sans-serif; color: #3b0f00; font-size: 20px; font-weight: 600; }

.mcont01 .assetcont span.assets-num-perf {margin: 0 3px; font-family: 'Manrope', sans-serif; color: #3b0f00; font-size: 12px; font-weight: 600; }

.mcont01 .assetcont span.assets-num.dimmed {color:#eee;}





.topgobtn {width: auto;}

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

	/* ======================================================

	   .mcont01

	=========================================================*/

	.mcont01 .div-cont {display: block; margin-top:1.0rem; width:100%;}

	.mcont01 {width: 96%; text-align: center; height: auto; position: relative; padding: 2% ; border-radius: 0; border:0; border-bottom:2px; }

	.mcont01 .assets01 {float: left; width: 48%; padding:10px; margin: 1%; }

	.mcont01 .assets02 {float: left; width: 48%; padding:10px; margin: 1%; }

	.mcont01 .assets03 {float: left; width: 48%; padding:10px; margin: 1%; }

	.mcont01 .assets04 {float: left; width: 48%; padding:10px; margin: 1%; }

	.mcont01 .assets05 {float: left; width: 98%; padding:10px; margin: 1%; }

	.mcont01 .assets06 {float: left; width: 98%; padding:10px; margin: 1%; }

	.mcont01 p {color: #3b0f00; font-size: 3.5vw; line-height: 5vw; }

	.mcont01 .assetcont {display: flex; justify-content: center; align-items: center; height: 9vw; }

	.mcont01 .assetcont p {color: #3b0f00; font-size: 2vw; position: relative; top: 0.4vw;}

	.mcont01 .assetcont img {width: 5vw;}

	.mcont01 .assetcont span.assets-num {margin: 0 1vw; font-family: 'Manrope', sans-serif; color: #3b0f00; font-size: 4.5vw; font-weight: 600; }

  .mcont01 .assetcont span.assets-num.dimmed {color:#eee;}

	.topgobtn {width:100%;}

}





/* ======================================================

   .mcont01.fixed

=========================================================*/

.mcont01.fixed {position: fixed; width: 1160px; left: 0; right: 0; margin: auto; z-index: 999; display: none;}

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

	.mcont01.fixed {width: 100%;}

}



.msec-game li:nth-child(1) a{border:2px solid #fff ;}

.msec-game li:nth-child(2) a{border:2px solid #fff ; margin: 0 2%;}

.msec-game li:nth-child(3) a{border:2px solid #fff ;}

.msec-game li:nth-child(4) a{border:2px solid #ffffff ;}

.msec-game li:nth-child(5) a{border:2px solid #fff ; margin: 0 2%;}

.msec-game li:nth-child(6) a{border:2px solid #ffffff ;}

.msec-game li:nth-child(7) a{border:2px solid #fff ;}

.msec-game li:nth-child(8) a{border:2px solid #fff ;margin: 0 2%;}

.msec-game li:nth-child(9) a{border:2px solid #fff ;}

.msec-game li:nth-child(10) a{border:2px solid #fff ;}

.msec-game li:nth-child(11) a{border:2px solid #fff ;margin: 0 2%;}

.msec-game li:nth-child(12) a{border:2px solid #fff ;}



.msec-game li:nth-child(1) .info .tit{ color:#ffaa1b;}

.msec-game li:nth-child(2) .info .tit{color:#9bd01d;}

.msec-game li:nth-child(3) .info .tit{color:#3fc9f1;}

.msec-game li:nth-child(4) .info .tit{color:#d681f5;}

.msec-game li:nth-child(5) .info .tit{color:#7cacfc;}

.msec-game li:nth-child(6) .info .tit{color:#ff8e66;}

.msec-game li:nth-child(7) .info .tit{color:#ff6985;}

.msec-game li:nth-child(8) .info .tit{color:#fc7cc1;}

.msec-game li:nth-child(9) .info .tit{color:#58ceff;}

.msec-game li:nth-child(10) .info .tit{color:#a878f0;}

.msec-game li:nth-child(11) .info .tit{color:#14b9af;}

.msec-game li:nth-child(12) .info .tit{color:#e4cb1f;}



.msec-game{margin-top:15px; padding:0px; box-sizing: border-box;}

.msec-game .main-title {width:100%; text-align: center; padding: 20px 0 10px 0; }/*background-image: url("../_beta_preview_assets/_Img/Main/main_title_bg.png"); background-repeat: repeat-x; background-position: left 75%; */

.msec-game ul:after{display:block; content:"";clear:both;}

.msec-game li{float:left; width:33.333%; box-sizing: border-box; margin: 0 ;}

.msec-game li:nth-child(even){float:left; box-sizing: border-box; margin:0;}



.msec-game li:nth-child(n+3){margin-top:2%; box-sizing: border-box;}

.msec-game.front li{float:left; width:33.333%; box-sizing: border-box; margin: 0 ;}

.msec-game.front li:nth-child(n+4){margin-top:2%; box-sizing: border-box;}

.msec-game li a{display:block; position:Relative; background:#fff; border:1px solid #c7c7c7; text-align:right;padding:10px 12px; border-radius: 6px; box-sizing: border-box;}

.msec-game li .info{ position:relative; padding-left:32%; min-height:30px !important;}

.msec-game li .info .img{width:40%; position:absolute; display: block; float:left; left:0; top:0; box-sizing:border-box; padding:0 0;}

.msec-game li .info .img img{width:100%;}



.msec-game li .info .tit{padding-top:10px;font-size:21px; letter-spacing:0em;color:#000; line-height:28px; display:block;vertical-align:top; padding-right:0; font-family:'Manrope', sans-serif; font-weight: 600;}

.msec-game li .info .tit span{margin-left:4px; width:100px; line-height:30px;background:#000000; border-radius:3px; font-weight:500; color:#fff;  font-size:15px;  display:inline-block;vertical-align:top; text-align:Center; }

.msec-game li.end .info .tit span{background:#959595;}

.msec-game li.sold-out .info .tit span{background:#b91f37;}



.msec-game li .info .time{font-size:12px; line-height:29px; color:#adacac; margin-top:10px; padding-right:0px; }

.msec-game li .info .time span{color:#282828; font-family:'Manrope', sans-serif;font-weight:600;  font-size:29px; margin-left:2px; line-height:28px; display:block;vertical-align:top; }



.msec-game li .point{margin-top:10px;padding:0 15px 0 15px; background:#f0f0f0; border-radius:5px; font-family:'Manrope', sans-serif;color:#0b4677; font-size:34px; min-height:51px; font-weight:600; letter-spacing:-0.05em;}



.msec-game li .point2{margin-top:10px;padding:5px 8px 0 8px; background:#f0f0f0; border-radius:5px; font-family:'Manrope', sans-serif;color:#0b4677; font-size:34px; min-height:25px; font-weight:600; letter-spacing:-0.05em;}

.msec-game li .point p{background:url(../_beta_preview_assets/_Img/Layout/acorn-yellow.png) no-repeat right 53%; background-size: 2rem; padding:15px 33px 15px 0; line-height:1.2em;}

.msec-game li .point2 p{ padding: 10px 0;}/*background:url(/_beta_preview_assets/_Img/Layout/acorn-yellow.png) no-repeat right 53%; background-size: 2rem; padding:15px 33px 15px 0;*/



.msec-game li .point2 span{ font-size:0.5em; color: #0b4677; padding-left: 2px; letter-spacing:0px; margin-bottom: 0.2em;}



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

		.msec-game{padding:3%;}



		.msec-game li .info{padding-left:28%;}

		.msec-game li .info .img{width:37%;}

		.msec-game li .info .img{padding:0;}

		.msec-game li .info .tit{font-size:15px;}

		.msec-game li .info .tit span{font-size:13px; width:60px;}



		.msec-game li .info .time {font-size:13px;}

		.msec-game li .info .time span{font-size:24px;}



		.msec-game li .point{padding:0 12px;}

		.msec-game li .point p{font-size:20px;background-size:9%; padding-right:13%;}

		.msec-game li .point2 p{font-size:20px;background-size:9%; padding-right:0;}

	}

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

		.msec-game{padding:3%;}

		.msec-game li{float:none; width:auto; }

		.msec-game li:nth-child(even){float:none;}

		.msec-game li:nth-child(n+2){margin-top:2%}



		.msec-game.front li{float:none; width:auto;}

		.msec-game.front li:nth-child(n+2){margin-top:2%}

		.msec-game li .info .tit{font-size:5.2vw; line-height:6.5vw; padding-top:3vw}

		.msec-game li .info .tit span{font-size:4vw; width:25vw; line-height:6.5vw;}



		.msec-game li .info .time {font-size:3.5vw;margin-top:15px;}

		.msec-game li .info .time span{font-size:7vw; }



		.msec-game li .point{padding:0 12px; min-height:auto;}

		.msec-game li .point p{font-size:7vw;background-size:1.5rem auto; padding:10px 9% 10px 0;}

		.msec-game li .point2 p{font-size:7vw;background-size:1.5rem auto; padding:10px 0 10px 0;}





		.msec-game li:nth-child(2) a{border:2px solid #fff ; margin: 0 0%;}

		.msec-game li:nth-child(5) a{border:2px solid #fff ; margin: 0 0%;}

		.msec-game li:nth-child(8) a{border:2px solid #fff ;margin: 0 0%;}

		.msec-game li:nth-child(11) a{border:2px solid #fff ;margin: 0 0%;}

	}

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

		.msec-game{padding:3%;}

		.msec-game li .info .tit{font-size:15px; line-height:26px;}

		.msec-game li .info .tit span{font-size:12px; line-height:26px;}

		.msec-game li .info .time{margin-top:2px;font-size:13px}

		.msec-game li .info .time span{font-size:19px; }

		.msec-game li .point{padding:0 7px;}

		.msec-game li .point p{font-size:24px; padding:7px 9% 7px 0;}

		.msec-game li .point2 p{font-size:24px; padding:7px 9% 7px 0;}

	}



.msec-intro{position:relative; margin-top:40px;}

.msec-intro h3{padding-left:125px; text-align:left;}

.msec-intro ul{margin:0 -1%}

.msec-intro ul:after{ display:block; content:"";clear:both;}

.msec-intro li{float:left; width:31.33333%;margin:0 1%;box-sizing:border-box; border:1px solid #cecece; background:#fff;}

.msec-intro li:nth-child(n+4){margin-top:2%}

.msec-intro li .tit{background:#403b3a;font-size:21px;text-align:Center; color:#fff; font-weight:700; letter-spacing:-0.03em; line-height:49px; padding:0 10px ;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.msec-intro li .con{padding:7px 10px;}

.msec-intro li .img{border-bottom:1px solid #dcdcdc;}

.msec-intro li .img img{width:100%;}

.msec-intro li .num{color:#555; font-size:16px; padding:9px 0; line-height:1.3em; font-weight:700; letter-spacing:-0.03em; text-align:Center;}

.msec-intro li .point{color:#555; font-size:16px; padding:7px 0; line-height:1.4em; font-weight:700; letter-spacing:-0.03em; text-align:Center;background:#ffffe7; border:1px solid #0095ba; padding:12px 0;}

.msec-intro li .point span{display:block; color:#0095ba;}

.msec-intro li .point i{font-size:24px; line-height:1.1em; }

.msec-intro li .long{text-align:center;padding:8px 0; position:relative;border-bottom:1px solid #dcdcdc; line-height:1.4em; color:#555; font-size:16px; font-weight:700; letter-spacing:-0.02em;}

.msec-intro li .date{padding:10px 0; position:relative;border-bottom:1px solid #dcdcdc; line-height:1.4em; color:#555; font-size:15px; font-weight:400; letter-spacing:-0.02em;}

.msec-intro li .date span{position:absolute; right:0; top:0; padding:10px 0; line-height:1.4em;}

.msec-intro li .date span i{color:#cb1212; font-weight:500;}

.msec-intro li .btns{margin-top:10px;}

.msec-intro li .btns:after{display:block; content:"";clear:both;}

.msec-intro li .btns a{width:48%; line-height:34px; text-align:Center; font-size:15px; font-weight:500}

.msec-intro li .btns .read-btn{color:#8a8a8a;float:left;border:1px solid #e4e4e4; background:#ededed; }

.msec-intro li .btns .buy-btn{color:#fff;float:right;border:1px solid #bf0505; background:#cb1212; }

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

		.msec-intro{margin-top:35px;}

		.msec-intro h3{padding-left:15%}

		.msec-intro li{width:48%}

		.msec-intro li:nth-child(even){float:right;}

		.msec-intro li:nth-child(n+3){margin-top:2%}

	}

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

		.msec-intro{margin-top:27px;}

		.msec-intro h3{padding-left:0;text-align:center;}

		.msec-intro h3 img{width:86%}

		.msec-intro ul{margin:0}

		.msec-intro li{width:auto; margin:0; float:none;}

		.msec-intro li:nth-child(even){float:none; ;}

		.msec-intro li:nth-child(n+2){margin-top:2%}



		.msec-intro li .tit{font-size:4.5vw;}

		.msec-intro li .num{font-size:4vw;}

		.msec-intro li .point{font-size:4vw; padding:6px 0}

		.msec-intro li .point i{font-size:6.5vw;}

		.msec-intro li .long{font-size:4vw}

		.msec-intro li .date{font-size:3.7vw;}

		.msec-intro li .btns a{font-size:4vw;}

	}

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

		.msec-intro li .tit{font-size:17px;}

		.msec-intro li .num{font-size:15px;}

		.msec-intro li .point{font-size:15px; padding:6px 0}

		.msec-intro li .point i{font-size:19px;}

		.msec-intro li .long{font-size:14px;}

		.msec-intro li .date{font-size:13px;}

		.msec-intro li .btns a{font-size:14px;}

	}



.fixwidth {width:32.9% !important; }

.fixwidth .fixwidth-L {width: 60%; float:left;}

.fixwidth .fixwidth-R {float:right;width:40%; padding-top:15px; text-align: right;}

.fixwidth .fixwidth-R a {padding:10px  15px;  background-color: #0a3269; color: #fff ; margin-top: 20px; border-radius:6px; }

.fixwidth .fixwidth-R  a img{margin-bottom: 2%; padding-left: 8px; padding-right: 5px;}



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



	.fixwidth:nth-child(1) {width:48% !important; }

	.fixwidth:nth-child(2) {width:48% !important; }

	.fixwidth:nth-child(3) {width:98% !important; }

}