﻿/**

*	ベース

**/

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

} 



html {

	min-width:980px; /*iphoneの背景画像が表示されない対策*/

	height: 100%;

	margin: 0;
}



a:link,a:visited {
	color: #000080;
	text-decoration: none;
}




body {

	padding:0px;
	margin:0px;

	background-color:#ffffff;


	color:#000000;
	

	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;



	font-size:16px;
	line-height:1.5em;
}


td {vertical-align:top;}

p {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* -----------------------------------------------------------------------  */

/*                    メニュー部分                                          */

/* -----------------------------------------------------------------------  */



#navi-wrap{

	width:100%;

	height:45px; /*   62+45         */

	/*text-align:center;*/

	

	top: 0;

	z-index: 99;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+53,212121+100 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 53%, #212121 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 53%,#212121 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 53%,#212121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */









}


#header_wrap{

	background-color:#000;
	padding-top:20px; 

}

#main_logo{

	display:block;

	margin:0 auto;

	width:950px;
	
	

}

#logo_1{
	float:left;
	margin-top:0px;
}

#logo_2{
	float:right;
}







.menu-global-container{

	float:left;
	/*background:url(./img/menu/menu_bg.png) left top repeat-x;*/
}



#access{

	display:block;

	margin:0 auto;

	width:950px;

	background:url(./img/menu/menu_bg.png) left top repeat-x;









}

#access #menu-global{

	padding:0px 0px 0px 0px;

}

#access ul{

	list-style:none;

	margin:0;

	padding:0px;

}





#access li{

	float:left;

	/*position:relative*/

}





#access ul li a{

	color:#eee;

	display:block;

	padding:0;

	width:120px;

	height:45px;

	text-indent:-9999px

}


#access li.menu-item-home a{
	background:url(./img/menu/menu_home.png) left top no-repeat
}
#access li.menu-item-home a:hover{
	background:url(./img/menu/menu_home_on.png) left top no-repeat
}


#access li.menu-item-titles a{
	background:url(./img/menu/menu_titles.png) left top no-repeat
}
#access li.menu-item-titles a:hover{
	background:url(./img/menu/menu_titles_on.png) left top no-repeat
}

#access li.menu-item-topics a{
	background:url(./img/menu/menu_topics.png) left top no-repeat
}
#access li.menu-item-topics a:hover{
	background:url(./img/menu/menu_topics_on.png) left top no-repeat
}


#access li.menu-item-services a{
	background:url(./img/menu/menu_services.png) left top no-repeat
}
#access li.menu-item-services a:hover{
	background:url(./img/menu/menu_services_on.png) left top no-repeat
}

#access li.menu-item-story a{
	background:url(./img/menu/menu_story.png) left top no-repeat
}
#access li.menu-item-story a:hover{
	background:url(./img/menu/menu_story_on.png) left top no-repeat
}




#access li.menu-item-contact a{
	background:url(./img/menu/menu_contact.png) left top no-repeat
}
#access li.menu-item-contact a:hover{
	background:url(./img/menu/menu_contact_on.png) left top no-repeat
}

#access li.menu-item-products a{
	background:url(./img/menu/menu_products.png) left top no-repeat
}
#access li.menu-item-products a:hover{
	background:url(./img/menu/menu_products_on.png) left top no-repeat
}

#access li.menu-item-information a{
	background:url(./img/menu/menu_information.png) left top no-repeat
}
#access li.menu-item-information a:hover{
	background:url(./img/menu/menu_information_on.png) left top no-repeat
}

#access li.menu-item-introduction a{
	background:url(./img/menu/menu_introduction.png) left top no-repeat
}
#access li.menu-item-introduction a:hover{
	background:url(./img/menu/menu_introduction_on.png) left top no-repeat
}

#access li.menu-item-company a{
	background:url(./img/menu/menu_company.png) left top no-repeat
}
#access li.menu-item-company a:hover{
	background:url(./img/menu/menu_company_on.png) left top no-repeat
}



