@charset "UTF-8";
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
*{box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*:focus{
 outline:none;
}
/*==================================
	基本
 ===================================*/
 html{
  height:100%;
 }
 
 body{
  color:#000;
  height:100%;
 }
 
 img{
  vertical-align:bottom;
 }
 
 a{
  color:#000;
  text-decoration:none;
 }
 
 a:hover{
  color: #bf1c1f;
 }
 
.container{
 padding:0 50px;
 height:100%;
  /*overflow:hidden;*/
}
 #contents{
   clear:both;
   font-family: "adobe-garamond-pro";
/*   height:100%;*/
 }

#footer{
 clear:both;
}

#copyright{
 position:fixed;
 bottom:0;
 width:100%;
 height:30px;
 line-height:30px;
 background:#FFF;
 text-align:center;
 font-family: "adobe-garamond-pro";
 font-size:12px;
 z-index:100;
 letter-spacing:.05em;
}


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



@media only screen and (max-width : 768px) {
.container{
  padding:0 30px;
}
}

@media only screen and (max-width : 480px) {
.container{
  padding:10px 15px 0 15px;
}
#copyright{
 font-size:10px;
}
}

/*==================================
	header
 ===================================*/
#header{
 margin:30px auto 50px auto;
 overflow:hidden;
 }

#header #logo{
  float:left;
  width:50px;
 }
 
#header #tel{
  float:left;
  margin:12px 0 0 45px;
  font-family: "adobe-garamond-pro";
  font-size:13px;
  font-weight: 600;
  letter-spacing:.15em;
  line-height:1;
 }
 
 #headerMenu{
  float:right;
  margin:13px 0 0 0;
  font-family: "pragmatica-web",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size:12px;
  line-height:1;
  letter-spacing:.1em;
 }

 #headerMenu li{
  float:left;
  margin:0 0 0 20px;
 }

@media only screen and (max-width : 610px) {
#header{
 margin:0 auto 30px auto;
 overflow:hidden;
 }
}

@media only screen and (max-width : 480px) {
#header #tel{
  margin-left:15px;
 }
}




/*==================================
	TOP
 ===================================*/
#topHeader #logo{
  position:absolute;
  left:50px;
  top:30px;
 }
 
#topHeader #tel{
  font-family: "adobe-garamond-pro";
  position:absolute;
  left:145px;
  top:42px;
  font-size:13px;
  font-weight: 600;
  letter-spacing:.15em;
  line-height:1;
 }


#mainMenu{
 font-family: "adobe-garamond-pro";
 margin:100px 0 0 95px;
 letter-spacing:.25em;
/* display:inline-block;
 vertical-align:top;*/
 float:left;
}

#mainMenu .artistList{
 display:none;
}

#mainMenu > ul >li{
 font-size:30px;
 font-weight: 600;
 margin:0 0 25px 0;
}

#mainMenu .accordion{
 position:relative;
}

#mainMenu .accordion.open{
  color: #bf1c1f;
}

#mainMenu .accordion.open:before{
 content:'\2a';
 display:block;
 position:absolute;
 left:-.5em;
}

#mainMenu .artistList{
 margin:20px 0 40px 30px;
 letter-spacing:.1em;
 font-weight: 600;
}

#mainMenu .artistList li{
 font-size:20px;
 margin-bottom:17px;
}

#mainMenu .instagram{
  width: 20px;
}

#topGallery{
/* vertical-align:top;
 margin:20px 0 0 500px;
*/
position:absolute;
top:20px;       
right:7px;
left:530px;
}

#topGallery .item{
/* max-width:220px;*/
 width:25%;
 margin-bottom:7px;
 padding:0 0 0 7px;
 overflow:hidden;
}

#topGallery .item .captionWrap{
 display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	/*-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;*/
}



#topGallery .item:hover .captionWrap,
#topGallery .item.touch .captionWrap{
 opacity: 1;
}

#topGallery .item .caption{
 position:absolute;
 left:7px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 overflow:hidden;
 width:100%;
}

#topGallery .item .caption p{
 font-family:"adobe-garamond-pro", "リュウミン B-KL JIS2004";
 letter-spacing:.15em;
 /*font-size:18px;*/
 font-size:1.2vw;
 padding-left:10px;
 margin-bottom:1em;
 font-weight:600;
 line-height:1.2
}

#topGallery .item .caption p:last-child{
 margin-bottom:0;
}


#topGallery .item .caption p span{
 display:block;
 font-size:0.9vw;
 margin-bottom:5px;
 font-weight:400;
}

