@charset "UTF-8";
@font-face {
  font-family: "font1";
  src: url("../img/font1.woff")  format('woff');
}
@font-face {
  font-family: "font2";
  src: url("../img/font2.woff?2")  format('woff');
}
html, body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: center;
	font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.75;
}
body.en {
	line-height:1.5;
}
body{
	background: url(../img/bg2.png);
}
body.tech{
	background: url(../img/bg4.png);
}
body,
body *{
    margin:0;
    padding:0;
}
body.waza{
	background:none;
}
body li{
    list-style:none;
}
body i{
	font-style:normal;
}
main{
	max-width: 1200px;
	position:relative;
	background: url(../img/bg.png);
	/* background: #fff; */
	border: #c60000 20px;
	border-style: ridge;
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	display: block;
	width: 92%;
	overflow: hidden;
}
.waza main{
	background:none;
	border:none;
}
.tech main{
	background: url(../img/bg3.png);
}
.ver main{
	background:#fffef1;
}
main.izm1 .izm2,
main.izm1 .izm3,
main.izm2 .izm1,
main.izm2 .izm3,
main.izm2 .izm13,
main.izm3 .izm1,
main.izm3 .izm2,
main.izm3 .izm12{
	display:none !important;
}
main.izm1 li.disp,
main.izm2 li.disp,
main.izm3 li.disp{
	display:inline-block !important;
	vertical-align: top;
}
main .modetab{
	margin-top:0;
	/* background: #0000005c; */
	padding-top: 1.2em;
	border-bottom: #fff 2px solid;
	margin-bottom: 2px;
	/* overflow: hidden; */
}
main .modetab span,
main .modetab a{width: 11.4em;border: #fff 2px solid;border-bottom: none;vertical-align: bottom;position: relative;display: inline-block;background: #c4ecff;padding: 0.2em 0;color: #1d209c;font-family: 'font2';cursor: pointer;font-size: 1.6em;margin: 0 0.15em 0px;border-radius: 0.6em 0.6em 0 0;/* box-shadow: #000 2px 2px 9px; */text-decoration: none;}
main .modetab span.sizm2,
main .modetab a.sizm2{background: #ffd6de;color: #940000;}
main .modetab span.sizm3,
main .modetab a.sizm3{background: #c4ffb5;color: #016736;}
main.izm1 .modetab .sizm1,
main.izm2 .modetab .sizm2,
main.izm3 .modetab .sizm3{top: 2px;}
main .modeBG{
	background: #c4ecff;
	padding: 2em 0;
	margin-top: -2px;
	margin-bottom: -4%;
	position: relative;
	border-bottom: #fff 2px solid;
}
main.izm2 .modeBG{
	background: #ffd6de;
}
main.izm3 .modeBG{
	background: #c4ffb5;
}
/*============================
#gnavi
============================*/
#gnavi {
	position: absolute;
	z-index: 3;
	width: 100%;
}
#gnavi ul {padding: 0.6em 0;width: 100%;display: flow-root;background: #00256e;box-shadow: rgba(0,0,0,30%) 0px 4px 8px;font-family: font2, sans-serif, 'Noto Sans JP';white-space: nowrap;}
#gnavi.fixed {position:fixed;top:0;max-width: 1200px;width: 92%;}
#gnavi li {position:relative;display: inline-block;background: linear-gradient(180deg, #62c2ff 46%, #2ba0e9 58%);box-shadow: #003654 2px 2px 6px;margin: 0 0.22em;border-radius: 0.3em;font-size: 1.5em;text-shadow: 0.12em 0.12em 0 #000;}
#gnavi li.blank{background:none;font-size: 1.2em;vertical-align: text-bottom;}
#gnavi li.blank:after{content:"";width: 0.9em;height: 0.7em;background: url(../img/blank.svg) no-repeat;background-size: contain;position:absolute;right: 0;top: 0;margin: 2% -8% 0 0;}
#gnavi li a{text-decoration:none;color: #fff;padding: 0 0.5em 0.1em;width: 100%;}
#gnavi li a:hover{color:#ff0;}
#gnavi li i{width:1.2em;height:1.2em;background: url(../img/tw2.svg);background-size: contain;display:inline-block;vertical-align:middle;margin-right: 0.1em;margin-left: -0.4em;}
#gnavi .language{position:absolute;left: 0;top: 0;color: #fff;margin: 0.8em 1.4em;font-size: 1em;}
#gnavi .language a{color:#fff;text-decoration: none;margin: 0 0em -0.05em;display: inline-block;vertical-align: bottom;background: #123d92;padding: 0 0.4em;border-radius: 0.3em;}
#gnavi .language a.current{
    background: #4673ce;
    pointer-events: none;
}
/*============================
#ctsMain
============================*/
f {position: relative;}
#ctsMain .language_top{position:absolute;top: 0;right: 0;margin: 1.4em 0.6em;font-weight: 700;color: #fff;z-index: 2;}
#ctsMain{padding-top: 1em;position: relative;}
#ctsMain * {position:relative;}
#ctsMain section{display:block;}
#ctsMain .video{position:absolute;width: 100%;background: #000;height: 28.6em;top: 6.2em;overflow: hidden;}
#ctsMain .video video{position:absolute;width: 100%;left: 0;top: 50%;transform: translateY(-58%);opacity: 0.7;}
#ctsMain p {/* margin: 1em 0; */}
#ctsMain h1 {font-size: 4.2em;line-height: 1.1;font-family: 'Chango', sans-serif;letter-spacing: -0.02em;padding-top: 0.2em;color: #ffe500;text-shadow: #ca0000 3px 5px 0;background: rgba(0,0,0,.8);background: linear-gradient(rgba(0,0,0,.8) 90%, rgba(0,0,0,0));padding-bottom: 0.4em;position: relative;}
#ctsMain h1 span{font-size: 0.4em;font-family: font2, sans-serif, 'Noto Sans JP';font-weight: normal;letter-spacing: -0.02em;color: #ffffff;text-shadow: #ff8100 2px 2px 0;/* -webkit-text-stroke: #000000; *//* -webkit-text-stroke-width: 0.05em; */}
#ctsMain span {display: block;}
#ctsMain a.badge{
	position:absolute;
	right:0;
	top:0;
	width: 19.5%;
	margin: 9.4em 2.5% 0 0;
}
#ctsMain a.badge img{
	width:100%;
}
#ctsMain a.badge:hover img{
	filter:brightness(1.3);
}
#ctsMain a.banner {
    display:
    inline-block;
    width: 39.3%;
    margin: -1.3em 0 0.5em;
	transition:.2s;
}
#ctsMain a.banner:hover{
	filter:brightness(1.15);
	transform:scale(1.03);
}
#ctsMain a.banner.shop{
	margin-left: 0.7em;
}
#ctsMain a.banner img{
    width:100%;
}
#ctsMain a.play {font-size: 1.3em;background: rgba(255,158,0,.8);border-radius: 0.9em;border-width: 0.5em;border-color: #e64600;border-style: groove;color: #fff;text-decoration: none;padding: 0em 1em 0.5em;display: inline-block;margin: 3.7em 0 0.3em;font-family: font2;transition: .24s;/* animation: ten 2000ms linear infinite; */}
.en #ctsMain a.play {margin-top: 7.8em;}
@keyframes ten {
   50% {
     background: #7f0000;
   }
}
#ctsMain a.play:hover{background: #ff6300;color:#ff0;transform: scale(1.05);}
#ctsMain a.play:hover *{color:#ff0}
#ctsMain a.play span{
    font-size: 1.7em;
}
#ctsMain a.play i{
	display:inline-block;
	width: 1.3em;
	height: 1.3em;
	background: url(../img/key.svg);
	background-size: contain;
	margin: 0.2em 0.1em -0.3em -0.3em;
}
#ctsMain small,#ctsMain span {display: block;color: #fff;text-shadow: 0.09em 0.09em #890505;}
#ctsMain h2 {
}
#ctsMain dl {
}
#ctsMain dt {
}
#ctsMain dd {
}
#ctsMain h3 {margin: 0 auto 2.5em;text-align: right;font-size: 0.9em;position: absolute;width: 100%;left: 0;bottom: -4.6em;}
#ctsMain h3 a{
    color: #4c73c0;
}
#ctsMain .lead {
  /* padding-top: 1.9em; */
  color: #fff;
  font-size: 1.5em;
  text-shadow: 2px 2px 0 #000;
  background: #ac0000;
  line-height: 1.6;
  font-family: font2, sans-serif, 'Noto Sans JP';
}
.en #ctsMain .lead{
	line-height:1.2;
	padding: 0.3em 0;
	text-indent: 0;
}
#ctsMain .dev {
  font-size: 0.8em;
  color: #fff;
  text-shadow: 2px 2px 0 #000;
  margin-top: -0.1em;
  font-family: 'Press Start 2P', sans-serif;
  -webkit-text-stroke: #ffffff;
}
.en #ctsMain .dev{
	font-size: 1em;
}
#ctsMain .env {text-align: left;display: inline-block;margin: 0 auto;background: rgba(0,0,0,.6);color: #fff;padding: 0.8em 1em;font-size: 0.9em;border-radius: 0.5em;margin-top: 3em;margin-right: 1.5em;}
#ctsMain .news {background: #d6f2ff;display: inline-block;text-align: left;padding: 0.2em 0.7em;width: 25.5em;margin: 0.9em 0 0.8em;min-height: 3.2em;border: #565df3 2px solid;}
#ctsMain .news h2 {font-size: 1em;text-align: center;background: #565df3;line-height: 1.3;padding-bottom: 0.1em;color: #fff;}
#ctsMain .news dl {color: #4b46ff;font-size: 0.9em;padding: 0.5em;}
#ctsMain .news dt {display: inline-block;width: 6em;}
#ctsMain .news dd {display: inline-block;}
#ctsMain .clogo{position:absolute;z-index: 1;left: 0;margin: 0.6em 0 0 1.2em;top: 0;width: 7.9em;}
#ctsMain .plogo{position: absolute;z-index: 1;left: 0;margin: 4.6em 0.6em 0 1.1em;top: 0;width: 7.9em;display: none;}
#ctsMain a img{width:100%;transition:.1s}
#ctsMain a:hover img{opacity:.8;}
/*============================
.cts
============================*/
.cts {padding-top: 7%;}
.tech .cts{padding-top: 2% !important;}
.cts h2{
    font-family: font2, sans-serif, 'Noto Sans JP';
    font-weight: normal;
    font-size: 2.6em;
    color: #fff;
    text-shadow: 0.07em 0.07em 0 #000;
    background: url(../img/bg2.png);
    padding: 0.2em 0 0.3em;
    line-height: 1;
    border: #e50000 5.3px;
    border-style: inset;
    border-left: 0;
    border-right: 0;
    line-height: 1.2;
}
.waza #ctsCommand{
	padding-top: 4em;
}
.cts.waza h2{
	display:none;
}
.ver .cts h2{
	font-family:'Noto Sans JP';
	font-weight:800;
	font-size: 1.8em;
	margin-top: 0.8em;
}
.tech .cts h2{
	background: url(../img/bg4.png);
	margin-top: 6%;
	border-color: #910000;
}
.en.tech .cts h2{
	font-size: 2.3em;
	padding: 0.3em 0;
}
.cts b{
	background: #a80000;
	color: #ffffff;
	font-weight: 800;
	width: 1.5em;
	display: inline-block;
	text-align: center;
	border-radius: 2em;
	line-height: 1.4;
	padding-bottom: 0.1em;
	margin: 0 0.1em;
}
.waza #ctsCommand li p{
    font-size: 1.4em;
    font-weight: 500;
    padding-top: 0.4em;
    margin-bottom: 0.4em;
    line-height: 1.8;
}
.waza #ctsCommand li.narrow p{
	padding-top: 0.1em;
	margin-bottom: 0em;
	font-size: 1.32em;
}
.waza #ctsCommand li.rei p,
.waza #ctsCommand .izm2 li.jk p{
	margin-bottom: 0.2em;
	padding-top: 0.2em;
}
.waza #ctsCommand .izm2 li.rei p,
.waza #ctsCommand .izm2 li.jk p{
	margin-bottom: 0.14em;
	padding-top: 0.14em;
}
.waza #ctsCommand li p i{
    font-style:normal;
    color: #9c9c9c;
    font-size: 0.8em;
    font-weight: 900;
    vertical-align: top;
    margin-top: 0.2em;
    margin-left: 0.1em;
    display: inline-block;
}
.waza .cts b.p{
	background: url(../img/punch.png) no-repeat;
	background-size: contain;
	border-radius: 0;
	width: 1.7em;
	height: 1.7em;
	margin-top: 0em;
	margin-right: -0.6em;
	padding-bottom: 0.2em;
	vertical-align: top;
	overflow:hidden;
	text-indent:100%;
}
.waza .cts b.k{
	background: url(../img/kick.png) no-repeat;
	background-size: contain;
	border-radius: 0;
	width: 1.7em;
	height: 1.7em;
	margin-top: 0em;
	vertical-align: top;
	margin-right: -0.6em;
	padding-bottom: 0.2em;
	overflow:hidden;
	text-indent:100%;
}
.cts p.lead{font-size: 1.3em;margin: 1.4em 0 1em;}
.cts p.lead .uchu{
    width: 3em;
    vertical-align: middle;
    margin-left: -2.3em;
    margin-right: 0.5em;
}
/* #ctsSys */
#ctsSys {padding-top: 9%;}
#ctsSys h2 {
}
#ctsSys p.lead {margin: 2em 0;font-size: 1.1em;}
#ctsSys ul {
}
#ctsSys ul + p{
	margin-top: 2em;
}
#ctsSys li {width: 26.6%;font-size: 1em;min-width: 18em;/* border: #f00 1px solid; */background: #c4ecff;border-radius: 1.2em;padding: 1.5em 0 2em;margin: 0 0.4%;box-shadow: #0006 0.3em 0.4em 0.3em;}
#ctsSys h3 {font-family: 'font2';font-size: 2.2em;color: #fff;font-weight: normal;line-height: 1;padding: 0.1em 0 0.2em;text-shadow: #000 .08em .08em 0;}
.en #ctsSys h3{font-size:1.9em;padding: 0.2em 0 0.3em;}
#ctsSys small {font-size: 0.6em;margin-left: 0.1em;}
#ctsSys em {
}
#ctsSys .izm1 {color: #1d209c;}
#ctsSys .izm1 h3 {
    background: #1d209c;
}
#ctsSys .izm1 small {}
#ctsSys .izm1 em {
}
#ctsSys .type {font-family: 'font2';font-size: 1.1em;line-height: 1.3;display: block;}
#ctsSys .img {height: 8em;margin-top: 3.7%;}
#ctsSys li p {font-weight: 600;line-height: 1.4;margin: 0.5em 0;font-size: 1em;}
#ctsSys .izm2 {color: #940000;}
#ctsSys .izm3 {color: #016736;}

