/* CSS Document */

/************************
  Billboard
************************/

section.billboard {
	padding: 70px 0;
}

section.billboard ul.slider {
	width: 66.91%;
	height: auto;
	float: left;
}
section.billboard ul.sidepost {
	width: 33.088%;
	height: auto;
	float: left;
}

section.billboard ul li {
	position: relative;
	line-height: 0;
}

section.billboard ul li h3 {
	font-size: 24px;
	font-weight: 600;
	color: #FFF;
	position: absolute;
	bottom: 90px;
	left: 30px;
	text-shadow: 0 0 10px rgba(0,0,0,1);    
}
section.billboard ul.sidepost li h3 {
	font-size: 18px;
	bottom: 80px;
}

section.billboard ul li span {
	width: 200px;
	height: 40px;
	display: block;
	font-size: 13px;
	text-align: center;
	color: #FFF;
	line-height: 40px;
	position: absolute;
	bottom: 30px;
	left: 71px;
}
section.billboard ul.sidepost li span {
	width: 160px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	left: 61px;
}

section.billboard ul li span i {
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	font-size: 20px;
	color: #FFF;
	background: #8ABA56;
	text-align: center;
	position: absolute;
	left: -41px;
}
section.billboard ul.sidepost li span i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	left: -31px;
}
section.billboard ul li span.comingsoon i {
	background: #339966;
}
section.billboard ul li span.nowshowing {
	background: #8ABA56;
}
section.billboard ul li span.comingsoon {
	background: #339966;
}

section.billboard ul li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
}
section.billboard ul li:hover img {
     -webkit-filter: saturate(150%);
     -moz-filter: saturate(150%);
     -o-filter: saturate(150%);
     -ms-filter: saturate(150%);
     filter: saturate(150%);
}
section.billboard ul li:hover span {
     -webkit-filter: saturate(200%);
     -moz-filter: saturate(200%);
     -o-filter: saturate(200%);
     -ms-filter: saturate(200%);
     filter: saturate(200%);
}


/************************
  Article Common
************************/

section.article h3 {
	line-height: 30px;
	font-size: 22px;
	font-weight: normal;
	color: #2A2F33;
	letter-spacing: 0.1em;
	position: relative;
	margin: 5px 0 0 0;
	padding: 0 0 0 50px;
	float: left;
	text-transform: none;
}
section.article h3 i {
	font-size: 30px;
	padding: 2px 0 0 2px;
	position: absolute;
	left: 0;
	top: 0;
}
section.article a.list {
	width: 220px;
	height: 40px;
	padding: 0 40px 0 0;
	display: block;
	line-height: 40px;
	font-size: 12px;
	letter-spacing: 0.15em;
	color: #FFF;
	text-align: center;
	position: relative;
	float: right;
}
section.article a.list:after {
	content: "▶";
	width: 40px;
	height: 40px;
	font-size: 8px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border-left: #EDEFF0 solid 1px;
}
section.article a.list:hover {
     -webkit-filter: saturate(120%);
     -moz-filter: saturate(120%);
     -o-filter: saturate(120%);
     -ms-filter: saturate(120%);
     filter: saturate(120%);
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
}

section.article ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 30px 0 0 0;
}

section.article ul li {
	width: 23.5%;
	height: auto;
	margin: 0 0 2% 2%;
	padding: 0;
	float: left;
	background: #FFF;
	overflow: hidden;
	position: relative;
}
section.article ul li:first-child,
section.article ul li:nth-child(4n+1){
  clear:both;
  float:left;
	margin: 0;
}
/*section.article ul li .thumbnail {
	position: relative;
  width: 100%;
	margin: 0 0 1em;
}
section.article ul li .thumbnail::before {
	content:"";
	display: block;
	padding-top: 58.46%;
}
section.article ul li .thumbnail .inbox {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}*/
section.article ul li.more_btn {
	width: 100%;
	margin: 0 !important;
	padding: 1% 0 0 0;
	float: none;
	clear: both;
	background: none;
	position: relative;
}
section.article .scroll a.more {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #2A2F33;
	border-top: #E1E0E5 solid 1px;
	border-bottom: #E1E0E5 solid 1px;
	letter-spacing: 0.05em;
	position: relative;
}
section.article .scroll a.more i {
	font-size: 26px;
	color: #969696;
	margin: -13px 0 0 0;
	position: absolute;
	left: 42%;
	top: 50%;
}

