@media screen and (max-width:1200px) {
.container{
	column-count: 5;
}
.container2{
	column-count: 5;
}
.grid {
	padding: 0.8em_;
}
.container .grid :nth-child(2) { order: 6; }
.logoArea{
	padding:0.5em;
}
.logoArea h1{
	margin-bottom:0.2em;
}
/*-----------------------------------------------
	mv
-----------------------------------------------*/
.movieArea{
	padding:0.3em 1em;
}
/*-----------------------------------------------
	other
-----------------------------------------------*/
p.im{
	margin-bottom:0.8em;
}
p.title{
	font-size:16px;
	margin-bottom:0.8em;
}
p.proName{
	font-size:14px;
}
p.proName_e{
	font-size:12px;
}
p.proName_j{
	font-size:12px;
}
p.proName_j span{
	font-size:12px;
}
p.re_by{
	font-size:12px;
}
/*-----------------------------------------------
	menu
-----------------------------------------------*/
.menuArea p.subTitle{
	font-size:12px;
	margin-bottom:0.8em;
}
.menuArea li a:link{
	line-height:2.2;
	padding:0 0.8em;
	font-size:13px;
}

/*-----------------------------------------------
	more
-----------------------------------------------*/
p.more{
	font-size:13px;
	letter-spacing:0.05em;
}
p.more2{
	font-size:13px;
	letter-spacing:0.05em;
}

}
@media screen and (max-width:980px) {
.container{
	column-count: 4;
}
.container2{
	column-count: 4;
}
.container .grid :nth-child(2) { order: 5; }
}
@media screen and (max-width:782px) {
#wrapper{
	width: 100%;
	min-width:100%;
	height:auto;
	min-height: auto;
}
}

@media screen and (max-width:800px) {
.header{
	display:block;
}
.opening .mm{
	width:40%;
}
.container{
	column-count: 3;
}
.container2{
	column-count: 3;
}
.container .grid :nth-child(2) { order: 4; }


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


.container{
	column-count: 2;
}
.container2{
	column-count: 2;
}
.container .grid :nth-child(2) { order: 3; }
.contents{
	padding:0.5em 0;
	max-width:auto;
	width:98%;
}
.logoArea{
	width:70%;
	margin:0 auto;
	padding:1em 0;
}
.grid {
	padding: 1.5em;
}
.logoArea h1{
	margin-bottom:0.5em;
}
/*-----------------------------------------------
	menu
-----------------------------------------------*/
.menuArea p.subTitle{
	font-size:14px;
	margin-bottom:1em;
}
.menuArea li a:link{
	line-height:2.8;
	padding:0 1em;
	font-size:14px;
}

/*-----------------------------------------------
	mv
-----------------------------------------------*/
.movieArea{
	padding:0.5em 1.5em;
}
.mv p.play{
	width:25%;
}
/*-----------------------------------------------
	other
-----------------------------------------------*/
p.im{
	margin-bottom:1em;
}
p.title{
	font-size:24px;
	margin-bottom:1em;
}
p.proName{
	font-size:20px;
	margin-bottom:0.2em;
}
p.proName_e{
	font-size:14px;
}
p.proName_j{
	font-size:14px;
}
p.proName_j span{
	font-size:14px;
}
p.re_by{
	font-size:13px;
}
/*-----------------------------------------------
	more
-----------------------------------------------*/
p.more{
	font-size:17px;
	letter-spacing:0.1em;
}
p.more a:link {
  padding-right:5em;
}
p.more2{
	font-size:17px;
	letter-spacing:0.1em;
}
p.more2 span {
  padding-right:5em;
}
.coming{
	
	font-size:18px;
	
}
.grid.genreArea p.genre{
	font-size:28px;

}
}
@media screen and (max-width:480px) {
.container{
	column-count: 1;
}
.container2{
	column-count: 1;
}
.container .grid :nth-child(2) { order: 2; }
}