@charset "UTF-8";

@media screen and (min-width: 641px) {/* PC用 */

	div#whatBox {
		width: 920px;
		margin: 60px auto;
		overflow: hidden;
	}
	
	div.whatnewBox {
		border: 1px solid #000;
		padding: 15px 20px 0px 20px;
		margin-top: 10px;
	}
	
	div.whatnewBox table.whatdetail {
		margin: 0px auto 25px auto;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail th {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		padding: 10px 0px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail th img {
		padding-right: 20px;
	}
	
	
	div.whatnewBox table.whatdetail td.com {
		width: 90px;
		font-size: 15px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		text-align: center;
	}
	
	div.whatnewBox table.whatdetail td.tit {
		font-size: 18px;
		line-height: 26px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail td.txt {
		font-size: 14px;
		line-height: 24px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.file {
		margin: 0px auto;
	}
	
	div.whatnewBox table.file th {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		padding: 10px 0px 25px 0px;
	}
	
	div.whatnewBox table.file th img {
		padding-right: 20px;
	}
	
	div.whatnewBox table.file td {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		padding: 0px 0px 10px 0px;
	}
	
	div.whatnewBox table.file td p {
		padding-bottom: 20px;
	}
	
	div.whatnewBox table.file td img {
		float: left;
		padding-right: 15px;
	}
	
	div.nextback {
		margin: 20px auto;
		overflow: hidden;
	}
	
	div.nextback p.back {
		float: left;
		font-size: 14px;
		line-height: 24px;
	}
	
	div.nextback p.next {
		float: right;
		font-size: 14px;
		line-height: 24px;
	}

}

@media screen and (max-width:641px){/* スマートフォン用 */

	div#whatBox {
		width: 900px;
		margin: 60px auto;
		overflow: hidden;
	}
	
	div.whatnewBox {
		border: 1px solid #000;
		padding: 15px 20px 0px 20px;
		margin-top: 10px;
	}
	
	div.whatnewBox table.whatdetail {
		margin: 0px auto 25px auto;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail th {
		font-size: 24px;
		line-height: 38px;
		font-weight: normal;
		padding: 10px 0px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail th img {
		padding-right: 20px;
	}
	
	
	div.whatnewBox table.whatdetail td.com {
		width: 90px;
		font-size: 24px;
		line-height: 38px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		text-align: center;
	}
	
	div.whatnewBox table.whatdetail td.tit {
		font-size: 24px;
		line-height: 38px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.whatdetail td.txt {
		font-size: 24px;
		line-height: 38px;
		padding: 20px 15px;
		border-bottom: 1px solid #000;
	}
	
	div.whatnewBox table.file {
		margin: 0px auto;
	}
	
	div.whatnewBox table.file th {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		padding: 10px 0px 25px 0px;
	}
	
	div.whatnewBox table.file th img {
		padding-right: 20px;
	}
	
	div.whatnewBox table.file td {
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		padding: 0px 0px 10px 0px;
	}
	
	div.whatnewBox table.file td p {
		padding-bottom: 20px;
	}
	
	div.whatnewBox table.file td img {
		float: left;
		padding-right: 15px;
	}
	
	div.nextback {
		margin: 20px auto;
		overflow: hidden;
	}
	
	div.nextback p.back {
		float: left;
		font-size: 14px;
		line-height: 24px;
	}
	
	div.nextback p.next {
		float: right;
		font-size: 14px;
		line-height: 24px;
	}


}