@charset "utf-8";

/* 共通 */
@media screen and (min-width: 481px) ,print {
	#header .menu {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	#header .menu {
		display: none;
	}
}

/* 記事部分 */
@media screen and (min-width: 481px) ,print {
	.main-news {
		margin: 0 0 15px 0;
	}
	.main-news h2 {
		padding: 4px 22px;
		font-size: 0.85em;
		line-height: 1.1;
	}
	.main-news p.more-categoly {
		margin: -23px 0 15px 0;
		padding: 4px 15px 4px 0;
		text-align: right;
		font-size: 0.85em;
		line-height: 1.1;
		vertical-align: middle;
	}
	.main-news p.more-categoly img {
		vertical-align: middle;
		margin: 0 0 2px 4px;
	}
	.main-news h3 {
		margin: 0 0 2px 0;
		font-size: 1.23em;
		font-weight: bold;
		line-height: 1.2;
	}
	.main-news h4 {
		width: 150px;
		float: left;
		margin: 0 20px 20px 0;
	}
	.main-news p.date {
		margin: 0 0 10px 0;
		text-align: right;
		font-size: 0.85em;
		color: #999;
	}
	.main-news .detail {
		margin: 0 0 15px 0;
	}
	.main-news .detail h5 {
		margin: 0 0 15px 0;
		text-align: center;
	}
	.main-news .detail h5 img {
		max-width: 600px;
	}
	.main-news .detail p.caption {
		margin: 0 0 10px 0;
		font-size: 0.92em;
		text-align: center;
	}
	.main-news .detail p.btn-back {
		margin: 0 0 10px 0;
		text-align: right;
	}
	.main-news .detail .image-link {
		margin: 0 0 20px 0;	
	}
	.main-news .detail .image-link p.back {
		width: 50%;
		float: left;
		text-align: left;
		vertical-align: middle;
	}
	.main-news .detail .image-link p.next {
		width: 50%;
		float: right;
		text-align: right;
		vertical-align: middle;
	}
	.main-news .detail .image-link p a {
		color: #e50000;
	}
	.main-news .detail .image-link p img {
		vertical-align: middle;
		margin: 0 4px;
	}
	.main-news .detail ul {
		margin: 0 0 30px 0;
	}
	.main-news .detail ul li {
		display: block;
		width: 70px;
		float: left;
		margin: 2px;
	}
	.main-news .detail ul li img {
		width: 100%;
	}
	
}
@media screen and (max-width: 480px) {
	.main-news {
		margin: 0 0 15px 0;
	}
	.main-news h2 {
		padding: 4px 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
	}
	.main-news h3 {
		margin: 10px 20px 5px 20px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
	}
	.main-news h4 {
		width: 75px;
		float: left;
		margin: 10px;
	}
	.main-news h4 img {
		width: 100%;
	}
	.main-news p.date {
		margin: 0 20px 5px 20px;
		text-align: right;
		font-size: 10px;
		color: #999;
	}
	.main-news .detail {
		margin: 0 0 7px 0;
	}
	.main-news .detail h5 {
		text-align: center;
	}
	.main-news .detail h5 img {
		max-width: 300px;
	}
	.main-news .detail p.caption {
		margin: 0 0 20px 0;
		font-size: 12px;
		text-align: center;
		color: #999;
	}
	.main-news .detail .image-link-sp {
		margin: 0 10px 20px 10px;	
	}
	.main-news .detail .image-link-sp p.back {
		width: 25%;
		height: 26px;
		float: left;
		text-indent: -9999px;
	}
	.main-news .detail .image-link-sp p.back a {
		display: block;
		width: 100%;
		height: 26px;
		background: url(../img3_renew/common/btn-back-image.gif) no-repeat top right;
	}
	.main-news .detail .image-link-sp p.news {
		width: 50%;
		float: left;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
	}
	.main-news .detail .image-link-sp p.news a {
		display: block;
		width: 100%;
		height: 26px;
	}
	.main-news .detail .image-link-sp p.next {
		width: 25%;
		float: left;
		text-indent: -9999px;
	}
	.main-news .detail .image-link-sp p.next a {
		display: block;
		width: 100%;
		height: 26px;
		background: url(../img3_renew/common/btn-next-image.gif) no-repeat top left;
	}
	.main-news .detail ul {
		margin: 0 20px 15px 20px;
	}
	.main-news .detail ul li {
		display: block;
		width: 60px;
		float: left;
		margin: 0 5px;
	}
	.main-news .detail ul li img {
		width: 100%;
	}
}