#ctsSys .about {background: #ffffb3;width: 92%;margin: 3.4% auto 0;font-family: 'font2';border-radius: 2.1em;line-height: 1.4;padding: 0.5em 0;letter-spacing: -0.02em;font-weight: normal;font-size: 1.25em;font-style: italic;}
.en #ctsSys .about{
    font-size: 1.1em;
    white-space: nowrap;
    border-radius: 1.1em;
    transform: scale(0.9,1);
    width: 100%;
}
#ctsSys .about em {margin-right: 0.1em;}
#ctsSys .izm2 {background: #ffd6de;}
#ctsSys .izm2 h3 {background: #940000;}
#ctsSys .izm2 small {
}
#ctsSys .izm2 em {
}
#ctsSys .bad {
}
#ctsSys .izm3 {background: #c4ffb5;}
#ctsSys .izm3 h3 {background: #016736;}
#ctsSys .izm3 small {
}
#ctsSys .izm3 em {
}

/*============================
#ctsOpe
============================*/
#ctsOpe{
	padding-top: 9%;}
#ctsOpe p.lead{
	/* font-weight: 600; */
	padding: 3% 0 0%;
	margin: 0;
	/* background: rgb(0,0,0,0.3); */
	/* color: #fff; */
	/* text-shadow: #000 1px 2px; */
}
#ctsOpe p.lead span{
	vertical-align: middle;
	display:inline-block;
	text-align:left;
	margin: 1% -1.8% 1% 0.1%;
	font-size: 0.9em;
}
#ctsOpe p.lead span em{
	color:#fe1348;
}
#ctsOpe ul {background: url(../img/controll.png)no-repeat;width: 26.25em;margin: 0 auto 2%;height: 19em;position: relative;background-size: contain;font-family: font2, sans-serif, 'Noto Sans JP';}
#ctsOpe li{
    position:absolute;
    left: 0;
    top: 0;
    font-size: 2.4em;
    line-height: 1;
    color: #d70000;
    white-space: nowrap;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,0-1px 0 #FFF,-1px 0 0 #FFF,1px 0 0 #FFD, 0.1em 0.12em 0.1em rgba(0,0,0,.6);
}
#ctsOpe li.izm3{
	color:#048a4c;
}
#ctsOpe li:before,
#ctsOpe li:after{content:"";position:absolute;}
#ctsOpe li:before{width: 1.1em;border-top: #ff0000 0.12em solid;left: 50%;top: 0;transform: rotate(90deg);}
#ctsOpe li:after{width: 0.4em;height: 0.4em;background: #ff0000;border-radius: 1em;top: 0;left: 0;}
#ctsOpe li small {
	display:block;
	font-size: 0.5em;
	line-height: 1.7;
}
#ctsOpe h3 {font-size: 1.7em;font-family: font2, sans-serif, 'Noto Sans JP';font-weight: normal;background: #4c599c;background: linear-gradient(45deg, #191b9c, rgba(0,0,0,.39));letter-spacing: 0.02em;color: #fff;line-height: 1.2;border-radius: 1em;padding: 0.1em 0.9em 0.2em;text-shadow: 0.1em 0.1em 0 #000;font-style: italic;margin: 6% 0 1.1%;}
.en #ctsOpe h3{
	padding-top:.2em;
}
#ctsOpe h3 small{
	font-size: 0.6em;
	display: inline-block;
	margin-left: 1.2em;
	margin-bottom: 0.3em;
	position: relative;
	vertical-align: bottom;
	text-shadow: none;
}
.en #ctsOpe h3 small{
	margin-left: 0.8em;
}
.tech #ctsOpe h3:first-child{
	margin-top:.8em;
}
#ctsOpe h3 .izmc{background: #fff;border-radius: 0.6em;padding: 0.1em 0.4em;margin-right: 0.1em;color: #1d209c;}
#ctsOpe h3 .izmc + .izmc{margin-left: 0.15em;}
#ctsOpe h3 .new{
    font-size: .8em;
    margin-left: 0.6em;
    color: #ffa837;
}
#ctsOpe .anchor{position:absolute;margin-top:-1em;}
main.izm2 #ctsOpe h3 .izmc{color:#b3052a;}
main.izm3 #ctsOpe h3 .izmc{color:#056d5a;}
main.izm2 #ctsOpe h3 {
    background: #b30026;
    background: linear-gradient(45deg, #b30026, rgba(0,0,0,.39));
}
main.izm3 #ctsOpe h3 {
    background: #016b59;
    background: linear-gradient(45deg, #016b59, rgba(0,0,0,.39));
}
#ctsOpe p {margin: 0.3em 0 0.7em 1.1em;line-height: 1.5;}
#ctsOpe p.indent{text-indent:-1em;padding-left:1em;}
#ctsOpe em {
	font-style: normal;
	color: #2e56c7;
	font-weight: 600;
}
main.izm2 #ctsOpe em {
	color: #ce0000;x
}
main.izm3 #ctsOpe em {
	color: #008872;x
}
#ctsOpe a .entrance {background: url(../img/bg4.png);background-size: 42px;margin-top: 1%;border: #910000 4px solid;display: inline-block;color: #fff;text-decoration: none;padding: 0.4em 0.8em;font-family: 'font2';line-height: 1.3;font-weight: normal;border-radius: 0.8em;font-size: 1.6em;text-shadow: #000 2px 2px;transition: filter .2s;box-shadow: #0006 0.1em 0.1em 0.2em;}
#ctsOpe a:hover .entrance {
    filter: brightness(1.5);
}
#ctsOpe h4 {text-align: center;padding: 2em 0 1.5em;}
#ctsOpe .o1 {margin: 7% 0 0 2%;}
.en #ctsOpe .o1{
    line-height: 0.4;
}
#ctsOpe .o2 {margin: 64% 0 0 6.4%;}
#ctsOpe .o3 {margin: 22.4% 0 0 48.4%;text-align: left;height: 2.9em;display: block;width: 7em;}
#ctsOpe .o3 small {
}
#ctsOpe .o4 {margin: 41% 0 0 -53.1%;text-align: right;}
#ctsOpe .o4 small {
    margin-right: 0.2em;
}
#ctsOpe .o5 {margin: 66% 0 0 50%;}
#ctsOpe .o6 {margin: 65.9% 0 0 85%;}
.en #ctsOpe .o6 {margin: 61.9% 0 0 88%;line-height: 1.4;}
.en .izm3 #ctsOpe .o5,
.en .izm3 #ctsOpe .o6 {font-size: 1.9em;margin-top: 59.9%;line-height: 1.1;}

