@charset "utf-8";

/* レイアウト */
#mymainback {
	margin: 0px;
	padding: 0px;
}

.content_area {
	padding: 20px 0px;
}

.link_box span a {
	font-size: 1.3rem;
	padding: 10px 30px 10px 15px;
}

/* 重要なお知らせ */
#top_important {
	margin: 0px 10px 20px;
}
#top_important_ttl h2 {
	padding: 20px 10px 20px 60px;
}
#top_important_list ul {
	padding: 0px 20px;
}
#top_important_list ul li {
	display: block;
	width: auto;
	margin: 0px 0px 10px;
	padding: 0px;
}
#top_important_list ul li > span {
	display: block;
}
#top_important_list ul li > span.article_date {
	width: auto;
}

#top_important_list .link_box span a {
	font-size: 1.2rem;
	padding: 8px 30px 8px 15px;
}

/* スライドショー */
#top_maingraphic {
	margin: 0px 10px;
}

.photo_caption {
	font-size: 1.2rem;
	line-height: 2rem;
	padding: 10px 10px 10px 70px;
}

#mp_control_box button {
	font-size: 1.6rem;
	line-height: 2rem;
	padding: 10px 15px;
}
#mp_control_prev, #mp_control_next {
	display: none !important;
}

#top_main_right ul li {
	width: calc(50% - 5px);
	margin: 10px 0px 0px 0px;
}

/* 新着 */
#top_tab_wrap {
	margin: 0px 10px;
}
#top_tab_title ul li button {
	font-size: 1.4rem;
	line-height: 2rem;
	min-height: 60px;
	padding: 10px 5px;
}
.top_tab_detail_list ul {
	max-height: none;
}
.top_tab_detail_list ul li {
	display: block;
	width: auto;
}
.top_tab_detail_list ul li > span {
	display: block;
}
.top_tab_detail_list ul li > span.article_date {
	width: auto;
}

/* 注目 */
#lettering {
	padding: 0px 5px;
}
.lettering_box,
.lettering_box:nth-child(-n+4) {
	width: calc(50% - 10px);
	padding: 15px;
	font-size: 1.1rem;
}

#topics_wrap .link_box {
	margin: 15px 10px 0px;
}

/* メニュー */
#top_linklist ul {
	padding: 0px 5px;
}
#top_linklist ul li,
#top_linklist ul li:nth-child(4n) {
	width: calc(50% - 10px);
}

/* 広告 */
#top_banner {
	display: block;
	margin: 0px 10px;
}
#top_banner_title {
	display: block;
	width: auto;
	margin: 0px;
	padding: 20px 10px;
}
#top_banner_title h2 {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}
#top_banner_title h2 + a {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}
#top_banner #top_banner_list {
	width: auto;
	padding: 10px 5px 0px;
}


#top_banner #top_banner_list li,
#top_banner #top_banner_list li:nth-child(4n),
#top_banner #top_banner_list li:nth-child(-n+4) {
	width: calc(50% - 10px);
	max-width: none;
	margin: 5px;
}