section.article ul li:hover {
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 10px 3px;
}
section.article ul li.more_btn:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

section.article ul li img {
	float: none;
	clear: both;
	padding: 0 0 30px 0;
}
section.article ul li span {
	font-size: 11px;
	display: block;
	padding: 0 20px 10px 20px;
	letter-spacing: 1px;
}

section.article ul li span.post-meta {
	width: 100%;
	font-size: 12px;
	line-height: 55px;
	color: #777;
	padding: 0;
	border-top: 1px solid #E9E9E9;
	text-align: right;
}
section.article ul li span.post-meta i {
	font-size: 16px;
	margin: 0 0 0 20px;
	padding: 20px 15px;
	float: right;
	border-left: 1px solid #E9E9E9;
}
section.article ul li h4 {
	font-size: 14px;
	font-weight: 600;
	color: #222;
	display: block;
	height:60px;
	padding: 0 20px 20px 20px;
    letter-spacing:-0.5px;
}
section.article ul li h4:after {
	content: "▶";
	width: 12px;
	height: 12px;
	font-size: 6px;
	line-height: 12px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: -4px;
	left: 10px;
}
section.article ul li h4 + br {
	display:inline;
}
section.article ul li p {
	color: #434343;
	margin: 0 0 40px 0;
	padding: 0 30px;
	position: relative;
	display: block;
}
section.article ul li p:after {
	content: "▶";
	width: 12px;
	height: 12px;
	font-size: 6px;
	line-height: 12px;
	text-align: center;
	color: #FFF;
	display: block;
	position: absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	right: 33px;
	bottom: 3px;
}
section.article ul li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	z-index: 999;
}
section.article ul li:hover img {
     -webkit-filter: saturate(150%);
     -moz-filter: saturate(150%);
     -o-filter: saturate(150%);
     -ms-filter: saturate(150%);
     filter: saturate(150%);
}

section.article ul li.movie {
	width: 49%;
	height: auto;
	overflow: hidden;
	background: #FFF;
	float: left;
	box-sizing: border-box;
}
section.article ul li.movie .movie-wrap {
	margin: 0 0 30px 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
}
section.article ul li.movie .movie-wrap iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	z-index: 9999;
}
section.article ul li.movie span {
	font-size: 13px;
}
section.article ul li.movie h4 {
	font-size: 16px;
}
section.article ul li.movie p {
	line-height: 1.8em;
	margin: 0 0 34px 0;
	margin-bottom: 22px;
}
section.article ul li.movie p:after {
	display: none;
}
.jscroll-loading {
	width: 100%;
	height: auto;
	padding: 10px 0;
	text-align: center;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #777;
}

/************************
  News & topics
************************/

section.news {
	padding: 0 0 70px 0;
}
section.news h3 {
	font-size: 21px;
}
section.news h3 i {
	color: #FF8932;
}
section.news ul li {
	/*height:450px;*/
}
section.news ul li.more_btn {
	height:auto;
}
section.news ul li h4 {
	min-height: 4.3em;
	padding: 0 30px 10px 30px;
}
section.news ul li h4:after {
	display: none;
}
section.news a.list {
	background: #FF8932;
}
section.news ul li span {
	color: #FF8932;
}
section.news ul li p:after {
	background: #FF8932;
}

/************************
  Nowshowing
************************/

