@charset "UTF-8";
/*
 Template:abaya
 Theme Name:Abaya-child
*/


body { 
}

.inner-page-bg{
	padding:150px;
}

.inner-page-bg h1{
	/*font-size:0px;*/
}


/*-------------------------------------------------
マージン
---------------------------------------------------*/
.mr-top10{margin-top:10px;}
.mr-top20{margin-top:20px;}
.mr-top30{margin-top:30px;}


.mr-bt10{margin-bottom:10px;}
.mr-bt20{margin-bottom:20px;}
.mr-bt30{margin-bottom:30px;}

/*-------------------------------------------------
clear
---------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
タイトル
---------------------------------------------------*/
.widget_title, .page_title, .page-title{
  font-weight: 100;
  font-size: 25px;
  padding-bottom: 8px;
}



/*-------------------------------------------------
indexページスライダ
---------------------------------------------------*/
ol.flex-control-nav{width:100%; display: block; bottom:0px;}

.flexslider ul.slides li{ 
  height:400px;
}

.flexslider .slides li.office-index{
  background: #2d2d2d no-repeat center center url("./images/head_office_index.jpg");
  background-size: 100% auto;
}

.flexslider .slides li.tamayama{
  background: #2d2d2d no-repeat center center url("./images/head_tamayama.jpg");
  background-size: 100% auto;
}
.flexslider .slides li.kashiwabara{
  background:#2d2d2d  no-repeat center center url("./images/head_kashiwabara.jpg");
  background-size: 100% auto;
}

.flexslider .slides li.takahashi{
  background:#2d2d2d  no-repeat center center url("./images/head_takahashi.jpg");
  background-size: 100% auto;
}

.flexslider .slides li.ito{
  background:#2d2d2d  no-repeat center center url("./images/head_ito.jpg");
  background-size: 100% auto;
}

.flexslider .slides li.takanashi{
  background:#2d2d2d  no-repeat center center url("./images/head_takanashi.jpg");
  background-size: 100% auto;
}


/*-------------------------------------------------
各アーティストヘッダー
---------------------------------------------------*/
#artist-header.office-about{
  background: #2d2d2d no-repeat center center url("./images/head_office_about.jpg");
  background-size: 100% auto;
  }

#artist-header.artist-index{
  background: #2d2d2d no-repeat center center url("./images/head_artist_index.jpg");
  background-size: 100% auto;
  }


#artist-header.office-recruit{
  background: #2d2d2d no-repeat center center url("./images/head_office_recruit.jpg");
  background-size: 100% auto;
  }

#artist-header.office-mail{
  background: #2d2d2d no-repeat center center url("./images/head_office_mail.jpg");
  background-size: 100% auto;
  }


#artist-header.tamayama{
  background: #2d2d2d no-repeat center center url("./images/head_tamayama.jpg");
  background-size: 100% auto;
  }

#artist-header.kashiwabara{
  background: #2d2d2d no-repeat center center url("./images/head_kashiwabara.jpg");
  background-size: 100% auto;
  }

#artist-header.takahashi{
  background: #2d2d2d no-repeat center center url("./images/head_takahashi.jpg");
  background-size: 100% auto;
  }
#artist-header.ito{
  background: #2d2d2d no-repeat center center url("./images/head_ito.jpg");
  background-size: 100% auto;
  }

#artist-header.takanashi{
  background: #2d2d2d no-repeat center center url("./images/head_takanashi.jpg");
  background-size: 100% auto;
  }

#artist-header{
  width:100%;
  height:400px;
}


/*-------------------------------------------------
index-artistサムネイル
---------------------------------------------------*/

ul.index-artist-thumbnail{
  width:100%;
  margin:30px auto 0 auto;
  padding:0;
}

ul.index-artist-thumbnail li{
 width:19%;
 float:left;
 margin-right:1%;
 list-style: none;
 background-color:#FFF;
}

ul.index-artist-thumbnail li a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


ul.index-artist-thumbnail li p{
  text-align: center;
  font-size: 13px;
  padding:0px;
  margin:0;
  padding:5px 0;
}

ul.index-artist-thumbnail li:last-child{
  margin:0;

}

ul.index-artist-thumbnail li img{
  width:100%;
  max-width: 100%;
  height: auto;  
}

ul#index-artist.index-artist-thumbnail{ margin:0px auto 100px auto;}


/*-------------------------------------------------
header
---------------------------------------------------*/

.header-main{
  min-height : 124px ;
  background: #2d2d2d;
  padding-top :16px;
}
#logo{
  width:295px;
  float:left;
}

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