#access li.menu-item-002 a{
	background:url(./img/menu/menu_news.png) left top no-repeat
}

#access li.menu-item-003 a{
	background:url(./img/menu/menu_works.png) left top no-repeat
}

#access li.menu-item-004 a{
	background:url(./img/menu/menu_talent.png) left top no-repeat;
}

#access li.menu-item-005 a{
	background:url(./img/menu/menu_gallery.png) left top no-repeat;
}

#access li.menu-item-006 a{
	background:url(./img/menu/menu_profile.png) left top no-repeat;
}

#access li.menu-item-007 a{
	background:url(./img/menu/menu_company.png) left top no-repeat;
}





#access li.menu-item-002 a:hover{
	background:url(./img/menu/menu_news_on.png) left top no-repeat
}

#access li.menu-item-003 a:hover{
	background:url(./img/menu/menu_works_on.png) left top no-repeat
}

#access li.menu-item-004 a:hover{
	background:url(./img/menu/menu_talent_on.png) left top no-repeat
}

#access li.menu-item-005 a:hover{
	background:url(./img/menu/menu_gallery_on.png) left top no-repeat
}

#access li.menu-item-006 a:hover{
	background:url(./img/menu/menu_profile_on.png) left top no-repeat
}

#access li.menu-item-007 a:hover{
	background:url(./img/menu/menu_company_on.png) left top no-repeat
}
	






#access ul li ul.sub-menu {

	display:none;

	float:left;

	margin:0;

	/*position:absolute;*/

	/*top:3.333em;*/

	top:45px;

	left:0;

	width:150px;

	z-index:99999;

	background-color:#CCC

}







#access ul ul ul{

left:100%;

top:0

}







#access ul li ul.sub-menu li.menu-item a{

background-image:none;

background:#f2f2f2;

border-bottom:1px solid #ccc;

border-left:1px solid #ccc;

border-right:1px solid #ccc;

/*color:#444;*/

font-size:13px;

font-weight:normal;

height:auto;

line-height:1.4em;

padding:7px 10px;

width:130px;

text-indent:0}







#access ul li ul.sub-menu li.menu-item a:hover{

background-color:#FFF;

text-decoration:none}







#access ul li:hover>ul{

display:block;

text-indent:-9999}







#access .current-menu-item > a,

#access .current-menu-ancestor > a,

#access .current_page_item > a,

#access .current_page_ancestor>a{

font-weight:bold;

text-indent:-9999}







/* -----------------------------------------------------------------------  */

/*                    ヘッダー部分                                          */

/* -----------------------------------------------------------------------  */



#header {

	width: 100%;

	/*height: 380px;*/

	/* background-color: #eee; */

	background:url(../img/main/main_bg.png)  repeat-x #fff;

	margin:0 auto;





}

#header_space {
		width:950px;

		margin: auto;
		margin-top:10px;
		margin-bottom:15px;
		text-align:right;

}





#header-inner {

	width:950px;

	margin: auto;

	padding-bottom: 20px;

	text-align:left

}



#header_inner img {

	background-color: #fff; /*写真の背景部の色*/

	border: 1px solid #ccc; /*縁取り線の太さ・線種・色*/

	padding: 10px; /*縁取りの幅*/

}





#header_cl_1 {

	width: 100%;

	float: left;

	padding-top: 30px;

}



#header_cl_1 img {

	background-color: #fff; /*写真の背景部の色*/

	border: 1px solid #ccc; /*縁取り線の太さ・線種・色*/

	padding: 0px; /*縁取りの幅*/

}











#header_cl_2 {

	width: 300px;

	float: left;

}







/* -----------------------------------------------------------------------  */

/*                    ◆メイン部分                                          */

/* -----------------------------------------------------------------------  */





#main {

	width: 100%;
	
	margin: 0px auto;
	
}

 





#content {

    	background-color: #ffffff;

	width: 950px;

	padding-bottom: 50px;

	display:block;

	margin: auto;

}

 









/* -----------------------------------------------------------------------  */

