@charset "utf-8";

/* 検索（展開） */
#pcm_search_box .search_menu_sagasu {
	margin-top: 0px;
}

/* スライドショーボタン */
div[id*="_control_box"] {
	text-align: center;
}

/* メイングラフィック（2枚以上でスライド） */
#top_photo {
	width: auto;
	margin: 0px;
}
#top_photo #top_photo_list .photo {
	width: auto;
	height: auto;
}

/* メイングラフィック（2枚以上でスライド・4枚以上で前後表示） */
#top_photo.wide {
	padding-top: 0px;
}
#top_photo.wide #top_photo_list {
	width: auto;
	height: auto;
	position: static;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}
#top_photo.wide #top_photo_list .photo {
	margin: 0px;
}

/* メイン */
#mymainback {
	margin: 0px;
}

.top_main_box {
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}

/* 見出し */
h2.midashi_main {
	font-size: 2.6rem;
}
h2.midashi_main span {
	background-size: auto 20px;
	background-position: left 50% bottom 8px;
}

h3.midashi {
	font-size: 2rem;
}

/* リンク */
a.icon_r {
	font-size: 1.2rem;
	padding: 15px 40px 15px 20px;
	min-width: auto;
	background-position: right 15px top 50%;
}

/* 重要なお知らせ */
#top_important_wrap {
	padding-top: 20px;
	padding-bottom: 40px;
}
#top_important {
	margin-bottom: 25px;
	padding: 23px 18px 28px;
}
#top_important h2 {
	margin-bottom: 10px;
}
#top_important ul li {
	display: block;
	width: auto;
	margin: 0px;
	padding: 10px 0px;
}
#top_important ul li > span {
	display: block;
}
#top_important ul li > span.article_date {
	width: auto;
}

#top_important .link_box {
	margin-top: 10px;
}
#top_important .link_box > span {
	margin: 10px 5px 0px;
	min-width: calc(50% - 10px);
}
#top_important .link_box > span a {
	display: block;
	font-size: 1.2rem;
	padding: 10px;
	min-width: auto;
}

/* もしもの時は */
#top_important_link {
	display: block;
}
#top_important_link h2 {
	padding: 10px;
	margin-bottom: 20px;
}
#top_important_link_list ul {
	display: block;
}
#top_important_link_list ul li {
	display: block;
	width: auto;
	margin: 10px 0px 0px;
}
#top_important_link_list ul li a {
	font-size: 1.4rem;
}
#top_important_link_list ul li.korona a {
	padding-left: 80px;
}

/* 検索 */
#top_search_contents_bg {
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: 300px auto;
}

.search_menu_ttl h2 {
	font-size: 2.6rem;
	margin-bottom: 15px;
}
.search_menu_ttl h2 span {
	background-size: auto 20px;
	background-position: left 50% bottom 8px;
}

/* お知らせ */
#top_information_bg {
	padding-top: 40px;
	padding-bottom: 100px;
}

#top_information_bg::before {
	width: 120px;
	height: 84px;
	background-size: contain;
	bottom: -6px;
	left: 10px;
}
#top_information_bg::after {
	width: 100px;
	height: 63px;
	background-size: contain;
	bottom: -6px;
	right: 10px;
}

/* 新着情報 */
.information_list ul li {
	display: block;
	width: auto;
	padding: 15px;
}
.information_list ul li > span {
	display: block;
}
.information_list ul li > span.article_date {
	width: auto;
}

.information_list_wrap .link_box {
	margin-top: 20px;
}
.information_list_wrap .link_box span {
	margin: 10px 5px 0px;
	min-width: calc(50% - 10px);
}
.information_list_wrap .link_box span a {
	display: block;
	font-size: 1.2rem;
	min-width: auto;
	padding: 10px;
}

/* トピックス（4件以上でスライド） */
#top_topics {
	margin-top: 40px;
}

#lettering {
	max-width: 310px;
	margin: 0px auto;
}
#lettering .lettering_box {
	width: calc(100% - 10px);
	margin: 10px 5px 0px;
}
#lettering .lettering_box_img div,
#lettering .lettering_box_img div:empty {
	height: 0px;
	padding-top: 75%;
}

/* イベント（5件以上でスライド） */
#top_event {
	margin-top: 40px;
}

#lettering_event {
	max-width: 518px;
	margin: 0px auto;
}
#lettering_event .lettering_box {
	width: calc(50% - 10px);
	margin: 10px 5px 0px;
}
#lettering_event .lettering_box_img div,
#lettering_event .lettering_box_img div:empty {
	height: 0px;
	padding-top: 90%;
}

#top_event .information_list_wrap .link_box > span.link_calendar a {
	padding: 10px 10px 10px 40px;
}
#top_event .information_list_wrap .link_box > span.link_matsusaka_event a {
	padding: 6px 10px;
}

/* 募集（カウントダウン） */
#count_down_area_1 {
	margin-top: 40px;
}
.count_down_box_wrap {
	display: block;
}
.count_down_box,
.count_down_box:nth-child(2n) {
	display: block;
	width: auto;
	margin: 0px 0px 10px;
}
.count_down_box:last-child {
	margin-bottom: 0px;
}

