@charset "utf-8";

html {
	overflow-y:scroll;
  	scroll-behavior: smooth;
}

/*@font-face {
  font-family: 'MyFont';
	src: url('RoNOWStd-MM.eot');
	src: url('RoNOWStd-MM.woff');
	src: url('RoNOWStd-MM.ttf');}
*/
body{
	background-color:#000;
	/*text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;*/
}

a:link { color: #FFF; }
a:visited { color: #FFF; }
a:hover { color: #FFF; }
a:active { color: #FFF; }

a {
    outline: none;
	text-decoration: none;
}


.spmenu{ display:none;}


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

.pcmenu{display:none;}
.spmenu{display:inherit;}

}

.topcopy{
	font-size: 3em;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-family:'MyFont Script';
    text-shadow: 0 0 10px #000;
}

#mainbg{
	position: relative;
	width: 100%;
	height: 850px;
	background: url("../images/topbg.jpg") center right/ cover no-repeat;
	border-bottom: 15px solid #FFBC08;
	/*background: -moz-linear-gradient(left,rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0)), url("../images/mainartbg.jpg") 70% top / cover no-repeat;
	background: -webkit-linear-gradient(left,rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0)), url("../images/mainartbg.jpg") 70% top / cover no-repeat;
	background: linear-gradient(to right,rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 80%,rgba(0, 0, 0, 0)), url("../images/mainartbg.jpg") 70% top / cover no-repeat;*/
	/*background: linear-gradient(rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1)), url("../images/mainartbg.jpg") 35% 20% / cover no-repeat;*/
	/*background: url("../images/mainartbg.jpg") 70% center / cover no-repeat;*/
	padding: 0px 0 0px;
	/*margin-top: -100px;-150px*/
	text-align: center;
}



p.resizeimage img {
	width: 100%;
	margin-top: 80px;
	margin-bottom: -5px;
}


#cate{
	background-color: rgba(0,0,0,0.8);
	width:100%;
/*	padding-top:2px;
	padding-bottom:2px;*/
    position: fixed;
    top: 0;
    right:0;
	/*margin-bottom:30px;*/
	padding-top: 10px;
	padding-bottom: 5px;
	z-index: 10;
}

.cate_space{
	margin-left: 40px;
}



h1 {
　　font-size: 36px;
　　color: #FFF;
　　background-color: #222;
　　text-align: center;
　　padding: 5px;
}


#navi {
　　position:absolute;
　　height:60px;
　　z-index:1;
　　width: 100%;
　　background-color: #222;
	text-align:center;
	color:#fff;
	margin:0.5em;
	font-size:160%;
	vertical-align:middle;
}

#navi a{
	margin-left: 5px;
}




#footer{
	width: 100%;
	background: #222;
	padding-bottom: 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5d5d5d+0,5d5d5d+50,5d5d5d+100&0.1+1,1+25,1+75,0.1+100 */
/* IE6-9 */
}

#tenpo{
	width: 960px;
	text-align:center;
padding-top:30px;
padding-bottom:10px;

	margin-right: auto;
	margin-left: auto;

}


#inc_logo{
	width: 960px;
	height: 60px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    layout-grid-line:200px;
	padding-bottom: 0px;
	padding-top: 20px;
}

#inc_logo img{
    vertical-align:middle;
}

#inc_logo img{
    vertical-align:middle;
}


.logo_space{
	margin-left: 30px;
}


#copy{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	margin-bottom:20px;
	color:#fff;
	font-size:75%;
	text-align: center;
}


#specbg{
	position: relative;
	width: 100%;
	/*height: 500px;*/
	background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0)),url("../images/grass_background.jpg") center center / cover no-repeat;
	padding: 60px 0 80px;
}

.spec1main{
	color: #FFF;
	width: 880px;
	margin: 0 auto;
	padding: 40px 0 20px;
	text-align: left;
	font-family:'MyFont Script2';
}

.speccntttl{
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	margin-top: 20px;
	height: 60px;
}