#ctsOpe .o7 {margin: 77.8% 0 0 54.4%;font-size: 1.3em;}
.en #ctsOpe .o7 {
    margin: 76.5% 0 0 49.8%;
}
#ctsOpe .o1:before {margin: 41% 0 0 -9%;transform: rotate(80deg);}
#ctsOpe .o1:after {margin: 54% 0 0 52%;}
#ctsOpe .o2:before {margin: -15% 0 0 -14.2%;transform: rotate(101deg);}
#ctsOpe .o2:after {margin: -40% 0 0 51%;}
#ctsOpe .o3:before {margin: 23% 0 0 -73%;transform: rotate(142deg);width: 1.6em;}
#ctsOpe .o3:after {margin: 28.3% 0 0 -24%;}
#ctsOpe .o4:before {margin: 4% 0 0 52%;transform: rotate(-21deg);}
#ctsOpe .o4:after {margin: -2.5% 0 0 119%;}
#ctsOpe .o5:before {margin: -22% 0 0 -24.7%;transform: rotate(77deg);}
#ctsOpe .o5:after {margin: -48% 0 0 31%;}
.en #ctsOpe .o5:after {margin: -43% 0 0 31%;}
.en .izm3 #ctsOpe .o5:before {margin: -14% 0 0 -24.7%;transform: rotate(77deg);}
.en .izm3 #ctsOpe .o5:after {margin: -31% 0 0 31%;}
#ctsOpe .o6:before {margin: -22% 0 0 -73.2%;transform: rotate(72deg);}
#ctsOpe .o6:after {margin: -48% 0 0 -19%;}
.en .izm3 #ctsOpe .o6:before {margin: -18% 0 0 -66.7%;transform: rotate(77deg);}
.en .izm3 #ctsOpe .o6:after {margin: -36% 0 0 -12%;}
#ctsOpe .o7:before,
#ctsOpe .o7:after {display:none;}
#ctsOpe .note {color: #a00000;margin: 4.7% 0 3% 0;display: block;font-size: 0.9em;}
#ctsOpe .memo{
	text-align:left;
	width: 57em;
	margin: 0 auto;
}
/*============================
#ctsCommand
============================*/
#ctsCommand {
}
#ctsCommand h2 {/* margin-bottom: 0.7em; */}
#ctsCommand li p {margin-bottom: 0.3em;}
#ctsCommand li.narrow p {
	line-height: 1.7;
	margin-bottom: 0.05em;
}
#ctsCommand li span.thin{
    transform: scale(0.82, 1);
    display: block;
    white-space: nowrap;
    width: 100%;
    letter-spacing: -0.02em;
    text-align: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#ctsCommand li span.thin2{
    transform: scale(0.7, 1);
    letter-spacing: -0.02em;
    transform-origin: 63% 0;
}
#ctsCommand .clm3 .scroll{
	width: 53.1em;
	margin: 0 auto;
}
#ctsCommand ul {}
#ctsCommand li {display: inline-block;vertical-align: top;width: 16em !important;background: #fff;min-height: 15em;position: relative;margin-bottom: 2.1em;margin-right: 1.1em;border-radius: 0.5em;overflow: hidden;border: #000000 2px solid;box-shadow: rgb(181 181 181 / 83%) 2px 2px 8px;}
#ctsCommand .izm2 li:before{
	content:"";
	position:absolute;
	width: 11.6em;
	height: 1.3em;
	left: 5.2em;
	top: 0.2em;
	background:url(../img/izm2mega.png)no-repeat;
	background-size:contain;
}
#ctsCommand .izm2 li{
	min-height: 16.1em;
}
.en #ctsCommand .izm2 li{
	min-height: 17em;
}
#ctsCommand .izm3 li {min-height: 0;white-space: normal;}
#ctsCommand li.narrow{line-height: 1.4;}
#ctsCommand h3 {display: inline-flex;align-items: center;justify-content: center;width: 100%;font-family: font2, sans-serif, 'Noto Sans JP';letter-spacing: 0.02em;color: #fff;padding: 0.2em 0% 0.1em 0;text-align: center;font-size: 1.9em;text-indent: 1.9em;font-weight: normal;white-space: nowrap;text-shadow: 0.1em 0.1em 0 #000;font-style: italic;background: url(../img/p_uchu.png) no-repeat;background-color: #3478ff !important;background-size: 33.3% !important;background-position-x: 1% !important;background-position-y: 49% !important;letter-spacing: -0.05em;line-height: 2.1;}
.en #ctsCommand h3{font-size: 1.7em;}
#ctsCommand .izm2 h3{
    padding: 0.1em 0% 0.2em 0;
    background-color: #ea2d43 !important;
    line-height: 2.2;
    margin-bottom: -0.2em;
}
#ctsCommand .izm3 h3{
    background-color: #05bb63 !important;
}
#ctsCommand .utsuuji h3 {
	background: url(../img/p_utsuuji.png) no-repeat; 
}
#ctsCommand .hasshi h3 {
    background: url(../img/p_hasshi.png) no-repeat;
}
#ctsCommand .mao h3 {
    background: url(../img/p_mao.png) no-repeat;
}
#ctsCommand .shippo h3 {
    background: url(../img/p_shippo.png) no-repeat;
    background-position-x: 0 !important;
}
#ctsCommand .kuse h3 {
    background: url(../img/p_kuse.png) no-repeat;
}
#ctsCommand .jk h3 {
    background: url(../img/p_jk.png) no-repeat;
}
#ctsCommand .rei h3 {
    background: url(../img/p_rei.png) no-repeat;
}
#ctsCommand .bm h3 {
    background: url(../img/p_bm.png) no-repeat;
}
#ctsCommand .mm h3 {
    background: url(../img/p_marumoyo.png) no-repeat;
}
#ctsCommand .af h3 {
    background: url(../img/p_autofive.png) no-repeat;
}
#ctsCommand .ch h3 {
    background: url(../img/p_cachecache.png) no-repeat;
}
#ctsCommand .izm2 .uchu h3 {
	background: url(../img/p_j_uchu.png) no-repeat; 
}
#ctsCommand .izm2 .utsuuji h3 {
	background: url(../img/p_j_utsuuji.png) no-repeat; 
}
#ctsCommand .izm2 .hasshi h3 {
    background: url(../img/p_j_hasshi.png) no-repeat;
}
#ctsCommand .izm2 .mao h3 {
    background: url(../img/p_j_mao.png) no-repeat;
}
#ctsCommand .izm2 .shippo h3 {
    background: url(../img/p_j_shippo.png) no-repeat;
    background-position-x: 0 !important;
}
#ctsCommand .izm2 .kuse h3 {
    background: url(../img/p_j_kuse.png) no-repeat;
}
#ctsCommand .izm2 .jk h3 {
    background: url(../img/p_j_jk.png) no-repeat;
}
#ctsCommand .izm2 .rei h3 {
    background: url(../img/p_j_rei.png) no-repeat;
}
#ctsCommand .izm2 .bm h3 {
    background: url(../img/p_j_bm.png) no-repeat;
}
#ctsCommand .izm2 .af h3 {
    background: url(../img/p_j_autofive.png) no-repeat;
}
#ctsCommand .izm2 .mm h3 {
    background: url(../img/p_j_marumoyo.png) no-repeat;
}
#ctsCommand .izm2 .ch h3 {
    background: url(../img/p_j_cachecache.png) no-repeat;
}
#ctsCommand .izm3 .uchu h3 {
	background: url(../img/p_c_uchu.png) no-repeat; 
}
#ctsCommand .izm3 .utsuuji h3 {
	background: url(../img/p_c_utsuuji.png) no-repeat; 
}
#ctsCommand .izm3 .hasshi h3 {
    background: url(../img/p_c_hasshi.png) no-repeat;
}
#ctsCommand .izm3 .mao h3 {
    background: url(../img/p_c_mao.png) no-repeat;
}
#ctsCommand .izm3 .shippo h3 {
    background: url(../img/p_c_shippo.png) no-repeat;
}
#ctsCommand .izm3 .kuse h3 {
    background: url(../img/p_c_kuse.png) no-repeat;
}
#ctsCommand .izm3 .jk h3 {
    background: url(../img/p_c_jk.png) no-repeat;
}
#ctsCommand .izm3 .rei h3 {
    background: url(../img/p_c_rei.png) no-repeat;
}
#ctsCommand .izm3 .bm h3 {
    background: url(../img/p_c_bm.png) no-repeat;
}
#ctsCommand .izm3 .af h3 {
    background: url(../img/p_c_autofive.png) no-repeat;
}
#ctsCommand .izm3 .mm h3 {
    background: url(../img/p_c_marumoyo.png) no-repeat;
}
#ctsCommand .izm3 .ch h3 {
    background: url(../img/p_c_cachecache.png) no-repeat;
}
#ctsCommand h5 {/* border-bottom: #d75d00 1px solid; */background: #fff993;padding: 0.2em 0;color: #d75d00;display: inline-flex;width: 100%;align-items: center;justify-content: center;}
#ctsCommand .izm2 h5{
    background: #940000;
    color: #ffdcdc;
}
#ctsCommand .izm3 h5{
    background: #940000;
    color: #ffdcdc;
}
#ctsCommand h4 {background: #c4ecff;font-weight: 700;padding: 0.1em 0;border-top: #000000 1px solid;font-size: 1.05em;}
#ctsCommand .izm2 h4{
    background: #ffd6de;
}
#ctsCommand .izm3 h4{
    background: #c4ffb5;
}
#ctsCommand .izm2 h4 b{
    background: #f97c9f;
    font-size: 0.8em;
    margin: 0 0.3em 0 -1.1em;
}
#ctsCommand .izm3 h4{
    width:70%;
    display: inline-flex;
    padding: 0.25em 0 0;
    height: 2rem;
    align-items: center;
    justify-content: center;
}
#ctsCommand .izm3 h4+p{
	width:30%;
	display:inline-block;
	margin-bottom: 0;
	border-top: 1px #000 solid;
	padding: 0.25em 0 0;
	height: 2rem;
	vertical-align: top;
	background:#fff;
}
#ctsCommand h4 em{
    padding: .2em;
    background: #7ca6f9;
    border-radius: 1em;
    font-size: 0.7em;
    font-weight: 700;
    color: #fff;
    padding: 0em 0.7em 0.1em 0.4em;
    margin: 0.3em -4.8em 0 0.7em;
    vertical-align: top;
    display: inline-block;
}
#ctsCommand .izm2 h4 em{
	