.main-nav{
  float:right;
  width:auto;
  margin-top:20px;
}

.main-nav-mobile{
  width:auto;
  height:20px;
  text-align: center;
  display: none;
}


.top_nav{
  width:auto ;
  margin: 0 auto;
  display: block ;
  float:none;
}

.top_nav li a{ 
  color : #FFF;
}


.inner-page-bg{
  padding:0;
  background: none;
}

.inner-page-bg img {
  width:100%;
  max-width: 100%;
  height: auto;
}
.main-nav nav > ul > li a{padding:0 10px;}

/*-------------------------------------------------
アーティストテンプレート
---------------------------------------------------*/
.page-template #content{
	padding:0 0 30px 0;
	background-color: #F6F6F6;
}


/*-------------------------------------------------
post関連
---------------------------------------------------*/

.post{
	margin:0 0 0 0;
}

/*日付*/
.post .entry-meta ul li{
	display: block;
	font-weight: 600;
}
.post .entry-meta ul li.entry-cat-name{
	color:#1CBEA8;
}
.post .entry-meta ul li.entry-date{
	color:#A5A5A5;
}

.post .entry-post-group{
	margin: 20px 0 40px 0 ;
}

.post .entry-header{
	float:left;
	width:12%;	
}
.post .entry-content{
	float: left;
	width:88%;
	padding : 0 0 0 0;
  border-bottom:1px dashed #B5B5B5;

}
.post .entry-content p{
	color:#5A5A5A;
}


.post .entry-meta{
	font-size:12px;
	font-color :#999999;
}

.post .entry-meta ul{
  margin:auto;
}
.post h3.entry-title{
	margin : 0 0 0 0;
	font-size : 13px;
	font-weight: 600 ;
  margin-bottom:5px;
}

.post .entry-content p{
	line-height: 15px;
	font-size: 12px;
}

.post .entry-content{
	
}

/*-------------------------------------------------
プロフィール
---------------------------------------------------*/
.prof-list ul,
.prof-data ul,
.prof-photo ul{
  padding:0;
  list-style: none;
  font-size: 12px;
  margin-bottom:10px;
}




.prof-list ul li,
.prof-data ul li,
.prof-photo ul li{
  margin-bottom : 10px ;
  height:20px;
}

#office-profile.prof-list ul li,
#office-profile.prof-data ul li,
#office-profile.prof-photo ul li{
  margin-bottom : 10px ;
  height:30px;
}

.prof-list{
  float:left;
  width:15%;
  /*border:1px solid #F1F1F1;*/
}
.prof-list ul li{ 
  text-align: right;
  font-weight: 600 ;
}

.prof-data{
 float:left;
 margin:0 0 20px 20px;
 width:40%;
 /*border:1px solid #F1F1F1;*/
}

.prof-data ul li{ 
  text-align:left;
   }

.prof-data ul li img{
  max-width: 20px;
  height: auto;
}

.prof-data ul li img:first-child{margin-right: 8px;}



.prof-photo{
 float:left;
 width:40%;
}

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

.photo-data a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}


.area .container .prof-photo .photo-data{
  float:left;
  width:30%;
  margin-left:10px;
  background: #F1F1F1;
}
.area .container .prof-photo .photo-data:first-child{ margin-left:0px; }

.photo-group{
  border:1px solid #F1F1F1;
  width:auto;
  margin:0 auto;

}


/*-------------------------------------------------
会社概要関連
---------------------------------------------------*/
#office-profile.prof-list{ width:10%; }
#office-profile.prof-data{ width:70%; }
#office-map{height:300px;}
.office-map-story{margin:20px 0 100px 0;}
.office-mail-mr{margin-bottom:200px;}


/*-------------------------------------------------
バイオグラフィー
---------------------------------------------------*/
.area .container{
  padding:60px 0 30px 0;
}

div.biography ul{
  list-style: none;
  padding:0 10%;
  margin: 10px auto 20px auto ;
  border-bottom: 1px dashed #B5B5B5;
}

div.biography ul li{
  padding-bottom : 5px;
}

div.biography ul li.bio-year{
  width:40px;
  float:left;
  font-weight: 600;
  margin-right:15px;
}

div.biography ul li.bio-txt{
  width:82%;
  float:left;
}


/*-------------------------------------------------
tab
---------------------------------------------------*/

.tab {
  background:#F6F6F6;
}

.tab ul{
  margin:0 auto;
  padding:0;
}

.tab li {
  width : 15% ;
  color: #000;
  float: left;
  margin: 0 1.5% 0 0;
  padding: 10px 0px;
  border: 1px 1px 0px 1px solid #B2B2B2;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  background: #E9E9E9;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
}

