/* IMPORT CSS */
@import url("style.css");

/* 写真右寄せ テキスト回り込み*/
.imgR img {	float:right; margin:0 0 1em 1em; width: 12%; height:auto;}
.img-photo img { float:right; margin:0 0 1em 1em; width: 30%; height:auto;}

@media screen and (max-width:480px) {
	.imgR img { width: 40%;}
	.img-photo img { float: none; margin:0.5em 0; width:100%;}
}

.box-rec { margin: 0 0 2.0rem 0; border:#CCC solid 1px; border-radius:5px; padding:2.0rem 2.0rem 0 2.5rem; background:#EFEFEF;}

/* テーブル
––––––––––––––––––––––––––––––––––––––––––––––––––*/
table {
	width:90%;
	margin:0 5% 5% 5%;
	border-collapse: collapse;
	border: 1px solid #ddd;
}

th {
	padding: 0.5em 0;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #EDF3E0;
	color: #060;
}

td {
	padding: 0.8em 1em;
	text-align: right;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width:30%;
}

@media screen and (max-width:1024px) {
	table { font-size:14px;}
}

@media screen and (max-width:480px) {
	table { font-size:12px;}
	td { padding: 0.5em; width:20%;}
	th.no-line { border-top: none;}
	td.no-line { border-top: none;}
	table { border-top:none;}
}