/*       　　　　　◆メインデザイン                                         */

/* -----------------------------------------------------------------------  */



#sp_menu .menu ul{

	padding:0;

	margin:0;

	list-style-type: none;

}

#sp_menu .menu li {

	width:50%;

	float:left;

	padding:0;

	margin:0;

	text-align:center;

}

#sp_menu .menu li a {

	width:auto;

	color:#777;

	font-size:12px;

	font-weight:bold;

	padding:10px 0;

	text-decoration:none;

	display:block;



/* ---------------------------------------------------------------------*/

/*	http://www.colorzilla.com/gradient-editor/*/



background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */




/* ---------------------------------------------------------------------*/





	border-left:1px solid #eee;



	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,

			 -1px 0px 0px rgba(225,225,225,0.3) inset,

			  0px 1px 1px rgba(0,0,0,0.1) inset,

			  0px -1px 1px rgba(0,0,0,0.3) inset,

			  0px 1px 3px #eee;

}









#sp_menu .menu li:first-child a{

	/*border-radius:5px 0 0 5px;*/

	border-left:0px;

	box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,

			  0px 1px 1px rgba(0,0,0,0.1) inset,

			  0px -1px 1px rgba(0,0,0,0.3) inset,

			  0px 1px 3px #eee;

}

#sp_menu .menu li:last-child a{
	
	/*border-radius:0 5px 5px 0;*/

	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,

			  0px 1px 1px rgba(0,0,0,0.1) inset,

			  0px -1px 1px rgba(0,0,0,0.3) inset,

			  0px 1px 3px #eee;

}

#sp_menu .menu li a:hover {



/* ---------------------------------------------------------------------*/

	/* http://www.colorzilla.com/gradient-editor/ */



background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #b2b2b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#b2b2b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#b2b2b2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#b2b2b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */













/* ---------------------------------------------------------------------*/

	

	box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,

			 -1px 0px 0px rgba(225,225,225,0) inset,

			  0px 1px 1px rgba(0,0,0,0.1) inset,

			  0px -1px 1px rgba(0,0,0,0.3) inset,

			  0px 1px 3px #eee;

}





img {

	max-width: 100%;

	height: auto;

	border: none;

}







/*メニュー上部表示*/

#menu_t{

	display: inline;

}





#menu_f{

	/*スマフォ用メニュー　PCの場合は、隠しておく*/

	display: none;

}



#btnChange{

	/*float: none;*/

	width:200px;

	margin:0 auto;

	padding-top:10px;

	padding-bottom:10px;

}



#btn_menu{

	padding:0px;

	margin:0px;



}





#btn_menu ul{

	margin: 0; 

	padding: 0; 

	list-style: none;

}



#btn_menu li{ 

	width:200px;

	display: inline; 

	padding: 0; 

	margin: 0; 

	float: left;

}



#btn_menu li a{



	



	display: block; 

	border: 1px solid #666;

	background-color: #ccc;

	padding: 3px;

	text-decoration: none;

	color: #333;

	max-width: 200px; 

	margin: 1px;

	text-align: center;

	font-size: 14px;

}

#btn_menu li a:hover{

	background-color: #2d56be;

	color: #fff;

}









/* -----------------------------------------------------------------------  */

/*       　　　　　◆メイン部分　　２列カラム部分                           */

/* -----------------------------------------------------------------------  */





#cont_main .column_1{

	width: 100%;

	padding-right: 00px;
	padding-bottom: 10px;

	height: auto;

	float: left;

	background-color:#ffffff;

}




#cont_main .clear_div{

	clear: both;

}




#cont_main .column_1 .column_1_div{

	margin-top: 10px;
	margin-bottom: 30px;

}



/*
投稿表示用
*/

#cont_main .postbox{

	font-size: 16px;

}

#cont_main .postlink a{

	display: inline;

	text-decoration: none;

}

