/*/////////////////////////////////////////////////////////////////////////
shitamachi_rocket2018
/////////////////////////////////////////////////////////////////////////*/


/*cast table
__________________________________*/
table.casttable{margin:0 auto;empty-cells: hide;}
table.casttable td{padding:5px 2px;vertical-align:bottom;font-size: 100%;}
table.casttable tr.border td{padding:0;margin:0;height:0px;}
table.casttable tr.border td span{display:block;width:3.5em;height:0.5em; border-bottom:solid 1px;}
table.casttable{margin: 0 auto;}


/*img
______________________________________________________*/
p.photo {background-repeat:no-repeat;background-size:cover;}
p.photo .cover{width:100%;height:100%;}

p.photo1 {
	background-image:url(../news/img/photo1.jpg);
}

p.photo2 {
	background-image:url(../news/img/photo2.jpg);
}

p.photo3 {
	background-image:url(../news/img/photo3.jpg);
}

p.book {
}

p.photo4 {
	background-image:url(../news/img/photo4.jpg);
}

p.photo5 {
	background-image:url(../news/img/photo5.jpg);
}

p.photo6 {
	background-image:url(../news/img/photo6.jpg);
}

p.photo7 {
	background-image:url(../news/img/photo7.jpg);
}

p.photo8 {
	background-image:url(../news/img/photo8.jpg);
}

p.photo9 {
	background-image:url(../news/img/photo9.jpg);
}

p.photo10 {
	background-image: url(../news/img/photo10.jpg);
}

p.photo11 {
	background-image:url(../news/img/photo11.jpg);
}

p.photo12 {
	background-image:url(../news/img/photo12.jpg);
}

p.photo13 {
	background-image:url(../news/img/photo13.jpg);
}

p.photo14 {
	background-image:url(../news/img/photo14.jpg);
}

p.photo15 {
	background-image:url(../news/img/photo15.jpg);
}

p.photo16 {
	background-image:url(../news/img/photo16.png);
}

p.photo17 {
	background-image:url(../news/img/photo17.jpg);
}

p.photo18 {
	background-image:url(../news/img/photo18.jpg?2);
}

p.photo19 {
	background-image:url(../news/img/photo19.jpg?2);
}

p.photo21 {
	background-image:url(../news/img/photo21.jpg?2);
}

p.photo22 {
	background-image:url(../news/img/photo22.jpg?2);
}

p.photo27 {
	background-image:url(../news/img/photo27.jpg?2);
}
p.photo28 {
	background-image:url(../news/img/photo28.jpg?2);
}

p.photo29 {
	background-image:url(../news/img/photo29.jpg?2);
}
p.photo30 {
	background-image:url(../news/img/photo30.jpg?2);
}
p.photo31 {
	background-image:url(../news/img/photo31.png?2);
}
p.photo32 {
	background-image:url(../news/img/photo32.png?2);
}
article.topics figure.pics p.photo26 {
		box-sizing: content-box!important;
}

p.landscape {
	background-image:url(../news/img/landscape.jpg);
}



/* PC only
__________________________________*/
@media screen and (min-width: 768px) {

p.photo1 {
		width:240px;
		height:358px;
		margin: 30px auto 30px;
	}

p.photo2 {
		width:277px;
		height:92px;
		float:left;
		margin:0;
		margin-left:22px;
	}

p.photo3 {
		width:277px;
		height:92px;
		float:left;
		margin:0;
		margin-left:8px;
		margin-bottom: 30px;
	}

p.book {
		width:305px;
		height:217px;
		margin: 15px auto 30px;
		margin-left:20px;
		margin-bottom:10px;
	}

p.photo4 {
		width:265px;
		height:170px;
		margin: 30px auto 5px;
	}

p.photo5 {
		width:400px;
		height:170px;
		margin: 5px auto 5px;
	}

p.photo6 {
		width:400px;
		height:170px;
		margin: 5px auto 30px;
	}

	p.photo7 {
			width:400px;
			height:266px;
			margin: 5px auto 30px;
		}

	p.photo8 {
			width:400px;
			height:266px;
			margin: 5px auto 30px;
		}

		p.photo8 {
				width:400px;
				height:266px;
				margin: 5px auto 30px;
			}

		p.photo9 {
				width:400px;
				height:267px;
				margin: 5px auto 30px;
			}

		p.photo10 {
				width:400px;
				height:267px;
				margin: 5px auto 10px;
			}

		p.photo11 {
				width:400px;
				height:263px;
				margin: 5px auto 30px;
			}

		p.photo12 {
				width:400px;
				height:267px;
				margin: 5px auto 30px;
			}

		p.photo13 {
				width:267px;
				height:400px;
				margin: 5px auto 30px;
			}

		p.photo14 {
				width:400px;
				height:266px;
				margin: 5px auto 30px;
			}

		p.photo15 {
				width:350px;
				height:623px;
				margin: 5px auto 30px;
			}

		p.photo16 {
				width:350px;
				height:438px;
				margin: 5px auto 30px;
			}

		p.photo17 {
				width:311px;
				height:440px;
				margin: 5px auto 30px;
			}

		p.photo18 {
				width:311px;
				height:440px;
				margin: 5px auto 30px;
			}

		p.photo19 {
				width:440px;
				height:311px;
				margin: 5px auto 30px;
			}
		p.photo20,
		p.photo20 span,
		p.photo20 span img {
				width:292px;
				height:395px;
				background-size: cover;
				border: none!important;
			}

		p.photo21,
		p.photo21 span,
		p.photo21 span img {
				width: 292px;
				height:413px;
				background-size: cover;
				border: none!important;
				margin: 0 auto;
			}

		p.photo22,
		p.photo22 span,
		p.photo22 span img {
				width: 440px;
				height:294px;
				background-size: cover;
				border: none!important;
				margin: 0 auto 20px;
			}
		p.photo23,
		p.photo23 span,
		p.photo23 span img {
				width: 440px;
				height:294px;
				background-size: cover;
				margin: 0 auto 20px;
			}

		p.photo26,
		p.photo26 span,
		p.photo26 span img {
				width: 550px;
				height:1111px;
				background-size: cover;
				margin: 0 auto 20px;
			}
		p.photo27 {
				width:350px;
				height:307px;
				margin: 5px auto 30px;
				background-size: contain;
			}
		p.photo28,
		p.photo28 span,
		p.photo28 span img {
				width: 550px;
				height: 780px;
				background-size: contain;
				margin: 0 auto 20px;
			}
		p.photo29 {
				width:350px;
				height:350px;
				margin: 5px auto 30px;
				background-size: contain;
			}
		p.photo30,
		p.photo30 span,
		p.photo30 span img {
				width: 550px;
				height: 720px;
				background-size: contain;
				margin: 0 auto 20px;
			}
		p.photo31 {
				width:350px;
				height:438px;
				margin: 5px auto 30px;
			}
		p.photo32 {
				width: 400px;
				height: 386px;
				margin: 5px auto 30px;
			}

p.landscape {
		width:570px;
		height:200px;
		margin: 30px auto 10px;
	}

}