.specttl{
	background: #B41E23;
	color: #FFF;
	font-size: 180%;
	margin-bottom: 5px;
	/*font-weight: bold;*/
	text-align: center;
	padding: 10px 0;
}

.specttl2{
	background: #3A7FA8;
	color: #FFF;
	font-size: 180%;
	margin-bottom: 5px;
	/*font-weight: bold;*/
	text-align: center;
	padding: 10px 0;
}

.specbkg{
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	padding: 0px 0 0;

}

.spectext{
	font-size: 160%;
	margin-bottom: 15px;
	border-bottom: #FFF solid 1px;
	padding-bottom: 10px;
}

.spectextbgx{
	font-size: 160%;

}


dl {
list-style:none;
	font-size: 150%;
	margin-bottom: 15px;
}

.dl_bd{
	border-bottom: #FFF solid 1px;
}

ul {
list-style:none;
	font-size: 160%;
	margin-bottom: 15px;
}

/*li{
	border-bottom: #FFF solid 1px;

}*/

.li_bd{
	border-top: #FFF solid 1px;
	padding-top: 10px;
}

.li_bd2{
	border-top: #FFF solid 1px;
	padding-top: 10px;
	border-bottom: #FFF solid 1px; 
}


.specbd{
	margin-top: 10px;

}

span.dan {
	float:left;
	width: 9em;
	background: #FFF;
	margin: 0 0 10px;
	color: #000;
	/*font-weight: bold;*/
	text-align: center;
	
}

span.dan2 {
	display: block;
	margin-left: 110px;
	margin: 0 0 10px;
}

span.dan3{
	float:left;
	width: 9em;
	height: 3em;
	display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
	margin: 0 0 10px;
	color: #000;
	/*font-weight: bold;*/
	text-align: center;
	
}

#shop{
	text-align: center;

	margin: 50px 0 0px;
}

#shop a{
	margin-bottom: 10px;
}





#smain{
	width: 850px;
	margin: 0 auto;
}

#stext{
	/*float: left;*/
	color: #FFF;
	margin-left: 10px;
}





#toplogo{
	float: left;
	text-align: left;
	margin-left: 25px;
	padding-top: 5px;
}

#ccnt{
	float: right;
	text-align: center;
	margin-right: 25px;
	margin-top: 17px;
}

#ccnt a:hover{
	transition:all 1.0s;
}

.btna a:hover{
	transition:all 1.0s;
}

#cate div{
    vertical-align:middle;
}

#t_main{
	text-align: center;
	width: 960px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0px auto;
}

ul {
list-style:none;
	font-size: 160%;
	margin-bottom: 15px;
}

li{
	border-bottom: #FFF solid 1px;
}

.li_bd{
	border-top: #FFF solid 1px;
	padding-top: 10px;
}

.specbd{
	margin-top: 10px;

}

span.dan {
	float:left;
	width: 10em;
	background: #FFF;
	margin: 0 0 10px;
	color: #000;
	font-weight: bold;
	text-align: center;
	
}

span.dan2 {
	display: block;
	margin-left: 110px;
	margin: 0 0 10px;
color: #FFF;
}

span.dan3{
	float:left;
	width: 10em;
	height: 3em;
	display: flex;
  justify-content: center;
  align-items: center;
	background: #FFF;
	margin: 0 0 10px;
	color: #000;
	font-weight: bold;
	text-align: center;
	
}

.cnt{
	text-align: center;
}

.ps4ver{
	text-align: center;
	margin: 50px 0 0;
}


.catebg{
	background-color: rgba(0,0,0,0.5);
	padding: 50px 0;
	width: 100%;
	margin: 50px 0 50px;
}

.catebg img{
	border: 1px rgba(255,255,255,0.5) solid;
}

.cateboxl{
	float: left;
	width: 40%;
	margin-left: 5%;
}


.cateboxr{
	float: right;
	width: 45%;
	margin-right: 5%;
}

.cateboxl2{
	float: left;
	width: 45%;
	margin-left: 5%;
}


.cateboxr2{
	float: right;
	width: 40%;
	margin-right: 5%;
}



