@charset "utf-8";

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

a:hover {
	opacity: 0.5;
}

img {
    max-width: 100%;
    height: auto;
}

.main_visual {
	text-align: center;
}

.main_visual img {
	display: block;
 margin-left: auto;
 margin-right: auto;
	max-width: 100%;
	height: auto;
}

.clear{ clear:both; }  

p.resizeimage img {

	max-width: 100%;
}

.appIconBig{
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 25px;
}


.bg {
	background-image: url(../images/bg/bg01.jpg);
	background-repeat: repeat;
	margin-top: 0px;
}
.bg2 {
	background-image: url(../images/bg/story_bg.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}


.menu {
	text-align: center;
	width: 100%;
	height: 70px;
	background-image: url(../menu/menu_bg.png);
}


ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0px;
}
	
li  {
	display: inline-block;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}



.hatubaibi {
	text-align: center;
	padding-bottom: 20px;
	position: absolute;
	bottom: 10px;
	padding-right: 20px;
}

.base {
	color: #E5EBFF;
	overflow: auto;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: 1px dotted #FFFFFF;
	border-top: 1px dotted #FFFFFF;
	min-width: 0px;
	background-color: rgba(0,0,0,0.20);
	border: 5px double #524500;
	margin-top: 0px;
	margin-left: 0px;
       }
	   
.base img {
	display: block;
	margin:0 auto;
	max-width: 100%;
	height: auto;
	padding: 5px;
 }
 
.news_base  {
height:300px;
	color: #E5EBFF;
	overflow: auto;
	width: 100%;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 1px dotted #FFFFFF;
	border-top: 1px dotted #FFFFFF;
	min-width: 0px;
	background-image: url(../images/bg/news_bg.jpg);

	background-color: rgba(0,0,0,0.20);

       }


.news_base dt{
	background-color: rgba(0,0,0,0.20);
	margin-top: 10px;

}

.news_base dd{
	padding-bottom: 5px;
	
}
.news_base a {
	color: #FFFFFF;
	background-image: url(url);
}

.news_waku {
	border: 5px double #524500;
	margin-top: 20px;
	margin-left: 0px;
}


.ara{ 
	padding: 10px;
	text-align: center;
	line-height:2.5;
	font-weight: bold;
    font-size: 110%;
                color:#fff;
                text-shadow:
                    0 0 5px #524500,
                    0 0 10px #524500,
                    0 0 20px #524500,
				 0 0 30px #524500;
	margin-bottom: 30px;

}


.twitter
{

/*	background-image: url(../images/base/subtlenet2.png);*/
	background-color: rgba(255,255,255,0.20);
	width: 100%;
 	height:300px;
	position: static;
	padding: 5px;

/* box-shadow */
/*box-shadow:0px 0px 6px 3px #FFFFFF;
-moz-box-shadow:0px 0px 6px 3px #FFFFFF;
-webkit-box-shadow:0px 0px 6px 3px #FFFFFF;*/
	
}

.twitter img
{
	max-width: 100%;
 	height:auto;
}


#banner_LL {padding-top:0px; overflow: hidden; width:100%; margin-top: 15px; padding-bottom:5px; margin-bottom: 15px;  display: block; margin: 0 auto; }
#banner_LL img {padding: 5px;/*width:582px; height:120px;*/  max-width: 100%;  height: auto;}
#banner_LL textarea {max-width: 98%; margin:0 auto; background-color: rgba(0,0,0,0.20); color:#fff; border:solid 1px #fff; font-size: 80%; width: 580px; height: 50px; overflow: auto; font-weight: normal; overflow-y:scroll; display: block; }


.hatubaibi {
	padding-bottom: 0px;
	/*position: absolute;right: 0px;*/

}


