@charset "utf-8";
/*---------------------------------------*/
/*----- smart phone CSS lower 990px -----*/
/*---------------------------------------*/

@media (max-width : 990px){
	/* common */
	.cw970 {margin:0px 20px; width:auto;}
	.cw864 {width:680px;}
	.cw748 {width:680px;}
	/* /common */
	
	
	
	/* footer */
	div#footer_cap {padding:46px 0px 46px 0px; }
	/* /footer */



	/* top */
	div#top_title {height:842px; padding:150px 0px 0px 0px; }
	div#top_title dl {display:block; width:100%; }
	div#top_title dl dd {display:block; vertical-align:inherit; padding:0px 20px 40px 20px; }
	div#top_title dl dd h1 {width:52%; }
	div#top_title dl dd h1 img {width:100%; }
	div#top_title dl dt {display:block; vertical-align:inherit; padding:0px 20px 0px 20px; }
	div#top_title dl dt h3 {display:block; margin:0px 0px 0px 0px; }
	div#top_title dl dt h3 a {display:block; }
	div#top_title dl dt h3 a span {display:block; vertical-align:inherit; padding:4px 0px 0px 0px; font-size:13px; line-height:140%; letter-spacing:1px; }
	div#top_title dl dt h3 a strong {display:block; vertical-align:inherit; padding:4px 0px 0px 0px; font-size:13px; line-height:140%; letter-spacing:1px; }

	div#top_title .bnr img {padding: 40px 20px 0px 20px; width: 85%;}
	/* /top */
}



/*---------------------------------------*/
/*----- smart phone CSS lower 884px -----*/
/*---------------------------------------*/

@media (max-width : 884px){
	/* common */
	.cw864 {margin:0px 30px; width:auto;}
	.cw748 {margin:0px 30px; width:auto;}
	/* /common */
	
	
	
	/* footer */
	div#footer_cap {padding:40px 0px 40px 0px; }
	/* /footer */
}



/*---------------------------------------*/
/*----- smart phone CSS lower 768px -----*/
/*---------------------------------------*/

@media (max-width : 768px){
	/* content */
	#page_title {padding:34% 0px 24% 0px; }
	/* /content */
	
	
	
	/* header */
	div#header {}
	div#header a.title_logo {display:block; width:130px; margin:0px auto; padding:14px 20px; float:left; }
	div#header ul {display:none; }
	
	nav {display:none !important;}

	div#sp_menu {display:block;}
	#spnavibtn {display:block;}
	/* /header */



	/* works */
	ul#works_list li {width:33.3%; }
	ul#works_list li:nth-child(4n+1) {clear:inherit; }
	ul#works_list li:nth-child(3n+1) {clear:both; }
	/* /works */
	
	
	
	/* movie */
	ul#movie_list li {width:50%; padding:10px 10px 30px 10px; }
	ul#movie_list li:nth-child(3n+1) {clear:inherit; }
	ul#movie_list li:nth-child(2n+1) {clear:both; }
	/* movie */
	
	
	
	/* contact */
	div#contact_cap {padding:0px 0px 60px 0px; }
	div#contact_cap h2 {font-size:6.4vw; line-height:150%; letter-spacing:2px; }
div#contact_cap h3 {font-size:4vw; line-height:150%; letter-spacing:0.10em; }
div#contact_cap h3 span {padding:0px 10px 0px 0px; }
div#contact_cap h3 strong {font-size:6.4vw; line-height:150%; }
div#contact_cap h4 {margin:40px auto 2% auto; font-size:6.4vw; line-height:150%; letter-spacing:2px; }
	div#contact_cap h5 {margin-bottom:40px; font-size:16px; line-height:150%; letter-spacing:0.15em; }
	div#contact_cap table {width:100%; }
	div#contact_cap table tr {display:block; width:100%; }
	div#contact_cap table th {display:block; vertical-align:inherit; width:100%; padding:10px 0px 10px 0px; text-align:left; }
	div#contact_cap table td {display:block; vertical-align:inherit; padding:10px 0px 10px 0px; }
	/* /contact */
	
	
	
	/* blog */
	div#news_cap .news_single dl {display:block; margin:0px auto; }
	div#news_cap .news_single dl dt {display:block; vertical-align:inherit; padding:10px 0px 10px 0px; }
	div#news_cap .news_single dl dt span {padding:0px 0px 10px 0px; border-right:none; border-bottom:1px #BBB solid; }
	div#news_cap .news_single dl dd {display:block; vertical-align:inherit; padding:10px 0px 10px 0px; }
	/* /blog */
}


