@charset "utf-8";

@media only screen and (min-width: 641px) and (max-width: 1240px)  {

#tmp_affairs_visual .splide__arrow--prev {
	left:10px;
	margin-left:0;
}
#tmp_affairs_visual .splide__arrow--next {
	right:10px;
	margin-right:0;
}

}

@media only screen and (min-width: 641px) and (max-width: 1180px)  {

#tmp_wrap_affairs_visual {
	width:auto;
	margin-left:-20px;
	margin-right:-20px;
}
#tmp_affairs_visual .splide__slide {
	width:100% !important;
	margin:0 !important;
}

}
	

@media screen and (max-width : 640px) {

/* ==================================================
在住者向けトップ用
================================================== */
.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: 100%;
	padding: 0 10px;
}

/* ==================================================
言語別トップ用
================================================== */


.format_top.type_lang.type_each_lang #tmp_contents .lang_box .h2bg {
	width: 100%;
}

.format_top.type_lang.type_each_lang #tmp_contents #tmp_top_section_living ul.living_guide_list {
	width: 100%;
}
#tmp_top_section_related .col2 .col2Child {
	width: 100%;
}

#tmp_top_section_related .col2 {
	width: 100%;
}


/* ==================================================
top_section
================================================== */
/* top_section
================================================== */
.lang_box  h2 {
	font-size:181.25%;
	margin:0 0 25px;
}
.top_section_ttl h2 {
	font-size:181.25%;
}
.format_top.type_lang .newinfo_2nd .h2bg h2 {
	font-size:181.25%;
}
/* residents
================================================== */
#tmp_top_residents .top_section {
	padding:0 0 10px;
}
#tmp_top_residents .top_section_ttl {
	margin:0 0 36px;
	padding-top:22px;
}
/* top_navi
================================================== */
#tmp_top_navi ul {
	margin:0;
}
#tmp_top_navi ul li {
	width:100%;
	font-size:112.5%;
	padding:0 5px 0 0;
	margin:0 0 26px;
}
#tmp_top_navi ul li a {
	min-height:75px;
	padding:5px 10px 5px 56px;
	background-image:url(/images/top_navi_icon_sp.png);
	background-position:15px center;
	-webkit-background-size:28px auto !important;
	-moz-background-size:28px auto !important;
	background-size:28px auto !important;
}
#tmp_top_navi ul li a:hover,
#tmp_top_navi ul li a:focus {
	background-image:url(/images/top_navi_icon_on_sp.png);
}
#tmp_top_navi ul li a::before {
	right:-7px;
	bottom:-7px;
}
/* visitors
================================================== */
#tmp_top_visitors .top_section {
	padding:35px 0 10px;
}
#tmp_top_visitors .top_section_ttl {
	margin:0 0 26px;
}
#tmp_top_visitors .top_section_cnt .visitors_navi {
	margin:0;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li {
	float:none;
	width:100%;
	padding:0;
	margin:0 0 20px;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt {
	font-size:112.5%;
}
#tmp_top_visitors .top_section_cnt .visitors_navi li .txt a {
	min-height:80px;
	padding:5px 16px;
}

/* living
================================================== */
#tmp_top_section_living .top_section {
	padding:35px 0 20px;
}
#tmp_top_section_living .top_section_ttl {
	margin-bottom:20px;
}
/* living_guide_list */
.living_guide_list {
	font-size:100%;
	margin:0 -2px 10px -3px;
}
.living_guide_list li {
	width:33.333333% !important;
	padding:0 2px 0 3px;
	margin:0 0 5px;
}
.living_guide_list li a {
	border:1px solid #d2d2d2 !important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap:wrap;
	align-content:flex-start;
}
.living_guide_list p {
	align-items:flex-start;
}
.living_guide_list p.img {
	height:65px;
	padding:0;
	margin:0 auto;
	-webkit-justify-content: center;
    justify-content: center;
	align-items: center;
}
.living_guide_list p.img img {
	width:55px !important;
	height:55px !important;
}
.living_guide_list p.text {
	min-height:75px;
	padding:0 7px 7px;
	line-height:1.2;
	word-break:break-all;
	word-wrap:break-word;
}
/* related
================================================== */
#tmp_top_section_related .top_section {
	padding:0 0 23px;
}
#tmp_top_section_related .top_section_cnt p {
	margin:0 0 17px;
}

/* search
================================================== */
#tmp_top_section_search .top_section {
	padding:35px 0 10px;
}
#tmp_top_section_search .top_section_ttl {
	margin-bottom:24px;
}
#tmp_top_search {
	width:100%;
}
/* announcements
================================================== */
#tmp_top_section_announcements .top_section {
	padding:35px 0 30px;
}
/* ==================================================
visual
================================================== */
#tmp_wrap_affairs_visual {
	width:auto;
	margin:0 -10px 40px;
}
.no_javascript #tmp_affairs_visual .splide,
#tmp_affairs_visual .splide.no-splide {
	width:100%;
	margin:0 auto;
}
.no_javascript #tmp_affairs_visual .splide .splide__list,
#tmp_affairs_visual .splide.no-splide .splide__list {
	height:300px;
}
#tmp_affairs_visual .splide__slide img {
	opacity:1;
	max-width:none;
	width:auto;
	height:360px;
}
#tmp_affairs_visual .splide__arrow--prev {
	left:12px;
	margin-left:0;
}
#tmp_affairs_visual .splide__arrow--next {
	right:12px;
	margin-right:0;
}
#tmp_affairs_visual .splide__controls {
	min-height:auto;
	padding:0;
	display:block;
}



}