@charset "utf-8";
.base-wp{width: 99%;}
.system-menu{
	width: 98%;
	max-width: 1000px;
	margin: 10px auto 0 auto;
	letter-spacing: -.40em;
	text-align: center;
}
.system-menu li{width: calc(25% - 6px); letter-spacing: normal; display: inline-block;  vertical-align: top; margin: 3px; background:#3fc817;}
.system-menu li:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

.system-menu li a{ width: calc(100% - 10px); display: block; color: #fff; padding: 20px 5px; font-size: 14px; text-align: center; }
.system-menu li a.new{background:url(/championjockey/img/system/new.png) top left no-repeat;}

.system-menu li:nth-child(3n){}

.system-title{width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 50px 0 50px 0; font-size: 40px; font-weight: 600; color: #dd0d0b;}

.system-title_sub{width: 90%; max-width: 1000px; text-align: center; padding: 0 0 0 0; margin: 110px auto 50px auto;}
.system-title_sub span{background: linear-gradient(transparent 70%, #3fc817 0%); font-size: 30px; font-weight: 600; color: #133b07; }

.system-title_sub strong{display: inline-block; background: #f00; color: #fff; padding: 5px; margin-left: 10px;}

.system-category-title{width: 90%; max-width: 1000px; background:#f2f3ed; text-align: center; border-bottom: solid 5px #cfd2bb; border-top: solid 5px #cfd2bb; margin: 110px auto 0 auto; font-size: 30px; color: #646844; padding: 24px 0;}

.text-box{ width: 98%; max-width: 1000px; margin: 10px auto 0 auto;}
.system-box{ width: 95%; max-width: 1000px; margin: 10px auto 32px auto; border-bottom: solid 1px #d9dbca; padding-bottom: 32px; background: #cfd2bb;}

.ss-comments{padding: 10px; line-height:1.61;}

.news_txt_box{width: 100%; max-width: 650px; margin: 0 auto;}


.slick-dots li button:before{color: #133b07;}
.slick-dots li.slick-active button:before{ opacity: .75; color: #d80d07;}
#slideshow-box .slick-next:before{content:""}
#slideshow-box .slick-after:before{content:""}
.slick-prev:before,
.slick-next:before
{ font-family: 'slick'; font-size: 30px; line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}




.stage{ position: relative; width: 100%; padding-top: 56.25%; }
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.stagename{ color:#333; display:block; padding:10px 0; font-size:90%;}

.slick-prev{width: 5%; left: 20px; z-index: 100; height: 100px;}
.slick-next{width: 5%; right: 20px; z-index: 100; height: 100px;}





@media screen and (max-width: 750px) {
.text-box{width: 95%;}
.system-box{width: 95%;}
.system-box dt{width: 100%; float: none; padding-bottom: 24px;}
.system-box dd{width: 100%; float: none;}
.system-sub-title{text-align: center;}

}


@media screen and (max-width: 640px) {
.system-menu li{width: calc(33.3% - 6px); }

.system01 .system-title{font-size: 9.5vw;}
.system02 .system-title{font-size: 8.5vw;}
.system03 .system-title{font-size: 8.5vw;}

.system04 .system-title{font-size: 9.5vw;}
.system05 .system-title{font-size: 8.5vw;}
.system06 .system-title{font-size: 8.5vw;}


.system-category-title{font-size: 6.5vw; margin: 40px auto 0 auto;}
.system-title_sub span{ font-size: 5.5vw;}
.system-title_sub strong{ font-size: 3.5vw;}
.system-title_sub{ margin: 60px auto 30px auto; line-height:1.61; }
.ss-comments{font-size: 14px;}
.ss-comments br{display:none;}
.ss-comments strong{display:block;}



}

@media screen and (max-width: 375px) {
.system-menu li a{ font-size: 2.5vw;}

.system-menu li a.new{background:url(/championjockey/img/system/new.png) top left no-repeat; -moz-background-size:auto 50%; background-size:auto 50%; }

}



@media screen and (max-width: 320px) {
.system-title_sub span{ font-size: 7.5vw;}
.system-title_sub strong{ font-size: 3.5vw;}
.system-title_sub{ margin: 30px auto;}
}



.system01 .systemmenu01,
.system02 .systemmenu02,
.system03 .systemmenu03,
.system04 .systemmenu04,
.system05 .systemmenu05,
.system06 .systemmenu06{background:#28800f;}