@charset "utf-8";

/*=== 簡易リセット ===*/
*,
*::before,
*::after {
  box-sizing: border-box;
  letter-spacing: 0;
}
body {
	overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#mymainback {
	width: 100%;
	padding: 50px 0 0;
}


/*=== TOP共有パーツ ===*/

/* インナー */
.top_inner {
	width: 96%;
	max-width: var(--content-width);
	margin: 0 auto;
}

/* バナー広告 */
ul.banner_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
}
ul.banner_list li {
	width: calc(25% - 15px);
}
ul.banner_list li img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* 足あとを非表示 */
#footstep_wrap {
	display: none !important;
}

/* 重要なお知らせ */
#top_important {
	display: flex;
	width: 96%;
    max-width: var(--content-width);
    margin: 0 auto 55px;
	padding: 10px 25px;
	background: #FFE6E5;
	border-radius: 16px;
}
.top_important_ttl {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
	border-right: 2px solid #C92708;
}
#top_important h2 {
	margin: 0px;
	padding: 0px;
	color: #C92708;
	font-size: 2.4rem;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
}
.top_important_list {
	flex-grow: 1;
}
#top_important ul {
	margin: 0px;
	padding: 20px 0;
	list-style: none;
}
#top_important ul li {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px 0px 16px;
}
#top_important ul li:last-child {
	margin-bottom: 0px;
}
#top_important ul li > span {
	display: table-cell;
	vertical-align: top;
}
#top_important ul li > span.article_date {
	width: calc(11em + 10px);
}
#top_important ul li a {
	color: #000;
}
#top_important .link_box {
    padding-bottom: 10px;
}

/* 鳥取市からのお知らせ */
#top_info-city {
    width: 96%;
    max-width: var(--content-width);
    margin: 0 auto 55px;
    border: 2px solid #008177; /* 外枠の色 */
    border-radius: 16px;
    overflow: hidden; /* 角丸を綺麗に保つ */
}

.top_info-city_ttl {
    background: #008177; 
}

#top_info-city h2 {
	margin: 0;
	padding: 8px 10px 8px;
	font-size: 2.6rem;
	text-align: center;
    color: #FFEE00; 
}

/* リスト部分 */
.top_info-city_list {
    padding: 28px 55px 18px;
    background: #fff;
}

#top_info-city ul {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}

#top_info-city ul li {
    display: flex; 
    margin-bottom: 10px;
}

#top_info-city ul li .article_date  {
	width: calc(14.5em + 10px);
}

/* リンク部分 */
.top_info-city_link_box {
    text-align: right;
    padding-top: 10px;
}

.top_info-city_link_box span {
    margin-left: 20px;
}


/* やさしい日本語 / 文字拡大時 */
.font_size_changed #top_important ul li > span.article_date,
.tsutaeru-toolbar-message-active #top_important ul li > span.article_date {
	width: auto;
}
.font_size_changed #top_important ul li > span,
.tsutaeru-toolbar-message-active #top_important ul li > span {
	display: block;
}

/*=== KV下 ボタンエリア ===*/
.top_contact {
    width: 96%;
    max-width:  var(--content-width);
    margin: 0 auto 80px;
    display: flex;
    justify-content: center;
}
.font_size_changed .top_contact {
	flex-wrap: wrap;
}
.top_contact .top_contact__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 23.33%;
    margin: 0 2.5% 0 0;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
	/* font-family: "Noto Sans JP", sans-serif; */
    text-align: center;
    text-decoration: none;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.top_contact .top_contact__item:last-child {
    margin-right: 0;
}
.font_size_changed .top_contact .top_contact__item {
	width: calc(100% / 2 - 10px);
	margin: 0 20px 0 0;
}
.font_size_changed .top_contact .top_contact__item:nth-child(2) {
	margin-right: 0;
}
.top_contact .top_contact__title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
	letter-spacing: 0;
    line-height: 1.25;
    margin: 0 0 15px;
}
.top_contact .top_contact__title:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 8px 0 0;
}
.top_contact .top_contact__text span {
    display: inline-block;
}
.top_contact .top_contact__text p {
    margin: 0;
	letter-spacing: 0;
}
.top_contact .top_contact__text .s {
    font-size: 2rem;
}
.top_contact .top_contact__text .m {
    font-size: 2.3rem;
}
.top_contact .top_contact__text .l {
    font-size: 3.4rem;
    line-height: 1;
}
.font_size_changed .top_contact .top_contact__text span {
    display: block;
}
.top_contact .top_contact-emer {
    background: #C92707;
}
.top_contact .top_contact-emer .top_contact__title:before {
    width: 65px;
    height: 39px;
    background-image: url("/img/top/icon-emer.png");
}
.top_contact .top_contact-info {
    /* background: #027BCA; */
	background: #0271bb;
}
.top_contact .top_contact-info .top_contact__title:before {
    width: 65px;
    height: 39px;
    background-image: url("/img/top/icon-info.png");
}
.top_contact .top_contact-faq {
    width: 48.33%;
    background: #049B8F;
	background: #078378;
}
.font_size_changed .top_contact .top_contact-faq {
	width: 100%;
	margin: 20px auto 0;
}
.top_contact .top_contact-faq .top_contact__title {
    margin: 0;
}
.top_contact .top_contact-faq .top_contact__title:before {
    width: 80px;
    height: 49px;
    background-image: url("/img/top/icon-faq.png");
}

/*=== news ===*/
.top_news {
    width: 96%;
    max-width:  var(--content-width);
    margin: 0 auto 74px;
}

