@charset "utf-8";
/*
Theme Name: REAL ウェブサイト
Description: 2017
Author: ave(shikakudentatsu.com)
Version: 1.1
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
.ffSawaMin { font-family: "Sawarabi Mincho"; }

a{color:#999;text-decoration:none;}
a:hover{color:#CCC;text-decoration:underline;}
a img{border:none;}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
font-weight:normal;
}
p,form,
section,article,nav,
figure,figcaption{
margin:0;
padding:0;
}

small{
display:block;
text-align:right;
}
address{font-style:normal;}


body{
position:relative;
margin:0;
padding:0;
background:#000;
background:url(images/bg00.png),linear-gradient(#000, #333);
color:#AAA;
font-size:100%;
line-height:150%;
font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Osaka','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-family:"Sawarabi Mincho", "Century","ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}


.in{
margin:auto;
width:960px;
overflow:hidden;
}

header{
margin:0;
padding:30px 0 20px;
background:url(images/bg01.png),linear-gradient(#000,#222);
border-bottom:1px solid #333;
}

header h1{
float:left;
}
header p{
float:right;
margin:0 0 10px 0;
width:500px;
font-size:90%;
line-height:150%;
text-align:center;
color:#999;
}
.gn{
float:right;
width:500px;
}
.btnSpBtn{
display:none;
}
.gn ul{
margin:0;
padding:0;
overflow:hidden;
}
.gn ul li{
display:inline;
margin:0;
padding:0;
list-style:none;
}
.gn ul li a{
float:left;
margin:0 43px 0px 0;
padding:0 0 0 15px;
font-size:22px;
line-height:28px;
text-decoration:none;
color:#999;
background:url(images/arw05.png) left center no-repeat;
}
.gn ul li:last-child a{
margin-right:0;
}

nav ul li.nav01 a{
padding:0 0 0 20px;
background:url(images/arw01.png) left center no-repeat;
}
nav ul li.nav02 a{
padding:0 0 0 20px;
background:url(images/arw02.png) left center no-repeat;
}
.gn ul li.nav01 a,
.gn ul li.nav02 a{
margin:0 20px 0 0;
padding:0 0 0 30px;
font-size:38px;
line-height:140%;
}
.top .gn ul li.nav01 a,
.top .gn ul li.nav02 a{
color:#FFF;
}

.gn ul li.nav01 a{letter-spacing:2px;}
.gn ul li.nav02 a{margin-right:0;}
.gn ul li.nav03 a,
.gn ul li.nav04 a,
.gn ul li.nav05 a{
}
nav ul li.nav03 a{background:url(images/arw03.png) left center no-repeat;}
nav ul li.nav04 a{background:url(images/arw04.png) left center no-repeat;}
nav ul li.nav07 a{margin-right:0;}

.gn ul li a:hover{
color:#FFF;
background-color:rgba(255,255,255,0.5);
}
.real .nav01 a,
.studio .nav02 a,
.team .nav03 a,
.event .nav04 a,
.news .nav05 a,
.link .nav06 a,
.contact .nav07 a{color:#F0F0F0;}

.pagetop{
position:fixed;
right:0;
bottom:0;
margin:20px;
text-align:right;
}
footer{
margin:40px auto;
padding:10px 0;
}
footer address{
margin:20px auto;
text-align:center;
}
footer address h6{
display:inline-block;
margin:0 15px 0 0;
font-size:110%;
letter-spacing:1px;
color:#DDD;
}
.copyright{
font-size:90%;
text-align:center;
}

.fn{
border-top:1px solid #999;
border-bottom:1px solid #999;
}

.fn ul{
display:table;
margin:20px auto;
padding:0;
overflow:hidden;
}
.fn ul li{
display:inline;
margin:0;
padding:0;
}
.fn ul li a{
float:left;
margin:0 10px 0 0;
padding:0 0 0 15px;
color:#999;
background:url(images/arw05.png) left center no-repeat;
}
.fn ul li a:hover{color:#FFF;}

section{
margin:auto;
width:960px;
}
article{
margin:auto;
}
article + article{
margin:100px auto 40px;
}

.mainImage{
margin:20px 0 50px 0;
width:100%;
text-align:center;
background:#000;
}

.tit00{
margin:40px auto;
min-height:90px;
text-align:center;
color:#F0F0F0;
border:2px solid #464613;
border-left:none;
border-right:none;
overflow:visible;
}
.tit00 h2{
margin:25px auto;
padding:0;
font-size:75px;
height:45px;
line-height:45px;
background:#464613;
}

.tit01{
margin:40px -100px;
padding:20px 0;
font-size:40px;
line-height:130%;
text-align:center;
color:#EEE;
border:3px solid #464613;
border-left:none;
border-right:none;
}

.tit02{
display:table;
margin:20px auto;
padding:10px 0;
font-size:40px;
line-height:40px;
text-align:center;
color:#CCC;
}
.tit02:before{
content:'　';
padding:0 0 10px;
font-size:50px;
line-height:50px;
border:3px solid #464613;
border-right:none;
}
.tit02:after{
content:'　';
padding:0 0 10px;
font-size:50px;
line-height:50px;
border:3px solid #464613;
border-left:none;
}

.tit03{
margin:20px -100px 30px;
padding:0 0 10px;
font-size:38px;
line-height:130%;
text-align:center;
border-bottom:2px solid #464613;
}
.fss{font-size:80%;}
.tit02 .fss{font-size:50%;}

.tit04{
margin:30px auto 20px;
padding:5px 50px;
font-size:150%;
line-height:130%;
text-align:center;
border-top:2px solid #464613;
border-bottom:2px solid #464613;
}

.tit05{
padding:0 0 5px 0;
margin:0 auto 20px;
font-size:200%;
color:#F0F0F0;
border-bottom:2px solid #464613;
}
.tit05 .fss{
font-size:50%;
line-height:130%;
color:#999;
}

.pn{
margin:40px auto;
padding:10px 0;
background:#333;
font-size:24px;
line-height:24px;
}
.pn > ul{
display:table;
margin:0 auto;
padding:0;
max-width:960px;
overflow:hidden;
}
.pn > ul > li{
display:inline-block;
margin:0 15px 0 0;
padding:0;
list-style:none;
}
.pn > ul > li:before{
display:inline-block;
padding:0 5px 5px 0;
content:url(images/arw05.png);
vertical-align:middle;
}
.pn ul li ul{
display:inline;
margin:0 0 0 0;
padding:0;
font-size:16px;
}
.pn ul li ul:before{content:'[';}
.pn ul li ul:after{content:']';}
.pn ul li ul li{
display:inline;
margin:0;
padding:0;
background:none;
list-style:none;
}
.pn ul li a{
display:inline-block;
text-decoration:none;
white-space:nowrap;
}

.pn ul li ul li a{
margin:0;
padding:2px;
background:none;
}
.real .pn{background:rgba(40,80,40,0.3);}
.studio .pn{background:rgba(100,60,40,0.4);}
.team .pn{background:rgba(40,40,140,0.4);}
.event .pn{background:rgba(80,40,40,0.3);}


/*
real
*/
.real .tit00{border-color:#024F1C;}
.real .tit00 h2{background:#024F1C;}
.real .tit01{border-color:#024F1C;}

.real .tit02:before,
.real .tit02:after{border-color:#024F1C;}
.real .tit00 h2 div{
display:table;
margin:auto;
letter-spacing:2px;
}
.real .tit00 h2 span{
float:left;
margin:-15px 15px 15px 0;
font-size:34px;
line-height:34px;
}
.real .tit00 h2 strong{
float:left;
font-weight:normal;
}

.dlset01 > dl{
margin:0;
padding:0;
}
.dlset01 > dl > dt{
display:table-cell;
margin:0;
padding:0;
width:7em;
vertical-align:top;
}
.real .dlset01 > dl > dt:before{
content:'☆';
}
.dlset01 > dl > dd{
display:table-cell;
margin:0;
padding:0;
vertical-align:top;
}

.member article{
overflow:hidden;
}
.member .dlset02{
float:left;
width:65%;
vertical-align:top;
}
.member .pic{
float:right;
width:30%;
vertical-align:top;
}
.member .pic img{max-width:100%;}
.dlset02 > dl{
margin:0;
padding:0;
border-bottom:1px solid #555;
}
.dlset02 > dl:last-child{border-bottom:none;}
.dlset02 > dl > dt{
display:table-cell;
margin:0;
padding:10px;
width:9em;
text-align:center;
background:rgba(2,78,29,0.7);
}
.dlset02 > dl > dd{
display:table-cell;
margin:0;
padding:10px;
}


.realizer > ul{
margin:30px auto;
padding:0;
overflow:hidden;
}
.realizer > ul > li{
float:left;
margin:10px 1%;
padding:1%;
width:20%;
background:rgba(2,78,29,0.3);
list-style:none;
overflow:hidden;
}
.realizer > ul > li:nth-child(4n+1){
clear:both;
}
.realizer > ul > li h5{
margin:15px auto;
font-size:20px;
text-align:center;
}
.realizer > ul > li .pic{
display:table;
margin:10px auto;
text-align:center;
}
.realizer > ul > li .pic img{
max-width:100%;
}

.realizer > ul > li .txt{
display:table;
margin:auto;
font-size:80%;
line-height:150%;
}

/*
studio
#ED8733
#77441A
*/
.studio .tit00{border-color:#77441A;}
.studio .tit00 h2{background:#77441A;}
.studio .tit01{border-color:#77441A;}

.alignCenter{
display:table;
margin:auto;
text-align:center;
}

/*
team
*/
.team .tit00{border-color:#162666;}
.team .tit00 h2{background:#162666;}
.team .tit01{border-color:#162666;}
.team .tit02:before,
.team .tit02:after{border-color:#162666;}
.team .tit03{border-color:#162666;}

.team article{
margin:150px auto;
}
.team .tit02 + .pic{
margin:40px auto;
text-align:center;
}
.team .pic p{
padding:5px;
font-size:80%;
text-align:center;
}

.picLR{
margin:30px auto 20px;
overflow:hidden;
}
.picLR img:nth-child(1){
float:left;
margin:0 0 5px 0;
width:49%;
}
.picLR img:nth-child(2){
float:right;
margin:0 0 5px 0;
width:49%;
}
.picLR figcaption{
clear:both;
padding:5px 0;
font-size:80%;
text-align:center;
}

.picVV img:nth-child(1){
margin:0 0 5px 8%;
width:40%;
}
.picVV img:nth-child(2){
margin:0 8% 5px 0;
width:40%;
}

.picVH img:nth-child(1){
width:auto;
max-width:inherit;
}
.picVH img:nth-child(2){
width:auto;
max-width:inherit;
}

.picC{
margin:30px auto 20px;
overflow:hidden;
}
.picC img{
display:block;
margin:auto;
text-align:centerl;
width:50%;
}
.picC figcaption{
padding:5px 0;
font-size:80%;
text-align:center;
}

.team .cmt{
display:table;
margin:30px auto;
}

.team iframe{
margin:auto;
max-width:95%;
}
/*
event
*/
.event .tit00{border-color:#6D2508;}
.event .tit00 h2{background:#6D2508;}
.event .tit01{border-color:#6D2508;}
.event .tit02:before,
.event .tit02:after{border-color:#6D2508;}
.event .tit03{border-color:#6D2508;}

.mainPic img{
max-width:100%;
}
.ulPicset01{
margin:20px auto;
padding:0;
overflow:hidden;
}
.ulPicset01 li{
float:left;
margin:0 1% 10px 0;
padding:0;
width:48%;
list-style:none;
}
.ulPicset01 li img{max-width:100%;}
.tableCenter{
display:table;
margin:0 auto 20px;
}
.tableCenter li{
margin:0;
padding:0;
list-style:none;
}

.comment{
margin:40px auto;
padding:20px 5%;
font-size:120%;
line-height:150%;
color:#333;
background:rgba(255,255,255,0.5);
border-radius:5px;
}
/*
news
*/
.newsArticle dl{
margin:0 auto 40px;
padding:0 0 10px 0;
}
.newsArticle dt{
display:block;
margin:0;
padding:0 0 5px 1em;
text-indent:-1em;
font-size:150%;
line-height:150%;
color:#F0F0F0;
border-bottom:1px solid #464613;
}
.newsArticle dt:before{
content:'★';
color:#DCDC32;
}
.newsArticle dl.real dt:before{color:#008533;}
.newsArticle dl.studio dt:before{color:#ED8733;}
.newsArticle dl.team dt:before{color:#385EFF;}
.newsArticle dl.event dt:before{color:#D94A0F;}

.newsArticle dd{
display:block;
margin:5px 0 10px 1em;
padding:0;
}
.newsArticle dd.date{
margin:5px;
font-size:80%;
line-height:150%;
text-align:right;
}
.newsArticle dd .link{
margin:10px 0;
text-align:right;
}
.newsArticle dd .link a:after{
padding-left:5px;
content:url(images/arw05.png);
}

/*
link
*/
article.linkArticle + article{margin:60px auto;}
.linkArticle a{
display:block;
margin:auto;
padding:10px 20px 20px 20px;
width:700px;
text-decoration:none;
overflow:hidden;
}
.linkArticle a:hover{background:rgba(255,255,255,0.1);}
.linkArticle .imgBnr{
float:left;
margin:0 30px 0 0;
width:200px;
}
.linkArticle .imgBnr img{max-width:100%;}
.linkArticle .imgBnr + p{
float:left;
width:430px;
}

/*
access
*/
.accessArticle{overflow:hidden;}
.accessArticle address{
display:inline-block;
margin:0 3% 0 0;
width:48%;
vertical-align:top;
}
.accessArticle .map{
display:inline-block;
width:48%;
vertical-align:top;
background:#111;
}

.accessArticle address dl{
margin:0;
padding:0;
border-bottom:1px solid #666;
}
.accessArticle address dl:nth-child(1){
border-top:1px solid #666;
}
.accessArticle address dt{
display:table-cell;
margin:0;
padding:10px;
width:5em;
}
.accessArticle address dd{
display:table-cell;
margin:0;
padding:10px;
}

/*
contact
*/
.contactArticle{
width:700px;
}
p+p{
margin-top:20px;
}

.inqForm{
margin:50px auto;
}
.inqForm input[type="text"],
.inqForm textarea{
padding:5px 1%;
width:90%;
border:1px solid #999;
background:#CCC;
}
.inqForm input[type="text"]:focus,
.inqForm textarea:focus{
background:#F0F0F0;
border:1px solid #FFF;
}
.inqForm input[type="submit"]{
display:table;
margin:50px auto 0;
padding:5px 50px;
font-size:20px;
background:#CCC;
border:none;
cursor:pointer;
}
.inqForm input[type="submit"]:hover{
background:#FFF;
color:#000;
}
/*
top
*/
.top .mainImage{
position:relative;
margin:20px 0 70px 0;
width:100%;
overflow:hidden;
}
.top .mainImageIn{
position:relative;
left:50%;
margin:0 0 0px -1500px;
/*max-width:1000px;*/
width:3000px;
}
.top .mainImage li{
}
.top .mainImage img{
margin:auto;
/*width:960px;
max-width:100%;*/
max-width:960px;
height:640px;

}
/*
.mainImageIn:before,
.mainImageIn:after{
position:absolute;
content:'　';
top:0;
width:960px;
height:100%;
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
background:#000;
}
.mainImageIn:before{
left:0;
z-index:1000;
}
.mainImageIn:after{
right:100px;
z-index:1100;
}
*/
.bx-wrapper .bx-prev{left:920px;}
.bx-wrapper .bx-next{right:920px;}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
opacity:0.5;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{
opacity:1;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;}

/*
topEvent
*/
.topEvent{
margin:0 auto 60px;
}
.topEvent h3{
font-size:50px;
text-align:center;
}
.topEvent h3:before{
content:'　';
width:20px;
height:20px;
background:url(images/arw06.png) center center no-repeat;
}
.topEvent h3:after{
content:'　';
width:20px;
height:20px;
background:url(images/arw07.png) center center no-repeat;
}
.topEvent .content{
display:table;
padding:20px 0;
margin:auto;
width:960px;
font-size:18px;
line-height:160%;
text-align:center;
border:1px solid #CCC;
border-left:none;
border-right:none;
}
.topEvent h4{
margin:0 auto 20px;
font-size:30px;
text-align:center;
color:#DDD;
text-shadow:1px 1px 2px rgba(255,255,255,0.5);
}
/*.moreContent:after,*/
.moreContent .moreContentBtn{
display:table;
margin:20px auto 0;
padding:0 20px 0 0;
/*content:'close details';*/
text-align:center;
background:url(images/arw17c.png) right center no-repeat;
cursor:pointer;
}
/*.moreContentClose:after*/
.moreContentClose .moreContentBtn{
display:table;
margin:20px auto 0;
padding:0 20px 0 0;
/*content:'more details';*/
text-align:center;
background:url(images/arw17o.png) right center no-repeat;
cursor:pointer;
}
.top .moreContent:after{background:url(images/arw13c.png) right center no-repeat;}
.top .moreContentClose:after{background:url(images/arw13o.png) right center no-repeat;}
/*
.real .moreContent:after{background:url(images/arw14c.png) right center no-repeat;}
.real .moreContentClose:after{background:url(images/arw14o.png) right center no-repeat;}

.studio .moreContent:after{background:url(images/arw15c.png) right center no-repeat;}
.studio .moreContentClose:after{background:url(images/arw15o.png) right center no-repeat;}

.team .moreContent:after{background:url(images/arw16c.png) right center no-repeat;}
.team .moreContentClose:after{background:url(images/arw16o.png) right center no-repeat;}

.event .moreContent:after{background:url(images/arw13c.png) right center no-repeat;}
.event .moreContentClose:after{background:url(images/arw13o.png) right center no-repeat;}
*/

.topEvent p{margin:0 auto 20px;}
.topEvent h5{
margin:0 auto 10px;
text-align:center;
}
.topEvent ul{
display:table;
margin:0 auto 20px;
padding:0;
}
.topEvent ul li{
display:block;
margin:auto;
padding:0;
list-style:none;
}

.topEvent .moreContentHidden{
display:inline;
margin:auto;
}

.top01{
display:inline-block;
margin:0;
padding:0;
width:48%;
vertical-align:top;
}

ul.top01 li{
display:block;
margin:0 0 20px 0;
padding:0;
list-style:none;
}
ul.top01 li a{
display:block;
text-decoration:none;
text-shadow:2px 2px 1px rgba(0,0,0,0.5);
}
ul.top01 li a:hover,
ul.top01 li a:hover h3{
color:#FFF !important;
/*background-color:rgba(255,255,255,0.1);*/
}
ul.top01 li a p{padding-left:15px;}

.topNav01{background:url(images/arw08.png) left top no-repeat;}
.topNav01 h3{
padding:20px 0 10px 15px;
height:60px;
color:#CCC;
font-size:54px;
line-height:60px;
font-weight:normal;
overflow:hidden;
}
.topNav01 h3 span{
display:inline-block;
margin:0 5px 0 0;
font-size:20px;
line-height:25px;
text-align:center;
}
.topNav01 h3 strong{
display:inline-block;
font-weight:normal;
letter-spacing:1px;
}

.topNav02{background:url(images/arw09.png) left top no-repeat;}
.topNav02 h3{
padding:20px 0 10px 15px;
height:60px;
color:#CCC;
font-size:48px;
line-height:60px;
font-weight:normal;
}

.topNav03{background:url(images/arw10.png) left top no-repeat;}
.topNav03 h3{
padding:20px 0 5px 35px;
height:60px;
color:#CCC;
font-size:50px;
line-height:60px;
font-weight:normal;
letter-spacing:2px;
}

.topNews{
position:relative;
display:inline-block;
margin:20px 0 0 0;
padding:0;
width:48%;
vertical-align:top;
border-bottom:1px solid #999;
}
.topNews h4{
margin:0;
padding:0 0 0 25px;
font-size:36px;
background:url(images/arw11.png) left center no-repeat;
border-bottom:1px solid #999;
}
.topNews .more{
position:absolute;
height:36px;
top:20px;
right:0;
}
.topNews .more a{
padding:0 45px 0 0;
background:url(images/arw12.png) right center no-repeat;
}

.topNews .content{
height:320px;
overflow:auto;
}
.topNews .content dl{
margin:0;
padding:10px 0;
width:100%;
border-bottom:1px dotted #666;
}
.topNews .content dt{
display:table-cell;
margin:0;
padding:0;
width:7.5em;
vertical-align:middle;
}
.topNews .content dd{
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.pcNone{display:none;}

.bnr01{
text-align:center;
margin:50px auto;
}
.sp{display:none;}
.pc{display:block;}