background: #f97c9f;
}
#ctsCommand p + h4{
	
border-top: #000000 1px solid;
}
#ctsCommand h4:nth-of-type(3) em{
	margin: 0.3em -0.8em 0 0.7em;
}
#ctsCommand small {font-size: 0.8em;color: #8e8e8e;margin-left: -2.7em;}
#ctsCommand small.c0{
	margin-left: 0;
}
#ctsCommand small.tame{
	margin-left: 0;
	margin: 0.73em 0 3.03em;
	display: block;
}
#ctsCommand small.tame2{
	margin-left: 0;
	margin: 0.33em 0 0.43em;
	display: block;
}
#ctsCommand small.c3{
    margin-left: -3.7em;
}
#ctsCommand small.c1{
    margin-left: -1.7em;
}
#ctsCommand h6 {
}
#ctsCommand a {
}
#ctsCommand .hide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #c4c4c4;transition: top .3s ease-in;}
#ctsCommand li.open .hide {
    top: -100%;
}
#ctsCommand .hide h6 {font-size: 1.4em;margin-top: 27.6%;}
#ctsCommand .hide a {background: #696969;padding: 0.3em 2.1em;display: inline-block;border-radius: 0.6em;margin-top: 0.6em;font-weight: 600;color: #fff;font-size: 1.3em;cursor: pointer;}
#ctsCommand .hide a:hover{background:#000;}
#ctsCommand .note{
	margin: -0.6em 0 0em;
}
/*============================
#ctsChara
============================*/
#ctsChara {
}
#ctsChara p{
	margin:2em 0;
	font-size: 1.3em;
}