#cont_main .post_date{

	font-weight: bold;

	

	margin: 0px 0px 5px 0px;

	font-size: 14px;

	
}
#cont_main .post_title{

	margin-top: 3px;
	margin-bottom: 3px;

	

}

#cont_main .post_details{

	
	margin: 30px 0px 0px 0px;



}

#cont_main .post_details p{

	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;


}

/*
ニュース用
*/

#cont_main .newslink{

	font-size: 100%;

}



#cont_main .newslink a{

	display: inline;

	text-decoration: none;

}

#cont_main .movie_1{
	width:250;
	float:left;
}

#cont_main .movie_2{
	width:400px;
	float:left;
	}




#cont_main .news_date{

	font-weight: bold;

	color: red;

	margin: 0px 0px 5px 10px;

	font-size: 10px;

	
}



#cont_main .news_title{

	font-size: 100%;

	margin: 5px 0px 0px 10px;

	

}



#cont_main .news_details{

	color: #333333;

	margin: 0px 10px 0px 10px;



}






#cont_main .news_details a:link,
#cont_main .news_details a:visited{
    color: #1E90FF;
    text-decoration: none; 
}




#cont_main .newslink img{

	margin-right: 10px;
    
	/*width: 240px;*/
	/*float: left;*/


}


#cont_main .newslink .tag_img{
	padding-top: 0px;
	width: 46px;
	vertical-align: middle;

}



/*
column_1　全般用
*/


#cont_main .column_1 img{

	max-width: 100%;
	

}



#cont_main .column_1 .column_1_title{

	text-align:center;

	height: 30px;

	font-size: 22px;

	color:#000000;

	padding-top: 0px;

	background-color: #c10c01;


}


/*
column_1　詳細表示用→スマフォでは左右に余白をあける
*/
#cont_main .column_1 .column_1_description{

		
}



#cont_main .column_1 .contact_table{
	padding-top:30px;
	
	margin:0 auto;
	width:100%;


}


#cont_main .column_1 .column_1_blueback{
	background-color:#EFF2FB;
	
	


}



/*
ワードプレス　image.php 画像時出力用
*/

#cont_main .entry-header{
	margin-top:20px;
	
	
}


#cont_main .entry-content{
	
	
	
}







/*
column_3　全般用
*/


#cont_main .column_3{

	width: 200px;

	height: auto;

	float: right;

	background-color:#ffffff;

	text-align:center;

}


#cont_main .column_3 .column_3_title{

	height: 30px;

	 font-size: 22px;

	color:#000000;

	padding-top: 0px;
	
	border-bottom: solid 2px #222222;

	text-align:left;

}

#cont_main .column_3 .column_3_space{
	padding-top: 15px;
}


#cont_main .column_3 .column_3_div{

	float: right;

	margin-bottom: 10px;

}

	

#cont_main .column_3 img {

	/*background-color: #fff; /*写真の背景部の色*/

	/*border: 1px solid #ccc; /*縁取り線の太さ・線種・色*/

	/*padding: 1px; /*縁取りの幅*/

}





	/*画像*/

	#big_image{

		display: inline;

	}

	

	#small_image{

		display: none;

	}



/*
画像の一枚表示ページ image.phpにて 
*/
#cont_main .attachment img{
	width:100%;
	margin-bottom:20px;
}



#cont_main .strong_pink {
	color: #ff459c;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ff459c;
}


#cont_main .color_pink {
	color: #ff459c;
	font-size: 16px;
	font-weight: bold;

}




/* -----------------------------------------------------------------------  */

/*                     ギャラリー用のスタイルシート                          */

/* -----------------------------------------------------------------------  */


#cont_main .gallery {
	margin: auto;
}
#cont_main .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#cont_main .gallery-item {
	float: left;
    margin-top: 0px;
	margin-bottom: 10px;
    text-align: center;
    width: 25%;
	height:150px;
}

#cont_main .gallery-icon {
	

}