/* タブ */
#top_tab_title ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #A4A4A4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 20px;
}
#top_tab_title ul li {
	width: 100%;
}
#top_tab_title ul li button {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border-top: 1px solid #A4A4A4;
    border-right: 1px solid #A4A4A4;
    border-left: 1px solid #A4A4A4;
	border-bottom: none;
	background-color: #E3F2F1;
    background-image: url("/img/top/tab_deco.png");
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: top 10px left 10px;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
	text-align: center;
	padding: 23px 20px 17px;
    border-radius: 10px 10px 0 0;
	overflow-wrap: anywhere;
}
#top_tab_title ul li button:hover,
#top_tab_title ul li button:focus {
	text-decoration: underline;
}
#top_tab_title ul li.tab_on {
    position: relative;
}
#top_tab_title ul li.tab_on:after {
    content: "";
    display: block;
    width: calc(100% - 3px);
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
    z-index: 2;
}
#top_tab_title ul li.tab_on button {
	background-color: #fff;
    background-image: url("/img/top/tab_deco-on.png");
    background-size: 32px auto;
    background-repeat: no-repeat;
    background-position: top 10px left 10px;
	color: #000;
	text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
	filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.4));
}
#top_tab_detail {
    border-right: 1px solid #A4A4A4;
	border-bottom: 1px solid #A4A4A4;
    border-left: 1px solid #A4A4A4;
	padding: 40px 30px;
    border-radius: 0 0 10px 10px;
}

/* 新着情報（件数） */
.release_day {
	margin-bottom: 1em;
	font-size: 1.5rem;
}
.release_day span {
	display: inline-block;
	margin-right: 1em;
}

/* 新着情報（リスト） */
.top_tab_detail_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top_tab_detail_list ul li {
	width: 100%;
	display: table;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    margin: 0px 0px 25px;
    padding: 0 0 35px;
	border-bottom: 1px solid #CBCBCB;
}
.top_tab_detail_list ul li:last-child {
	margin-bottom: 0px;
}
.top_tab_detail_list ul li > span {
	display: block;
	overflow-wrap: anywhere;
}
.top_tab_detail_list ul li > span.article_date {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 11px;
}

/* 新着情報（情報はありません） */
.top_tab_detail_box p.no_data {}

/* 新着情報（newアイコン） */
.top_tab_detail_list img.icon_new {
	vertical-align: baseline;
	margin-left: 0.5em;
}

/* 新着情報（一覧・RSS） */
.link_box {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	justify-content: flex-end;
	gap: 30px;
	padding: 40px 0px 0px;
}
.link_box span[class*="link_"] {
	width: auto;
	max-width: 100%;
}
.link_box span[class*="link_"] a {
	display: flex;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 0;
	color: #333333;
	font-size: 1.7rem;
	line-height: 1.7rem;
	text-decoration: none;
	margin: 0px;
	text-align: center;
}
.link_box span[class*="link_"] a:hover,
.link_box span[class*="link_"] a:focus {
	text-decoration: underline;
}
.link_box span[class*="link_"] a:after {
	content: ">";
	display: inline-block;
	font-size: 1.8rem;
	margin: 0 0 0 10px;
}



/* ミニカレンダー */
#top_calendar_detail {
	width: 100%;
}
#top_calendar_detail ul {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	width: 100%;
	display: table;
}
#top_calendar_detail ul li {
	display: table-cell;
	vertical-align: middle;
}
#top_calendar_detail ul li.calendar_index_last {
	width: 4em;
	text-align: left;
}
#top_calendar_detail ul li.calendar_index_next {
	width: 4em;
	text-align: right;
}
#top_calendar_detail ul li.calendar_index_now {
	text-align: center;
}

table#top_calendar_table {
	width: 100%;
	border: 1px solid;
	border-collapse: collapse;
}
table#top_calendar_table th {
	border: 1px solid;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px;
	font-size: 80%;
}
table#top_calendar_table td {
	border: 1px solid;
	text-align: center;
	padding: 10px 0px;
}
table#top_calendar_table td a {
	display: block;
}

.cal_sun {
	color: #990000;
	background-color: #ffdde6;
}
.cal_mon,.cal_tue,.cal_wed,.cal_thu,.cal_fri {
	background-color: #f5f5f5;
}
.cal_sat {
	color: #000099;
	background-color: #ccddff;
}
.cal_hol {
	background-color: #ffdde6;
}
.cal_today {
	background-color: #ffff80;
}

#top_event_today {
	margin-top: 30px;
}


/*=== top_search ===*/
.top_search {
	width: 96%;
	max-width: var(--content-width);
    margin: 0 auto 71px;
}
.top_search #header_search {
	display: block;
	position: relative;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: none;
	padding: 0;
}
.top_search #header_search .c_search {
	width: 100%;
}
body.is-open .top_search #header_search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #00968B;
	padding: 66px 20px;
	overflow-y: auto;
}


/*=== top_selection ===*/
.top_selection {
	margin: 0 auto 80px;
}
.top_selection .top_selection__title {
	font-size: 3.6rem;
	font-weight: bold;
	/* font-family: "Zen Maru Gothic", sans-serif; */
	letter-spacing: .1em;
	margin: 0 auto 20px;
	text-align: center;
}
.top_selection .top_selection__mv {
	margin: 0 auto 97px;
	text-align: center;
}
.top_selection .top_selection__mv img {
	width: 100%;
}
.top_selection .top_selection-row {
	display: flex;
	justify-content: space-between;
}
.top_selection .top_selection-row__item {
	width: 48.6%;
}
.top_selection__btn {
	display: flex;
	flex-wrap: wrap;
	margin: 58px 0 0;
}
.top_selection__btn a {
	display: block;
	margin: 0 auto;
    border-radius: 10px;
    border: 3px solid #00968B;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
	text-align: center;
}