section.nowshowing {
	padding: 0 0 50px 0;
}
section.nowshowing h3 {
    padding: 0 0 0 52px;
}
section.nowshowing h3 i {
	color: #8ABA56;
	font-size:38px;
	padding: 0;
	top: -2px;
}
section.nowshowing ul li:nth-child(5),
section.nowshowing ul li:nth-child(9),
section.nowshowing ul li:nth-child(13),
section.nowshowing ul li:nth-child(17),
section.nowshowing ul li:nth-child(21),
section.nowshowing ul li:nth-child(25),
section.nowshowing ul li:nth-child(29),
section.nowshowing ul li:nth-child(33),
section.nowshowing ul li:nth-child(37),
section.nowshowing ul li:nth-child(41),
section.nowshowing ul li:nth-child(45),
section.nowshowing ul li:nth-child(49),
section.nowshowing ul li:nth-child(53),
section.nowshowing ul li:nth-child(57) {
  clear:none !important;
	margin: 0 0 2% 2%;
}
section.nowshowing ul li:nth-child(6),
section.nowshowing ul li:nth-child(10),
section.nowshowing ul li:nth-child(14),
section.nowshowing ul li:nth-child(18),
section.nowshowing ul li:nth-child(22),
section.nowshowing ul li:nth-child(26),
section.nowshowing ul li:nth-child(30) ,
section.nowshowing ul li:nth-child(34),
section.nowshowing ul li:nth-child(38),
section.nowshowing ul li:nth-child(42),
section.nowshowing ul li:nth-child(46),
section.nowshowing ul li:nth-child(50),
section.nowshowing ul li:nth-child(54),
section.nowshowing ul li:nth-child(58) {
  clear:both;
  float:left;
	margin: 0 0 2% 0;
}
section.nowshowing a.list {
	background: #8ABA56;
}
section.nowshowing ul li span {
	color: #8ABA56;
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;  
}
section.nowshowing ul li span.post-meta {
	white-space: normal; 
}
section.nowshowing ul li h4:after {
	background: #8ABA56;
}


/************************
  Comingsoon
************************/

section.comingsoon {
	padding: 0 0 50px 0;
}
section.comingsoon h3 {
    padding: 0 0 0 52px;
}
section.comingsoon h3 i {
	color: #339966;
	font-size:38px;
	padding: 0;
	top: -2px;
}
section.comingsoon a.list {
	background: #339966;
}
section.comingsoon ul li span {
	color: #339966;
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;  
}
section.comingsoon ul li h4:after {
	background: #339966;
}

/************************
  Dvd
************************/

section.dvd {
	padding: 0 0 70px 0;
}
section.dvd h3 {
	font-size: 21px;
    padding: 0 0 0 52px;
}
section.dvd h3 i {
	color: #19B6E9;
	font-size:34px;
	padding: 0;
	top: -2px;
	left: 5px;
}
section.dvd a.list {
	background: #19B6E9;
}
section.dvd ul li img {
	width: 55%;
	padding: 0 5% 0 0;
	float: left;
}
section.dvd ul li span {
	color: #19B6E9;
	padding: 15% 0 10px 30px;
}
section.dvd ul li h4 {
    padding: 0 30px 20px 0;
	float: none;
	text-transform: inherit;
}
section.dvd ul li h4:after {
	background: #19B6E9;
}
section.dvd ul li span.post-meta {
	float: none;
	clear: both;
}



/************************
  Aoyama
************************/

section.aoyama {
	padding: 0 0 50px 0;
}
section.aoyama h3 {
	margin: 5px 0 30px 0;
    padding: 0 0 0 52px;
}
section.aoyama h3 i {
	color: #E24984;
	font-size: 35px;
	padding: 0 0 0 7px;
	top: -3px;
}
section.aoyama a.list {
	background: #E24984;
}
section.aoyama ul li span {
	color: #E24984;
}
section.aoyama ul li h4:after {
	background: #E24984;
}
section.aoyama .about {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../img/top/aoyama/about_bg.png) left top repeat-y #E24984;
	background-size: 51% auto;
	float: none;
	clear: both;
	position: relative;
}
section.aoyama .about img {
	width: 45%;
	position: absolute;
	top: 40%;
	left: 3%;
}
section.aoyama .about h4 {
	padding: 45px 0 15px 53%;
	font-size: 16px;
	color: #FFF;
}
section.aoyama .about p {
	color: #FFF;
	padding: 0 40px 15px 53%;
	line-height: 1.8em;
}
section.aoyama .about span {
	color: #FFF;
	font-size: 12px;
	display: block;
	float: right;
	margin: 0 62px 30px 0;
}
section.aoyama .about span:after {
	content: "▶";
	width: 12px;
	height: 12px;
	font-size: 6px;
	line-height: 12px;
	text-align: center;
	color: #E24984;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: -2px;
	left: 10px;
	background: #FFF;
}
section.aoyama .about a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
}
section.aoyama .about:hover {
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
}
section.aoyama .about:hover img {
     -webkit-filter: saturate(180%);
     -moz-filter: saturate(180%);
     -o-filter: saturate(180%);
     -ms-filter: saturate(180%);
     filter: saturate(180%);
}