.catetxt{
	color: #FFF;
	font-size: 150%;
	margin-top: 30px;
}

.catetxtsp{
	color: #FFF;
	font-size: 150%;
	margin-top: 0px;
}


.catemds{
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 10px;
}

.catemds2{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 5px;
}

.upg{
	font-size: 130%;
	color: #FFF;
	margin-top: 10px;
}

@font-face {
  font-family: 'MyFont Script';
  font-style: normal;
  font-weight: 400;
  src: url("../font/A-OTF-KakuminPro-Bold.otf") format('woff');
}


@font-face {
  font-family: 'MyFont Script2';
  font-style: normal;
  font-weight: 400;
  src: url("../font/A-OTF-KaiminTuStd-Medium.otf") format('woff');
}



/* メインボックス*/
#main img{
	float: left;
	width: 100%;
	object-fit: cover;
	/*margin-top: 50px;*/
	
}

/*.dmline{
	position: relative;	
	  width: 100%;
	  object-fit: cover;
	z-index: 1000;
	margin-bottom: -5px;
	margin-top: -3px;
}*/

/*.dmline_dl{
	margin-bottom: -35px;
}*/

#shantaeqa_bk{
	position: relative;
	width: 100%;
	margin-top: -0px;
	/*height: 500px;*/
	background: linear-gradient(rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.4)),url("../images/Shatae-Half-Genie-Hero_-Background.jpg") center center / cover no-repeat;
	padding: 70px 0 50px;
}

.shantaeqa{
	width: 960px;
	color: #000;
	font-size: 2em;
	margin: 0 auto;
	text-shadow: 
    rgba(255, 255, 255, 0.7) 2px 0px 0px, rgba(255, 255, 255, 0.7) -2px 0px 0px,
    rgba(255, 255, 255, 0.7) 0px -2px 0px, rgba(255, 255, 255, 0.7) 0px 2px 0px,
    rgba(255, 255, 255, 0.7) 2px 2px 0px, rgba(255, 255, 255, 0.7) -2px 2px 0px,
    rgba(255, 255, 255, 0.7) 2px -2px 0px, rgba(255, 255, 255, 0.7) -2px -2px 0px,
    rgba(255, 255, 255, 0.7) 1px 2px 0px, rgba(255, 255, 255, 0.7) -1px 2px 0px,
    rgba(255, 255, 255, 0.7) 1px -2px 0px, rgba(255, 255, 255, 0.7) -1px -2px 0px,
    rgba(255, 255, 255, 0.7) 2px 1px 0px, rgba(255, 255, 255, 0.7) -2px 1px 0px,
    rgba(255, 255, 255, 0.7) 2px -1px 0px, rgba(255, 255, 255, 0.7) -2px -1px 0px,
    rgba(255, 255, 255, 0.7) 1px 1px 0px, rgba(255, 255, 255, 0.7) -1px 1px 0px,
    rgba(255, 255, 255, 0.7) 1px -1px 0px, rgba(255, 255, 255, 0.7) -1px -1px 0px;

}

.shantaemds{
	text-align: center;
	/*margin-bottom: 20px;
	font-weight: bold;
	font-size: 3em;
	color: red;*/
}

#shantae1st{
	position: relative;
	width: 100%;
	margin-top: -5px;
	/*height: 500px;*/
	background: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)),url("../images/ShantaeGBC_VC_KeyArt-wide.jpg") center center / cover no-repeat;
	padding: 20px 0 20px;
}

#shantaelineup_bg{
	position: relative;
	width: 100%;
	margin-top: -5px;
	/*height: 500px;*/
	background: linear-gradient(rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)),url("../images/bg01.jpg") center center / cover no-repeat;
	padding: 60px 0 40px;
	text-align: center;
}

#shantaelineup{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#shantaelineup img{
	margin: 0 0 12px 0px;
}

#shantaess_list{
	margin-bottom: -5px;
}

.shantaedot1 {
	text-align: center;
	margin-bottom: 40px;
}

.shantaedot2 {
	text-align: center;
	margin-top: 40px;
}