/* ピックアップ */
.top_picup {
	margin: 0 auto 82px;
}
.top_picup .swiper-button-prev, 
.top_picup .swiper-button-next {
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
	background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	z-index: 10;
	width: 94px;
	height: 94px;
}
.top_picup .swiper-button-prev {
	left: 0;
    background-image: url("/img/top/icon_arrow-prev.png");
}
.top_picup .swiper-button-next {
	right: 0;
    background-image: url("/img/top/icon_arrow-next.png");
}

/* トピックス */
.lettering-outer {
    position: relative;
    width: 96%;
    max-width: 1224px;
    margin: 0 auto;
    padding: 0 57px;
}
#lettering {
	position: static;
	padding: 10px;	
	margin: 0 auto;
}
#lettering.swiper {
    opacity: 0;
    height: 0;
    transition: all 0.5s ease 0s;
}
#lettering.swiper-initialized {
    display: block;
    height: auto;
    opacity: 1;
}
#lettering .swiper-wrapper {
	display: flex;
	margin: 0 auto;
}
#lettering .swiper-slide {
	height: auto !important;
	display: flex !important;
	border-radius: 10px;
	overflow: hidden;
}
#lettering .swiper-control {
	position: absolute;
	bottom: -48px;
	left: 0;
	z-index: 3;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}
#lettering .swiper-pause {
	font-size: 1.8rem;
	font-weight: bold;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0 0 0 15px;
}
#lettering .swiper-pagination-bullets.swiper-pagination-horizontal {
	width: auto;
	position: relative;
	top: 0;
	display: inline-flex;
}
#lettering .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border: 1px solid #00A48D;
	background: #fff;
}
#lettering .swiper-pagination-bullet-active {
	background-color: #00A48D;
}
#lettering .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
#lettering .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 9px;
}

/* swiperが発動しない場合 */
#lettering.no-swiper .swiper-button-next,
#lettering.no-swiper .swiper-button-prev,
#lettering.no-swiper .swiper-pagination,
#lettering.no-swiper .swiper-control {
    display: none;
}
#lettering.no-swiper .swiper-wrapper {
    justify-content: center;
}

.lettering_box {
	width: 25%;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.lettering_box:last-child {
	margin-bottom: 0px;
}
.lettering_box > div {
	display: block;
}
.lettering_box > div.lettering_box_text > div {
	display: none;
}
.lettering_box > div.lettering_box_text > div.article_title,
.lettering_box > div.lettering_box_text > div.lettering_box_text {
	display: block;
}
.lettering_box .lettering_box_text {
	padding: 20px;
}
.lettering_box .lettering_box_text a {
	font-size: 1.8rem;
	color: #333;
	text-decoration: none;
}
.lettering_box > div.lettering_box_text > div {
	margin-bottom: 0.5em;
}
.lettering_box > div.lettering_box_text > div:last-child {
	margin-bottom: 0px;
}
.lettering_box > div.lettering_box_img {
	width: 100%;
}
.lettering_box > div.lettering_box_img div {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 25 / 23;
	overflow: hidden;
	background: #f6f6f6;
}
.lettering_box > div.lettering_box_img div:empty {
	background: url("/img/common/noimage.png") no-repeat center center transparent;
	background-size: contain;
}
.lettering_box > div.lettering_box_img div img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.top_picup .link_box {
	padding: 3em 0 0; 
}


/* カウントダウン */
.top_countdown {
	margin: 0 auto 71px;
}
.count_down_box_wrap {
	margin: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	justify-content: center;
	gap: 30px;
}
.count_down_box {
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
	background: #fff;
	border: 1px solid #333;
	border-radius: 10px;
}
.count_down_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.count_down_box2 > span {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.count_down_box2 > span.count_img {
	width: 200px;
}
.count_down_box2 > span.count_img > span {
	display: block;
}
.count_down_box2 > span.count_img > span img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.count_down_box2 > span.count_txt {
    width: calc(100% - 220px);
    padding: 18px 18px 18px 0;
}
.count_down_box2 > span.count_txt:only-child {
	width: 100%;
}
.count_down_box2 > span.count_txt > span {
	display: block;
}
.count_down_box2 > span.count_txt > span.count_title {
	font-size: 1.8rem;
	color: #1457B0;
	text-decoration: underline;
}
.count_down_box2 > span.count_txt > span.count_comment {
	margin-top: 10px;
	font-size: 1.6rem;
}
.count_down_box2 > span.count_txt > span.count_day {
	margin-top: 10px;
	text-align: right;
}
.count_down_box2 > span.count_txt > span.count_day span {
    font-size: 3.7rem;
    font-weight: bold;
    line-height: 1;
    margin: 0 0.05em;
    color: #cc0000;
    vertical-align: baseline;
}

/* 時計 */
.top_tokei a {
	text-decoration: none;
	color: #000;
}
.top_tokei_img {
	width: 100%;
	height: 0;
	padding-top: 61.8%;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 0 33px;
}
#tokei_photo {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#tokei_photo .clock-image{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.0s ease-in-out;
}
#tokei_photo .clock-image.active{
	opacity: 1;
}
#tokei_time {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff,
		0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff,
		0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
	display: none;
}
.top_tokei_txt {
	font-size: 1.8rem;
	line-height: 1.66;
}
.top_tokei_txt p {
	margin: 0;
}