/*============================
#ctsFAQ
============================*/
#ctsFAQ{
	padding-bottom: 2em;
}
#ctsFAQ h2 {
}
#ctsFAQ .memo{
	width:80%;
	text-align:left;
	margin: 0 auto;
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ctsFAQ h3 {background: #ffee8d;padding: 0.2em 1em 0;font-size: 1.3em;color: #766f00;}
.en #ctsFAQ h3{padding: 0.5em 1em 0.5em;}
#ctsFAQ h3 span{
	display:inline-block;
	width: 86%;
	line-height:1.45;
	vertical-align:middle;
}
.en #ctsFAQ h3 span{
	width: 92.7%;
	line-height: 1.3;
}
#ctsFAQ h3 strong{
	font-size: 1.7em;
	font-weight: 800;
	display: inline-block;
	vertical-align: middle;
	color: #786f00dd;
	line-height: 1.5;
	margin: 0em 0.3em -0.05em 0.1em;
	font-family: 'Press Start 2P', sans-serif;
}
#ctsFAQ .memo p {padding: 1.3em 1em 1.4em 3em;}
#ctsFAQ p em{font-weight:800;font-size: 1.1em;/* opacity: 0.4; */font-style: normal;}

/*============================
#ctsBBS
============================*/
#ctsBBS{padding-bottom:8%;}
#ctsBBS a{font-size: 1.6em;background: rgba(255,158,0,.8);border-radius: 0.9em;border-width: 0.5em;border-color: #e64600;border-style: groove;color: #fff;text-shadow: 0.09em 0.09em #890505;text-decoration: none;padding: 0.1em 1em 0.2em;display: inline-block;margin: 0.4em 0 0.4em;font-family: font2;width:8em;}
.en #ctsBBS a{width: 10em;}
#ctsBBS a:hover{background: #ff6300;color:#ff0;transform: scale(1.05);}
#ctsBBS a:hover *{color:#ff0}
#ctsBBS .note{
	font-size:0.9em;
	width:50em;
	max-width: 80%;
	margin: 3% auto 0;
	padding: 1.4em 2em 1.5em;
	background:#fff;
	border-radius: 1.5em;
}
#ctsBBS .note p.l{
	font-family:font2;
}
#ctsBBS .note ul{
	text-align:left;
}
#ctsBBS .note h3{
    margin:1em 0 0.4em;
    text-align: left;
}
#ctsBBS .note h3 + p{
	text-align:left;
}
#ctsBBS .note li{
	text-indent:-1em;
	padding-left:1em;
}
#ctsBBS ul + p{
	margin:1em 0 0.4em;
	text-align:left;
}
/*============================
#ctsVer
============================*/
#ctsVer {
}
#ctsVer .memo {text-align: left;margin: 0 auto;padding: 1.3em 0 6em;max-width: 50em;width: 90%;}
#ctsVer .memo h3 {color: #e50000;margin-top: 1.1em;}
#ctsVer .memo p, #ctsVer .memo ul {text-indent: -1em;padding-left: 1em;line-height: 1.5;margin-bottom: 0.5em;}
#ctsVer .memo ul {margin-top: -0.3em;margin-bottom: 1em;}
#ctsVer .memo li {margin-left: 1.7em;margin-bottom: 0.2em;/* font-size: 0.9em; */}
#ctsVer .memo .red *{
	color: #1e15ff;
}
#ctsVer .memo em{
	color: #fb6e6e;
	font-style: normal;
}
#ctsVer h4 {text-align: center;padding: 2.2em 0 1.5em;}

