@charset "UTF-8";
/* CSS Document */
body,ul,li,img,a,a img,h2,h3,h1{
	margin:0;
	padding:0;
	list-style:none;
}

#wrapper{
	height:100%;
	min-height: 1000px;
}
#wrapper.auto{
	height: auto;
	padding-bottom:30px;
}
#main .contents_block{
  padding-top:20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
}

body.fix  {
  overflow: hidden;
}

h1.webfont{
	margin-top: 6px;
	font-size:22px;
	font-weight:400;	
	letter-spacing: 2px;
	line-height: 22px;
	margin: 0;
	margin-bottom:1.8em;
	color:#fff;
	padding: 0
}
#main a{color:#fff;}
#main a:hover{
  -webkit-animation:menu_hover 0.8s cubic-bezier(0.590, 0.220, 0.305, 1.000);
  animation:menu_hover 0.5s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}
#main .arrow{
	vertical-align: -0.2em;
	margin-right: 4px;
	width:1em;
	height:1em;
	display:inline-block;
	background-image:url(../img/member/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size: 1em;
}
.ie8 #main .arrow{
	width:1.3em;
}


/******************************
thumbnail_block サムネ
/*******************************/
section#thumbnail_block{
  width: 880px;
  margin-bottom: 70px;
}

#thumbnail_block .img_box img{
	width: 236px;
	height: 236px;
}

#thumbnail_block .work_icon .border{
	top: 0;
	width: 100%;
	height: 100%;
	position:absolute;
	box-sizing: border-box;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	border: transparent solid 3px;
	-webkit-transition: border 0.2s ease-in;
	-moz-transition: border 0.2s ease-in;
	transition: border 0.2s ease-in;
	max-width:219px;/*サイズ調整*/
	height:219px;/*サイズ調整*/
}
#thumbnail_block .work_icon.show  .border,
#thumbnail_block .work_icon:hover .border{
	border: #8ce6cb solid 3px;
}

#thumbnail_block .work_icon p{
	font-size:12px;
	line-height: 1.3em;
	padding: 0;margin: 0;
	padding-top: 3px;
	box-sizing:border-box;
	color: #fff;
	font-weight: 500;
}
#thumbnail_block>div.work_icon{
	float: left;
	position: relative;
	margin-left: 1px;
	margin-bottom: 1px;
	height: 269px;
}
#thumbnail_block .icon_wrap{
background-color:#eefffc;
}
 .inner_bottom:hover a,
#thumbnail_block>div:hover  img{
	opacity:1;
	-webkit-animation:menu_hover 0.8s cubic-bezier(0.590, 0.220, 0.305, 1.000);
	animation:menu_hover 0.5s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}


/******************************
closeup_containerモーダル部分
background-color: #808080;
/*******************************/

#closeup_modal{
	background-image:url(../img/works/transparent.png);
	position:fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	height:100%;
	width:100%;

}
#closeup_container{
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	margin:0;
	padding-top:1px;
	padding-bottom:1px;
	position:fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	height:100%;
	width:100%;
	color:#fff;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;

}


#closeup_container .arrow{
	vertical-align: -0.2em;
	margin-right: 4px;
	width:1em;
	height:1em;
	display:inline-block;
	background-image:url(../img/member/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}


#closeup_container a{
	color:#fff;
	font-size:20px;
	line-height: 30px;
	 font-family: 'Oswald', sans-serif;
}

section#closeup_container.on.hide,
#main .hide{
	opacity: 0;
}

#closeup_container .closeup_page{
	width: 680px;
	/*height: 400px;*/
	background-image:url(../img/works/black80.png);
	margin-left:auto;
	margin-right:auto;
	/* top:50%; */
	top:219px;
	/* margin-top: -200px; */
	position:absolute;
	left:0;
	right:0;
	box-sizing:border-box;
	padding:35px 25px 20px 25px;
	opacity: 0;
}

#closeup_container.win_mini .closeup_page{
	top:50%;
	margin-top:  -203px; 
}
#closeup_container.on{
	visibility: visible;
	opacity: 1;
}

#closeup_container.on .closeup_page.on{
	opacity: 1;
	z-index:5;
}
.ie8 #closeup_container .closeup_page{
	display: none;
	visibility: hidden;
}
.ie8 .on#closeup_container .closeup_page.on{
	display: block;
	visibility: visible;
}
#closeup_container .img_box{
	float: left;
	position: relative;
	margin-right: 20px;
	width: 236px;
	height: 236px;
}
#closeup_container .text_box p{
	margin:0;
	padding:0;
	list-style:none;

}
#closeup_container .text_box .text1{
	font-size:24px;
	line-height: 32px;
	margin-bottom: 10px;
	color:#fff;
	font-weight: 300;
	text-indent: -0.5em;
}

#closeup_container .text_box .text2{
	font-size:11px;
	line-height: 15px;
	color:#fff;
}

#closeup_container .inner_top{
	margin-bottom: 85px;
}

#closeup_container .close{
	position:absolute;
	right: 24px;
	bottom: 20px;
	width: 34px;
	height: 34px;
	cursor:pointer;
}


/******************************
works_listリスト部分
/*******************************/
.works_list_block{
	/* width:650px; */
	margin: 0 auto;
}
h1.work2{
	font-size:24px;
   margin-bottom: 15px;
}
.contents_block.block2{
	padding-top: 0!important;
}
.works_list_block h2{
	font-weight: 200;
	margin-bottom: 0.7em;
	letter-spacing: 1px;
}
.works_list_block *{
	color:#fff;
	letter-spacing:1px;
	font-family: 'Oswald','Noto Sans Japanese', sans-serif;
	font-weight:200;
}
.works_list_block table{
	border-collapse:collapse;
	border-spacing:0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	
	width: 100%;
}
.works_list_block table{
	border-top: 1px solid #FFFFFF;
}
.works_list_block table{
	padding-top:23px;
}
.works_list_block table tbody{
 padding-top:23px;
 display: block;
}
.ie8 .works_list_block .tr_top th,
.ie9 .works_list_block .tr_top th{
 padding-top:23px;
}
.works_list_block table th{
	height: 80px;
	vertical-align: top;
	text-align:left;
	padding-top: 0;
	/*padding-bottom:34px;*/
	padding-right: 25px;
	box-sizing: border-box;
}
.works_list_block table th.left{
	width: 32%;
	text-indent:-0.5em;
}
.works_list_block table th.center{
	width: 23%;
}
.works_list_block table th.right{
	padding-right: 0px;
	/*text-indent:-0.5em;*/
	width: auto;
}
.works_list_block .list_block{
	margin-bottom: 40px;
}

.works_list_block span.cf{
	font-size:11px;
}


/*********************/