#cont_main .gallery-item img {
	/*width: 100%;*/
	height: auto;

	border: 2px solid #cfcfcf;
	-webkit-box-shadow: 3px 3px 5px 0px #777;
	-moz-box-shadow: 3px 3px 5px 0px #777;
	box-shadow: 3px 3px 5px 0px #777;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=145, Strength=5);



}

#cont_main .gallery-caption {
    margin-left: 0;
	
}



/* -----------------------------------------------------------------------  */

/*                    ２列カラム表示の場合                                        */

/* -----------------------------------------------------------------------  */
#cont_main .column_1_750{

width:650px;
/*border:solid 1px #ff0000;*/

}







/* -----------------------------------------------------------------------  */

/*                    フッター部分                                        */

/* -----------------------------------------------------------------------  */





#footer {

    	width: 100%;

    	height: 80px;

    	bottom: 0;

    	background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */


}

 

#footer_inner {

    	width: 950px;

	margin:0 auto;

    	height: 80px;
	text-align:center;

	color: #fff;
}

#footer_inner a{

	color: #fff;
}








* html #footer {

    

}







#footer-bottom{

	width: 100%;

	font-size:100%;

	line-height:1.2;

	

	color:#FFF;

	background-color:#ff0066;




	text-align:center

}





#footer-bottom a{

	color:#FFF;

	text-decoration:underline

}





/* -----------------------------------------------------------------------  */
/*                    ニュースページ　ページナビゲーション                             */
/* -----------------------------------------------------------------------  */

#cont_main .wp-pagenavi {
	clear: both;
}

#cont_main .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

#cont_main .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

#cont_main .wp-pagenavi span.current {
	font-weight: bold;
}



/* -----------------------------------------------------------------------  */
/*                    メンバーページ用                             */
/* -----------------------------------------------------------------------  */


.member {
    margin: auto;
}
.member .member-item {
    float: left;
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: center;
    width: 25%;
    /*background:#0000ff;*/
      
    
}

.member .member-icon div{
       
    margin :15px 20px 0px 20px ;
	background:#ffffff;
}



.member img {
     vertical-align: bottom;


	-webkit-box-shadow: 3px 3px 5px 0px #777;
	-moz-box-shadow: 3px 3px 5px 0px #777;
	box-shadow: 3px 3px 5px 0px #777;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=145, Strength=5);





    
}
.member .member-caption {
	
    margin-left: 0;
    
}
 

 
.member .member-caption div{
	margin :10px 5px 5px 5px ;
	padding-bottom:5px;
	background:#ffffff;
 }
 	
 .member .member-caption p{
	background:#ffffff;
    text-align: left;
    height:110px;
    margin :3px;
}










#detail .member-photo{
	
	float:left;
	
	
}

#detail .member-photo img{
	
	width:230px;

	-webkit-box-shadow: 3px 3px 5px 0px #777;
	-moz-box-shadow: 3px 3px 5px 0px #777;
	box-shadow: 3px 3px 5px 0px #777;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=145, Strength=5);
	
}



#detail .details{
	width :450px;
	margin-top:10px;
	float:right;
	
}

#detail .details H4{
	
	margin-top:5px;
	
	
}



#detail-list {

	font-size: 12px;
	width: 370px;
	margin-bottom: 14px;
	padding-left:10px;
	
}

#detail-list li {
	border-top: 1px solid #DDD;
	font-size: 12px;
	width: 370px;
	margin-top: 14px;
	padding-top:14px;
	margin-bottom: 14px;
	
	
	list-style: none;


}


/* -----------------------------------------------------------------------  */
/*                    photoページ用                             */
/* -----------------------------------------------------------------------  */



.photoList li.list_end{
	
	
	margin-right: 0px;
	
}
.photoList{
	padding-top:0px;
	margin-top:0px;
	padding-bottom: 10px;
}


.photoList ul{
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}




.photoList li{
	width: 138px;
	float: left;
	/*border-bottom: 8px solid #EAEAEA;*/
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top:0px;
	list-style: none;
}


.photoList dl{
	margin-top:0px;
	padding-top:0px;
}

.photoList dd{
	margin-left:0px;
	text-align:center;
}

