@charset "utf-8";

/* ローカルナビ非表示 */
.format_top.type_lang #tmp_section_related {
	display: none;
}

/* ==================================================
在住者向けトップ用
================================================== */
.format_top.type_lang #tmp_wrap_main .container {
	width: 100%;
	margin: 0;
	padding: 0;
}
.format_top.type_lang #tmp_contents .lang_box,
.format_top.type_lang #tmp_contents #tmp_wrap_top_notice,
.format_top.type_lang #tmp_contents #tmp_top_visitors .container,
.format_top.type_lang .wrap_pageid   {
	width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ==================================================
言語別トップ用
================================================== */
.format_top.type_lang.type_each_lang #tmp_contents .lang_box {
	width: 100%;
	background-color: #f5f5f5;
	padding: 0 0 50px;
}
.format_top.type_lang.type_each_lang #tmp_contents #tmp_wrap_top_notice + .lang_box {
	padding: 70px 0 10px;
}
.format_top.type_lang.type_each_lang #tmp_contents #tmp_wrap_top_notice + .lang_box .h2bg {
	margin: 0 auto 46px;
}

.format_top.type_lang.type_each_lang #tmp_contents .lang_box .h2bg {
	max-width: 1240px;
	margin: 0 auto;
}
.format_top.type_lang.type_each_lang #tmp_contents .lang_box .h2bg h2 {
	margin: 0;
}

.format_top.type_lang.type_each_lang #tmp_contents #tmp_top_section_living {
	background-color: #f5f5f5;
}
.format_top.type_lang.type_each_lang #tmp_contents #tmp_top_section_living ul.living_guide_list {
	max-width: 1240px;
	margin: 0 auto 63px;
}

#tmp_top_section_related .col2 {
	max-width: 1200px;
	margin: 0 auto 63px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#tmp_top_section_related .col2 .col2Child {
	width: calc((100% - 20px) / 2);
}
#tmp_top_section_related .col2 .col2Child p {
	margin: 0 0 30px;
}
#tmp_top_section_related .col2 .col2Child p img {
	max-width: 100%;
	height: auto;
}

/* 新着情報 */
.format_top.type_lang .newinfo_2nd {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 75px 0 10px;
}
.format_top.type_lang .newinfo_2nd .h2bg h2 {
	font-size: 325%;
	line-height: 1.2;
	font-weight: normal;
	color: #003379;
	background-color: transparent;
	text-align: center;
	margin: 0 0 60px;
}

/* インスタグラム */
.la_inbox .la_ic_insta {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	text-align: right;
}


/* ==================================================
top_section
================================================== */
/* top_section
================================================== */
.top_section img {
	max-width:100%;
	height:auto;
}
.lang_box h2,
#tmp_top_visitors h2,
.top_section_ttl h2 {
	font-size:325%;
	line-height:1.2;
	font-weight:normal;
	color:#003379;
	background-color:transparent;
	text-align:center;
	margin:0 0 60px;
}
#tmp_top_section_visitors,
#tmp_top_section_living,
#tmp_top_section_related,
#tmp_top_section_announcements {
	background-color:#f5f5f5;
	color:inherit;
}
/* residents
================================================== */
#tmp_top_residents .top_section {
	padding:0 0 62px;
}
#tmp_top_residents .top_section_ttl {
	margin:0 0 70px;
}

