/* TOPページお知らせ一覧 ここから */
.news-con {
	margin: 70px auto 0;
}
.sp-top-news-ttl {
	border-bottom: 1px solid #CBB780;
}
.top-news-wrap {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
}
.top-news-date {
	font-size: 1.4rem;
    font-weight: bold;
}
.top-news-title {
	font-size: 1.8rem;
    font-weight: bold;
	margin: 7px 0 5px 20px;
	line-height: 1.5em;
}
.news-title:hover {
	color: gray;
}
/* TOPページお知らせ一覧 ここまで */

/* お知らせ詳細画面 ここから */
.news-main {
	padding-bottom: 130px;
}
.news-content {
	margin: 150px auto 80px;
	word-break: break-all;
}
.news-date-content {
	overflow: hidden;
    margin-bottom: 30px;
    border-bottom: #000 solid 2px;
}
.news-date {
	font-weight: 700;
    padding: 7px 0;
	color: #CBB780;
}
.news-title {
    margin-bottom: 50px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
	pointer-events: none;
}
.news-text ul {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}
.news-text ol {
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
.news-text strong {
	font-weight: bold;
}
.news-text a {
	color: #CBB780;
	text-decoration: underline;
}
.news-text em {
	font-style: italic;
}
.btn-top {
	width: 60%;
    margin: 0 auto 30px;
}
.btn-top a {
	position: relative;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.2em;
    text-align: center;
    color: #FFFFFF;
    background-color: #CBB780;
    border: none;
    padding: 20px 50px;
    cursor: pointer;
}

/* スマホサイズ */
@media (max-width: 767px) {
  .news-main {
	padding-bottom: 50px;
  }
	.news-content {
	  margin: 100px auto 50px;
	  word-break: break-all;
    }
	.news-title {
      margin-bottom: 10px;
	}
	.btn-top {
		width: 90%;
	}
	.btn-top a {
	  font-size: 1.6rem;
      letter-spacing: 0.05em;
      padding: 20px 40px 20px 30px;
	}
}
/* お知らせ詳細画面 ここまで */


/* お知らせ一覧画面 ここから */
.news-lists-main {
	position: relative;
    padding: 180px 0 150px;
}
.news-lists-main .ttl-wrap {
	margin-bottom: 60px;
}
.news-lists {
	width: 90%;
    max-width: 1450px;
    margin: auto;
    word-break: break-all;
}

/* お知らせ一覧画面 ここまで */

/* 観光局バナーボタン ここから */
/* PCサイズ */
@media (min-width: 1025px) {
	.banner-box {
		margin-top: 135px;
		cursor: pointer;
		display: flex;
		justify-content: right;
		-webkit-justify-content: flex-end;
	}
	.btn-banner {
		margin-right: 10px;
		position: relative;
		display: block;
		text-align: center;
		width: 180px;
		height: 52px;
		padding: 5px 10px;
		cursor: pointer;
		background-color: rgba(238,238,238,0.85);
		overflow-wrap: break-word; 
	}
	.btn-banner a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.1em;
	}
	.btn-banner a.stay-banner {
		padding-top: 12px;
	}
	.btn-banner a.foryou-banner span {
		display: inline-block;
	}
}

/* タブレットサイズ */
@media (min-width: 768px) and (max-width: 1024px) {
	.banner-box {
		margin-top: 135px;
		cursor: pointer;
		display: block;
	}
	.btn-banner {
		margin: 10px auto 0px;
		position: relative;
		text-align: center;
		width: 80%;
		height: 52px;
		padding: 5px 10px;
		cursor: pointer;
		background-color: rgba(238,238,238,0.85);
	}
	.btn-banner a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.1em;
		padding-top: 12px;
	}
}

/* スマホサイズ */
@media (max-width: 767px) {
	.banner-box {
		margin-top: 100px;
		cursor: pointer;
	}
	.btn-banner {
		margin: 10px auto 0px;
		position: relative;
		text-align: center;
		max-width: 280px;
		height: 52px;
		padding: 5px 10px;
		cursor: pointer;
		background-color: rgba(238,238,238,0.85);
	}
	.btn-banner a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.1em;
	}
	.btn-banner a.stay-banner {
		padding-top: 12px;
	}
	.btn-banner a.foryou-banner span {
		display: inline-block;
	}
}
/* 観光局バナーボタン ここまで */