#topGallery .item p.media-name{
 font-family:"adobe-garamond-pro", "リュウミン B-KL JIS2004";
 font-size:1vw;
/* position:absolute;
 bottom:10px;
 left:17px;*/
 margin-bottom:1.5em;
}


#topGallery .item img{
 width:100%;
}

/* Infinite Scroll loader */
#infscr-loading { 
  z-index: 200;
  position: fixed;
  bottom:0px;
  right:0;
  margin:auto;
  width:50px;
  padding: 10px;
  background: #FFF; 
  opacity: 0.8;
  color: #FFF;
}

#infscr-loading img{
}
/*#infscr-loading:after{
 font-size:10px;
 content:'loading';
 color:#666666;
}*/


/*------------------------------------------------------------------------------------------*/
#topGallery #loading{
 position:absolute;
 background:#FFF;
 top:0;
 bottom:0;
 left:0;
 right:-7px;
 z-index:100;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 250px auto;
}

.spinner p{
 font-family: "adobe-garamond-pro";
 font-size:14px;
 color:#CCC;
 font-weight:600;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #CCC;
  opacity: 0.6;
  position: absolute;
  top: 20px;
  left: 12px;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*-----------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 1600px) {
#topGallery .item{
 width:33.33%;
}
}

@media only screen and (max-width : 1000px) {
#topGallery .item{
 width:50%;
}
}



@media only screen and (max-width : 768px) {

#topHeader #logo{
  left:30px;
 }
 
#topHeader #tel{
  left:125px;
 }


#mainMenu{
 margin-left:0;
}

#mainMenu > ul >li{
 font-size:28px;
}

#mainMenu .artistList li{
 font-size:18px;
}

#topGallery{
right:30px;
left:370px;
}

#topGallery .item{
}

#topGallery .item .caption p{
 font-size:15px;
}

#topGallery .item .caption p span{
 font-size:12px;
}
}

@media only screen and (max-width : 480px) {
#topHeader #logo{
  left:15px;
 }
 
#topHeader #tel{
  left:80px;
 }

#mainMenu{
 float:none;
 margin-bottom:40px;
}

#mainMenu > ul >li{
 margin-bottom:22px;
}

#topGallery{
 position:relative;
 left:0;
 top:auto;
 width:100%;
 margin-left:-3.5px;
}

#topGallery .item{
 padding:0 0 0 -7px;
 width:50%;
}

#topGallery .item .caption p{
 font-size:12px;
}

#topGallery .item .caption p span{
 font-size:10px;
}

#topGallery #loading{
 right:0;
}

.spinner {
  margin: 0 auto;
}

}


/*==================================
	Artsit TOP
 ===================================*/
 /*#contents{
   clear:both;
   font-family: "adobe-garamond-pro";
   height:100%;
 }*/
 
#artistTop{
 margin:auto;
 height:100%;
}

#artistTop h2{
 font-size:30px;
 font-weight:600;
 letter-spacing:.2em;
 text-align:center;
 margin:0 0 15px 0;
}

#artistMenu{
 letter-spacing:-0.4em;
 text-align:center;
 margin:0 0 30px 0;
}

#artistMenu > li{
 display:inline-block;
 letter-spacing:normal;
 font-size:15px;
 margin:0 15px;
}

#artistMenu #portfolios{
 cursor: pointer;
 position:relative;
}

#artistMenu #portfolios h3:after{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left:5px;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #000000 transparent transparent transparent;
}


#artistMenu #portfolios ul{
 display:none;
 position:absolute;
 left:-10px;
 padding:10px;
 text-align:left;
 background:rgba(255,255,255,1);
 z-index:100;
 white-space:nowrap;
}

#artistMenu #portfolios ul li{
 margin-bottom:.5em;
}


#portfolioList{
 width:1100px;
 margin:auto;
 letter-spacing:-0.4em;
 text-align:center;
}

#portfolioList .portfolioCategory{
/* float:left;
/* width:250px;*/
 /*width:auto;*/
 display:inline-block;
 margin:0 8px 45px 8px;
}

#portfolioList .portfolioCategory .thum{
 -webkit-transform: translateY(100%);
 -ms-transform: translateY(100%);
 transform: translateY(100%);
 position:relative;
 margin-bottom:10px;
 height:300px;
 text-align:center;
}
#portfolioList .portfolioCategory .thum img{
 -webkit-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 transform: translateY(-100%);
 max-height:100%;
 max-width:400px;
 margin: auto;
}