.photoList H4{
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
}

.photoList .belong{
	font-size:11px;
	color:#999;
	text-align:center;
	margin-top:0px;
	padding-top:0px;
}

.photoList li.member-box{
	margin-top: 0px;
	padding-top:0px;
	height:300px;
/*	background-color: #ccc;*/
}


.photoList li.list_end{
	
	
	margin-right: 0px;
	
}

.photoList li img {
border: 1px solid #CCC;
/*margin-bottom: 17px;*/
}




.photoList a:link,
.photoList a:visited {
	color: #333;
	text-decoration: none;
}




/* -----------------------------------------------------------------------  */
/*                    会社案内ページ用                             */
/* -----------------------------------------------------------------------  */


#map_area {
	float: left;
	margin-top:20px;
	width: 100%;
	height: 500px;
}


.company_dl{
	font-weight: normal;
	display: block;
	margin:0px;
	padding: 10px 0 10px 0;
	border-bottom: #BBBBBB dashed 1px;
	
	clear: both;
	overflow: hidden;
	line-height: 0;
}

.company_dl dt{
	display: block;
	float: left;
	width: 180px;
	margin: 0px;

	padding-left: 20px;
	line-height: 150%;
}

.company_dl dd{
	
	margin-left: 200px;
	line-height: 150%;
}


/* -----------------------------------------------------------------------  */
/*                    DVD案内ページ用                             */
/* -----------------------------------------------------------------------  */



.dvd_detail_dl{
	font-weight: normal;
	display: block;
	margin:0px;
	padding: 10px 0 10px 0;
	border-bottom: #ddd solid 1px;
	
	clear: both;
	overflow: hidden;
	line-height: 0;
}

.dvd_detail_dl dt{
	display: block;
	float: left;
	width: 130px;
	margin: 0px;

	padding-left: 0px;
	line-height: 150%;
}

.dvd_detail_dl dd{
	
	margin-left: 130px;
	line-height: 150%;
}




/* -----------------------------------------------------------------------  */
/*                    動画表示レイアウト                             */
/* -----------------------------------------------------------------------  */

#movie_box{
	padding-top:10px;
	
}

.movie_item{
	width: 50%;
	float: left;
	text-align: center;
	/*padding: 5px 0px 5px 0px;*/
	margin: 5px 0px 5px 0px;
}


/* -----------------------------------------------------------------------  */

/*                     入力フォームのスタイルシート                          */

/* -----------------------------------------------------------------------  */


.form_regist {
	border-bottom : 1px solid #b0c4de;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	line-height: 0;
}

.form_regist dt {
	width: 220px;
	float: left;
	margin: 0px;
	padding: 0 0 0 8px;
	line-height: 150%;
}


.form_regist dd {
	margin: 0 0 0 220px;
	padding: 0 0 0 8px;
	line-height: 150%;
}

.form_regist textarea {
	width:400px;
	height:200px;
	max-width:400px;/*←ここが限界！*/
}

.form_btm {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align:left;
}



/* -----------------------------------------------------------------------  */

/*        入力フォーム確認画面(contact-form-7-add-confirm/)のスタイルシート                          */

/* -----------------------------------------------------------------------  */

.wpcf7c-conf, .wpcf7c-submit{/* ボタン確認、ボタン送信 */
	background-color: #eee;
	color:#000;
}


/* -----------------------------------------------------------------------  */

/*        youtube レシポンシブ                          */

/* -----------------------------------------------------------------------  */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* -----------------------------------------------------------------------  */

/*                    スマフォ用切り替えＣＳＳ                              */

