@charset "UTF-8";
.for_sp{
display:block;
}
.for_pc{
display:none;
}
/* Body */
.leg_head{
width:100%;
max-width:620px;
margin:0 auto 1em auto;
}
.leg_head img{
width:100%;
}
.leg_side_navi{
width:96%;
display: block;
float:none;
margin:0 auto 2em auto;
/*position:fixed;
bottom:10px;*/
}
.leg_char_navi{
width:96%;
max-width:600px;
display: block;
float:none;
margin: 0 auto 2em auto;
padding:10px 0;
border:4px solid #00265C;
border-radius:10px;
background-image: url("../legenders/img/leg_menu_bg.png");
text-align: center;
}
.leg_char_navi img.forsp{
width:80px;
float:left;
}

.leg_main_cont{
display: block;
width:96%;
float:none;
margin:0 auto 2em auto;
}

.leg_ttl img{
margin:0 auto 3em auto;
}

.character_list{
width:100%;
max-width: 620px;
margin:0 auto;
}
.char_box{
display: block;
/*width:100%;*/
margin-bottom: 3em;
border:4px solid #00265C;
border-radius: 10px;
padding: 1em;
background-image:url(../legenders/img/leg_bg.png);
}

.char_box .char_img{
width:100%;
float: none;
}
.char_box .char_img img{
width:100%;
}

.char_box .char_detail{
width:100%;
font-family: "Reisho 101";
}

.char_box .char_detail .char_copy{
display: block;
font-size:1.4em;
line-height: 1.6em;
margin: 1.2em 0 1.8em 0;
}
.char_box .char_detail .char_prof{
margin-bottom: 1em;
}
.char_box .char_detail .char_prof .char_home{
font-size: 1.4em;
margin-bottom:1em;
}
.char_box .char_detail .char_prof .char_ttl{
float:left;
margin-right: 1em;
}

.char_box .char_detail .char_prof .char_addr{
font-size:0.9em;
}

.char_box .char_detail .char_prof .char_voice{
font-size: 1.2em;
line-height:2.4em;
}
.char_box .char_detail .char_prof .char_voice_2{
font-size: 1.1em;
line-height:1.5em;
}


/* Mobile 
@media (max-width: 320px) {

}*/
/* Small Tablets
@media (min-width: 321px)and (max-width: 767px) {

}*/
/* Small Desktops*/
@media (min-width: 920px) {
.for_sp{
display:none;
}
.for_pc{
display:block;
}

.leg_head{
width:100%;
max-width:1200px;
}

.leg_side_navi{
width:25%;
max-width:200px;
display: block;
float:left;
margin: 0;
/*position:fixed;
bottom:10px;*/
}

.leg_char_navi{
width:25%;
max-width:200px;
display: block;
float:left;
margin: 0;
padding:10px;
border:4px solid #00265C;
border-radius:10px;
background-image: url("../legenders/img/leg_menu_bg.png");
}

.leg_main_cont{
display: block;
width:75%;
max-width:900px;
float:right;
margin: 0;
}
.character_list{
width:100%;
max-width: 900px;
margin:0 auto;
}

.char_box{
padding:1em 1em 1em 0;
}
.char_box .char_img{
width:40%;
float: left;
}

.char_box .char_detail{
width:55%;
float: right;
}


}