/*---------------------------------------*/
/*----- smart phone CSS lower 640px -----*/
/*---------------------------------------*/

@media (max-width : 640px){
	/* common */
	.pc_only {display:none;}
	.sp_only {display:block;}
	.pcin_only {display:none;}
	.spin_only {display:inline;}
	
	.cont {width:100%; }
	/* /common */



	/* content */
	#page-top {bottom: 20px; right: 20px;}
	#page-top a {width:32px; height:32px;}
	/* /content */



	/* footer */
	div#footer_cap {padding:30px 0px 30px 0px; }

	div#footer {padding:0px 0px 0px 0px; }
	div#footer dl {display:block; width:100%; }
	div#footer dl dt {display:block; vertical-align:inherit; width:100%; padding:40px 20px 40px 20px; }
	div#footer dl dt:last-child {padding:0px; }
	div#footer dl dt h5 {font-size:14px; line-height:140%; letter-spacing:0.05em; text-align:center; }
	div#footer dl dd {display:block; vertical-align:inherit; width:100%; padding:0px 20px 0px 20px; }
	div#footer dl dd ul {width:100%; }
	div#footer dl dd ul li {width:33.3%; }
	div#footer dl dd ul li a {width:100%; padding:26px 0px 26px 0px; }
	div#footer dl dd ul li img {width:30px; margin:0px auto; }
	/* /footer */



	/* top */
	div#top_contents {padding:20px 0px 64px 0px; }
	div#top_contents h2 {padding:24px 0px 24px 0px; font-size:21px; line-height:140%; letter-spacing:0.25em; }
	div#top_contents ul {display:block; width:100%; }
	div#top_contents ul li {display:block; vertical-align:inherit; width:100%; border-left:none; border-top:1px #FFF solid; }
	div#top_contents ul li:first-child {border-top:none; }
	div#top_contents ul li a {display:block; }
	div#top_contents ul li a h3 {width:100%; background-color:rgba(0,0,0,0); opacity:1.0; }
	div#top_contents ul li a h3 span {padding:26vw 0px 26vw 0px; font-size:18px; line-height:140%; letter-spacing:0.25em; text-shadow:1px 1px 3px rgba(0,0,0,0.2),1px 2px 3px rgba(0,0,0,0.2),2px 1px 3px rgba(0,0,0,0.2),2px 2px 3px rgba(0,0,0,0.2); }
	div#top_contents ul li a:hover h3 {background-color:rgba(0,0,0,0.6); }
	/* /top */
	
	
	
	/* about */
	div#about_cap {padding:0px 0px 60px 0px; }
	div#about_cap iframe {width:100%; height:360px; margin-top:40px; }
	/* /about */
	
	
	
	/* works */
	div#works_cap {padding:40px 0px 40px 0px;}
	
	ul#works_list {display:block; width:100%; }
	ul#works_list li {display:block; float:inherit; width:100%; padding:0px 0px 40px 0px; }
	ul#works_list li p {width:100%; padding:66.7% 0px 0px 0px;}
	ul#works_list li h5 {width:100%; height:auto; padding:8px 0px 0px 0px; font-size:14px; line-height:140%; letter-spacing:0px;}
	
	div#works_pager {text-align:center; }
	div#works_pager a {display:inline-block; margin:0px 4px 0px 4px; padding:2px 5px 2px 5px; font-size:14px; line-height:160%;}
	
	ul#works_details {width:100%; }
	/* /works */
	
	
	
	/* movie */
	div#movie_cap {padding:0px 0px 40px 0px; }
	ul#movie_list li {width:100%; padding:10px 10px 30px 10px; }
	/* movie */
	
	
	
	/* blog */
	div#news_cap .news_list dl dt span {padding:0px 15px 0px 0px; }
	div#news_cap .news_list dl dd {padding:10px 0px 10px 15px; }
	/* /blog */
}