@charset "utf-8";
/*
phone.css
Author: ave(shikakudentatsu.com)
Version: 1.1
*/
@media screen and ( max-width:768px) {

br.pcNone{display:block;}
body{
font-size:80%;
line-height:170%;
}
img{
max-width:100%;
height:auto;
}

.in{width:auto;}
header{}
header p{
display:none;
}

header h1{
float:none;
width:50%;
margin:0 0 0 5%;
}

.top header h1{
float:none;
width:75%;
margin:0 0 0 5%;
}

.top header{
position:relative;
padding-top:4em;
}
.top header p{
position:absolute;
display:block;
top:10px;
left:5%;
float:none;
width:auto;
font-size:8px;
}
.gn{
position:relative;
float:none;
margin:auto;
width:90%;
}
.gn:before{
position:absolute;
display:block;
top:-30px;
right:0%;
height:30px;
width:30px;
font-size:30px;
line-height:30px;
text-align:center;
background:#666 url(images/sp_btn_gn_open.png) center center no-repeat;
cursor:pointer;
content:'　';
}
.gn.gnOpen:before{
background:#666 url(images/sp_btn_gn_close.png) center center no-repeat;
}

.gn ul li.nav01 a, .gn ul li.nav02 a{
display:block;
float:none;
font-size:30px;
}

.mainImage,
.top .mainImage{
position:static;
margin:10px auto 30px;
}
.top .mainImageIn{
position:static;
left:auto;
margin:auto;
width:auto;
}
.top .mainImage img{
width:100%;
max-width:100%;
height:auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0;}


section{
width:90%;
}

.tit00{
margin:20px auto;
min-height:65px;
text-align:center;
color:#F0F0F0;
border:2px solid #464613;
border-left:none;
border-right:none;
overflow:visible;
}
.tit00 h2{
margin:15px auto;
padding:0;
font-size:60px;
height:35px;
line-height:30px;
background:#464613;
}

.tit01{
margin:20px auto;
padding:15px 0;
font-size:24px;
line-height:130%;
}


.tit02{
position:relative;
display:table;
margin:20px auto;
padding:10px 20px;
font-size:30px;
line-height:40px;
text-align:center;
color:#CCC;
overflow:hidden;
}
.tit02:before{
position:absolute;
left:0;
top:0;
bottom:0;
font-size:30px;
}
.tit02:after{
position:absolute;
right:0;
top:0;
bottom:0;
font-size:30px;
}
.tit02 .fss{
display:block;
}

.tit03{
font-size:28px;
margin:20px auto;
}

.tit05{
font-size:220%;
line-height:150%;
text-align:center;
}
.tit05 .fss{
display:block;
}

.pn{
margin:20px auto 40px;
padding:10px 0;
font-size:16px;
line-height:18px;
}
.pn > ul{
max-width:90%;
}
.pn ul li{
padding:5px 0;
}
.pn ul li ul{
display:inline-block;
margin:0 auto 0;
padding:0 0 0;
font-size:12px;
}


/*
real
*/

.real .tit00 h2 div{letter-spacing:0px;}
.real .tit00 h2 span{
float:left;
margin:5px 15px 15px 0;
font-size:15px;
line-height:15px;
}

.dlset01 > dl{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #999;
}
.dlset01 > dl > dt{
display:block;
margin:0;
padding:0;
width:auto;
font-size:110%;
font-weight:bold;
}
.dlset01 > dl > dd{
display:block;
margin:0;
padding:0;
}

.member .dlset02{
display:block;
float:none;
margin-right:0;
width:auto;
}
.member .pic{
display:table;
float:none;
margin:20px auto;
width:auto;
}
.dlset02 > dl{
margin:0;
padding:0;
border-bottom:1px solid #555;
}
.dlset02 > dl:last-child{border-bottom:none;}
.dlset02 > dl > dt{
padding:5px;
vertical-align:middle;
}
.dlset02 > dl > dd{
padding:5px;
vertical-align:middle;
}

.dlset02 > dl:last-child > dt{
display:block;
margin:0;
padding:5px;
width:auto;
text-align:center;
background:rgba(2,78,29,0.7);
}
.dlset02 > dl:last-child > dd{
display:block;
margin:0;
padding:5px;
}


.realizer > ul > li{
float:none;
display:block;
width:auto;
}

/*
studio
*/
.tit00 h2{
font-size:36px;
line-height:35px;
}

/*
event
*/
.ulPicset01 li{
float:none;
margin:0 0 10px 0;
width:auto;
}

/*
link
*/
article.linkArticle + article{margin:60px auto;}
.linkArticle a{
display:block;
margin:auto;
padding:10px 5% 20px 5%;
width:auto;
text-decoration:none;
overflow:hidden;
}
.linkArticle .imgBnr{
float:none;
margin:0 0 10px 0;
width:auto;
text-align:center;
}
.linkArticle .imgBnr + p{
float:none;
width:auto;
}

/*
access
*/
.accessArticle address{
display:block;
margin:0 0 20px 0;
width:auto;
}
.accessArticle .map{
display:block;
width:auto;
}

/*
contac
*/
.contactArticle{
width:auto;
}
/*
top
*/

.topEvent h3{
font-size:30px;
line-height:150%;
}
.topEvent h4{
font-size:20px;
line-height:150%;
}
.topEvent .content{
width:100%;
font-size:100%;
line-height:150%;
}

.top01{
display:block;
margin:0 auto 60px;
width:auto;
}

.topNav01 h3{
font-size:40px;
}
.topNav01 h3 span{
font-size:18px;
line-height:20px;
}
.topNav02 h3,
.topNav03 h3{
font-size:35px;
}

.topNews{
display:block;
width:auto;
}
.topNews h4{
font-size:28px;
height:36px;
}
.topNews .content{
height:auto;
}
.topNews .more{
position:static;
margin:5px 0;
height:auto;
text-align:right;
}

footer{
padding:10px 0 40px;
}

.fn ul{
display:table;
margin:20px auto;
padding:0 5%;
font-size:90%;
}
footer address{
text-align:center;
}
footer address h6{
display:block;
margin:0 0 5px 0;
}
footer address span{
display:block;
}


.sp{display:block;}
.pc{display:none;}

}