section.aoyama ul li {
    width: 49%;
    margin: 0 2% 2% 0;
}
section.aoyama ul li:last-child {
    margin: 0;
}
section.aoyama ul li img {
	width: 28%;
	height: auto;
	margin: 0;
	padding: 0 4% 0 0;
	float: left;
}
section.aoyama ul li span {
	font-size: 13px;
	padding: 30px 0 10px 0;
}
section.aoyama ul li p {
    margin: 0;
	line-height: 1.8em;
}
section.aoyama ul li h4 {
    font-size: 16px;
}


section.aoyama  ul li.movie {
	width: 100%;
	float: none;
	clear: both;
	margin: 0 0 2% 0;
}
section.aoyama  ul li.movie .movie-right {
	width: 49%;
	height: auto;
	overflow: hidden;
	float: right;
}
section.aoyama ul li.movie .movie-wrap {
    margin: 0;
}
section.aoyama ul li.movie span {
	padding: 50px 30px 10px 30px;
}
section.aoyama ul li.movie p {
	padding: 0 51% 0 30px;
}
section.aoyama ul li.movie ul {
	width: 47%;
	height: auto;
	margin: 0 0 0 2%;
	padding: 20px 0 0 0;
	overflow: hidden;
}
section.aoyama ul li.movie ul li {
	width: 11.625%;
	height: auto;
	margin: 0 0 0 1% !important;
	float: left;
}
section.aoyama ul li.movie ul li img {
	width: 100%;
	padding: 0;
}
section.aoyama ul li.movie ul li:first-child {
	margin: 0 !important;
}

/************************
 Aoyama Theater Magazine
************************/

