@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 {width: 100%; height: auto; position: relative; padding:20px;  background-color: #004c8c; border:2px solid #0072d2; box-sizing: border-box; border-radius: 6px; }
.mcont01 .assets01 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.mcont01 .assets02 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.mcont01 .assets03 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.mcont01 .assets04 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.mcont01 .assets05 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.mcont01 .assets06 {text-align: center; float: left; width:16.25%; background: #fff; margin: 0 0.2%; padding: 15px; box-sizing: border-box; box-shadow: 3px 3px 4px rgba(0,0,0,.17); }
.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 {width: 100%; 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: right; width: 48%; padding:10px; margin: 1%; }
		.mcont01 .assets04 {float: right; width: 48%; padding:10px; margin: 1%; }
		.mcont01 .assets05 {float: right; width: 48%; padding:10px; margin: 1%; }
		.mcont01 .assets06 {float: right; width: 48%; 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("../_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(/_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(/_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; }
}