/*-----------------------------
	基本設定
------------------------------*/

/*---------	header ----------*/
#header {
	position: fixed;
	position: relative;
	margin-left:0px;
	margin-bottom:0px;
	left: 0;
	top:0;
	height: 50px;
}
.button-toggle {
	display:block;
	position: absolute;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	float: left;
	width: 30px;
	height: 30px;
	margin: 7px;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	cursor:pointer;
}
.off {
	display:none;
	position:absolute;
	left:0;
}
.on {
	position:absolute;
	left:0;
}
#logo {
	margin-top:4px;
	margin-bottom:0px;
	width:100%;
	float:left;
	text-align:center;
}
#logo img {
	height:45px;
}
.menu {
	position: absolute;
	top:50px;
	width: 100%;
	background: rgba(0,0,0,0.85);
	overflow: hidden;
	z-index:9999;
}
.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*-----	nav1 -----*/
#nav1 {
	margin-top:0px;
	position:relative;
}
.menu #nav1 ul li {
	display: block;
	position: relative;
	text-align:center;
	letter-spacing: 0.14em;
}
.menu #nav1 ul li a {
	display: block;
	color: #fff;
	padding: 5px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	float:none;
	margin:0 auto;
	width:80%;
	border-bottom:1px dotted #fff;
}
.menu #nav1 ul li a:hover {
	border-top:none;
	font-weight:bold;
}
.menu #nav1 li span {
	float: none;
	position: static;
	display: block;
	width: 80%;
	padding:0px;
	margin:0 auto;
	background-image:none;
	overflow:hidden;
	letter-spacing: 0em;
}
.menu #nav1 li span.jp {
	background-image:none;
}
.menu #nav1 li span a {
	width:44%;
	box-sizing:border-box;
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align:center;
	margin:0 2% auto;
}
.menu #nav1 li .span_first_en {
	line-height:1.2;
}
#nav1 li .current {
	border-top:none;
}
#nav1 li span .current {
	border-bottom:none;
}

/*-----	nav2 -----*/
#nav2 ul {
	position: absolute;
	top:5px;
	right:5px;
	margin-top:0px;
	margin-right: 0px;
	font-size:13px
}
#nav2 ul li a {
	margin-right: 5px;
}
#page-top {
	bottom: 10px;
	right: 10px;
}
/*-----------------------------
	TOP
------------------------------*/
#top #header {
	margin-top:0px;
}
#top #logo {
	margin-top:4px;
	margin-bottom:0px;
	width:100%;
	float:left;
	text-align:center;
}
#top #logo img {
	text-align:center;
	height:45px;
}
#top #nav1, #top #nav2 {
	margin-top:0px;
}
#top #nav1 li span {
	left:0;
	top: 0;
}
/*-----------------------------
	NEWS
------------------------------*/
#main #news_right {
	width:100%;
	float:none;
}
#main #news_left {
	display:block;
	width:100%;
	float:none;
}
/*-----------------------------
	ABOUT
------------------------------*/
#about #header {
	margin-bottom:20px;
}
#about #main {
	width:90%;
	box-sizing:border-box;
	margin:auto;
	padding:15px;
	line-height:1.5;
	font-size:13px;
}
#about .rgba {
	background-color:rgba(255,255,255,0.75);
	color:#000;
}
#about h2 {
	font-size:16px;
}

#about #main .about_text2 {
	margin-top:20px;
}
#about #main .about_text3 {
	margin-top:20px;
}
#about #main .about_text3 p {
	width:100%;
	padding:4px 0 0 0;
	border-bottom:dotted 1px #000;
}
#about #main .about_text4 {
	margin-top:20px;
}
#about #main .about_text4_sub {
	width:100%;
}
#about #main .about_text4_sub a{
	color:#000;
}
#about #main .about_text4_sub a:hover{
	background-color: rgba(255, 255, 255,0.7);
}
/*-----------------------------
	WORKS
------------------------------*/
#works #main {
	margin-top:30px;
}
#works_1, #works_2, #works_3, #works_4 {
	position: relative;
	width: 100%;
	float:none;
}
#works figure {
	overflow: hidden;
	height:180px;
	background-size: cover;
}
#works_1 figure {
	background-image: url(img/works_1_b.jpg);
}
#works_2 figure {
	background-image: url(img/works_2_b.jpg);
}
#works_3 figure {
	background-image: url(img/works_3_b.jpg);
}
#works_4 figure {
	background-image: url(img/works_4_b.jpg);
}
#works figcaption {
	width: 100%;
	height:200px;
	background: rgba(0,0,0,0.8);
}
/*-----------------------------
	WORKS_GROUP
------------------------------*/

/*#works_group #nav1 li span {
	display: block;
}*/
#works_group #main {
	width:100%;
	margin: auto;
}
#works_text {
	width:90%;
	margin-top:10px;
	margin-bottom:10px;
}
#works_text h1 {
	font-size:14px;
}
#works_text p {
	font-size:11px;
	line-height:1.3;
}
#works_group h2 {
	font-size:14px;
}
#works_text_right .caption {
	font-size:14px;
}
.caption {
	font-size:14px;
}
.size {
	font-size:11px;
}
/* サムネイル
------------------------- */
#works_group #main .listCover {
	width:90%;
	margin:auto;
}
/* サムネイル画像
------------------------- */

#works_group #main .listCover .listItem {
	width: 90px;
	margin:0px 6px 0px 0px;
}
.listCover .listItem img {
	width: 90px;
}
#works_group figure {
	width: 90px;
}
#works_group figcaption {
	width: 80px;
	height: 80px;
	padding:5px;
}
/* .expandField
------------------------- */
.expandField .btnClose {
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
	background-size:cover;
}
.expandField .btnPrev {
	width: 10px;
	height: 23px;
	background-size:cover;
}
.expandField .btnNext {
	width: 10px;
	height: 23px;
	background-size:cover;
}
.expandField .selfRepInner .secLeft img {
	max-width: 100%;
}
/*-----------------------------
	CONTACT
------------------------------*/
#contact .form_left {
	float:none;
	width:100%;
}
#contact .form_right {
	float:none;
	width:100%;
}