@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 13px 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 h1 {
		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 20px;
		text-align: right;
		font-size: 0.85em;
		color: #999;
	}
	.main-news .detail {
		margin: 0 0 25px 0;
		padding: 0;
	}
	.main-news .detail div.image {
		width: 150px;
		float: left;
		margin: 0 20px 20px 0;
	}
	.main-news .detail div.image h5 img {
		width: 150px;
	}
	.main-news .detail div.image p.link-text {
		text-align: center;
		font-size: 12px;
	}
	.main-news .detail div.image p.btn-large {
		text-align: right;
		margin: 0 0 10px 0;
	}
	.main-news .detail div.image ul li {
		display: block;
		width: 70px;
		float: left;
		margin: 2px;
	}
	.main-news .detail div.image ul li img {
		width: 100%;
	}
	.main-news .detail p.text {
		font-size: 1em;
		line-height: 1.5;
	}
	.main-news .detail p.text a {
		border-bottom: 1px dashed #F00;
	}
	.main-news .detail p.text a:hover {
		text-decoration: none;
	}
	.main-news .detail p.sponsor-logo {
		margin: 20px 0;
		text-align: right;
	}
	#contents .sponsor-related-news {
		margin: 0 0 20px 0;
		padding: 0 40px;
	}
	#contents .sponsor-related-news ul li {
		width: 580px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
}
@media screen and (max-width: 480px) {
	.main-news {
		margin: 0 0 15px 0;
	}
	
	.main-news h2 {
		display: none;
		padding: 4px 0;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
	}
	.main-news h1 {
		margin: 10px 10px 5px 10px;
		font-size: 20px;
		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 .more-read a {
		display: block;
		width: 150px;
		margin: 10px auto;
		padding: 5px 0;
		font-size: 14px;
		text-align: center;
		background-color: #ffffcc;
		border-radius: 2px;
	}
	.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%;
	}
	.main-news .detail div.image a {
		color: #999;
	}
	.main-news .detail div.image h5 {
		text-align: center;
	}
	.main-news .detail div.image h5 img {
		max-width: 300px;
	}
	.main-news .detail div.image h5.thumbnail img {
		width: 100px;
	}
	.main-news .detail div.image p.link-text {
		font-size: 12px;
		text-align: center;
		margin: 0 0 15px 0;
	}
	.main-news .detail p.text {
		margin: 0 10px 10px 10px;
		font-size: 16px;
	}
	.main-news .detail p.text a {
		border-bottom: 1px dashed #F00;
	}
	.main-news .detail p.text a:hover {
		text-decoration: none;
	}
	.main-news .detail p.sponsor-logo {
		margin: 20px 0;
		text-align: right;
	}
	.main-news .detail p.more {
		margin: 0 20px 10px 20px;
	}
	#contents .sponsor-related-news {
		margin: 0 0 15px 0;
		font-size: 14px;
	}
	#contents .sponsor-related-news ul li a {
		display: block;
		padding: 6px 25px;
	}
}