#portfolioList .portfolioCategory h4{
font-family: "adobe-garamond-pro",sans-serif;
font-style: italic;
font-weight: 600;
font-size:15px;
text-align:center;
letter-spacing:.1em;
}


@media only screen and (max-width : 1200px) {
 #portfolioList{
  width:100%;
 }
/*#portfolioList .portfolioCategory{
 width:31.3%;
 margin-left:1%;
 margin-right:1%;
}

#portfolioList .portfolioCategory .thum img{
 max-width:100%;
}
 */
}

@media only screen and (max-width : 480px) {
 #artistTop h2{
 font-size:28px;
 letter-spacing:.1em;
}

#artistMenu{
 /*margin-bottom:45px;*/
}

#portfolioList{
 padding-bottom:30px;
}

#portfolioList .portfolioCategory{
 float:none;
 display:block;
 width:50%;
 margin-left:auto;
 margin-right:auto;
}

#portfolioList .portfolioCategory .thum{
 height:auto;
}

#portfolioList .portfolioCategory .thum img{
 position:relative;
 max-height:none;
 height:auto;
 max-width:100%;
}


}

/*==================================
	Gallery
 ===================================*/
#galleryWrap{
 position:relative;
 height:100%;
/* padding-bottom:20px;*/
}



#gallery{
 /*position:absolute;*/
 top:0px;
 bottom:0;
 width:100%;
 margin:auto;
}
#gallery img{
  -webkit-transform: none !important;
  -webkit-filter: blur(0px);
}

#breadcrumb{
 font-size:13px;
 margin-bottom:10px;
}



/*==================================
	prof
 ===================================*/
 #profile .en,
  h2.en{
  display:none;
 }
 
 
 h2.prof{
/*font-family:"Ryumin ExtraBold KL JIS2004";*/
font-family:"リュウミン B-KL JIS2004";
 }
 
 
#profile{
 position:relative;
/* font-family:"Ryumin ExtraBold KL JIS2004";*/
 font-family:"リュウミン B-KL JIS2004";
 width:90%;
 max-width:780px;
 margin:auto;
 font-size:12px;
 line-height:1.5;
 letter-spacing:.05em;
}

#profile table{
 position:relative;
 top:0;
 margin-bottom:30px;
 letter-spacing:.15em;
}

#profile table td{
 padding:2px 0 2px .5em;
 }

#profile table td.merge{
 padding-left:0;
}

#profile .contentEN th{
 text-align:left;
 width:2em;
}

#profile .contentJP th{
 text-align:left;
 width:4em;
}


#profile h3,
#profile dt{
 font-family: "adobe-garamond-pro",sans-serif;
 font-size:25px;
 border-bottom:1px solid #9fa0a0;
 font-weight:600;
 margin-bottom:10px;
 letter-spacing:.10em;
 line-height:1;
 padding-bottom: 3px;
}

#profile dd{
 margin-bottom:0;
}

#profile dd.active{
 margin-bottom:30px;
}


 #profile #selectLang{
  position:absolute;
  right:0;
  top:7px;
  font-family: "adobe-garamond-pro",sans-serif;
  font-style:italic;
 }

@media only screen and (max-width : 480px) {
#profile{
 width:100%;
}
}


/*==================================
	NEWS, CASTING
 ===================================*/
 #news,#casting{
  width:960px;
  margin:auto;
  position:relative;
 }

 #news .leftCol{
  width:750px;
  float:left;
 }

 #news .rightCol{
  width:135px;
  float:right;
  padding-bottom:50px;
  overflow:hidden;
 }


#news h2,
#casting h2{
 font-family: "adobe-garamond-pro",sans-serif;
 font-size:25px;
 border-bottom:1px solid #9fa0a0;
 font-weight:600;
 margin-bottom:30px;
 letter-spacing:.1em;
 padding-bottom:3px;
 line-height:1;
}

#news .selectLang,
#casting .selectLang{
  position:absolute;
  top:5px;
  right:0;
  font-family: "adobe-garamond-pro",sans-serif;
  font-style:italic;
 }


#news h3,
#casting h3{
 font-family:"adobe-garamond-pro", "リュウミン B-KL JIS2004";
 font-size:16px;
 margin:0 0 1em 0;
 font-weight:600;
}

#news.en h3,
#casting.en h3{
  font-family: "adobe-garamond-pro",sans-serif;
  font-size:17px;
 margin:0 0 0.5em 0;
}


