@charset "utf-8";

/* Responsive
--------------------------------------------- */
.smartphone,
.ipad,
.tablet {
	display: none;
}

/* メディアクエリー
---------------------------------------------- */
/* 480px iPhone4 横にして表示 */
@media screen and (min-width : 480px){

	.smartphone {
		display: inline;
	}
	#main table th.smartphone,
	#main table td.smartphone {
		display: table-cell;
	}
}

/* iPad2 1024px */
@media screen and (min-width : 1024px){

	.ipad {
		display: block;
	}
	#main table th.ipad,
	#main table td.ipad {
		display: table-cell;
	}
	div.answers dl dt {
		text-align: left;
	}
	#main td.actions {
		white-space : nowrap;
		font-size: 100%;
	}
	#main th.action a,
	#main td.actions a {
		display: inline;
		margin : 0 0.625% 2px 0;
		padding : 2px 3px;
	}
}

/* iPad2 1260px */
@media screen and (min-width : 1260px) {

	#contents #main {
		width: calc(100% - 288px);			/*700/960*/
		margin: 0 1.041666%;		/*10/960*/
	}
	#contents #sub {
		width: 260px;			/*220/960*/
		right: 0;
	}
}