#ctsVer .memo table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border:#000 1px solid;
    border-bottom:none;
    border-right:none;
    background: #fff;
    margin-top: 1em;
    margin-bottom: 2em;
}
#ctsVer .memo tr{
}
#ctsVer .memo th{
    width: 6em;
    border:#000 1px solid;
    border-top:none;
    border-left:none;
    text-align: center;
}
#ctsVer .memo td.izm{
    width: 5.5em;
    text-align: center;
    padding: .5em 0;
    background: #f5f5f5;
    line-height: 1.5;
}
#ctsVer .memo td{
    width: 76%;
    border:#000 1px solid;
    border-top:none;
    border-left:none;
    padding: .5em .6em;
    font-size: 0.9em;
}
#ctsVer .memo td span{
	color: #fb6e6e;
	font-size: 0.95em;
	margin: 0.3em 0 0.5em 0.3em;
	display: inline-block;
}
#ctsVer .memo td span.blue{
	color: #6b8eff;
}
#ctsVer .memo .hp{
	width:50%;
	margin: 1.3em 0 0.4em 1em;
}
#ctsVer .memo .hp .tl{
	background: #ebebeb;
}
#ctsVer .memo .hp th{
	width: 33%;
	font-weight:normal;
	font-size:.9em;
}
#ctsVer .memo .hp td{
	width:auto;
	padding: 0.05em 1.1em;
}
#ctsVer .memo .hp td:nth-of-type(1){
	text-align:center;
	width: 20%;
}
#ctsVer .memo .hp span{
	margin:0;
}
#ctsVer .memo .note{
	line-height: 1.7;
	display: block;
	font-size: 0.9em;
	margin-left:1em;
}

/*============================
footer
============================*/
footer{
    background: #00256e;
    color: #fff;
    position: relative;
    padding: 0.3em 0 0.7em;
}
footer .totop{
    position: absolute;
    right: 0;
    top: 0;
    margin: -10% 5% 0 0;
    margin: -3em 2em 0 0;
    color: #f0f;
    font-size: 0.8em;
    text-decoration: none;
    background: #00256e;
    border-radius: 1em;
    color: #fff;
    padding: 0 0.5em;
}
footer small{
    font-size: 0.5em;
    font-family: 'Press Start 2P', sans-serif;
}
footer small span{
	display:inline-block;
	width: 3em;
	height: 3em;
	background:url(../img/tw.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 1.6em;
}
footer small span.mail{
	background:url(../img/mail.svg) no-repeat;
	background-size: contain;
}

@media all and (-ms-high-contrast:none){
  #ctsMain .lead,
  #ctsMain h1 span,
  #ctsMain a.play small,
  #gnavi li,
  #ctsBBS a{
  	padding-top:.5em !important;
  	line-height:1 !important;
  }
  #ctsOpe a .entrance{
  	padding-top:.8em;
  	line-height:1;
  }
  #ctsCommand h3{
  	padding-top:.8em;
  	line-height:1.5;
  	margin-bottom:-0.1em;
  }
  #ctsSys h3{
  	padding-top:.6em;
  	line-height:.4;
  	margin-bottom:.2em;
  }
  .en #ctsSys h3{
  	padding-top:.8em;
  	line-height:.6;
  	margin-bottom:.2em;
  }
  #ctsMain a.play span{
  	padding-top:.1em;
  	line-height:1;
  }
  #ctsOpe h3 .izmc{
  	padding:.4em .8em 0 .5em ;
  	line-height:1;
  	display:inline-block;
  	vertical-align:middle;
    margin:-0.2em .1em 0.2em 0;
  }
  
  #gnavi li.blank{
  	padding:0 0 .4em;
  }
  .cts h2,
  #ctsSys .about,
  main .modetab span, main .modetab a{
  	padding:.5em 0 0 !important;
  }
  #ctsOpe li{
  	padding:.3em 0 0;
  }
  #ctsOpe h3{
  	padding:0.5em 0.9em 0em;
  	line-height:1;
  }
  .en #ctsOpe h3{
  	padding:0.5em 0.9em 0em;
  	line-height:1;
  }
}
/*============================
#feedList
============================*/
#ctsNews{padding:0;}
#ctsNews .infoLink{margin: 0 auto 2.1em;width: 95.7%;max-width: 1010px;text-align: right;}
#ctsNews .infoLink a{text-decoration: none;position: relative;display: inline-block;background: linear-gradient(180deg, #4245dc 46%, #1d209c 58%);padding: 0 1.5em;line-height: 1.5;margin: 0 0.22em;border-radius: 3.3em;font-size: 1.3em;text-shadow: 0.12em 0.12em 0 #000;color: #fff;font-family: font2, sans-serif, 'Noto Sans JP';}
#ctsNews .infoLink a:hover{filter:brightness(1.25)}
#ctsNews h2{
	padding: 0.15em 0 0;
	font-family:'Press Start 2P',sans-serif;
	background: linear-gradient(180deg, #4245dc 46%, #1d209c 58%);
	border: none;
	color: #ff;
	max-width: 37.1%;
	/* margin: 0 auto; */
	border-radius: 0 1em 1em 0;
	font-size: 1.9em;
	text-align: right;
	padding-right: 2em;
	padding-left: 1em;
	letter-spacing:.05em;
	margin-top: 0.6em;
	/* box-shadow: rgb(0 0 0 / 28%) 0.15em 0.15em; */
	position: relative;
	}
#ctsNews h2 span{margin:0 .2em 0 .5em;}
#feedList {display: flex;justify-content: space-between;flex-wrap: wrap;width: 95%;max-width: 1000px;margin: 0.8em auto;}
#feedList li {width: 23.7%;background: #fff;border: #1d209c 2px solid;border-radius: 0.2em;overflow: hidden;color: #1d209c;position: relative;height: 19.8em;box-shadow: rgb(0 0 0 / 28%) 0.15em 0.35em 0.2em;text-align: left;}
#feedList li:nth-child(n + 5){display:none;}
#feedList li a {width: 100%;height: 100%;background: #fff;opacity: 0;mix-blend-mode: lighten;text-decoration: none;display: block;position: absolute;transition: opacity .2s;}
#feedList li a:hover{opacity:.2;}
#feedList li span.thumb {display: block;}
#feedList li img{
    width: 25%;
    height: 100%;
    margin-left: 36%;
    object-fit: contain;
    object-position: center;
    background: #ffffff;
}
#feedList li span.thumb img {width: 100%;height: 12.7em;object-fit: cover;margin: 0;background: #e3e3e3;object-position: center;}
#feedList li span.discript {
	display: none !important;
}
#feedList li span.category{
    background: #1d209c;
    min-width: 5em;
    text-align: center;
    display: inline-block;
    border-radius: 1em;
    color: #fff;
    font-weight: bold;
    padding: 0.2em 1em;
    line-height: 1.2;
    font-size: 0.82em;
    margin: -0.2em 0 0.4em 0.9em;
}
#feedList li span.date{
	margin: -0.3em 0 0.4em 0.8em;
	font-size: 0.9em;
}
#feedList li span.more{
	width:95%;
	display:block;
	text-align:right;
	font-size:.8em;
	position:absolute;
	bottom:0.3em;
}
#feedList li p.link-more {display: none;}
#feedList li h3{
    margin: 0 0.7em;
    line-height: 1.4;
    font-size: 1.05em;
    color: #000;
    font-weight: 500;
}