/* -----------------------------------------------------------------------  */







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

	

	html,body {

		min-width:0px; /*iphoneの背景画像が表示されない対策を解除*/

		height: 100%;

		margin: 0;

		padding: 0;

	}


	#main_logo{

		width:100%;
		

	}

	#logo_1{
		width:100%;
		float:none;
	}

	#logo_2{
		display: none;
	}






	/*TOPメニュー非表示*/

	#navi-wrap{

		display: none;



	}












	#header {

		width: 100%;

		background-color: #fff;

		margin:0 auto;

	}







	#header-inner {

		width:100%;

		padding-top: 0px;

		padding-bottom: 0px;

		margin:0 auto;

		text-align:left

	}











	#main {

	    width: 100%;

	    margin: 0px auto;
	/*スマフォの時は、問い合わせを消して、少し頭を空ける*/
            margin-top: 0px;
 
	}

	#content .menu li {

		width:50%;

		float:left;

		padding:0;

		margin:0;

		text-align:center;

	}

	/*メニュー下部表示*/

	#menu_t{

		display: none;

	}

	#menu_f{

		display: inline;
		padding-bottom:20px;

	}





	









	/*cont_main*/



	#content{

		width: 100%;

		clear:both;
		/*floatの解除、ここがポイント*/

	}







	#cont_main .column_1{

		width: 100%;

		height: auto;

		padding-right: 0px;

		clear:both;
		/*floatの解除、ここがポイント*/



	}

	#cont_main .column_1_div{

		

	}

	#cont_main .column_1 .column_1_description{
		margin-left:15px;
		margin-right:15px;
		
	}

	#cont_main .column_1_div .movielink img{

		width: 100%;

		margin: 0px;

	}

	

	#cont_main .column_2{

		width: 100%;

		height: auto;

		margin: auto;


	}



	#cont_main .column_2 .column_2_div{

		text-align: center;

		float: none;

	}

	



	#cont_main .column_3{

		width: 100%;

		

		clear:both;
		/*floatの解除、ここがポイント*/



	}

	#cont_main .column_3 img{

	}



	#cont_main .column_3 .column_3_div{

		float: none;
		/*floatの解除*/

	}





	#footer_inner {

    		width: 100%;

	

	}

	/*項目表示用*/
	.company_dl dt{
		
		float: none;
	}

	
	.company_dl dd{
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}


	/*DVD表示用*/
	.dvd_detail_dl dt{
		
		float: none;
	}

	
	.dvd_detail_dl dd{
		margin-top: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}







	/*非表示*/

	.none_smart{

		display: none;

	}





	/*画像*/

	#big_image{

		display: none;

	}

	

	#small_image{

		display: inline;

	}



	#header_slides{

		width: 100%;

		height: auto;

		padding-top: 0px;

		padding-bottom: 10px;

	}

	#header_member,

	#header_member img{

		width: 100%;

	}

	#header_member_button{

		width: 15%;

		max-width: 60px;

	}

	#header_member_button #button_pin,

	#header_member_button #button_reload{

		

	}

	.modalBody{

		position: absolute;

		width:80%;

		height: auto;

		left: 20%;

	}


	#header_space {
		/*お問い合わせは消す*/
		display:none;
		margin-top:50px;

	}



	
	

	/* ギャラリー用	 */
	#content .gallery-item {
    		width: 50%;
	}

 
	/*メンバーリスト画像*/
	.member .member-item {
		
	    width: 50%;
	}

	/*動画表示レイアウト*/
	.movie_item{
	width: 100%;
	
	}

	/*タレントの詳細ページ*/
	#detail .member-photo {
		text-align:center;
	    float: none;
	}
	#detail .details {
		margin-left:5%;
		margin-right:5%;
		width: 90%;
	    float: none;
	}
	#detail #detail-list {
		width: 90%;
	    	padding-left:0px;
	}

	#detail #detail-list li{
		width: 100%;
	    
	}

	#map_area {
		margin:0 auto; /*センタリング*/
		margin-top:20px;
		width: 100%;
		height: 250px;
	}



	/*　入力フォーム*/
	.form_regist dt {
	
		float: none;
		
	}

	.form_regist dd {
		margin: 0 0 0 0px;
	
	}

	.form_btm {
		text-align:center;
	}

	.form_regist textarea {
	width:95%;
	}
}

/* -----------------------------------------------------------------------  */