.tab li:first-child{
  margin-left:5px;
}
.tab li:last-child{
  margin: 0 ;
}

.tab li.active {
  width : 15% ;
  color: #FFB82A;
  background: #FFFFFF;
  cursor: auto;
  border-radius: 4px 4px 0px 0px;
}
 
 .area div.hide{
  display: none;
 }

.area div.show {
  display: block;
  padding:20px;
  background: #FFF ;
  min-height: 300px;
}

.area div.show span{
	display: block;
}
.area div.show .container {
  display: block;
}



/*-------------------------------------------------
フッター
---------------------------------------------------*/
.footer .copyright{height:150px;}

.footer-banner{
  margin-bottom:40px;
}

.footer-banner ul{
  width:auto;
  margin:0 auto;
  padding:0;
  list-style: none;
}

.footer-banner ul li{ 
  border: 1px solid #000; 
  float:left;
  display: block;
  width:30%;
  margin-left:5%;
  text-align: center;
}

.footer-banner ul li:first-child{margin-left:0;}

.footer-banner ul li img{
  width:100%;
  max-width: 100%;
  height: auto;
}


/*-------------------------------------------------
レスポンシブ
---------------------------------------------------*/

/*PC*/
@media (min-width: 1200px){ 
  .main-nav-mobile{display:none;   margin:0 auto;}
  .flexslider .slides li,#artist-header{ max-height:400px; }
  .prof-photo{margin-bottom:10px;}
  }

.top_nav ul{ width:330px;}

/*pad*/
@media (min-width: 768px) and (max-width: 1199px){
  .main-nav nav{ display: block; }
 .main-nav-mobile{ display:none;    margin:0 auto;} 
 .area .container .prof-photo .photo-data:first-child{margin-left:18px;}
 .prof-list{width:20%;}
 .prof-data{width:70%;}
 .prof-photo{width:100%; margin-bottom:10px;}

 .flexslider .slides li,#artist-header{ max-height:280px; }

 .post .entry-header{width:15%;}
 .post .entry-content{width:85%;}

}

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

/*ナビ*/
.main-nav-mobile{ display: block; margin:9px auto 0 auto;}
.main-nav{ display: none; }
#logo{ width:150px; float:none; margin:10px auto 0 auto;}
.header-main{ min-height : 98px ; padding-top :10px;}
.top_nav{display: block;}
.top_nav ul{widht:100%; margin:0 auto ;padding:0 auto;}


.widget_title{font-size:20px; margin-bottom:20px;}
.main-nav nav{ display: block; }

/*コンテナ*/
.area .container{padding:15px 0 15px 0 ;}
.area .container .prof-photo .photo-data:first-child{margin-left: 8px;}
.content-area#primary{padding-right: 0;}
#primary{margin-bottom:0px;}

div.biography ul{padding:0 4%;}

.post .entry-post-group{margin-bottom:30px;}
.post .entry-header{width:auto; height:20x;}
/*.post .entry-meta ul{margin-bottom:15px;}*/
.post .entry-meta ul li{display: block ; float:left;}
.post .entry-meta ul li.entry-date{width:100px;}
.post .entry-meta ul li.entry-cat-name{width:120px;}
.post .content-area#primary{padding:0;}
.post .entry-content{width:100%;}
.prof-list{ width:120px; }
.prof-data{ width:50%; }
.prof-photo{  width:100%; margin:10px auto 0 auto;}
.area .container .prof-photo ul li{
  float:left;
  width:30%;
  margin-left:10px;
  background: #F1F1F1;
  }

#office-profile.prof-data{ width:72%; }
#office-profile.prof-list{ width:21%; }

.prof-list ul li,
.prof-data ul li,
.prof-photo ul li{
  height:30px;
}
.prof-list ul li:last-child,
.prof-data ul li:last-child,
.prof-photo ul li:last-child{
  height:100%;
  min-height:30px;
}




 .flexslider .slides li,#artist-header{ max-height:136px; }
 ul.index-artist-thumbnail li p{ font-size: 11px;}
 ul#index-artist.index-artist-thumbnail{ margin:0px auto 20px auto;}
 .post h3.entry-title{margin-bottom:13px;}


.footer .copyright .ftr_nav ul{padding:0; }

}/*767 END*/


  /*iphone5*/
@media only screen and (max-width: 320px){

 .flexslider .slides li,#artist-header{ max-height:117px; }


.footer .copyright .ftr_nav li{margin-right:12px;}


}