/* top_navi
================================================== */
#tmp_top_navi {
	padding:0 0 9px;
}
#tmp_top_navi ul,
#tmp_top_navi ul li,
#tmp_top_navi ul li a {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#tmp_top_navi ul {
	list-style:none;
	margin:0 -12px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
}
#tmp_top_navi ul li {
	font-size:150%;
	font-weight:bold;
	width:33.333333%;
	padding:0 19px 0 12px;
	margin:0 0 37px;
}
#tmp_top_navi ul li a {
	position:relative;
	align-items: center;
	flex-grow:1;
	text-decoration:none;
	min-height:93px;
	border:2px solid #003379;
	color:#ffffff;
	background-color:#003379;
	background-image:url(/images/top_navi_icon.png);
	background-repeat:no-repeat;
	background-position:20px center;
	padding:5px 10px 5px 67px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_top_navi ul li a::before {
	content:'';
	position:absolute;
	left:-2px;
	top:-2px;
	right:-9px;
	bottom:-9px;
	z-index:-1;
	border-bottom:2px solid #0071bc;
	border-right:2px solid #0071bc;
}
#tmp_top_navi ul li a:hover,
#tmp_top_navi ul li a:focus {
	background-image:url(/images/top_navi_icon_on.png);
	background-color:#ffffff;
	color:#003379;
}
/* visitors
================================================== */
#tmp_top_visitors {
	background-color:#f5f5f5;
	color: inherit;
}
#tmp_top_visitors .top_section {
	padding:65px 0 83px;
}
#tmp_top_visitors .top_section_ttl {
	margin:0 0 46px;
}
#tmp_top_visitors .top_section_cnt .visitors_navi {
	list-style:none;
	margin:0 -12px;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li {
	float:left;
	width:50%;
	padding:0 12px;
	margin:0 0 24px;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .wrap_img {
	position:relative;
	color:#222222;
}
/* #tmp_top_visitors .top_section_cnt .visitors_navi li.visitors_navi_affairs .wrap_img {
	background-color:#75a2e0;
} */
/* #tmp_top_visitors .top_section_cnt .visitors_navi li.visitors_navi_guide .wrap_img {
	background-color:#d0e1f7;
} */
/* #tmp_top_visitors .top_section_cnt .visitors_navi li .wrap_img .img_bg img {
	opacity:0.4;
} */
#tmp_top_visitors .top_section_cnt .visitors_navi li .wrap_img .img {
	position:absolute;
	top:0;
	left:0;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt,
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt a {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt {
	font-size:150%;
	font-weight:bold;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt a {
	align-items: center;
	flex-grow:1;
	text-decoration:none;
	min-height:90px;
	border:2px solid #003379;
	background-color:#003379;
	color:#ffffff;
	padding:5px 28px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .active .txt a,
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt a:focus {
	background-color:#ffffff;
	color:#003379;
}
/* living
================================================== */
#tmp_top_section_living .top_section {
	padding:70px 0 10px;
}
#tmp_top_section_living .top_section_ttl {
	margin-bottom:46px;
}
/* living_guide_list */
.living_guide_list,
.living_guide_list li,
.living_guide_list li a,
.living_guide_list li p {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.living_guide_list {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
}
.living_guide_list {
	list-style:none;
	font-size:112.5%;
	font-weight:bold;
	margin:0 0 63px;
}
.living_guide_list li {
	width:33.333333%;
}
.living_guide_list li:not(:nth-child(3n)):last-child {
	width: calc(33.333333% + 1px);
}
.living_guide_list li a {
	width:100%;
	text-decoration:none;
	background-color:#ffffff;
	color:#222222;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
}
.living_guide_list li:nth-child(1) a,
.living_guide_list li:nth-child(2) a,
.living_guide_list li:nth-child(3) a {
	border-top:1px solid #d2d2d2;
}
.living_guide_list li:nth-child(3n) a,
.living_guide_list li:last-child a {
	border-right:1px solid #d2d2d2;
}
.living_guide_list p {
	background-color:#ffffff;
	color:#222222;
	width:100%;
	align-items: center;
	position:relative;
}
.living_guide_list p.img {
	width:130px;
	padding:10px 8px 10px 12px;
}
.living_guide_list p.text {
	min-height:118px;
	padding:5px 10px 5px 0;
}

/* related
================================================== */
#tmp_top_section_related .top_section {
	padding:0 0 50px;
}
#tmp_top_section_related .top_section_cnt p {
	margin:0 0 30px;
}
#tmp_top_section_related .top_section_cnt a img,
#tmp_top_section_related .top_section_cnt a img {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
#tmp_top_section_related .top_section_cnt a:hover img,
#tmp_top_section_related .top_section_cnt a:focus img {
	opacity:0.9;
}

/* search
================================================== */
#tmp_top_section_search .top_section {
	padding:75px 0 10px;
}
#tmp_top_section_search .top_section_ttl {
	margin-bottom:50px;
}
#tmp_top_search {
	width:520px;
	margin:0 auto;
}

/* ==================================================
visual
================================================== */
#tmp_wrap_affairs_visual {
	width: 100vw;
	margin:-20px calc(50% - 50vw) 60px;
}
.no_javascript #tmp_affairs_visual .splide,
#tmp_affairs_visual .splide.no-splide {
	width:1200px;
	margin:0 auto;
}
.no_javascript #tmp_affairs_visual .splide .splide__list,
#tmp_affairs_visual .splide.no-splide .splide__list {
	height:510px;
	overflow:hidden;
	overflow-y:auto;
	display:block;
}
.no_javascript #tmp_affairs_visual .splide .splide__list p,
#tmp_affairs_visual .splide.no-splide .splide__list p {
	margin:0 0 10px;
}
#tmp_affairs_visual .splide__slide img {
	opacity:0.5;
}
.no_javascript #tmp_affairs_visual .splide .splide__list .splide__slide img,
#tmp_affairs_visual .splide.no-splide .splide__list .splide__slide img,
#tmp_affairs_visual .splide__slide.is-active img {
	opacity:1;
}
#tmp_affairs_visual .splide__arrow--prev {
	left:50%;
	margin-left:-620px;
}
#tmp_affairs_visual .splide__arrow--next {
	right:50%;
	margin-right:-620px;
}
#tmp_affairs_visual .splide__controls {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
    justify-content: center;
}
#tmp_affairs_visual .splide__toggle {
	display:none;
}

/* ==================================================
clearfix
================================================== */
.top_section:after,
.top_section_cnt:after,
#tmp_top_search:after,
#tmp_top_visitors .top_section_cnt .visitors_navi:after,
#tmp_top_section_living .living_guide_bnr:after {
	content: "";
	display: table;
	clear: both;
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:"";
	height:1px;
}
}