#worksSection {
	margin-top: 50px;
}
.frameboxSocials {
	text-align: center;
	margin-bottom: 13px;
}
.frameboxSocials li {
	display: inline-block;
}
@media (min-width: 768px) {
	.sp {
		display: none !important;
	}
	#gNaviLinks {
		display: block !important;
	}
	#lang {
		display: block !important;
	}
	.frameboxSocials {
		margin-bottom: 34px;
	}
	#worksList li:nth-child(4n + 4) + li {
		clear: both;
	}
}

@media (max-width: 767px) {
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	img {
		max-width: 100%;
	}
	.pc {
		display: none !important;
	}
	#newsSection {
		margin-bottom: 20px;
	}
	#containerWrapper {
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
		visibility: visible !important;
	}
	/*header navigation*/
	#gNaviSection {
		left: 0 !important;
		width: 100% !important;
		opacity: 1 !important;
		filter: alpha(opacity=100) !important;
		visibility: visible !important;
	}
	#gNaviSection:after {
		content: '';
		display: block;
		clear: both;
	}
	#gNaviSection h1 {
		padding: 10px;
		height: 50px;
	}
	#gNaviSection h1 a {
		width: 98px;
		height: 28px;
		background-image: url('../img/sp/header_logo.png');
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	#gNaviSection .h_btn {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 9;
	}
	#gNaviSection .h_btn a {
		display: block;
	}
	#gNaviLinks {
		overflow: hidden;
		width: 100%;
		padding-bottom: 0;
	}
	#gNaviLinks ul:first-child {
		border-top: 1px solid #d1d1d1;
	}
	#gNaviLinks ul {
		background: none;

		border-bottom: 2px solid #d1d1d1;
		padding: 0;
	}
	#gNaviLinks ul li {
		background-image: url('../img/sp/icon_arrow_black.png');
		background-repeat: no-repeat;
		background-position: right 50%;
	}
	#gNaviLinks ul li:not(:last-child) {
		border-bottom: 1px dotted #d1d1d1;
	}
	#gNaviLinks a {
		padding: 10px;
		-webkit-background-size: auto 15px;
		        background-size: auto 15px;
		background-repeat: no-repeat;
	}
	#gNaviLinks a,
	#gNaviLinks a:hover,
	#gNaviLinks span {
		background-position: 10px center;
		width: auto;
		margin-right: 20px;
		height: 35px;
	}
	#lang {
		position: absolute;
		top: 100%;
		width: 100%;
		height: 35px;
		padding: 10px;
	}
	#navNEWS a, #navNEWS span {
		background-image: url('../img/sp/h_menu1.png');
	}
	#navWORKS a, #navWORKS span {
		background-image: url('../img/sp/h_menu2.png');
	}
	#navPROJECT a, #navPROJECT span {
		background-image: url('../img/sp/h_menu3.png');
	}
	#navMAP a, #navMAP span {
		background-image: url('../img/sp/h_menu5.png');
	}
	#navCOMPANY a, #navCOMPANY span {
		background-image: url('../img/sp/h_menu4.png');
	}
	#navRECRUIT a, #navRECRUIT span {
		background-image: url('../img/sp/h_menu6.png');
	}
	#navPRESS a, #navPRESS span {
		background-image: url('../img/sp/h_menu7.png');
	}
	/*-- header navigation*/

	/*newslist*/
	#newsSection .newsList ul,
	#backnumSubsection ul {
		background: none;
		border-bottom: 1px dotted #d1d1d1;
	}
	#newsSection .newsList li,
	#backnumSubsection li {
		padding: 10px 0;
		background: none;
		border-top: 1px dotted #d1d1d1;
	}
	#backnumSubsection li:first-child,
	#backnumSubsection li.first-child {
		border-top: none;
	}
	#backnumSubsection ul:last-child,
	#backnumSubsection ul.last-child {
		margin-left: 0;
	}
	#newsSection .newsList .thumbnail,
	#backnumSubsection .thumbnail {
		width: 60px;
	}
	#newsSection .newsList .thumbnail img,
	#backnumSubsection .thumbnail img {
		width: 50px;
		height: 50px;
	}
	#newsSection .newsList .text,
	#backnumSubsection li .text {
		margin-left: 60px;
	}
	#newsSection .newsList .text .title,
	#backnumSubsection .text .title {
		line-height: 1.4;
	}
	#newsSection .newsList .text .title a,
	#backnumSubsection .text .title a {
		font-size: 13.2px;
		color: #D55050;
		border-bottom: none;
		text-decoration: underline;
	}
	#newsSection .newsList .text .comment,
	#backnumSubsection .text .comment {
		display: none;
	}
	#newsSection .newsList .text .date,
	#backnumSubsection .text .date {
		font-size: 12px;
		color: #808080;
		line-height: 14px;
	}
	#newsSection .btnMore {
		line-height: 1;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#newsSection .btnMore span a {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	#worksSection {
		margin-top: 13px;
		margin-bottom: 10px;
	}
	#worksList li:nth-child(2n + 2) + li {
		clear: both;
	}
	.section-filter {
		padding: 10px 20px;
		margin: 0 0px 30px;
	}
	.section-filter a {
		display: block;
		color: #333333;
		font-size: 16px;
		height: 35px;
		line-height: 35px;
		padding-left: 11px;
		background-color: #ffffff;
	}
	.section-filter a:focus {
		text-decoration: none;
	}
	.section-filter >a {
		border: 1px solid #c1c1c1c1;
		background: #ffffff url(../img/sp/dropdown-arrow.png) right top no-repeat;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.section-filter >ul {
		padding-top: 15px;
		padding-bottom: 15px;
		border: 1px solid #c1c1c1c1;
		border-top: 0;
		background-color: #ffffff;
	}
	#worksList {
		margin-left: -5px;
		margin-right: -5px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;

		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#worksList li {
		margin: 0 0 15px;
		padding-left: 5px;
		padding-right: 5px;
		width: 50%;
	}
	#worksList li .img {
		width: 100%;
		height: auto;
	}
	#worksList li .img img {
		width: 100%;
		height: auto;
	}
	#newsSection .btnMore span a:before {
		content: 'Back number';
		text-transform: uppercase;
		display: block;
		color: #d55050;
		padding-left: 20px;
		line-height: 1;
		font-size: 12px;
		font-weight: 700;
		background: url('../img/sp/icon_arrow_red.png') no-repeat left 50%;
	}
	/*-- newslist*/
	/*newlist page*/
	#backnumSection {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		margin-bottom: 10px;
		margin-top: 13px;
	}
	#backnumSection .mb10 {
		margin-bottom: 10px;
	}
	#backnumSection select {
		display: block;
		width: 100%;
	}
	#backnumSubsection .month {
		float: none;
		width: auto;
		background: none;
		text-align: left;
		font-size: 120%;
		font-weight: 700;
		border-bottom: 2px solid #d1d1d1;
		margin-bottom: 10px;
		line-height: 1.6;
		padding-bottom: 5px;
		padding-top: 0;
	}
	#backnumSubsection ul {
		margin-left: 0;
		margin-bottom: 20px;
		border-top: none;
	}

	/*-- newlist page*/
	/* movie banners*/
	#movie_bnr {
		margin-left: -10px;
		margin-right: -10px;
	}
	#movie_bnr ul:after {
		content: '';
		display: block;
		clear: both;
	}
	#movie_bnr li {
		float: left;
		color: #8c8c8c;
		font-size: 10px;
		margin: 0 0 10px 10px;
	}
	#movie_bnr li.small {
		background-color: #FFF;
		width: 67px;
		height: 118px;
		padding: 5px;
		border-radius: 5px;
	}
	#movie_bnr li.small img {
		margin-bottom: 4px;
	}
	#movie_bnr li.regular {
		width: 145px;
		height: 118px;
		padding: 0;
		border-radius: 5px;
	}
	/*-- movie banners*/
	/*sp footer*/
	#footer {
		width: auto;
		padding: 0;
		background-color: #d1d1d1;
		border-radius: 0;
		font-size: 12px;
		line-height: 1.6;
		color : #757575;
		margin-left: -10px;
		margin-right: -10px;
	}
	#footer.en {
		width: auto;
		padding: 0;
	}
	#fImagica {
		display: none;
	}
	#footer #fNav {
		float: none;
		padding: 10px;
		border-bottom: 1px solid #b6b6b6;
		margin-bottom: 0;
	}
	#fNav li {
		float: none;
		padding: 0;
		margin: 0;
		border-right: none;
		line-height: 1.6;
	}
	#fNav li:not(.sp-lastline):before {
		content: "┗";
	}
	#fNav li a {
		color : #757575;
		margin-left: 5px;
		text-decoration: underline;
	}
	#footer .section {
		background: none;
		border-radius: 0;
		padding: 10px;
	}
	#footer .pagetop {
		text-align: right;
	}
	#footer .pagetop a {
		margin-left: 5px;
		padding-left: 15px;
		background: url('../img/icon_arrow_top.png') no-repeat left 50%;
		color: #757575;
		text-decoration: underline;
	}
	#footer .copyright-sp {
		padding: 10px;
		text-align: center;
		border-top: 1px solid #b6b6b6;
	}
	#footer .copyright-sp img {
		max-width: 100%;
	}
	#footer .copyright-sp #fCopy {
		font-size: 12px;
		line-height: 1.6;
		color: #757575;
		margin-top: 0;
	}
	#footer.en .copyright-sp #fCopy {
		float: none;
	}
	/*sp footer*/
	/* Article */
	.articleSubsection {
		margin-top: 0;
		padding: 0;
		color: #000;
	}
	#movie h2 {
		margin-top: 0;
	}
}