@media (min-width: 991px) and (max-width: 1257px) {
	#gnavi.fixed{
		max-width: 92%;
	}
}
@media (min-width: 769px) and (max-width: 1160px) {
	#gnavi.fixed{
		max-width: calc(100% - 40px);
		overflow: hidden;
		font-size: 0.95em;
	}
	#gnavi ul{
		text-align:left;
		padding-left: 6.8em;
	}
	#gnavi .language{
		margin: 0.8em 1em;
	}
	.en #gnavi ul{
		text-align:left;
		padding-left: 6.8em;
	}
	.en #gnavi ul li{
		font-size: 1.38em;
	}
	.en #gnavi .language{
		margin: 0.8em 1em;
	}
}
@media (min-width: 769px) and (max-width: 990px) {
	main{
    	overflow:hidden;
    	font-size:1.65vw;
    	border:none;
    	width: 100%;
     }
     #gnavi.fixed{
		max-width: 100%;
		width: 100%;
		overflow: hidden;
		font-size: 1em;
	}
}
@media (min-width: 769px) {
	.forsp{
		display:none !important;
	}
	#ctsCommand ul{
		transform:none !important;
	}
	#ctsMain a.badge2{
		right: auto;
		width: 19.5%;
		left: 0;
		margin: 17em 0 0  2.1%;
	}
}
@media (max-width: 768px) {
	.forpc{
		display:none !important;
	}
	html,body{
		overflow-x:hidden;
	}
    main{
    	overflow:hidden;
    	font-size:3vw;
    	border:none;
    	width: 100%;
    	/* display: none; */
    }
	main .modetab span,
	main .modetab a{
		width: 5.9em;
		font-size: 1.6em;
		padding: 0.2em 0;
	}
	main .modetab span i,
	main .modetab a i{transform: scale(0.85,1);display: inline-block;text-indent: -0.2em;}
	main p.spsmall{
		font-size:0.9em;
	}
	.cts p.lead span{
		line-height: 1.6;
		font-size: 0.9em !important;
		margin: 0 -6.8% 0 -0.9%  !important;
		max-width: 23em;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.cts p.lead span{
		font-size: 0.9em !important;
		margin: 0 -2em 0 0em !important;
	}
	.en #ctsFAQ p.lead span{
		margin-right: -4.6em !important;
		max-width: 26em;
	}
    #ctsMain {
		padding-top: 4.5em;
	}
	#ctsMain .video{
		height: 34.7em;
	}
	#ctsMain .clogo{
		width: 7.5em;
		margin: 3.7em 0 0 1em;
	}
	.en #ctsMain .clogo{
		margin-top: 5.1em;
		margin-left: 1.4em;
	}
	#ctsMain .lead{
		margin-top: 0.3em;
		text-indent: 6.7em;
		font-size: 1.3em;
	}
	.en #ctsMain .lead{
		padding: .3em 0 .3em 5.6em;
	}
    #ctsMain h1{font-size: 3.8em;padding-top: 0.3em;background: linear-gradient(rgba(0,0,0,1) 43%, rgba(0,0,0,0));padding-bottom: 0.3em;}
    #ctsMain .video video {
		transform: translateY(-48%);
	}
	#ctsMain a.play{
		margin-top: 25%;
	}
	.en #ctsMain a.play{
		margin-top: 13%;
	}
	#ctsMain small, #ctsMain span{
		font-size:1.05em;
		margin-top: 2%;
	}
	#ctsMain a.badge{
		width: 36%;
		margin: 16.7em 0% 0 0;
	}
	#ctsMain .env{
		margin-top: 2.3%;
		font-size: 1.14em;
		margin-right: 0;
		line-height: 1.5;
		width: 85%;
	}
	#ctsMain .news{
		font-size: 1.5em;
		width: 85%;
		margin-top: 5%;
		margin-bottom: 7.4%;
	}
	#ctsMain a.banner {
	    display:
	    block;
	    width: 88.3%;
	    margin: 2.5em 0 1.5em 1.6em;
	}
	#ctsMain a.banner.shop{
		margin: -1em 0 0em 1.6em;
	}
	#ctsMain a.banner2,
	#ctsNews a.banner2{
		margin: 2em 0 -1.4em 7.1%;
		display: block;
		width: 87%;
	}
	#ctsMain a.banner2 img,
	#ctsNews a.banner2 img{
    width: 94%;
 }
	
	#ctsNews h2{
	    max-width: 90%;
	    margin: 1.7em 0 0;
	    text-indent: 1.7em;
	}
	#ctsNews .scroll{
		position: relative;
		width: 30em !important;
		margin: 0 auto;
	}
	#feedList{
	    width: auto;
	    margin: 1em 0 0.5em;
	    display: inline-block;
	    white-space:nowrap;
	}
	#feedList li{
		display:inline-block;
		width: 13.5em;
		margin: 0;
		box-sizing: border-box;
	}
	#gnavi{
		position:fixed;
		top:0;
		max-height:3.5em;
		overflow:hidden;
		left: 0;
		width: 100%;
		transition: max-height .3s cubic-bezier(0.34, 0.07, 0.01, 1);
	}
	#gnavi.fixed{
		width:100%;
		font-size: 1em;
	}
	#gnavi.open{
		max-height: 45.5em;
	}
	#gnavi ul{
		padding-top:11%;
	}
	#gnavi li{
		width: 77%;
		font-size:2em;
		display: block;
		margin: 1% auto 2%;
	}
	#gnavi li.fist{
	background: url(../img/bg4.png);
	background-size: 42px;
	margin-top: 3.2%;
	border: #910000 4px solid;
	}
	.en #gnavi li.fist{
		font-size: 1.7em;
	}
	#gnavi li.update{
		background:none;
		font-family:'Noto Sans JP';
		font-weight:bold;
		font-size: 1.5em;
		background: #0071b7;
		line-height: 1.4;
		margin-top: 0.7em;
	}
	#gnavi li a{
		padding: 1.5% 0;
		position: relative;
		display: inline-block;
	}
	#gnavi li.fist a{
		line-height: 1.3;
	}
	#gnavi li.blank{
		font-size: 1.7em;
	}
	#gnavi li.blank:after{
        font-size: 1em;
        margin: 0.5em 2.6em 0 0;
    }
	#gnavi div.forsp{
		width: 2.9em;
		height: 2.9em;
		display: inline-block;
		background-repeat:no-repeat !important;
		background-size: cover;
		position: absolute;
		left: 0.7em;
		top: 0.3em;
	}
	#gnavi div.play{
		background:url(../img/pad.svg);
		left:auto;
		right: 4.7%;
	}
	#gnavi div.play a{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
	#gnavi div.play span{
		font-family: 'Press Start 2P', sans-serif;
		color: #00256e;
		white-space: nowrap;
		position: absolute;
		left: 0;
		top: 0;
		margin: 23% 0 0 -12em;
		background: #fff;
		border-radius: 1em;
		padding: 0 0.5em 0 0.7em;
	}
	#gnavi div.play span:after{
		content: "";
		color:#fff;
		position:absolute;
		right:0;
		top:0;
		font-size: 1.5em;
		margin: 2.2% -5% 0 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0.4em 0 0.4em 0.7em;
		border-color: transparent transparent transparent #ffffff;
	}
	#gnavi .menubtn{
		background: url(../img/m.svg) center;
		background-size: 82% !important;
	}
	#gnavi.open .menubtn{
		background: url(../img/x.svg) center;
		background-size: 75% !important;
	}
	#gnavi .language{
		margin: 0.55em 4.3em;
		font-size: 1.3em;
	}
	#ctsOpe ul{
        width: 73%;
    }
	#ctsOpe .note{
		font-size: 1.1em;
		margin: 4.7% 0 6% 0;
	}
	.en #ctsOpe .note{
		margin: 9.7% 0 6% 0;
		line-height: 1.4;
	}
	#ctsOpe li{
		font-size:2em;
	}
	#ctsOpe .o1 {
		margin: 8% 0 0 4%;
	}
	#ctsOpe .o2 {
		margin: 58% 0 0 26.4%;
	}
	.en #ctsOpe .o2{
		text-indent: -1em;
	}
	#ctsOpe .o2:before {margin: -6% 0 0 -62.2%;transform: rotate(49deg);width: 0.6em;}
    #ctsOpe .o2:after {margin: -21% 0 0 -18%;}
	#ctsOpe .o3{
		margin-top: 19.7%;
	}
	.en #ctsOpe .o3{
		margin-top: 19.7%;
	}
	#ctsOpe .o4{
		margin: 62% 0 0 -14.1%;
		text-align: left;
	}
	.en #ctsOpe .o4{
		margin: 64% 0 0 -14.1%;
	}
	#ctsOpe .o4:before {margin: -18.9% 0 0 -28.1%;transform: rotate(-71deg);width: 2.1em;}
	#ctsOpe .o4:after {margin: -36.5% 0 0 40%;}
	#ctsOpe .o5 {
		margin: 66% 0 0 52.5%;
	}
	.en .izm3 #ctsOpe .o5, .en .izm3 #ctsOpe .o6 {
		font-size: 1.6em;
		margin-top: 59.9%;
		line-height: 1.1;
	}
	#ctsOpe .o5:before {margin: -23.3% 0 0 -32.4%;transform: rotate(71deg);width: 1.3em;}
	#ctsOpe .o5:after {margin: -54% 0 0 22%;}
	#ctsOpe .o6 {
		margin: 66% 0 0 85%;
	}
	.en #ctsOpe .o7 {
		margin: 74.7% 0 0 53.8%;
		line-height: 1.2;
	}
	#ctsOpe .memo {
		width: 92%;
		font-size: 1.2em;
	}
	#ctsOpe li small {
		font-size: 0.618em;
	}
	.en #ctsOpe li small {
		font-size: 0.618em;
		line-height: 1.3em;
		margin-top: 0.1em;
	}
	#ctsOpe p {
		margin: 0.5em 0 0.7em 0.3em;
		line-height: 1.65;
	}
	#ctsOpe p.lead{
		margin: 3% 0 1%;
	}
	#ctsOpe p.lead span{
		max-width:20em;
		margin-right: -2em !important;
	}
	#ctsOpe h4 {
		font-size: 1.4em;
	}
	.en #ctsOpe h4 a{
		font-size: 0.8em;
	}
	#ctsOpe a .entrance{
		font-size:1.4em;
		padding:.3em 2em;
	}
	.en #ctsOpe a .entrance{
		font-size: 1.32em;
		padding: 0.4em 1.2em;
	}
	#ctsCommand .scroll {
		position: relative;
		width: 24em !important;
		margin: 0 auto;
	}
	#ctsCommand ul {
		white-space: nowrap;
		font-size: 1.4em;
		margin-left: 0;
		display: inline-block;
		margin-bottom: -0.7em;
	}
	#ctsCommand li{
		margin-bottom:0;
	}
	.en #ctsCommand .izm2 li {
		min-height: 15.7em;
	}
	#ctsCommand .note {
		font-size: 1.1em;
		margin: 8% 0 0 0;
	}
	.en #ctsCommand .note {
		font-size: 1.3em;
		margin: 6.7% 0 0 0;
		line-height: 1.4;
	}
	#ctsCommand nav{
		position:relative;
		z-index:2;
	}
	#ctsCommand nav span{
		display:inline-block;
		width: .7em;
		height: .7em;
		background: rgba(126,126,126,.3);
		border-radius: 1em;
		margin: 0 0.5em;
	}
	#ctsCommand nav span.swiper-pagination-bullet-active{
		background: #7e7e7e;
	}
	#ctsFAQ .memo{
		width:90%;
	}
	#ctsFAQ h3 {
		padding: 0.4em 0.3em 0.4em 0.9em;
		font-size: 1.25em;
		line-height: 0.8;
	}
	.en #ctsFAQ h3 {
		padding: 0.6em 0.3em 0.5em 0.9em;
	}
	.en #ctsFAQ h3 span{
		width: 89%;
	}
	#ctsFAQ .memo p {
		padding: 1.3em 0.9em 1.4em 1.2em;
		font-size: 1.15em;
	}
	.en #ctsFAQ .memo p{
		padding: 0.8em 0.9em 1em 1.2em;
		font-size: 1.2em;
	}
	#ctsBBS .note{
		margin-bottom:2em;
	}
    #ctsSys li{
    	width: 76%;
    	font-size: 1.13em;
    }
    .en #ctsSys li{
    	width: 76%;
    	font-size: 1em;
    }
    .en #ctsSys li{
    	width: 79%;
    	font-size: 1.2em;
    	margin-bottom: 6%;
    }
    #ctsSys li:last-child{
    	margin-bottom:0;
    }
    #ctsSys p.lead,
    #ctsSys ul + p{
    	font-size: 1.4em;
    	margin: 1.5em 0;
    	}
     #ctsSys li{
     	margin-bottom:1.5em;
     }
     #ctsSys li p.good{
     	font-size: 1.15em;
     }
     #ctsSys .about{
     	font-size: 1.4em;
     }
     
     .en #ctsSys .about {
		font-size: 1.2em
	}
    .en #ctsVer .memo p,
    .en #ctsVer .memo ul,
    .en #ctsVer .memo table {font-size: 1.2em;}

	.en #ctsVer .memo th{
        word-break:break-word;
        width: 24%;
        font-size: 0.8em;
     }
	.en #ctsVer .memo td.izm{
		width: 14%;
		font-size: 0.8em;
		word-break: break-word;
	}
	#ctsVer .memo .hp{
		width:95%;
	}
	#ctsVer h4 {
		font-size:1.4em;
	}
}