section.aoyamamagazine {
	padding: 0 0 70px 0;
}
section.aoyamamagazine h3 {
	margin: 5px 0 30px 0;
    padding: 0 0 0 52px;
}
section.aoyamamagazine h3 i {
	color: #c5a278;
	font-size: 35px;
	padding: 0 0 0 7px;
	top: -3px;
}
section.aoyamamagazine .about {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../img/top/aoyamamagazine/about_bg.jpg) left top repeat-y #c5a278;
	background-size: 51% auto;
	float: none;
	clear: both;
	position: relative;
}
section.aoyamamagazine .about img {
	width: 45%;
	position: absolute;
	top: 40%;
	left: 3%;
}
section.aoyamamagazine .about h4 {
	padding: 45px 0 15px 53%;
	font-size: 16px;
	color: #FFF;
}
section.aoyamamagazine .about p {
	color: #FFF;
	padding: 0 40px 15px 53%;
	line-height: 1.8em;
}
section.aoyamamagazine .about span {
	color: #FFF;
	font-size: 12px;
	display: block;
	float: right;
	margin: 0 62px 30px 0;
}
section.aoyamamagazine .about span:after {
	content: "▶";
	width: 12px;
	height: 12px;
	font-size: 6px;
	line-height: 12px;
	text-align: center;
	color: #c5a278;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: -2px;
	left: 10px;
	background: #FFF;
}
section.aoyamamagazine .about a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
}
section.aoyamamagazine .about:hover {
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 3px inset;
}
section.aoyamamagazine .about:hover img {
     -webkit-filter: saturate(180%);
     -moz-filter: saturate(180%);
     -o-filter: saturate(180%);
     -ms-filter: saturate(180%);
     filter: saturate(180%);
}
section.aoyamamagazine ul {
	padding:0;
}
section.aoyamamagazine ul li {
	height:450px;
}
section.aoyamamagazine ul li .imgbox {
	float: none;
	clear: both;
	margin: 0 0 30px 0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
section.aoyamamagazine ul li.more_btn {
	height:auto;
}
section.aoyamamagazine ul li h4 {
	min-height: 4.3em;
	padding: 0 30px 10px 30px;
}
section.aoyamamagazine ul li h4:after {
	display: none;
}
section.aoyamamagazine a.list {
	background: #c5a278;
}
section.aoyamamagazine ul li span {
	color: #c5a278;
}
section.aoyamamagazine ul li p:after {
	background: #c5a278;
}

/************************
  Sns
************************/
section.snsfeed {
	max-width: 1380px;
}
section.snsfeed h3 {
	line-height: 30px;
	font-size: 22px;
	font-weight: normal;
	color: #2A2F33;
	letter-spacing: 0.1em;
	position: relative;
	margin: 5px 0 30px 0;
	padding: 0 0 0 52px;
	float: left;
}
section.snsfeed h3 i {
	font-size: 32px;
	padding: 0;
	position: absolute;
	line-height: inherit;
	left: 8px;
	top: 0;
	color: #4D6BAB;
}

/* Desktop */
@media (max-width: 1360px) {
	
	/************************
	  Article Common
	************************/
	
	section.article {
		width: 90%;
		margin: 0 5%;
	}
	section.article ul li, section.article ul li:first-child {
		width: 32%;
		margin: 0 2% 2% 0;
		float: left;
	}
	section.article ul li, 
	section.article ul li:first-child, 
	section.article ul li:nth-child(4n+1), 
	section.nowshowing ul li:nth-child(10), 
	section.nowshowing ul li:nth-child(15) {
		clear: none;
		margin: 0 2% 2% 0;
	}
	section.article ul li:nth-child(3n){
		margin: 0 0 2% 0;
	}
	section.article ul li:nth-child(4) {
		display: none;
	}
	section.article ul li img {
		width: 100%;
	}
	section.article .scroll a.more i {
		left: 40%;
	}
	section.article ul li.movie {
		width: 66%;
	}
	

	/************************
	  Nowshowing
	************************/
  
	section.nowshowing ul li:nth-child(3n){
    clear:none;
		margin: 0 2% 2% 0;
	}
  
  section.nowshowing ul li:nth-child(6) {
    margin: 0 0 2% 0 !important;
  }

	section.nowshowing ul li:nth-child(2),
  section.nowshowing ul li:nth-child(3),
  section.nowshowing ul li:nth-child(9),
  section.nowshowing ul li:nth-child(12) {
		margin: 0 0 2% 0 !important;
	}
	section.nowshowing ul li:nth-child(4),
	section.nowshowing ul li:nth-child(5),
	section.nowshowing ul li:nth-child(10),
	section.nowshowing ul li:nth-child(13),
	section.nowshowing ul li:nth-child(14),
	section.nowshowing ul li:nth-child(17) {
		/*display: none;*/
		margin: 0 2% 2% 0 !important;
	}
	section.nowshowing ul li.movie {
		padding: 0 0 40px 0;
	}
	section.nowshowing ul li.movie span.post-meta {
		position: absolute;
		bottom: 0;
	}
	
	/************************
	  Dvd
	************************/
	
	section.dvd ul li:nth-child(6) {
		margin: 0 0 2% 0;
	}
	section.dvd ul li img {
		width: 50%;
		padding: 30px 20px 30px 30px;
	}
	
	/************************
	  Aoyama
	************************/
	
	
	section.aoyama ul li {
		margin: 0 2% 2% 0;
		float: left;
	}
	section.aoyama ul li img {
		width: 50%;
		padding: 30px 20px 0 30px;
	}
	section.aoyama ul li span {
		padding: 60px 30px 10px 0;
	}
	section.aoyama ul li p {
		clear:both;
		padding: 20px 30px 30px 30px;
	}
	section.aoyama ul li.movie {
		float: right;
		margin: 0;
	}
	section.aoyama ul li.movie .movie-right {
		width: 100%;
		margin: 0 0 30px 0;
	}
	section.aoyama ul li.movie ul {
		padding: 0;
	}
	section.aoyama ul li.movie ul li {
		display: block;
	}
	section.aoyama ul li.movie p {
		margin: 0 0 10px 0;
		padding: 0 30px;
	}
	section.aoyama ul li.movie ul {
		width: 96%;
		padding: 10px 2% 30px 2%;
	}
	
	/************************
	  Sns
	************************/
	
	section.snsfeed {
		max-width: 1380px;
	}
	section.snsfeed h3 {
		margin: 5px 0 30px 5%;
	}
	.dcsns ul {
		width: 93% !important;
	}
	.stream li {
		width: 31.3%;
	}

}

/* Smalldesktop & Tablet */
@media (max-width: 990px) {
	
	/************************
	  Billboard
	************************/
	
	section.billboard {
		padding: 0 0 70px 0;
	}
	section.billboard img {
		width: 100%;
	}
	section.billboard ul.slider, section.billboard ul.sidepost {
		width: 100%;
		float: none;
		clear: both;
	}
	section.billboard ul.sidepost li {
		width: 50%;
		float: left;
	}

	/************************
	  Article Common
	************************/
	
	section.article ul li, section.article ul li:first-child {
		width: 100%;
		margin: 0 0 4% 0 !important;
		display: block !important;
	}
	section.article ul li img {
		width: 50%;
		float: left;
		padding: 0 30px 0 0;
		position: relative;
		z-index: 999;
	}
	section.article ul li span {
		padding: 20px 30px 10px 30px;
	}
	section.article ul li p {
		margin: 0;
		padding: 0 30px 0 0;
	}
	section.article ul li span.post-meta {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 99;
	}
	section.article ul li.movie {
		padding: 0;
	}
	section.article ul li.movie .movie-wrap {
		margin: 0;
	}
	section.article ul li.movie p {
		padding: 0 30px;
	}
	section.article .scroll a.more i {
		left: 37%;
	}
	section.article ul li.more_btn {
		padding: 3% 0 0 0;
	}

	/************************
	  News & topics
	************************/

	section.news ul li {
		height:auto;
	}
	
	section.news ul li h4 {
		min-height: 1em;
	}
	
	/************************
	  Nowshowing
	************************/
	
	section.nowshowing ul li span {
		white-space: normal;
		padding: 20px 30px 10px 0;
	}
	section.nowshowing ul li.movie span {
		padding: 20px 30px 10px 30px;
	}
	section.nowshowing ul li.movie span.post-meta {
		position: static;
		padding: 0;
	}
	
	/************************
	  Dvd
	************************/
	
	section.dvd ul li, section.dvd ul li:first-child {
		width: 48%;
		margin: 0 4% 4% 0 !important;
	}
	section.dvd ul li:nth-child(even) {
		margin: 0 0 4% 0 !important;
	}
	section.dvd ul li img {
		width: 50%;
		padding: 0 30px 0 0;
	}

	/************************
	  Aoyama
	************************/
	
	section.aoyama .about {
		background-image: none;
	}
	section.aoyama .about img {
		width: 100%;
		padding: 100px 5%;
		position: static;
		background: url(../img/top/aoyama/about_bg.png) left top repeat-y;
		background-size: 100% auto;
		box-sizing: border-box;
	}
	section.aoyama .about h4 {
		padding: 30px 30px 15px 30px;
	}
	section.aoyama .about p {
		padding: 0 30px 15px 30px;
	}
	section.aoyama .about span {
		margin: 0 52px 30px 0;
	}


	section.aoyama ul li {
		width: 100%;
		margin: 0 0 4% 0;
	}
	section.aoyama ul li img {
		width: 24%;
	}
	section.aoyama ul li p {
		clear: none;
	}

	section.aoyama  ul li.movie {
		margin: 0 0 4% 0;
		padding: 0;
	}
	section.aoyama  ul li.movie .movie-right {
		width: 100%;
		float: none;
		clear: both;
	}
	section.aoyama ul li.movie span {
		padding: 0 30px 10px 30px;
	}
	section.aoyama ul li.movie p {
		padding: 0 30px;
	}
	section.aoyama ul li.movie ul {
		width: 90%;
		margin: 0 5% 30px 5%;
		padding: 0;
	}

	/************************
	 Aoyama Theater magazine
	************************/

	section.aoyamamagazine .about {
		background-image: none;
	}
	section.aoyamamagazine .about img {
		width: 100%;
		padding: 100px 5%;
		position: static;
		background: url(../img/top/aoyamamagazine/about_bg.jpg) center top no-repeat;
		background-size: cover;
		box-sizing: border-box;
	}
	section.aoyamamagazine .about h4 {
		padding: 30px 30px 15px 30px;
	}
	section.aoyamamagazine .about p {
		padding: 0 30px 15px 30px;
	}
	section.aoyamamagazine .about span {
		margin: 0 52px 30px 0;
	}

	section.aoyamamagazine ul li {
		height:auto;
	}

	section.aoyamamagazine ul li .imgbox {
		width: 45%;
		float: left;
		margin: 0 5% 20px 0;
		position: relative;
		z-index: 999;
	}
	section.aoyamamagazine ul li .imgbox img {
		width:100%;
	}
	
	section.aoyamamagazine ul li h4 {
		min-height: 1em;
	}

	/************************
	  Sns
	************************/

	.stream li {
		width: 46%;
		margin: 0 2% 4% 2%;
	}
																	
}

/* Smalltablet & BigSmartphone */
@media (max-width: 750px) {
	
	/************************
	  Billboard
	************************/
	
	section.billboard {
		padding: 0 0 30px 0;
	}
	
	section.billboard ul li h3 {
		width: 90%;
		height: 1.1em;
		font-size: 20px;
		margin: -39px 5% 15px 5%;
		line-height: 22px;
		display: block;
		bottom: 0;
		left: 0;
		position: relative;
		white-space: nowrap;  
		overflow: hidden;  
		text-overflow: ellipsis;  
		-webkit-text-overflow: ellipsis;  
		-o-text-overflow: ellipsis;  
	}
	section.billboard ul li span {
		width: 100%;
		bottom: 0;
		left: 0;
		position: relative;
	}
	section.billboard ul li span i {
		left: 5%;
		text-align: left;
	}
	.owl-theme .owl-controls {
		right: 5%;
		bottom: auto;
		bottom: initial;
		top: 10px;
	}
	
	section.billboard ul.sidepost li {
		width: 50%;
	}
	section.billboard ul.sidepost li h3 {
		margin: -34px 5% 10px 5%;
		bottom: 0;
	}
	section.billboard ul.sidepost li span {
		width: 100%;
		line-height: 30px;
		left: 0;
	}
	section.billboard ul.sidepost li span i {
		left: 5%;
	}
	section.article ul li.movie p {
		line-height: 1.8em;
	}
	
	/************************
	  Article Common
	************************/

	section.article ul li span {
		padding: 20px 30px 10px 30px;
	}
	section.news ul li h4 {
		padding: 0 30px;
		font-size: 13px;
	}
	section.article ul li span.post-meta {
		line-height: 40px;
		position: static;
		float: none;
		clear: both;
	}
	section.article ul li span.post-meta i {
		padding: 12px 15px;
	}
	section.article ul li.movie {
		padding: 0;
	}
	section.article .scroll a.more i {
		left: 33%;
	}
	
	/************************
	  News & topics
	************************/
	section.news ul li {
		height:auto;
	}

	section.news ul li h4 {
		min-height: 1em;
		padding: 0 30px 10px 30px
	}
	section.news ul li p {
		display: none;
	}
	
	/************************
	  Nowshowing
	************************/
	
	section.nowshowing ul li span {
		padding: 20px 30px 10px 0;
	}
	section.nowshowing ul li.movie span {
		padding: 20px 30px 10px 30px;
	}
	
	/************************
	  Dvd
	************************/
	
	section.dvd ul li, section.dvd ul li:first-child {
		width: 100%;
		margin: 0 0 4% 0 !important;
	}
	section.dvd ul li img {
		width: 30%;
	}
	section.dvd ul li span.post-meta {
		position: absolute;
	}

	/************************
	  Aoyama
	************************/
	
	section.aoyama ul li img {
		width: 40%;
	}
	section.aoyama ul li.movie span {
		padding: 0 30px 10px 30px;
	}

	/************************
	 Aoyama Theater Magazine
	************************/
	section.news ul li {
		height:auto;
	}

	section.news ul li h4 {
		min-height: 1em;
		padding: 0 30px 10px 30px
	}
	section.news ul li p {
		display: none;
	}

	/************************
	  Sns
	************************/
	
	.stream li.dcsns-twitter .section-text {
		margin: 20px 20px 10px 20px;
	}
	.twitter-user a strong::after {
		font-size: 14px;
	}
	.stream li.dcsns-twitter .section-intro a {
		margin-left: 22px;
	}
}

/* Smartphone */
@media (max-width: 520px) {
	
	/************************
	  Billboard
	************************/
	
	section.billboard ul.sidepost li {
		width: 100%;
		float: none;
		clear: both;
	}
	
	/************************
	  Article Common
	************************/
	
	section.article {
		width: 90%;
		margin: 0 5%;
		position: relative;
	}
	section.article ul li, section.article ul li:first-child {
		width: 100%;
		margin: 0 0 4% 0;
	}
	section.article a.list {
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
		text-indent: -20px;
		position: absolute;
		bottom: 35px;
		z-index: 0;
	}	
	section.article a.list:after {
		text-indent: 0;
	}
	
	section.article ul {
		padding: 20px 0 0 0;
	}
	section.article ul li, section.article ul li:first-child,
	section.nowshowing ul li:nth-child(2), section.nowshowing ul li:nth-child(3), section.nowshowing ul li:nth-child(9) {
		margin: 0 0 5% 0 !important;
	}
	section.article ul li img {
		width: 60%;
		padding: 5%;
		float: left;
	}
	section.article ul li span {
		padding: 13% 5% 5px 0;
	}
	section.article ul li h4 {
		float: none;
		clear: both;
		padding: 0 5% 5px 5%;
	}
	section.article ul li h4 + br {
		display:none;
	}
	section.article ul li p {
		float: none;
		clear: both;
		margin: 0 0 5% 0;
		padding: 0 5%;
	}
	section.article ul li p:after {
		right: 7%;
	}
	section.article ul li span.post-meta {
		position: static;
		margin: 10px 0 0 0;
	}
	
	section.article ul li.movie {
		padding: 0;
	}
	section.article ul li.movie p {
		margin: 0 0 20px 0;
		padding: 0 30px;
	}
	section.article ul li.movie .movie-wrap {
		margin: 0;
	}
	section.article ul li.movie span {
		font-size: 12px;
		padding: 20px 5% 5px 5%;
	}
	section.article ul li.movie h4 {
		padding: 0 5% 20px 5%;
	}
	section.article ul li.movie span.post-meta {
		padding: 0;
	}
	section.article ul li.movie p {
		padding: 0 5%;
	}	
	
	section.article .scroll a.more {
		display: none;
	}
	
	/************************
	  News & topics
	************************/

	section.news ul li {
		height:auto;
		padding: 0 0 10px 0;
	}
	section.news ul li p{
		display: block;
	}
		
	/************************
	  Nowshowing
	************************/
	
	section.nowshowing {
		padding: 0 0 70px 0;
	}
	section.nowshowing ul li span {
		letter-spacing: 0;
	}
	
	/************************
	  Comingsoon
	************************/
	
	section.comingsoon {
		padding: 0 0 70px 0;
	}
	section.comingsoon ul li span {
		padding: 17.5% 0 5px 0;
	}
	
	/************************
	  Dvd
	************************/
	
	section.dvd ul li img {
		width: 35%;
	}
	section.dvd ul li h4 {
		clear: none;
	}
	section.dvd ul li span.post-meta {
		position: static;
	}
	
	/************************
	  Aoyama
	************************/
	
	section.aoyama .about img {
		padding: 80px 5%;
	}
	section.aoyama .about h4 {
		font-size: 14px;
		padding: 5% 5% 10px 5%;
	}
	section.aoyama .about p {
		padding: 0 5% 10px 5%;
	}
	section.aoyama .about span {
		margin: 0 10% 30px 0;
	}
	section.aoyama .about span:after {
		left: 5%;
	}

	section.aoyama ul li.movie span {
		padding: 0 5% 10px 5%;
	}
	section.aoyama ul li.movie p {
		padding: 0 5%;
	}
	section.aoyama ul li.movie ul li {
		width: 24.25%;
		margin: 0 0 1% 1%!important;
	}
	section.aoyama ul li.movie ul li:nth-child(5) {
		margin: 0 !important;
	}
	section.aoyama ul li img {
		width: 40%;
		float: left;
		padding: 5%;
	}
	section.aoyama ul li h4 {
		clear: none;
	}
	section.aoyama ul li span {
		padding: 40px 5% 5px 5%;
	}

	/************************
	 Aoyama Theater Magazine
	************************/

	section.aoyamamagazine .about img {
		padding: 80px 5%;
	}
	section.aoyamamagazine .about h4 {
		font-size: 14px;
		padding: 5% 5% 10px 5%;
	}
	section.aoyamamagazine .about p {
		padding: 0 5% 10px 5%;
	}
	section.aoyamamagazine .about span {
		margin: 0 10% 30px 0;
	}
	section.aoyamamagazine .about span:after {
		left: 5%;
	}

	section.aoyamamagazine ul li {
		height:auto;
		padding: 0 0 10px 0;
	}
	section.aoyamamagazine ul li p{
		display: block;
	}
	
	/************************
	  Sns
	************************/
	
	.stream li {
		width: 96%;
		margin: 0 2% 4% 2%;
	}
}