/*mobile*/
@media screen and (max-width:1000px) {
	


	/*public*/



	.size-2{
		font-size:11pt;
	}

	.size-3{
		font-size:14pt;
	}

	.size-4{
		font-size:17pt;
	}

	.size-5{
		font-size:20pt;
	}

	.size-big{
		font-size:40pt;
	}



	/*other*/



	nav{
		padding:0px 20px;
	}

	.nav-box{
		width:100%;
	}

	.nav-box-menu ul{
		display:none;
	}

	.nav-box-menu li{
		display:none;
	}

	.section-back{
		background:url(./img/img_main-back-mo.png) no-repeat 50% 50%;
		background-size:cover;
	}

	.section-back-rotate{
		width:100%;
	}

	.section-back-rotate-img{
		margin-left:0px;
		right:-100px;
		bottom:-100px;
		width:300px;
		height:300px;
	}

	.main{
		height:auto;
	}

	.main-mo{
		width:100%;
		height:640px;
		height:100vh;
		position:relative;
	}

	.main-title-back{
		height:auto;
		padding-top:150px;
	}

	.main-title{
		width:186px;
		height:336px;
		background-image:url(./img/img_main-title-mo.png);
	}

	.main-content{
		height:auto;
		padding:60px 20px 60px 0px;
	}
	.main-content-back{
		display:none;
	}

	.main-content-front{
		width:100%;
		height:auto;
		padding:0px;
		box-shadow:0 0 60px rgba(0, 0, 0, 0.35);
	}

	.main-content-front-back{
		height:auto;
	}

	.main-content-front-text{
		width:100%;
		max-width:600px;
		height:auto;
		position:relative;
		top:0;
		margin:0;
		margin:auto;
		padding:40px;
	}

	.content-side{
		margin-bottom:30px;
		float:none;
	}
	.content-text-box{
		width:auto;
		height:auto;
		float:none;
	}

	.content-text-box-left{
		width:100%;
		float:none;
	}

	.content-text-box-right{
		width:100%;
		float:none;
		margin:20px 0px 0px 0px;
	}

	.content-text-box-subject{
		width:100%;
		float:none;
	}

	.content-text-box-credit{
		width:100%;
		max-width:400px;
		float:none;
		margin-top:20px;
	}

	.content-text-box-link{
		width:100%;
		float:none;
		margin-top:20px;
	}

	.content-text-box-time{
		width:auto;
		margin:40px 40px 0px 0px;
	}

	.content-text-box-button{
		width:120px;
		height:40px;
		position:relative;
		right:0;
		bottom:0;
		margin:auto;
		margin-top:60px;
	}

	.moviebox_out{
		margin-bottom:20px;
	}

	.link-box{
		width:40px;
		height:40px;
		margin-left:4px;
	}

	.img-map{
		width:100%;
		max-width:400px;
		height:auto;
	}



	/*Works*/




	.nav-box-works{
		width:100%;
	}

	.works-main{
		padding:120px 0px;
	}

	.works-main-filter{
		width:240px;
		max-width:none;
		height:auto;
		margin:auto;
		margin-bottom:40px;
		float:none;
	}

	.sum-filter{
		width:100%;
		height:auto;
		padding:0;
	}

	.filter-up{
		width:100%;
		height:auto;
		position:relative;
	}

	.filter-bottom{
		display:none;
	}

	.filter{
		line-height:40px;
	}

	.filter-size-1{
		width:40px;
		height:40px;
	}

	.filter-size-2{
		width:80px;
		height:40px;
	}

	.filter-size-3{
		width:120px;
		height:40px;
	}

	.filter-size-4{
		width:160px;
		height:40px;
	}

	.filter-num{
		text-align:center;
		padding-top:30px;
	}

	.works-main-sum{
		margin-bottom:8px;
	}

	.sum-text{
		height:65px;
		border-bottom:1px solid #F2F2F2;
		background-color:#FFFFFF;
		line-height:160%;
		padding:8px 12px;
	}

	.sum-hover{
		padding:40px 20px;
		line-height:160%;
	}

	.works-detail{
		width:100%;
		padding:0;
	}

	.works-detail-left{
		width:100%;
		max-width:600px;
		padding:40px;
		background-color:transparent;
		margin:auto;
	}

	.works-detail-left-name{
		width:100%;
		height:auto;
	}

	.works-detail-left-be{
		width:40px;
		height:40px;
	}

	.works-detail-right{
		box-shadow:none;
	}

	.works-fix{
		position:relative;
	}

	.works-detail-top-back{
		width:40px;
		height:40px;
		top:85px;
		left:20px;
		position:fixed;
		box-shadow:0 0 20px rgba(255, 0, 0, 0.4);
		animation:coming-left 1.2s;
	}

	.works-detail-back{
		width:40px;
		height:40px;
	}

	.works-top{
		width:40px;
		height:40px;
		bottom:40px;
		right:40px;
	}



}



/*sum*/

@media screen and (max-width:440px) {

	.sum-text{
		height:75px;
		line-height:145%;
	}

}

@media screen and (max-width:800px) {

	.works-main-sum{
		width:50%;
	}

}

@media screen and (min-width:800px) and (max-width:1200px) {

	.works-main-sum{
		width:33.33%;;
	}

}

@media screen and (min-width:1000px) and (max-width:1200px) {

	.works-main-filter{
		width:33.33%;
	}

}

@media screen and (min-width:1000px) and (max-width:1400px) {

	.main-content-front-text{
		position:relative;
		top:0;
		margin:0px;
		padding-top:120px;
	}

}