.midashi_waku {
	border: 5px double #524500;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}


.midashi {
	width: 100%;
	height: 35px;
	background-image: url(../images/bg/title_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0px;
}

.koushin_t {
	width: 100%;
	height: 35px;
	background-image: url(../images/bg/title_bg.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding-top: 8px;
	padding-left: 5px;
}

.point {
	margin-top: 10px;
	margin-bottom: 10px;
}

.text_tokucho {
	color: #ffffff;
	text-shadow: 0 0 5px #220000,0 0 10px #220000,0 0 15px #220000;
	font-size: 14px;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
}

.text_tokucho_0 {
	color: #ffffff;
	font-size: 14px;
	margin-left: 20px;
	margin-right: 20px;
/* box-shadow */
box-shadow:0px 0px 6px 3px #FFFFFF;
　-moz-box-shadow:0px 0px 6px 3px #FFFFFF;
　-webkit-box-shadow:0px 0px 6px 3px #FFFFFF;
padding: 5px;
background-color: rgba(0,0,0,0.40);
 }
 

.tokuten{
	font-weight: bold;
	margin: 15px;
	padding: .5em .75em;
	background-color: rgba(255,255,255,0.8);
	/*box-shadow: 0 2px 6px rgba(0, 0, 0, .15);*/
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */

}

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

.tokuten h3 {
	position: relative;
	padding: .5em .75em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 20px;

}
.tokuten h3::before,
.tokuten h3::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.tokuten h3::before {
	border-top: 15px solid #ccc;
}
.tokuten h3::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}

.text_tokucho01 {
　 width: 90%;  
	background-color: rgba(250,248,235,1);
     box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
	color: #2f4f4f;
	text-shadow: 0 0 10px #fff,
                 0 0 5px #fff;
	padding: 12px;
	margin-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	border: 1px solid #fff;
	border-radius: 4px;
}
.text_tokucho01 hr{
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;}

.text_tokucho01 span{
	color: #524500;
	font-weight: normal; 
}

.arasuji{
margin:0 auto;
width: 50%;
background: linear-gradient(transparent 50%, #ccc 0%);
margin-bottom: 10px;

}

.chara_i {
 margin-bottom: 30px;

}

.chara_i img{
	max-width: 100%;
	height: auto;
}

.eve_gra  {
	text-align: center;
	margin-bottom: 30px;
}

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

.naiyou2 p {
	height: auto;
	padding-top: 8px;
	font-weight: bold;
	text-align: left;
	color: #524500;
	border-bottom-color: #524500;
}

.koumoku h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 30px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.koumoku2 h3 {
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	color: #524500;
	}


.koumoku h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 18px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 50px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.koumoku h5 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 70px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 130px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.container-fluid .row > .col-sm-6 {


}

.container-fluid .row > .col-sm-10 {
	padding-left: 0px;
	padding-right: 0px;
}


.container-fluid .row > .col-sm-4 {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid .row > .col-sm-2 {
	padding-right: 5px;
}

.container-fluid .row > .col-sm-12 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.official{
	width: 750px;
		text-align: center;
		margin: 0 auto;
		margin-top: 10px;
	margin-bottom: 10px;
	}

.official th {
	padding:5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	width:50%;
}

.official td {
	padding:10px;
	text-align:center;
	/*text-align:left;*/
	border:1px solid #ccc;
	font-size:12px;

}

.official tr{
		background-color: rgba(23,23,23,0.2);

}


.fooder {
	font-size: 9px;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	background-image: url(../images/bg/fooder_bg.png);
	}

.chara_list {
	text-align: center;
	margin-bottom: 50px;
}

.chara_list ul li {
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;


}

.chara_prof {
	text-align: center;
	margin-bottom: 50px;
}

.chara_name {
	text-align: center;
}

.chara_name ul li {
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}

.arasuzi {
	text-align: center;
}

.game_gra {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}




@media (max-width: 991px){

.chara_prof img {
	width: 750px;
	height: auto;
}

.chara_name li a img {
	width: 135px;
	height: auto;
}

.arasuzi img {
	width: 230px;
	height: auto;
}

.arasuzi {
	text-align: center;
}

}

@media (max-width: 768px){
	
.official{
	width: 90%;
		text-align: center;
		margin: 0 auto;
		margin-top: 10px;
	margin-bottom: 10px;
	}
	
.menu {
	height: 50px;
	background-image: url(../menu/menu_bg50.png);
}

.inline-block li a img  {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	height: 30px;
}

li  {
	display: inline-block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.hatubaibi img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.chara_list li a img {
	width: 90px;
	height: auto;
}

.chara_list {
	margin-bottom: 50px;
}

.chara_name li a img {
	width: 100px;
	height: auto;
}

.chara_prof img {
	width: 590px;
	height: auto;
}

.naiyou p {
	text-align: center;
}

.naiyou2 p {
	text-align: center;
}

.koumoku h3 {
	margin-left: 10px;
}

.koumoku2 h3 {
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	color: #524500;
	text-align: center;
	}

.game_gra img {
	height: auto;
	width: 500px;
}

.arasuzi img {
	width: 170px;
	height: auto;
}

.arasuzi {
	text-align: center;
	width: auto;
}


.base {
	color: #E5EBFF;
	overflow: auto;
	width: 100%;
	border-bottom: 1px dotted #FFFFFF;
	border-top: 1px dotted #FFFFFF;
	min-width: 0px;
	background-color: rgba(0,0,0,0.20);
	border: 5px double #524500;
	margin-top: 15px;
	margin-left: 0px;
       }
	   
.base img {
	display: block;
	margin:0 auto;
	max-width: 100%;
	height: auto;
	padding: 5px;
 }


}

@media (max-width: 500px){


.menu {
	height: 30px;
	background-image: url(../menu/menu_bg30.png);
}


.inline-block li a img  {
	height: 18px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
}

li  {
	display: inline-block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.hatubaibi img {
	width: 150px;
	height: auto;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.chara_list li a img {
	width: 50px;
	height: auto;
}

.chara_list {
	margin-bottom: 50px;
}

.chara_name li a img {
	width: 90px;
	height: auto;
}

.chara_prof img {
	width: 300px;
	height: auto;
}

.point img {
	width: 300px;
	height: auto;
}

.game_gra img {
	width: 300px;
}

.story_bg {
	margin-bottom: 90px;

}

.arasuzi img {
	width: 300px;
	height: auto;
}

.arasuzi {
	text-align: center;
}

.koumoku h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 30px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.koumoku h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 30px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.koumoku h5 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	height: 30px;
	padding-left: 5px;
	text-align: center;
	-webkit-box-shadow: 3px 3px #524500;
	box-shadow: 3px 3px #524500;
	background-image: url(../images/bg/product_bg.png);
}

.naiyou2 p {
	height: auto;
	padding-top: 8px;
	font-weight: bold;
	text-align: center;
	color: #524500;
	border-bottom-color: #524500;
}



.base {
	color: #E5EBFF;
	overflow: auto;
	width: 100%;
	border-bottom: 1px dotted #FFFFFF;
	border-top: 1px dotted #FFFFFF;
	min-width: 0px;
	background-color: rgba(0,0,0,0.20);
	border: 5px double #524500;
	margin-top: 15px;
	margin-left: 0px;
       }
	   
.base img {
	display: block;
	margin:0 auto;
	max-width: 100%;
	height: auto;
	padding: 5px;
 }



}