#news .news-section,
#casting .news-section {
  clear:both;
  padding:0 0 80px 0;
  margin:0 0 80px 0;
  border-bottom:1px solid #CCC;
}


#news .news-section div.date,
#casting .news-section div.date {
 line-height:1em;
 margin:0.3em 0 8px 0;
 text-align:left;
 color:#999;
 font-family: "adobe-garamond-pro",sans-serif;
}

#news .new,
#casting .new {
color:#FF0000;
}

#news  .news-text,
#casting  .news-text{
 font-family: "adobe-garamond-pro",sans-serif;
 line-height:1.8;
 font-size:14px;
}

#news.en  .news-text,
#casting.en  .news-text{
 /*font-family:"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
 font-family:"リュウミン B-KL JIS2004";
 line-height:1.8;
 font-size:13px;
 color:#434343;
}


#news  .news-text p,
#news  .news-text div,
#casting  .news-text p,
#casting  .news-text div{
 text-align:left !important;
}

#news  .news-text img,
#casting  .news-text img{
 margin:auto;
 max-width:100%;
 height:auto !important;
}

#news .rightCol .title{
 font-family: "adobe-garamond-pro",sans-serif;
 font-size:18px;
 font-weight:600;
 margin:0 0 20px 0;
 letter-spacing:.15em;
 line-height:1;
 }

#news .rightCol  #categoryList > li{
margin:0 0 25px 0;
}

#news .rightCol  #categoryList > li.cat-item.cat-item-1{
 display: none !important;
}

#news.en .rightCol  #categoryList > li:last-child{
 display: none !important;
}


#news .rightCol  #categoryList > li >a{
 font-family: "adobe-garamond-pro",sans-serif;
 font-size:18px;
 letter-spacing:.08em;
}

#news .rightCol  #categoryList.en > li >a{
 font-weight:600;
}


#news .rightCol  #categoryList.ne > li >a{
 font-weight:bold;
}

#news .rightCol  #categoryList  .children{
 margin:15px 0 25px .5em;
 font-family:serif;
}

#news .rightCol  #categoryList  .children li{
 margin-bottom:1em;
 font-size:14px;
}

#news .rightCol  #categoryList.en  .children li{
 font-family: "adobe-garamond-pro",sans-serif;
 font-size:15px;
 letter-spacing:.08em;
}

.wp-video {
	width: 100% !important;
	height: auto;
}


video.wp-video-shortcode,
.wp-video-shortcode video {
width:100%;
height:100%;
border:none;
display:inline-block;
}

.mejs-container{
 width:100% !important;
 background:#FFF !important;
}

.mejs-layer{
 width:100% !important;
}

.mejs-offscreen{
 display:none !important;
}

.mejs-poster {
}

.mejs-controls{
 left:0px !important;
 right:1px !important;
 width:auto;
}

.news-contents{
 margin-left:-1px;
}

.news-contents p,
.news-contents .news-title{
 margin-left:1px;
}


.pagebar {
 font-family: "adobe-garamond-pro",sans-serif;
	padding: 0 0 30px 0;
	text-decoration: none;
	text-align: center;
	color:#999;
}

.top {
	padding: 15px 0 15px 0;
}

.pagebar a,.pageList .this-page {
	/*border: 1px solid #9AAFE5;*/
	text-decoration:underline;
	padding: 0em 0.5em;
	font-weight:normal !important;
}

.pagebar a:visited {
	/*border: 1px solid #9AAFE5;*/
	text-decoration:underline;
	padding: 0.2em 0.5em;
	color:#999;

}
.pagebar a:hover {
	text-decoration:underline;
	padding: 0.2em 0.5em;
	color:#000;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	/*border: 1px solid #2E6AB1;*/
	padding: 0em 0.5em;
	font-weight: bold;
	/*background: #2E6AB1;*/
	color: #000;
}


.pagebar .inactive
{
   /*border: 1px solid #cccccc;*/
	color:#999;
   text-decoration: none;
   padding: 0em 0.5em;
}

.notfound{
	font-size:150%;
}

@media only screen and (max-width : 1060px) {
 #news,#casting{
  width:100%;
 }

 #news .leftCol{
  width:75%;
 }

 #news .rightCol{
  width:20.5%;
  float:right;
 }
}

@media only screen and (max-width : 768px) {
#news .leftCol,
#news .rightCol{
   float:none;
   width:100%;
 }
 
#news .rightCol{
 margin-top:20px;
}

#news .news-section,
#casting .news-section {
  padding-bottom:40px;
  margin-bottom:40px;
}