.count_down_box2 > span.count_img {
	width: 120px;
}

.count_down_box2 > span.count_txt {
	width: calc(100% - 130px);
}
.count_down_box2 > span.count_txt > span.count_comment {
	font-size: 1.2rem;
	line-height: 1.5;
}
.count_down_box2 > span.count_txt > span.count_day span {
	font-size: 2.4rem;
}

/* 発信局 */
#top_channel_bg {
	padding-top: 40px;
	padding-bottom: 40px;
}

#top_channel_link {
	display: block;
}
#top_channel_link .link_box {
	display: block;
	width: auto;
	max-width: 340px;
	margin: 0px auto 20px;
}
#top_channel_link .link_box:last-child {
	margin-bottom: 0px;
}

#top_channel_link .link_box ul li {
	margin-top: 15px;
}

#top_channel_link .link_box ul.list_link1 li a {
	margin-right: 0px;
}

#top_channel_link .link_box ul.list_link2 li a {
	font-size: 1.4rem;
}

/* 人口・世帯数 */
#top_jinkou {
	margin-top: 40px;
	padding: 20px 20px 0px;
}
#top_jinkou_ttl h3 {
	font-size: 1.6rem;
}
#top_jinkou_ttl p.date {
	font-size: 1.2rem;
	margin-right: 5px;
}

#top_jinkou_list dl,
#top_jinkou_list dl dt,
#top_jinkou_list dl dd {
	font-size: 1.4rem;
}
#top_jinkou_list {
	padding: 0px;
}
#top_jinkou_list dl {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	width: calc(50% - 10px);
	margin: 0px 5px;
	padding: 40px 0px 20px;
	text-align: center;
}
#top_jinkou_list dl.total {
	background-image: url(/img/nw-top/icon_jinko_total.png);
}
#top_jinkou_list dl.setai {
	background-image: url(/img/nw-top/icon_jinko_setai.png);
}
#top_jinkou_list dl.male {
	background-image: url(/img/nw-top/icon_jinko_male.png);
}
#top_jinkou_list dl.female {
	background-image: url(/img/nw-top/icon_jinko_female.png);
}
#top_jinkou_list dl dt {
	background: none !important;
	padding: 0px 10px 0px 0px;
}
#top_jinkou_list dl dd {
	padding: 0px;
}

/* 事業PR（5件以上でスライド） */
#top_banner_pr_wrap {
	margin-top: 40px;
}

ul#top_banner_pr_list {
	max-width: 530px;
	margin: 0px auto;
}
ul#top_banner_pr_list li {
	width: calc(50% - 10px);
	margin: 10px 5px 0px;
}

/* 魅力 */
#top_charm_bg {
	background-size: auto 30px, 1200px auto;
	padding-top: 60px;
}

#top_charm_information {
	display: block;
}
#top_charm_information .charm_box,
#top_charm_information .charm_box:first-child,
#top_charm_information .charm_box:nth-child(3n+1),
#top_charm_information .charm_box:last-child,
#top_charm_information .charm_box:nth-child(3n) {
	display: block;
	width: 340px;
	max-width: 100%;
	margin: 30px auto 0px;
}

#top_charm_information .charm_box .txt {
	min-height: auto;
	padding: 40px 20px 50px;
}
#top_charm_information .charm_box .txt h3 {
	font-size: 2rem;
	margin-bottom: 10px;
}
#top_charm_information .charm_box .txt p {
	font-size: 1.3rem;
}
#top_charm_information .charm_box .link {
	margin-top: -25px;
}

/* 子育て */
#top_charm_kosodate {
	display: block;
	padding: 20px;
	position: relative;
	margin-top: 50px;
	background-size: 80px auto, 300px auto, 100px auto;
	background-position: left 75% top 180px, left 50% top 180px, left 150px top 10px;
}

#top_charm_kosodate h3.midashi {
	padding-right: 80px;
}

#top_kosodate_site {
	width: auto;
	position: static;
}
#top_kosodate_site h4 {
	font-size: 1.8rem;
}
#top_kosodate_site p {
	margin: 15px 0px 0px;
	font-size: 1.3rem;
}

#top_kosodate_bnr {
	margin: 120px auto 60px;
}

#top_img_character {
	width: 70px;
	bottom: auto;
	right: 10px;
	top: -60px;
}

/* 時計 */
#top_tokei_wrap {
	width: auto;
	max-width: 360px;
	margin: 0px auto;
}
#top_tokei_wrap::before {
	background-size: 120px auto;
	top: -40px;
	left: -40px;
}
#top_tokei_wrap::after {
	background-size: 120px auto;
	top: -40px;
	right: -40px;
}

.p-tokei__watch {
	width: auto;
	height: auto;
	max-width: 360px;
	margin: 0px auto;
}

#top_tokei_txt p {
	font-size: 1.3rem;
}

#top_tokei_link::before {
	background-size: 50px auto;
	bottom: 60px;
}

/* 広告欄 */
#top_kokoku {
	width: auto;
	margin: 0px;
	padding: 0px 15px;
}