@charset "utf-8";

/* common
------------------------------------------------ */
#contents { margin-top: 60px; }

/* top_banner_list
------------------------------------------------ */
#top_banner_list {
	margin-top: 60px;
}

	#top_banner_list ul {
		margin-left: -32px;
	}

		#top_banner_list ul li {
			float: left;
			margin-left: 32px;
			width: 298px;
			min-height: 240px;
		}

			#top_banner_list ul li a { display: block; }

			#top_banner_list ul li .bnr {
				margin-bottom: 6px;
			}

			#top_banner_list ul li .name {
				padding-left: 10px;
				background: url(../img/common/icon_arrow2.png) no-repeat left center;
				font-size: 12px;
				font-size: 1.2rem;
				font-weight: bold;
			}

/* top_news
------------------------------------------------ */
#top_news {
	margin-top: 60px;
}

	#top_news article {
	}

		#top_news article ul {
		}

			#top_news article ul li {
				padding: 14px 0;
				border-bottom: solid #808080 2px;
			}

				#top_news article ul li .photo {
					float: left;
					width: 180px;
				}

					#top_news article ul li .photo a { display: block; }

				#top_news article ul li .info {
					margin-left: 196px;
				}
				#top_news article ul li.no_photo .info { margin-left: 0; }

					#top_news article ul li .info .date_cat {
						margin-bottom: 6px;
					}

						#top_news article ul li .info .date_cat .date,
						#top_news article ul li .info .date_cat .cat,
						#top_news article ul li .info .date_cat .cat span {
							display: inline-block;
							vertical-align: middle;
						}

						#top_news article ul li .info .date_cat .date {
							margin: 0 20px 5px 0;
							font-size: 15px;
							font-size: 1.5rem;
							font-weight: bold;
						}

						#top_news article ul li .info .date_cat .cat {
						}

							#top_news article ul li .info .date_cat .cat span {
								margin: 0 10px 5px 0;
								padding: 4px 0;
								width: 95px;
								text-align: center;
								font-size: 12px;
								font-size: 1.2rem;
								line-height: 1.2;
								color: #fff;
							}

					#top_news article ul li .info .title {
						margin-bottom: 6px;
						font-size: 1.6rem;
						font-weight: bold;
					}


					#top_news article ul li .info .excerpt {
						font-size: 12px;
						font-size: 1.2rem;
						line-height: 1.8;
					}

					#top_news article ul li .info .more {
						margin-top: 20px;
						text-align: right;
						font-size: 12px;
						font-size: 1.2rem;
					}
					#top_news article ul li .info .more a { text-decoration: underline; color: #000; }
					#top_news article ul li .info .more a:hover { text-decoration: none; }

		#top_news article .link {
			margin-top: 14px;
			text-align: right;
			font-size: 12px;
			font-size: 1.2rem;
		}

			#top_news article .link a { text-decoration: underline; color: #000; }
			#top_news article .link a:hover { text-decoration: none; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 960px) {
	/* top_banner_list */
	#top_banner_list {}
	#top_banner_list ul { margin-left: -3%; }
	#top_banner_list ul li { margin: 0 0 20px 3%; width: 30%; min-height: inherit; }
	#top_banner_list ul li .bnr {}
	#top_banner_list ul li .bnr img { width: 100%; }
	#top_banner_list ul li .name { font-size: 10px; font-size: 1rem; }
}

@media screen and (max-width: 640px) {
	/* top_main */
	#top_main { margin: 0 4%; }
	#top_main .main { height: 145px; }
	#top_main .thumb { margin-top: 12px; height: 6px !important; }
	#top_main .thumb .frame { width: 100%; overflow: visible; }
	#top_main .thumb .move { position: relative; top: auto; left: auto !important; width: 100% !important; text-align: center; }
	#top_main .thumb .move li { float: none; display: inline-block; margin: 0 4px; width: 6px !important; height: 100%; vertical-align: middle; }
	#top_main .thumb .move li a { margin: 0; width: 100%; height: 100%; background: #9c9c9c; border-radius: 50%; }
	#top_main .thumb .move li.on a { background: #000; }
	#top_main .thumb .move li img { display: none; }	
	#top_main .thumb .prev,
	#top_main .thumb .next { display: none; }
	/* top_banner_list */
	#top_banner_list { margin-top: 30px; }
	#top_banner_list ul { margin: 0 4%; }
	#top_banner_list ul li { margin: 0 0 10px; width: 48%; }
	#top_banner_list ul li:nth-of-type(2n) { float: right; }
	#top_banner_list ul li:nth-of-type(2n+1) { clear: both; }
	#top_banner_list ul li .bnr { margin-bottom: 4px; }
	#top_banner_list ul li .name { background-position: left .6em; }
	/* top_news */
	#top_news { margin: 30px 4% 0; }
	#top_news article {}
	#top_news article ul {}	
	#top_news article ul li { padding: 8px 0; border-bottom-width: 1px; }
	#top_news article ul li .photo { width: 33%; }
	#top_news article ul li .photo img { width: 100%; }
	#top_news article ul li .info { margin-left: 38%; }
	#top_news article ul li .info .date_cat { margin-bottom: 4px; }
	#top_news article ul li .info .date_cat .date { margin-right: 10px; font-size: 1rem; }
	#top_news article ul li .info .date_cat .cat {}
	#top_news article ul li .info .date_cat .cat span { margin: 0 4px 4px 0; padding: 2px 0; width: 80px; font-size: 1rem; }
	#top_news article ul li .info .title { margin-bottom: 4px; font-size: 1.2rem; }
	#top_news article ul li .info .excerpt { font-size: 1rem; line-height: 1.4; }
	#top_news article ul li .info .more { margin-top: 10px; font-size: 1rem; }
	#top_news article .link { margin-top: 8px; font-size: 1rem; }
}