/* 広報 */
.top_kouhou {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.top_kouhou__box {
    flex-grow: 1;
    display: flex;
    justify-content: center;
	align-items: center;
	overflow: hidden;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
	background-color: #E3F2F1;
}
.top_kouhou__box .top_kouhou__img {
	width: 56%;
}
.top_kouhou__img ul.banner_list {
	width: 100%;
}
.top_kouhou__img ul.banner_list li {
	width: 100%;
}
.top_kouhou__btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	margin-bottom: 20px;
}
.top_kouhou__btn a {
	font-size: 2.2rem;
	font-weight: bold;
	color: #333;
}
.top_kouhou__btn a:not(:last-of-type) {
	font-size: 2.4rem;
	border: 1px solid #707070;
    text-decoration: none;
    background: #fff;
    padding: 13px 10px 13px 17px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn a:not(:last-of-type) {
		font-size: 1.6rem;
		padding: 9px 12px 9px 11px;
	}
}
.top_kouhou__btn .btn_name{
	margin-right: 17px;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn .btn_name{
		margin-right: 12px;
	}
}
.top_kouhou__btn_book{
	margin-right: 16px;
	display: flex;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn_book{
		width: 24px;
		margin-right: 11px;
	}
}
.color_change .top_kouhou__btn_book img{
	background-color: #fff !important;
}
.top_kouhou__btn_audio{
	margin-right: 15px;
	display: flex;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn_audio{
		width: 25px;
		margin-right: 10px;
	}
}
.color_change .top_kouhou__btn_audio img{
	background-color: #fff !important;
}
.top_kouhou__btn .arrow {
  position: relative;
  display: inline-block;
  width: 9.1px;
  height: 16.1px;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn .arrow {
		width: 6.2px;
		height: 10.5px;
	}
}

.top_kouhou__btn .arrow::before,
.top_kouhou__btn .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 12px;
  height: 2px;
  border-radius: 9999px;
  background-color: #333333;
  transform-origin: calc(100% - 1px) 50%;
}
@media screen and (max-width: 1080px) {
	.top_kouhou__btn .arrow::before,
	.top_kouhou__btn .arrow::after {
		top: calc(50% - 0.5px);
		width: 8px;
		height: 1px;
		transform-origin: calc(100% - 0.5px) 50%;
	}
}
.color_change .top_kouhou__btn .arrow::before,
.color_change .top_kouhou__btn .arrow::after {
	background-color: #fff !important;
}

.top_kouhou__btn .arrow::before {
  transform: rotate(45deg);
}

.top_kouhou__btn .arrow::after {
  transform: rotate(-45deg);
}

.top_kouhou__btn a:last-of-type .arrow {
	margin: 0 6px 0 5px;
}

/* 文字拡大時 */
.font_size_changed .top_kouhou__box {
	flex-direction: column;
	padding: 15px;
	align-items: center;
}

/*=== top_about ===*/
.top_about {
    padding: 57px 0 88px;
    background-image: url("/img/top/about_bg-pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.top_about .top_heading {
	margin: 0 0 54px;
}

/* .about-bnr */
.top_about .about-bnr {
    display: flex;
    justify-content: center;
    gap: 0 20px;
    margin: 0 auto 29px;
}
.top_about .about-bnr .about-bnr__item {
    width: calc(100%/4 - 10px);
    background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 2.4rem;
    font-weight: bold;
}
.top_about .about-bnr .about-bnr__item ul.banner_list {
    gap: 0;
}
.top_about .about-bnr .about-bnr__item ul.banner_list li {
    width: 100%;
}
.top_about .about-bnr__img {
    margin: 0;
}
.top_about .about-bnr__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top_about .about-bnr__text {
	margin: 0;
	padding: 28px 10px;
}

/* .about-menu */
.about-menu {
    display: flex;
    justify-content: space-between;
}
.top_about .about-menu .about-menu__list {
    width: 48.83%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.top_about .about-menu .about-menu__item {
    width: calc(50% - 10px);
    background: #fff;
    border-radius: 10px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    list-style: none;
    text-align: center;
}
.top_about .about-menu .about-menu__item a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
	gap: 5px;
    color: #333;
    font-size: 2.4rem;
    font-weight: bold;
    width: 100%;
    height: 100%;
    padding: 12px;
}
.top_about .about-menu .about-menu__item a:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	flex-shrink: 0;
}
.top_about .about-menu .about-menu__item a span {
	flex-grow: 1;
	text-align: center;
}

/* 文字拡大時 */
.font_size_changed .top_about .about-menu .about-menu__item a:before {
	display: none;
}
.font_size_changed .top_about .about-menu .about-menu__item a span br {
	display: none;
}

/* やさしい日本語 / ふりがなで探す */
.tsutaeru-toolbar-message-active .top_about .about-menu .about-menu__item a,
#container.ruby_active .top_about .about-menu .about-menu__item a {
	flex-wrap: wrap;
	justify-content: center;
}
.tsutaeru-toolbar-message-active .top_about .about-menu .about-menu__item a:before,
#container.ruby_active .top_about .about-menu .about-menu__item a:before {
	display: none;
}
.tsutaeru-toolbar-message-active .top_about .about-menu .about-menu__item a br,
#container.ruby_active .top_about .about-menu .about-menu__item a br {
	display: none;
}

.top_about .about-menu .about-menu__item.education a:before {
    background-image: url("/img/top/icon_education.png");
}
.top_about .about-menu .about-menu__item.water a:before {
    background-image: url("/img/top/icon_water.png");
}
.top_about .about-menu .about-menu__item.library a:before {
    background-image: url("/img/top/icon_library.png");
}
.top_about .about-menu .about-menu__item.hospital a:before {
    background-image: url("/img/top/icon_hospital.png");
}

