@charset "utf-8";

/* 1.header & footer----------------------------------------- */

/* 2.----------------------------------------- */

/* 3.----------------------------------------- */

/* 4.----------------------------------------- */

/* 5.----------------------------------------- */

/* 6.----------------------------------------- */

/* 7.----------------------------------------- */





/* 1.header & footer----------------------------------------- */
#header {
	min-height:0px;
}

#header .inner {
	width:100%;
	padding:10px 0 0px 0;
}

#header .left h1#logo_csl {
	padding-left:10px;
}

.bg_black #header .left h1#logo_csl a,
.bg_white #header .left h1#logo_csl a {
	position:absolute;
	top:0px;
	left:10px;
	z-index:5;
}

#header .left h1#logo_csl:after {
	position:absolute;
	top:0px;
	left:10px;
	z-index:1;
}

#header .right {
	float:right;
	width:150px;
	padding-right:10px;
}

#header .right #hr_menu #logo_sony {
	margin-left:15px;
}

#header .right #hr_menu #lang_change {
	clear:both;
	padding-top:10px;
}

#header .right #gnavi {
	padding:10px 0 0 0;
	position:relative;
}

#header .right #gnavi ul {
	position:absolute;
	top:53px;
	right:-10px;
	width:250px;
	display:none;
	z-index:10;
}

#header .right #gnavi li {
	float:none;
	display:block;
	padding:0px;
	font-size:14px;
	background-color:#CCC;
	border-bottom:1px solid #666;
	text-align:left;
}

#header .right #gnavi li a {
	display:block;
	padding:10px 10px 8px 10px;
}

.bg_white #header .right #gnavi li a {
	color:#000;
}

#header .right #gnavi li a:hover,
#header .right #gnavi li.active a,
.bg_white #header .right #gnavi li a:hover,
.bg_white #header .right #gnavi li.active a {
	border-bottom:none;
	background-color:#666;
	color:#FFF;
}

#page_about #header .right #gnavi li#gnavi_01 a,
#page_mews #header .right #gnavi li#gnavi_02 a,
#page_member #header .right #gnavi li#gnavi_03 a,
#page_projects #header .right #gnavi li#gnavi_04 a,
#page_event #header .right #gnavi li#gnavi_05 a,
#page_pub #header .right #gnavi li#gnavi_06 a,
#page_contact #header .right #gnavi li#gnavi_07 a {
	border-bottom:none;
	background-color:#E5E5E5;
}

#header .right #gnavi .sp_gnavi_btn {
	display:block;
	float:right;
	background:none;
	background-color:#CCC;
	border:1px solid #CCC;
	border-radius:3px;
	cursor:pointer;
	padding:7px 8px;
	margin-top:8px 15px 8px 0;
}

#header .right #gnavi .sp_gnavi_btn .icon-bar {
	display:block;
	width:22px;
	height:3px;
	border-radius:1px;
	background-color:#000;
	margin:2px 0;
}

#hr_menu #lang_change ul li#bgclr_white {
	padding-right:10px;
}

#sony_header .inner {
	width:100%;
	margin:0 auto;
	padding-top:10px;
}

#logo_sony a {
	background:url(../img/logo_sony_wt.png) #000 no-repeat 0 0;
}

#footer {
	padding:10px;
	font-size:12px;
}

#footer .inner {
	width:100%;
	position:relative;
}

#footer .inner .left {
	float:none;
	width:auto;
}

#footer .inner .right {
	float:none;
	width:90px;
	text-align:right;
	font-size:12px;
	position:absolute;
	right:0px;
	top:0px;
}

#footer .inner .left #ft_search {
	float:none;
	width:100%;
}

#footer .inner .left #ft_search input[type="text"] {
	width:140px;
}

#footer .inner .left ul {
	margin-top:20px;
}

#footer .copy {
	font-size:12px;
	text-align:left;
}

#contents .inner {
	width:100%;
}
/* 1.------------------END-------------------- */




/* 2.----------------------------------------- */
.swipeshow {
  width:100%;
  height:100%;
  /*min-height:250px;*/
}

.slick-slider {
    margin-bottom:10px;
}

#main_v .slick-dots {
	display:none!important;
}

#main_v .out_box ul li {
	height:auto;
}

#main_v .out_box .slides .slide {
	height:auto;
}

#main_v .out_box .slides .slide .photo {
	display:block;
	width:100%;
	height:auto;
}

#main_v .out_box .slides .slide .photo img {
	width:100%;
	height:auto;
}

#main_v .out_box ul li .ex {
	display:block;
	width:auto;
	padding:10px;
	background:url(../img/top/logo_csl.png) #262626 no-repeat 10px 10px;
	background-size:88px auto;
	text-align:right;
	height:auto;
}

.slick-prev, .slick-next {
	height:100%;
}
/* 2.------------------END-------------------- */




/* 3.top----------------------------------------- */
#page_top_page #contents {
    padding-top:0px;
}

#cate_menu {
	padding-left:10px;
}
/* 3.top------------------END-------------------- */




/* 4.about----------------------------------------- */
#contents #page_title {
	position:relative;
	top:0px;
}

#contents #page_title h2 {
	width:100%;
	float:none;
	  padding:22px 0 0 0;
}

#two_col {
	display:block;
}

#two_col .left {
	display:block;
	width:100%;
	padding:20px 0 25px 0;
}

#two_col .right {
	display:block;
	width:100%;
	padding:0px 0 0 0;
}

#two_col .right #pmv img {
	width:100%;
}

#two_col .right .lm_box {
	padding:30px 10px 30px 10px;
}

#two_col .right .iframe_box {
	width:auto;
	float:none;
	text-align:center;
}