#news .rightCol .title{
 /* border-bottom:1px dashed #CCC;
  padding-bottom:.5em*/
}

#news .rightCol  #categoryList > li{
 float:left;
 display:block;
 vertical-align:top;
 width:50%;
 font-weight:600;
 margin-bottom:15px;
}

#news .rightCol #categoryList .children{
 margin-left:1.2em;
 margin-bottom:15px;
}

#news .rightCol #categoryList .children li {
 font-weight:normal;
}

}

@media only screen and (max-width : 480px) {
#news h3,
#casting h3{
 font-size:14px;
}

.pagebar {
 font-size:12px;
 padding-bottom:15px;
	}
.pagebar a, .pageList .this-page,
.pagebar a:visited,
.pagebar a:hover {
 padding-left:.35em;
 padding-right:.5em;
}
.pagebar .break {
 padding-left:3px;
 padding-right:3px;
}


}

/*==================================
	固定ページ COMPANY
 ===================================*/
#static{
 width:960px;
 margin:auto;
 position:relative;
 font-size:12px;
 padding-bottom:50px;
}

#static p{
margin-bottom:1em;
}

#static .contentJP{
  font-family:"リュウミン B-KL JIS2004";
  letter-spacing:.1em;
  line-height:1.5;
}

#static .contentEN{
    font-family: "adobe-garamond-pro", sans-serif;
    letter-spacing:.1em;
    line-height:1.5;
    font-size:15px;
    font-weight:600;
}


#static h2{
    position:relative;
    font-family: "adobe-garamond-pro", sans-serif;
    font-size: 25px;
    border-bottom: 1px solid #9fa0a0;
    margin-bottom: 20px;
    letter-spacing: .1em;
    padding-bottom: 3px;
    line-height:1;
    font-weight:600;
}

#static #selectLang{
  position:absolute;
  top:8px;
  right:0;
  font-family: "adobe-garamond-pro",sans-serif;
  font-style:italic;
 }

#static .company-intro{
 border-bottom:1px dashed #b2b2b2;
 margin-bottom: 20px;
 padding-bottom:20px;
}

#static .company-outline{
 font-size:13px;
 margin-bottom:50px;
}

#static .company-outline dl{
 display:inline-block;
 vertical-align:top;
}
#static .company-outline dl dt{
 float:left;
}

#static .company-outline dl dt,
#static .company-outline dl dd{
 margin-bottom:0.5em;
}

#static .company-outline .leftCol{
 width:28em;
}

#static .company-outline .rightCol{
 width:22em;
}

#static .company-outline .leftCol dt{
 width:6em;
}

#static .company-outline .rightCol dt{
 width:4em;
}

#static .contentEN .company-outline dl{
 width:100%;
}

#static .contentEN .company-outline dt{
width:6em;
}


#static .company-outline{
 font-size:13px;
 margin-bottom:1em;
}

#static .donation,
#static .company-contact{
 font-size:13px;
 margin-bottom:50px;
}

#static .donation dt{
 float:left;
 width:8em;
}

#static .donation dd{
 margin-left:8em;
}


#static .donation dd{
}


#static .company-map{
 text-align:center;
 padding-bottom:20px;
 margin-bottom:15px;
 border-bottom: 1px solid #9fa0a0;
}

#static .company-map .gmap{
 font-family: "adobe-garamond-pro", sans-serif;
 font-style:italic;
 font-size:12px;
 letter-spacing:.05em;
 text-align:right;
 margin:-2em 0 0 0;
}


/*#static .contentJP .contact{
 font-size:15px;
}

#static .contentEN .contact{
 font-size:18px;
}
*/

@media only screen and (max-width : 960px) {

#static{
 width:100%;
}

}

@media only screen and (max-width : 767px) {

#static .company-outline .leftCol,
#static .company-outline .rightCol{
 width:100%;
}

#static .company-outline .leftCol dt,
#static .company-outline .rightCol dt{
 width:6em;
}

#static .contentEN .company-outline dl{
 width:100%;
}

#static .contentEN .company-outline dt{
width:6em;
}
}

@media only screen and (max-width : 480px) {

#static .contentJP .contact{
 font-size:11px;
}

#static .company-outline{
 font-size:12px;
}
#static .company-map .gmap{
 margin:1.5em 0 0 0;
 text-align:center;
}
}


/*==================================
	言語切替
 ===================================*/
.tabContents{
 height:0;
 opacity:0;
 overflow:hidden;
}

.tabContents.active{
 height:auto;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 1;
}