@charset "UTF-8";
/*体験用*/

/*東京にある寿司体験を実施している教室や学校一覧表*/
div.scroll_div > table td:nth-child(1) {
	width:calc(100% - 500px);
}
div.scroll_div > table td:nth-child(2) {
	width:150px;
}
div.scroll_div > table td:nth-child(3) {
	width:80px;
}
div.scroll_div > table td:nth-child(4) {
	width:130px;
}
div.scroll_div > table td:nth-child(5) {
	width:140px;
}

/*各学校の表*/
table[class^=schoolTable] td:first-child {
	width:180px;
}
table[class^=schoolTable] td:last-child {
	width:calc(100% - 160px);
}

/*拡大画像はこちら*/
a.loupe {
	display: block;
	border: 1px solid #008db7;
	margin: 0 auto;
	padding: 10px 20px;
	line-height: 1;
	box-sizing: border-box;
	background-color: #008db7;
	color: #FFF;
	text-decoration: none;
	position:absolute;
	bottom:-27px;
	width:100%;
	text-align:right;
	padding-right:40px;
}
a.loupe:hover{
	background-color:rgba(0, 141, 183,.5);
}
a.loupe:before,
a.loupe:after{
	position:absolute;
	display:block;
	content:'';
	margin:auto;
}
a.loupe:before{
	width:15px;
	height:3px;
	background-color:#FFF;
	top:22px;
	right:22px;
	transform:rotate(-45deg);
}
a.loupe:after{
	width:15px;
	height:15px;
	border:3px solid #FFF;
	border-radius:30px;
	top:3px;
	right:8px;
}
.imgBorder {
	position:relative;
}
.imgBorder img{
	border:1px solid #008db7;
	box-sizing:border-box;
}
@media screen and (max-width:750px){
	div.scroll_div > table td:nth-child(1) {
		width:calc(100% - 430px) !important;
	}
	div.scroll_div > table td:nth-child(2) {
		width:130px;
	}
	div.scroll_div > table td:nth-child(3) {
		width:75px;
	}
	div.scroll_div > table td:nth-child(4) {
		width:120px;
	}
	div.scroll_div > table td:nth-child(5) {
		width:110px;
	}
}
@media screen and (max-width:630px){
	div.scroll_div > table td:nth-child(1) {
		width:160px !important;
	}
	div.scroll_div > table td:nth-child(2) {
		width:130px;
	}
	div.scroll_div > table td:nth-child(3) {
		width:70px;
	}
	div.scroll_div > table td:nth-child(4) {
		width:120px;
	}
	div.scroll_div > table td:nth-child(5) {
		width:110px;
	}
}
@media screen and (max-width:500px){
	table[class^=schoolTable] td:first-child {
		width:140px;
	}
	table[class^=schoolTable] td:last-child {
		width:calc(100% - 140px);
	}
}
@media screen and (max-width:420px){
	div.scroll_div > table td:nth-child(1) {
		width:110px !important;
	}
	div.scroll_div > table td:nth-child(2) {
		width:110px;
	}
	div.scroll_div > table td:nth-child(3) {
		width:60px;
	}
	div.scroll_div > table td:nth-child(4) {
		width:100px;
	}
	div.scroll_div > table td:nth-child(5) {
		width:90px;
	}
}
@media screen and (max-width:380px){
	table[class^=schoolTable] td:first-child {
		width:120px;
	}
	table[class^=schoolTable] td:last-child {
		width:calc(100% - 120px);
	}
}