/* SMP only
__________________________________*/

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

p.photo1 {
		width:200px;
		height:298px;
		margin: 30px auto 30px;
	}

p.photo2 {
		width:277px;
		height:92px;
		margin: 0px auto;
		margin-bottom: 8px;
	}

p.photo3 {
		width:277px;
		height:92px;
		margin: 0px auto;
		margin-bottom: 30px;
	}

p.book {
		width:200px;
		height:142px;
		margin-left:20px;
		margin-bottom:10px;
	}

p.photo4 {
		width:196px;
		height:126px;
		margin: 30px auto 5px;
	}

p.photo5 {
		width:296px;
		height:126px;
		margin: 5px auto 5px;
	}

p.photo6 {
		width:296px;
		height:126px;
		margin: 5px auto 30px;
	}

	p.photo7 {
			width:296px;
			height:195px;
			margin: 5px auto 30px;
		}

	p.photo8 {
			width:296px;
			height:195px;
			margin: 5px auto 30px;
		}

	p.photo9 {
			width:296px;
			height:197px;
			margin: 5px auto 30px;
		}

	p.photo10 {
			width:296px;
			height:197px;
			margin: 5px auto 10px;
		}

	p.photo11 {
			width:240px;
			height:158px;
			margin: 5px auto 30px;
		}

	p.photo12 {
			width: 240px;
			height:160px;
			margin: 5px auto 30px;
		}

	p.photo13 {
			width:198px;
			height:296px;
			margin: 5px auto 30px;
		}
	p.photo14 {
			width:240px;
			height:160px;
			margin: 5px auto 30px;
		}

	p.photo15 {
			width:240px;
			height:427px;
			margin: 5px auto 30px;
		}

	p.photo16 {
			width:240px;
			height:300px;
			margin: 5px auto 30px;
		}

	p.photo17 {
			width:170px;
			height:240px;
			margin: 5px auto 30px;
		}

	p.photo18 {
			width:170px;
			height:240px;
			margin: 5px auto 30px;
		}

	p.photo19 {
			width:240px;
			height:170px;
			margin: 5px auto 30px;
		}

		p.photo20,
		p.photo20 span,
		p.photo20 span img {
			width:170px;
			height: 229px;
			/* margin: 5px auto 30px; */
		border: 0 solid #fff!important;

		}

	p.photo21 {
			width:240px;
			height:339px;
			margin: 5px auto 30px;
		}

	p.photo22 {
			width:240px;
			height:160px;
			margin: 5px auto 30px;
		}

		p.photo23,
		p.photo23 span {
			width:240px;
			height:160px;
			/* margin: 5px auto 30px; */
		}
		p.photo26,
		p.photo26 span,
		p.photo26 span img {
			width:240px;
			height: 483px;
			/* margin: 5px auto 30px; */
		}
		p.photo27,
		p.photo27 span {
			width:240px;
			height:211px;
			margin: 5px auto 30px;
		}
		p.photo28,
		p.photo28 span,
		p.photo28 span img {
			width:240px;
			height: 343px;
			margin: 5px auto 30px;
		}
		p.photo29,
		p.photo29 span {
			width:240px;
			height:240px;
			margin: 5px auto 30px;
		}
		p.photo30,
		p.photo30 span,
		p.photo30 span img {
			width:240px;
			height: 314px;
			margin: 5px auto 30px;
		}
		p.photo31,
		p.photo31 span {
			width:240px;
			height:300px;
			margin: 5px auto 30px;
		}

		p.photo32,
		p.photo32 span {
			width:240px;
			height:232px;
			margin: 5px auto 30px;
		}


p.landscape {
		width:296px;
		height:104px;
		margin: 30px auto 5px;
	}

}