.top_about .about-voice {
    display: flex;
    flex-direction: column;
    width: 49%;
    background: #FFD9B9;
    padding: 10px;
    border-radius: 10px;
    border: 10px solid #fff;
}
.top_about .about-voice .about-voice__head {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    padding: 0 0 10px;
}
.top_about .about-voice .about-voice__head .about-voice__headWrap {
    position: relative;
    padding-right: 118px;
}
.top_about .about-voice .about-voice__head .about-voice__headWrap:after {
    content: "";
    display: block;
    width: 98px;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("/img/top/icon_voice.png");
    position: absolute;
    top: 0;
    right: 0;
}
.top_about .about-voice .about-voice__head p {
    margin: 0;
}
.top_about .about-voice .about-voice__head .about-voice__title {
    font-size: 2.4rem;
    font-weight: bold;
}
.top_about .about-voice .about-voice__contents {
    background: #fff;
    flex-grow: 1;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_about .about-voice .about-voice__contents ul {
    padding: 10px;
    margin: 0;
    list-style: none;
}
.top_about .about-voice .about-voice__contents li {
    margin-bottom: 10px;
}
.top_about .about-voice .about-voice__contents li:last-child {
    margin-bottom: 0;
}
.top_about .about-voice .about-voice__contents li a {
    font-size: 2rem;
    color: #333;
}


/* リンク */
.top_linklist {
	margin: 26px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 30px;
}

.top_linklist_box {
	width: 100%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    padding: 0 0 20px;
}
.top_linklist_box h2 {
	background: #BAE3E0;
	color: #333;
	font-size: 2.4rem;
	margin: 0px;
	padding: 12px;
    text-align: center;
}
.top_linklist_box ul {
	margin: 0px;
	padding: 20px 20px 20px 50px;
}
.top_linklist_box ul li {
	margin-bottom: 10px;
}
.top_linklist_box ul li:last-child {
	margin-bottom: 0px;
}
.top_linklist_box a {
    font-size: 2rem;
    color: #333;
}
.top_linklist_btn {
    display: block;
    width: 79.8%;
    margin: 0 auto;
    text-align: center;
    background-color: #BAE3E0;
    border-radius: 30px;
    padding: 8px;
    text-decoration: none!important;
}


/* 人口・世帯数 */
.top_jinkou {
	margin: 70px auto 0px;
}
.top_jinkou_ttl {
    text-align: center;
    margin-right: 4%;
    flex-shrink: 0;
}
.top_jinkou_ttl h2 {
	margin: 0px;
	padding: 0px;
	font-size: 2.4rem;
    font-weight: bold;
}
.top_jinkou_date {
    display: block;
    font-size: 1.6rem;
    margin: 4px auto 0;
}
.top_jinkou_box {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    border: 1px solid #00968B;
    border-radius: 10px;
    padding: 40px 40px 30px;
	gap: 10px;
}
.top_jinkou_list {
	display: flex;
    justify-content: space-between;
	gap: 10px 20px;
    flex-grow: 1;
	text-align: center;
}
.top_jinkou_list dl {
    display: block;
	margin: 0px;
	padding: 0px;
    text-align: center;
    padding-top: 64px;
    background-size: auto 64px;
    background-position: top center;
    background-repeat: no-repeat;
}
.top_jinkou_list dl:nth-child(1) {
    background-image: url("/img/top/icon_souzinkou.png");
}
.top_jinkou_list dl:nth-child(2) {
    background-image: url("/img/top/icon_men.png");
}
.top_jinkou_list dl:nth-child(3) {
    background-image: url("/img/top/icon_ladies.png");
}
.top_jinkou_list dl:nth-child(4) {
    background-image: url("/img/top/ichon_setai.png");
}
.top_jinkou_list dl dt {
	display: block;
	margin: 7px 0 0;
	padding: 0px;
    font-size: 1.8rem;
    font-weight: bold;
}
.top_jinkou_list dl dd {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.33;
}
.top_jinkou_foot {
    text-align: center;
    margin-left: 4%;
    flex-shrink: 0;
    font-size: 1.8rem;
    line-height: 1.77;
    background-color: #BAE3E0;
    border-radius: 43px;
    padding: 6px 25px;
}
/* 文字拡大時 */
.font_size_changed .top_jinkou_box {
    flex-direction: column;
}
.font_size_changed .top_jinkou_ttl {
    margin-bottom: 10px;
}
.font_size_changed .top_jinkou_foot {
    margin-top: 20px;
}



/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1080px) {

    /*=== TOP共有パーツ ===*/
	#mymainback {
		padding: 40px 0 0;
		margin: 0;
	}

    /* インナー */
    .top_inner {
        width: 89.7%;
    }

	/*=== KV下 ボタンエリア ===*/
	.top_contact {
		width: 89.7%;
		margin: 0 auto 40px;
		flex-wrap: wrap;
	}
	.top_contact .top_contact__item {
		width: 48%;
		margin: 0 2% 0 0;
		padding: 8px 8px 5px;
		border-radius: 5px;
	}
	.top_contact .top_contact__item:nth-child(even) {
		margin-right: 0;
	}
	.top_contact .top_contact__title {
		font-size: 1.4rem;
		margin: 0 0 10px;
	}
	.top_contact .top_contact__text {
		font-size: 1.2rem;
	}
	.top_contact .top_contact__text .s {
		font-size: 1.2rem;
	}
	.top_contact .top_contact__text .m {
		font-size: 1.3rem;
	}
	.top_contact .top_contact__text .l {
		font-size: 2rem;
	}
	.top_contact .top_contact-emer .top_contact__title:before {
		width: 38px;
		height: 23px;
	}
	.top_contact .top_contact-info .top_contact__title:before {
		width: 44px;
		height: 24px;
	}
	.top_contact .top_contact-faq {
		width: 100%;
		margin-top: 20px;
	}
	.top_contact .top_contact-faq .top_contact__title:before {
		width: 48px;
		height: 29px;
	}
	.top_contact .top_contact-faq .top_contact__text span {
		font-size: 1rem;
	}
	.top_contact .top_contact-faq .top_contact__text span.s {
		font-size: 1.2rem;
	}
	.top_contact .top_contact-faq .top_contact__text span.m {
		font-size: 1.35rem;
	}
	.top_contact .top_contact-faq .top_contact__text span.l {
		font-size: 2rem;
	}

	@media screen and (max-width: 768px) {
		.top_contact .top_contact__item {
            width: calc(100% / 2 - 10px);
            margin: 0 20px 0 0;
            padding: 8px 5px 5px;
		}
		.top_contact .top_contact__title:before {
			margin: 0 5px 0 0;
		}
		.top_contact .top_contact__text {
			font-size: 1.2rem;
		}
		.top_contact .top_contact-faq {
			width: 100%;
			margin-top: 20px;
		}
		.top_contact .top_contact-emer .top_contact__title:before {
			width: 33px;
			height: 18px;
		}
		.top_contact .top_contact-info .top_contact__title:before {
			width: 39px;
			height: 19px;
		}
		.top_contact .top_contact-faq .top_contact__title:before {
			width: 43px;
			height: 24px;
		}

		/* 文字拡大時 */
		.font_size_changed .top_contact .top_contact__item {
			width: 100%;
			margin: 0 0 20px;
		}
	}
	@media screen and (max-width: 375px) {
		.top_contact .top_contact-faq .top_contact__text span.s {
			display: block;
		}
	}


	/* 重要なお知らせ */
	#top_important {
		display: block;
		width: 89.7%;
		padding: 12px 10px 14px;
		margin: 0 auto 30px;
	}
	.top_important_ttl {
		border-right: none;
		border-bottom: 1px solid #C92708;
		padding: 0 0 5px;
		margin: 0 0 8px;
		text-align: center;
	}
	#top_important h2 {
		font-size: 1.4rem;
		text-align: center;
		margin: 0 auto;
	}
	#top_important ul {
		padding: 0;
	}
	#top_important ul li {
		width: auto;
		display: block;
		margin: 0 0 10px;
	}
	#top_important ul li > span {
		display: block;
		font-size: 1.4rem;
	}
	#top_important ul li > span.article_date {
		width: auto;
	}
	#top_important .link_box {
		padding-bottom: 0;
	}
	#top_important .link_box span[class*="link_"] {
		font-size: 1.4rem;
	}
   /* 鳥取市からのお知らせ */
    #top_info-city {
        width: 89.7%;
        padding: 0;
        overflow: hidden; 
    }

    .top_info-city_ttl {
        margin: 0;
        border-right: none;
        border-bottom: 2px solid #018177;
    }

	#top_info-city h2 {
    font-size: 1.8rem; 
	}

	.top_info-city_list {
    padding: 15px 20px;
	}

    #top_info-city ul li {
        display: block !important; 
        margin-bottom: 20px;
    }

    #top_info-city ul li > span {
        display: block !important;
        width: 100% !important;
    }
    
    .link_box {
        padding: 10px 15px !important;
        text-align: left;
    }
    .link_box span {
        display: block;
        margin: 5px 0;
    }


	/*=== news ===*/
	.top_news {
		width: 89.7%;
		margin: 0 auto 30px;
	}

	/* タブ */
	#top_tab_title ul {
		gap: 5px;
	}
	.top_tab_detail_list ul li {
        margin: 0 0 12px;
        padding: 0 0 12px;
	}
	.top_tab_detail_list ul li span {
		font-size: 1.4rem;
		line-height: 1.4;
	}
	#top_tab_title ul li button,
	#top_tab_title ul li.tab_on button {
		font-size: 1.8rem;
		font-weight: bold;
		padding: 7px 3px;
		background-size: 16px auto;
		line-height: 1;
		min-height: 3em;
        border-radius: 5px 5px 0 0;
	}
	#top_tab_title ul li button {
		background-position: top 5px left 5px;
	}
	#top_tab_title ul li.tab_on button {
		background-position: top 5px left 5px;
	}
	#top_tab_title ul li button span {
		font-size: 1.5rem;
	}
	.top_tab_detail_list ul li > span.article_date { 
		margin: 0 0 4px;
	}
	#top_tab_detail {
		padding: 15px;
		border-radius: 0 0 5px 5px;
	}
	#top_tab_detail .acc_title + input[id*="acc_ttl_label"] + * {
		display: block;
	}
	.top_tab_detail_box h2.acc_title {
		width: auto;
		height: auto;
		clip: auto;
		overflow: visible;
		margin: 0px;
		padding: 15px 20px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
		background: #e6e6e6;
		color: #333333;
		pointer-events: none!important;
	}
	.top_tab_detail_box h2.acc_title label[for*="acc_ttl_label"],
	.top_tab_detail_box h2.acc_title.accordion .accordion_icon {
		margin: -15px -20px; /* h2 の padding の値をマイナスにして指定する */
		padding: 15px 20px;  /* h2 の padding と同じ値を指定する */
		padding-right: 40px;
		background-position: right 20px top 50%;
	}
	.top_tab_detail_box2 {
		padding: 0;
	}
	#top_tab_detail .acc_title + input[id*="acc_ttl_label"] + * {
		display: none;
	}
	#top_tab_detail .acc_title + input[id*="acc_ttl_label"]:checked + * {
		display: block;
	}
	@media screen and (max-width: 375px) {
		#top_tab_title ul li button,
		#top_tab_title ul li.tab_on button {
			font-size: 1.5rem;
		}
			#top_tab_title ul li button span {
			font-size: 1.2rem;
		}
	}

	/* 新着情報（件数） */
	.release_day {
		font-size: 1.3rem;
	}

	/* 新着情報（一覧・RSS） */
	.link_box {
		gap: 10px;
		padding: 15px 0px 0px;
	}
	.link_box span[class*="link_"] a {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	.link_box span[class*="link_"] a:after {
		font-size: 1.4rem;
	}


	/*=== top_search ===*/
	.top_search {
		width: 100%;
		margin: 0 auto 50px;
	}


    /*=== top_selection ===*/
	.top_selection {
		margin: 0 auto 50px;
	}
	.top_selection .top_heading {
		letter-spacing: 0 !important;
	}
	.top_selection .top_heading span {
		letter-spacing: 0 !important;
	}
    .top_selection .top_selection__title {
        font-size: 2rem;
        margin: 0 auto 15px;
    }
    .top_selection .top_selection__mv {
        margin: 0 auto 32px;
    }
	.top_selection__btn {
		margin: 40px auto 0;
	}
    .top_selection__btn a {
        border: 1px solid #00968B;
    }
	@media screen and (max-width: 768px) {
		.top_selection .top_selection-row {
			display: block;
		}
		.top_selection .top_selection-row__item {
			width: 100%;
			margin: 0 0 45px;
		}
		.top_selection .top_selection-row__item:last-child {
			margin-bottom: 0;
		}
	}

    /* ピックアップ */
    .top_picup {
        margin: 0 auto 70px;
    }
    .top_picup .swiper-button-prev, 
    .top_picup .swiper-button-next {
		width: 48px;
		height: 48px;
    }
    .top_picup .swiper-button-prev {
        left: 15px;
    }
    .top_picup .swiper-button-next {
        right: 15px;
    }

    /* トピックス */
    .lettering-outer {
        width: 100%;
        padding: 0;
    }
    #lettering {
        padding: 0;
    }
	#lettering .swiper-slide:first-child {
		margin-left: 20px;
	}
	#lettering .swiper-slide {
		border-radius: 5px;
	}
    .lettering_box {
        width: 25%;
        border-radius: 5px;
		box-shadow: 0px 1.5px 3px 0px rgba(0, 0, 0, 0.16);
    }
    .lettering_box .lettering_box_text {
        padding: 19px;
    }
    .lettering_box .lettering_box_text a {
        font-size: 1.6rem;
    }
    .lettering_box > div.lettering_box_img img {
        width: 100%;
    }
	#lettering .swiper-control {
		position: relative;
		bottom: 0;
		margin: 20px auto 0;
	}
	#lettering.no-swiper .swiper-slide {
		margin: 10px!important;
	}
	#lettering.no-swiper .swiper-slide:first-child {
		margin-left: auto;
	}
	.top_picup .link_box {
		padding: 20px 0 0;
	}


    /* カウントダウン */
    .top_countdown {
        margin: 0 auto 30px;
    }
    .count_down_box2 > span.count_img {
        width: 38%;
        flex-shrink: 0;
        margin: 0 13px 0 0;
    }
    .count_down_box2 > span.count_txt {
        flex-grow: 1;
		padding: 10px 10px 3px 0;
    }
	.count_down_box2 > span.count_txt > span.count_title {
		font-size: 1.4rem;
	}
    .count_down_box2 > span.count_txt > span.count_comment {
        margin-top: 0;
        font-size: 1.4rem;
		line-height: 1.3;
    }
    .count_down_box2 > span.count_txt > span.count_day {
        margin-top: 5px;
    }
    .count_down_box2 > span.count_txt > span.count_day span {
        font-size: 2.2rem;
    }
	@media screen and (max-width: 768px) {
		.count_down_box_wrap {
			flex-direction: column;
		}
		.count_down_box {
			width: 100%;
			border-radius: 5px;
		}
	}

    /* 時計 */
    .top_tokei_img {
        margin: 0 0 22px;
    }
    .top_tokei_txt {
        font-size: 1.4rem;
		line-height: 1.5;
    }

    /* 広報 */
	.top_kouhou {
		gap: 0;
		margin: 0;
	}
	.top_kouhou__box__inner {
		border: 2px solid #707070;
		padding: 15px;
	}
	.top_kouhou__img {
		width: 40%;
	}
    .top_kouhou ul.banner_list {
        margin: 0;
    }
	.top_kouhou__btn {
		gap: 10px;
		margin-bottom: 3%;
	}
	.top_kouhou__btn a {
		font-size: 1.65rem;
	}


    /*=== top_about ===*/
    .top_about {
        padding: 0;
        background: none;
    }
	.top_about .top_heading {
		margin: 0 0 20px;
	}

    /* .about-bnr */
	.top_about .about-bnr__text {
		padding: 17px 10px;
		font-size: 1.4rem;
	}
	@media screen and (max-width: 768px) {
		.top_about .about-bnr {
			flex-wrap: wrap;
			gap: 15px;
			margin: 0 auto 15px;
		}
		.top_about .about-bnr .about-bnr__item {
			width: calc(100%/2 - 8px);
			border-radius: 5px;
			font-size: 1.4rem;
		}
		.top_about .about-bnr__text {
			padding: 17px 10px;
		}
	}

    /* .about-menu */
    .about-menu {
        display: block;
    }
    .top_about .about-menu .about-menu__list {
        width: 100%;
        gap: 15px;
        margin: 0 0 15px;
    }
    .top_about .about-menu .about-menu__item {
        width: calc(100%/2 - 10px);
        border-radius: 5px;
    }
    .top_about .about-menu .about-menu__item a {
        font-size: 1.4rem;
        padding: 10px 5px 10px 10px;
		justify-content: center;
		gap: 5px;
    }
	.top_about .about-menu .about-menu__item a:before {
		width: 38%;
		max-width: 80px;
		background-position: center;
	}
	@media screen and (max-width: 768px) {
		.top_about .about-menu .about-menu__item a:before {
            height: 13vw;
            max-height: 108px;
			background-position: left center;
		}
	}
	@media screen and (max-width: 375px) {
		.top_about .about-bnr__text,
		.top_about .about-menu .about-menu__item a {
			font-size: 1.2rem;
		}
	}

    .top_about .about-voice {
        width: 100%;
        padding: 7px 5px 5px;
        border-radius: 5px;
        border: 5px solid #fff;
		box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    }
    .top_about .about-voice .about-voice__head {
        font-size: 1.4rem;
		line-height: 1.3;
        padding: 0 0 7px;
    }
    .top_about .about-voice .about-voice__head .about-voice__headWrap {
		width: auto;
        padding-right: min(34.4%,100px);
    }
    .top_about .about-voice .about-voice__head .about-voice__headWrap:after {
        width: 20%;
        max-width: 99px;
    }
    .top_about .about-voice .about-voice__head .about-voice__title {
        font-size: 1.4rem;
		margin: 0 0 5px;
    }
    .top_about .about-voice .about-voice__contents {
		padding: 5px;
        border-radius: 5px;
    }
    .top_about .about-voice .about-voice__contents ul {
        padding: 5px;
    }
    .top_about .about-voice .about-voice__contents li {
        margin-bottom: 2px;
    }
    .top_about .about-voice .about-voice__contents li a {
        font-size: 1.4rem;
    }
	/* 文字拡大時 */
	.font_size_changed .top_about .about-voice .about-voice__head .about-voice__headWrap br {
		display: none;
	}
	@media screen and (max-width: 375px) {
		.top_about .about-voice .about-voice__head .about-voice__headWrap {
			padding-right: 20%;
		}
		.top_about .about-voice .about-voice__head .about-voice__headWrap:after {
			width: 18%;
		}
	}


    /* リンク */
    .top_linklist_box {
        border-radius: 5px;
        padding: 0 0 15px;
        text-align: center;
		box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    }
    .top_linklist_box h2 {
        font-size: 1.4rem;
        padding: 5px;
    }
	.top_linklist_box h2 .accordion_icon {
		background: none!important;
		padding-right: 0!important;
	}
    .top_linklist_box ul {
        padding: 12px 15px 20px 40px;
        text-align: left;
    }
    .top_linklist_box ul li {
        margin-bottom: 3px;
    }
    .top_linklist_box a {
        font-size: 1.4rem;
    }
    .top_linklist_btn {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        padding: 3px 20px;
    }
	@media screen and (max-width: 768px) {
		.top_linklist {
			display: block;
			margin: 30px 0px 0px;
		}
		.top_linklist_box {
			margin: 0 0 30px;
			padding: 0;
		}
		.top_linklist_box:last-child {
			margin-bottom: 0;
		}
	}


    /* 人口・世帯数 */
    .top_jinkou {
        margin: 40px auto 0px;
    }
    .top_jinkou_ttl {
        text-align: center;
        margin: 0 auto 15px;
        flex-shrink: 0;
    }
    .top_jinkou_ttl h2 {
        margin: 0px;
        padding: 0px;
        font-size: 1.8rem;
        font-weight: bold;
    }
    .top_jinkou_date {
        display: block;
        font-size: 1.4rem;
        margin: 4px auto 0;
    }
    .top_jinkou_box {
        flex-direction: column;
        border-radius: 5px;
        padding: 15px 10px 20px;
		text-align: center;
    }
    .top_jinkou_list {
        flex-wrap: wrap;
		gap: 10px;
    }
    .top_jinkou_list dl {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 50px;
        padding: 0 0 0 60px;
        background-size: 50px auto;
        background-position: top left;
        text-align: left;
    }
    .top_jinkou_list dl dt {
        margin: 0;
        font-size: 1.4rem;
    }
    .top_jinkou_list dl dd {
        font-size: 1.6rem;
    }
    .top_jinkou_foot {
		display: inline-block;
        margin: 23px auto 0;
        font-size: 1.4rem;
        border-radius: 24px;
        padding: 3px 12px;
    }
	@media screen and (max-width: 768px) {
		.top_jinkou_list dl {
			width: calc(100% / 2 - 5px);
		}
		/* 文字拡大時 */
		.font_size_changed .top_jinkou_list {
			display: inline-flex;
			flex-direction: column;
			gap: 15px;
		}
		.font_size_changed .top_jinkou_list dl {
			width: auto;
			display: inline-flex;
            text-align: left;
		}
	}
	@media screen and (max-width: 375px) {
		.top_jinkou_list dl {
			padding: 0 0 0 40px;
			background-size: 33px auto;
			background-position: center left;
		}
		.top_jinkou_list dl dt {
			font-size: 1.2rem;
		}
		.top_jinkou_list dl dd {
			font-size: 1.4rem;
		}
	}
}




/* ==================================================
スマートフォン ここまで
================================================== */