#two_col .right .iframe_box iframe {
	width:100%!important;
}

#two_col .right .ex {
	width:auto;
	float:none;
	padding-top:20px;
}

#two_col .right .interview_box {
	padding-top:30px;
}

#two_col .right .interview_box iframe {
	width:100%!important;
	height:190px!important;
}

#pamphlet_list ul li {
	width:100%;
	float:none;
	height:auto;
	padding-bottom:20px;
}

#pamphlet_list ul li span.photo_tbl {
	display:block;
	width:100%;
	height:auto;
}
/* 4.about------------------END-------------------- */





/* 5.Projects----------------------------------------- */
#project_detail .post_se_list {
  padding:0px 10px 0px 10px;
}

.post_se_list .list_box ul {
	margin-left:0px;
}

.post_se_list .list_box li,
.list_box li {
	float:none;
	padding:0 0 15px 0;
	width:auto;
	height:105px;
}

.post_se_list .list_box li a,
.list_box li a {
	width:294px;
	height:99px;
	margin:0 auto;
}

.list_box li a .hover_slide {
	width:297px;
	height:102px;
}

.post_se_list .list_box li a .hover_slide {
	width:297px;
	height:102px;
}

.post_se_list .list_box li a .detail,
.list_box li a .detail {
	width:160px;
	padding-left:5px;
}

#two_col .right .list_box li a .detail .ex {
	padding:0;
}

.list_box li a .photo {
	width:125px;
}

.list_box li a .photo img {
	width:auto;
	height:99px;
}

#project_list .btn_list {
	margin-left:0;
	padding-right:10px;
}

#two_col .left .each_menu,
#list_page_btn {
	display:none;
}

#project_list h3 {
	margin:20px 10px 0 10px;
}

#project_detail {
	padding:0 10px 0 10px;
}

#project_detail .post_body {
	padding:20px 10px 0 10px;
}

#project_detail .post_body img {
	max-width:100%;
	padding-bottom:10px;
	height:auto!important;
}

.member_list {
	text-align:center;
}

.member_list ul li {
	float:none;
	display:inline-block;
	vertical-align:top;
	padding: 0 7px 0 8px;
}
/* 5.Projects------------------END-------------------- */





/* 6.Member----------------------------------------- */
#page_member #two_col .left .menu li {
	display:none;
}

#page_member #two_col .left .menu li:first-child {
	display:block;
}

#page_member.single-member .left .menu {
	display:none;
}

#page_member.single-member .left .menu:first-child {
	display:block;
}

#member_list .member_list {
	padding:0 10px;
}

#member_list h3 {
	margin:10px 0 0 0px;
}

#member_box {
	padding:0 10px;
}

.member_body .photo {
	width:300px;
	height:300px;
	float:none;
	margin:0 auto;
}

.member_body .photo {
	width:300px;
}

.member_body .photo img {
	width:300px;
}

.member_body .photo .mask {
	background:url(/lib/img/project/mask_bk_l.png) no-repeat 0 0;
	background-size:300px 300px;
	width:300px;
	height:300px;
}

.bg_white .member_body .photo .mask {
	background:url(/lib/img/project/mask_wt_l.png) no-repeat 0 0;
	background-size:300px 300px;
}

.member_body .ex {
	float:none;
	width:auto;
}

#member_box .tag_list .title {
	float:none;
	width:auto;
}

#member_box .tag_list .keyword {
	float:none;
	width:auto;
	text-align:left;
}

#member_prof {
	padding:0 10px 50px 10px;
}

#member_prof .post_item img {
	max-width:100%;
}

#staff_box {
	padding:0 10px 0 10px;
}

.staff_photo {
	padding:30px 10px 50px 10px;
}

#page_member .tag_list {
  margin: 0px 10px 50px 10px;
}

#page_member .tag_list .keyword {
  float:none;
  width:auto;
}
/* 6.Member------------------END-------------------- */





/* 7.etc.----------------------------------------- */
.contact_box .article iframe {
	width:100%!important;
}

.contact_box .article .cform_box dl {
	display:block;
}

.contact_box .article .cform_box dl dt {
	display:block;
	width:auto;
	padding:0 0 0 0;
}

.contact_box .article .cform_box dl dd {
	display:block;
	padding:0 0 0 0;
}

.contact_box .article .cform_box dl dd input[type="text"] {
	padding:0px;
	height:27px;
}

.contact_box .article .cform_box dl.form_name dd {
	width:auto;
}

.contact_box .article .cform_box dl.form_name dd input[type="text"] {
	width:100%;
}

.contact_box .article .cform_box dl.form_mail dd {
	width:auto;
}

.contact_box .article .cform_box dl.form_mail dd input[type="email"] {
	width:100%;
}

.contact_box .article .cform_box dl.form_content dd {
	width:auto;
}

.contact_box .article .cform_box dl.form_content dd input[type="text"] {
	width:100%;
}

.contact_box .article .cform_box dl.form_content dt.fc_title {
	padding-top:0px;
}

.contact_box .article .cform_box dl.form_content dd textarea {
	padding:0px;
	width:100%;
	height:200px;
}

.contact_box .article .cform_box .submit_btn {
	width:auto;
}

.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .extend {
	display:none;
}

#publications .search_result_serchbox {
	margin-right:25px;
}

#publications .search_result_serchbox input[type="text"] {
	width:220px;
}
/* 7.etc.------------------END-------------------- */


@media (max-width: 620px) {
	#top_list ul{
		margin:0 auto;
	}
	
	#top_list ul li {
		float: none;
		margin: 3px 0 0 3px;
	}
}