@charset "utf-8";

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.twitter {
	margin-top: 0px;
	background-color: rgba(255,255,255,0.6);
/*	background-color: rgba(0,0,0,0.5);*/
}
a:hover {
	opacity: 0.5;
}

.fooder {
	font-size: 9px;
	text-align: center;
	padding-top: 55px;
	padding-bottom: 10px;
	background-image: url(../images/top_bg03.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	background-size: cover;
}

.fooder2 {
	font-size: 9px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-size: cover;
	}

.main_table {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}


.menu_icon a:hover {
	opacity: 0.5;
}


.menubar {
	background-image: url(../images/menubar_bg03.png);
}

.menubar2 {
	text-align: center;
	background-image: url(../images/menubar_bg02.png);
	background-repeat: repeat-x;
	background-size: cover;
	background-attachment: scroll;
}
.arashzi  {
	text-align: center;
}


.zyouhou_talbe {
	background-image: url(../images/top_bg02.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
}

.title_logo {
	position: absolute;
	left: 30%;
	bottom: 20px;
}



.hatubaibi img {
	z-index: 2;
	position: absolute;
	top: 430px;
}

.main_visual {
	text-align: center;
}

.ps_vita_logo   {
	position: absolute;
	top: 10px;
	left: 10px;

}
.tweet {
	position: absolute;
	right: 10px;
	top: 10px;
}



.bg_top {
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/bg01.jpg);
	background-position: center 0%;
}

.bg01 {
	background-attachment: scroll;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url(../images/bg01.jpg);
	background-position: center 0%;
}



.koumoku h3 {
	font-size: 14px;
	font-weight: bold;
	background-color: #9DB5C9;
	color: #FFFFFF;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 30px;
}

.naiyou p {
	height: 30px;
	padding-top: 8px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	text-align: left;
	color: #666666;
	padding-left: 5px;
}

.midashi img {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;

}
.sub_midashi  {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.sub_midashi img {
	max-width:100%;
	}
	
.text_tokucho {
	color: #ffffff;
	text-shadow: 0 0 15px #244a76,
                 0 0 10px #0d325c,
                 0 0 20px #0d325c;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.text_komidashi {
	color: #E4FFFC;
	text-shadow: 0 0 15px #244a76,
                 0 0 10px #0d325c,
                 0 0 20px #0d325c;
	font-size: 17px;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}
.dummy {
	width: 100%;
	height: 300px;
	background-color: hsla(0,0%,16%,0.50);
	text-align: center;

}
.text_komidashi.soon {
	height: 100px;
}
.chara_prof  {
	margin-bottom: 100px;
	margin-top: 50px;
}
.chara_i {
	margin-top: 5px;
	margin-bottom: 10px;
}
.sample_ive {
	margin-top: -180px;
	margin-left: auto;
	margin-right: auto;
}
.modal-content {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.banner  {
	margin-top: 10px;
	margin-bottom: 20px;
}


.nav well
 {
	height: 350px;
}











@media (max-width: 767px){
.main_visual img {
	width: 450px;
	height: auto;
}


.menu_icon a img {
	width: 80px;
	height: auto;
}

.sample_ive  {
	text-align: left;
	width: 490px;
	height: auto;
	margin-left: auto;
	margin-right: auto;


}
.chara_prof {
	margin-top: 20px;

}


.container-fluid > .row .col-xs-2 {
	padding-top: 0px;
	padding-left: 0px;

}


.title_logo img {
	width: 300px;
	height: auto;
	position: absolute;
	bottom: 50px;
	left: 0px;
	margin-left: 0px;
}
.hatubaibi img {
	width: 120px;
	height: auto;
	position: absolute;
	top: 270px;
	left: 0px;
}
.arashzi img {
	width: 480px;
	height: auto;
}
.sample_ive img {

}
.chara_prof img {
	width: 490px;
	height: auto;
}
model-contents {
	width: 490px;
}

.modal-content {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.ive_gra_i img {
	width: 80px;
	height: auto;
}
.ive_gra img {
	width: 400px;
	height: auto;
}

.banner01 img {
	width: 400px;
	height: auto;
	margin-bottom: 10px;
}

.banner02 img {
	width: 490px;
	height: auto;
	margin-bottom: 10px;
}







}



@media (max-width: 500px){
.menu_icon a img {
	width: 50px;
	height: auto;
}
.container-fluid .row > .col-xs-2.col-xs-offset-1 {
	padding-left: 0px;
	padding-right: 0px;
}
.container-fluid .row > .col-xs-2 {
	padding-left: 0px;
	padding-right: 0px;
}

.main_visual img {
	width: 280px;
	height: auto;
}
.hatubaibi img {
	width: 70px;
	height: auto;
	position: absolute;
	top: 170px;
	left: 0px;
}
.sabu-midasi2 img {
	width: 280px;
	height: auto;
}
.arashzi img {
	width: 280px;
	height: auto;
}
.title_logo_s  img {
	width: 50px;
	height: auto;
}
.ps_vita_logo img {
	width: 80px;
	height: auto;
}
.koushin_i img {
	width: 200px;
	height: auto;
	margin-top: 5px;
}
.chara_prof img {
	width: 280px;
	height: auto;
}
.midashi img {
	width: 150px;
	height: auto;
}

.modal-content {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.ive_gra_i img {
	width: 70px;
	height: auto;
	margin-top: 30px;
}
.ive_gra img {
	width: 220px;
	height: auto;
}
.chara_i img {
	width: 70px;
	height: auto;
}

.banner01 img {
	width: 280px;
	height: auto;
	margin-bottom: 10px;
}

.banner02 img {
	width: 280px;
	height: auto;
	margin-bottom: 10px;
}
.tweet {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 20px;
	top: 0px;
}








}

@media screen{

}


/*追加*/
.bg02{
	background-image: url(../images/top_bg02.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	text-align: center;
}

.psv{
	margin:0 auto; 
	color:#fff;
	padding-bottom: 5px;
    /*              text-shadow:
                  0 0 5px #43beef,
                    0 0 10px #43beef,
                    0 0 20px #43beef,
                    0 0 40px #43beef,
                    0 0 60px #43beef;*/
}

.psv img{
margin:0 auto; 
  display: block;
  height: auto;
  max-width: 100%;
}

.psv_i{           
		margin:0 auto; 
}
.psv_i a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
     box-shadow:
                  0 0 5px #fff,
                    0 0 10px #fff,
                    0 0 20px #fff;
}
.psv_i img{
  display: block;
  height: auto;
  max-width: 100%;
}

/*追加*/
.te {
	height: 50px;
	padding-top: 8px;
	color: #ddd;
	font-size:10px;
}


.after{
	
	border:2px solid #000;
     box-shadow:
                  0 0 5px #89a,
                    0 0 10px #89a,
                    0 0 20px #89a;
	background:#89a;

}

#after10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#after10 p{
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
}


.main_v {
	padding-top: 5px;
	margin: 0 auto; 
	width: 500px;

}