@charset "UTF-8";

/* 分類カテゴリー「日の出町へようこそ」 */
.category-welcome .clone-nav {
	display: none !important;
}

.category-welcome .main_naka_cat {
	padding: 0 0 32px;
	max-width: none;
	background: transparent;
}

/**************** ▼▼▼▼ タイトルとアンカーリンク ▼▼▼▼ ****************/
@media only screen and (max-width: 480px) {
	.category-welcome .front {
		margin-top: 30px;
	}
}

/******** ▼▼▼ タイトル ▼▼▼ ********/
.category-welcome .front h1 {
	position: relative;
	margin: 0 auto;
	padding: 0 12px;
	max-width: 1224px;
	width: 100%;
	z-index: 1;
}

.category-welcome .front h1 img {
	position: absolute;
	top: 60px;
	left: 12px;
	width: 600px;
}

@media only screen and (max-width: 820px) {
	.category-welcome .front h1 img {
		width: 400px;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .front h1 img {
		position: static;
		width: 300px;
	}
}

/******** ▲▲▲ タイトル ▲▲▲ ********/

/******** ▼▼▼ メインビジュアル ▼▼▼ ********/
.category-welcome .welcome-vis h2,
.category-welcome .welcome-vis li::before {
	display: none;
}

.category-welcome .welcome-vis li {
	padding-left: 0;
	width: 100%;
}

@media only screen and (max-width: 480px) {
	.category-welcome .welcome-vis li {
		margin-top: -16px;
	}
}

.category-welcome .welcome-vis li img {
	max-width: none;
	width: 100%;
}

/******** ▲▲▲ メインビジュアル ▲▲▲ ********/

/******** ▼▼▼ アンカーリンク ▼▼▼ ********/
.category-welcome .anchor-link {
	margin: -80px auto 0;
	padding: 0 12px;
	max-width: 904px;
	width: 100%;
}

@media only screen and (max-width: 820px) {
	.category-welcome .anchor-link {
		margin: 0 auto;
		max-width: 544px;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .anchor-link {
		margin: 32px auto 0;
		max-width: none;
	}
}

.category-welcome .anchor-link ul {
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 820px) {
	.category-welcome .anchor-link ul {
		justify-content: center;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .anchor-link ul {
		justify-content: flex-start;
	}
}

.category-welcome .anchor-link ul li {
	margin: 0 20px 0 0;
	padding: 0;
	width: calc((100% - 80px) / 5);
	min-height: 160px;
}

.category-welcome .anchor-link ul li:last-child {
	margin: 0;
}

@media only screen and (max-width: 820px) {
	.category-welcome .anchor-link ul li {
		width: calc((100% - 40px) / 3);
	}

	.category-welcome .anchor-link ul li:nth-child(3) {
		margin: 0;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .anchor-link ul li {
		margin: 0 10px 0 0;
		width: calc(50% - 5px);
		min-height: auto;
	}

	.category-welcome .anchor-link ul li:nth-child(2) {
		margin: 0;
	}

	.category-welcome .anchor-link ul li:nth-child(3) {
		margin: 10px 10px 0 0;
	}

	.category-welcome .anchor-link ul li:nth-child(4),
	.category-welcome .anchor-link ul li:nth-child(5) {
		margin: 10px 0 0;
	}
}

.category-welcome .anchor-link ul li::before {
	display: none;
}

.category-welcome .anchor-link ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	height: 100%;
	font-size: 112.5%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 50%;
	z-index: 0;
}

@media only screen and (max-width: 480px) {
	.category-welcome .anchor-link ul li a {
		padding: 6px 5px 4px 40px;
		font-size: 100%;
		justify-content: flex-start;
		border-radius: 18px;
	}
}

.category-welcome .anchor-link ul li a::before {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	content: "";
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background-size: 70px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	z-index: -1;
	transition-duration: 0.5s;
}

@media only screen and (max-width: 480px) {
	.category-welcome .anchor-link ul li a::before {
		top: 4px;
		left: 4px;
		width: 26px;
		height: 26px;
		background-size: 16px;
		border-radius: 50%;
	}
}


@media only screen and (min-width: 1025px) {
	.category-welcome .anchor-link ul li a:hover:before {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}


/* 町の概要 */
.category-welcome .anchor-link ul li:nth-child(1) a {
	border: 1px solid #CDF1B7;
}

.category-welcome .anchor-link ul li:nth-child(1) a::before {
	background-color: #CDF1B7;
	background-image: url(./img/welcome/bg-title_overview.png);
}

/* 観光 */
.category-welcome .anchor-link ul li:nth-child(2) a {
	border: 1px solid #FDD2EC;
}

.category-welcome .anchor-link ul li:nth-child(2) a::before {
	background-color: #FDD2EC;
	background-image: url(./img/welcome/bg-title_tourism1.png);
}

/* 歴史・文化 */
.category-welcome .anchor-link ul li:nth-child(3) a {
	border: 1px solid #DDD1FE;
}

.category-welcome .anchor-link ul li:nth-child(3) a::before {
	background-color: #DDD1FE;
	background-image: url(./img/welcome/bg-title_history1.png);
}

/* 移住定住 */
.category-welcome .anchor-link ul li:nth-child(4) a {
	border: 1px solid #FFF0C4;
}

.category-welcome .anchor-link ul li:nth-child(4) a::before {
	background-color: #FFF0C4;
	background-image: url(./img/welcome/bg-title_live1.png);
}

/* ふるさと納税 */
.category-welcome .anchor-link ul li:nth-child(5) a {
	border: 1px solid #FCF6AD;
}

.category-welcome .anchor-link ul li:nth-child(5) a::before {
	background-color: #FCF6AD;
	background-image: url(./img/welcome/bg-title_tax1.png);
}

/******** ▲▲▲ アンカーリンク ▲▲▲ ********/

/**************** ▲▲▲▲ タイトルとアンカーリンク ▲▲▲▲ ****************/

/**************** ▼▼▼▼ 共通スタイル ▼▼▼▼ ****************/

/******** ▼▼▼ 項目タイトル（町の概要、観光、歴史・文化、移住定住、ふるさと納税） ▼▼▼ ********/
.category-welcome .h2 {
	position: relative;
}

.category-welcome .h2::before {
	position: absolute;
	top: 100px;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
}

.category-welcome h2 {
	position: relative;
	margin: 0 auto;
	padding: 70px 4px 40px;
	max-width: 200px;
	font-size: 200%;
	border-bottom: 0;
	letter-spacing: 0;
	text-align: center;
	z-index: 0;
}

.category-welcome h2::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	width: 200px;
	height: 200px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: center 40px;
	border-radius: 50%;
	z-index: -1;
}

/* 町の概要 */
.category-welcome .outline .h2::before {
	background: #CDF1B7;
}

.category-welcome .outline h2::before {
	background-image: url(./img/welcome/bg-title_overview2.png);
	border: 2px solid #CDF1B7;
}

/* 観光 */
.category-welcome .trip-area .h2::before {
	background: #FDD2EC;
}

.category-welcome .trip-area h2::before {
	background-image: url(./img/welcome/bg-title_tourism2.png);
	border: 2px solid #FDD2EC;
}

/* 歴史・文化 */
.category-welcome .history-area .h2::before {
	background: #DDD1FE;
}

.category-welcome .history-area h2::before {
	background-image: url(./img/welcome/bg-title_history2.png);
	border: 2px solid #DDD1FE;
}

/* 移住定住 */
.category-welcome .live-area .h2::before {
	background: #FFF0C4;
}

.category-welcome .live-area h2::before {
	background-image: url(./img/welcome/bg-title_live2.png);
	border: 2px solid #FFF0C4;
}

/* ふるさと納税 */
.category-welcome .tax-area .h2::before {
	background: #FCF6AD;
}

.category-welcome .tax-area h2::before {
	background-image: url(./img/welcome/bg-title_tax2.png);
	border: 2px solid #FCF6AD;
}


/******** ▲▲▲ 項目タイトル（町の概要、観光、歴史・文化、移住定住、ふるさと納税） ▲▲▲ ********/

/******** ▼▼▼ スライダー（観光、歴史・文化、移住定住、ふるさと納税） ▼▼▼ ********/
.category-welcome .slick-slider {
	margin: 0 auto;
	padding: 0 12px;
	max-width: 1224px;
	width: 100%;
}

.category-welcome .slick-slider .slick-list {
	position: relative;
	padding: 0 76px;
}

.category-welcome .slick-slider .slick-list::before,
.category-welcome .slick-slider .slick-list::after {
	position: absolute;
	top: 0;
	display: block;
	content: "";
	width: 70px;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 1;
}

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

	.category-welcome .slick-slider .slick-list::before,
	.category-welcome .slick-slider .slick-list::after {
		display: none;
	}
}

.category-welcome .slick-slider .slick-list::before {
	left: 0;
}

.category-welcome .slick-slider .slick-list::after {
	right: 0;
}

/******** ▼▼▼ 項目デザイン ▼▼▼ ********/
.category-welcome .welcome-slider li {
	margin-top: 0;
	padding: 0 25px;
}

@media only screen and (max-width: 480px) {
	.category-welcome .welcome-slider li {
		padding: 0 12px;
	}
}

.category-welcome .welcome-slider li::before {
	display: none;
}

.category-welcome .welcome-slider li a {
	font-size: 118%;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	.category-welcome .welcome-slider .slick-slide {
		opacity: 0.5;
	}

	.category-welcome .welcome-slider .slick-slide a {
		pointer-events: none;
	}

	.category-welcome .welcome-slider .slick-slide.slick-active {
		opacity: 1;
	}

	.category-welcome .welcome-slider .slick-slide.slick-active a {
		pointer-events: auto;
	}

}

/**** ▼▼ 画像 ▼▼ ****/
.category-welcome .welcome-slider li a .ilist_left {
	position: relative;
	border-radius: 12px;
}

.category-welcome .welcome-slider li a .ilist_left::before {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	z-index: -1;
}

/* 観光 */
.category-welcome .welcome-slider.trip-area li a .ilist_left {
	border: 3px solid #F0A8D3;
}

.category-welcome .welcome-slider.trip-area li a .ilist_left::before {
	background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(253, 210, 236, 1) 2px, rgba(253, 210, 236, 1) 4px);
}

/* 歴史・文化 */
.category-welcome .welcome-slider.history-area li a .ilist_left {
	border: 3px solid #A283F6;
}

.category-welcome .welcome-slider.history-area li a .ilist_left::before {
	background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(221, 209, 254, 1) 2px, rgba(221, 209, 254, 1) 4px);
}

/* 移住・定住 */
.category-welcome .welcome-slider.live-area li a .ilist_left {
	border: 3px solid #F0D175;
}

.category-welcome .welcome-slider.live-area li a .ilist_left::before {
	background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(255, 240, 196, 1) 2px, rgba(255, 240, 196, 1) 4px);
}

/* ふるさと納税 */
.category-welcome .welcome-slider.tax-area li a .ilist_left {
	border: 3px solid #E8E87D;
}

.category-welcome .welcome-slider.tax-area li a .ilist_left::before {
	background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(252, 246, 173, 1) 2px, rgba(252, 246, 173, 1) 4px);
}



.category-welcome .welcome-slider li a img {
	border-radius: 9px;
}

/**** ▲▲ 画像 ▲▲ ****/

/**** ▼▼ テキスト ▼▼ ****/
.category-welcome .welcome-slider li a .ilist_right {
	margin-top: 24px;
}

.category-welcome .welcome-slider li a .ilist_title {
	position: relative;
	margin-top: 0;
	padding: 10px;
	text-align: center;
}

.category-welcome .welcome-slider li a .ilist_title::before {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	content: "";
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	transition-duration: 0.5s;
}

.category-welcome .welcome-slider li a:hover .ilist_title::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 観光 */
.category-welcome .welcome-slider.trip-area li .ilist_title,
.category-welcome .welcome-slider.trip-area .ilist_title::before {
	border: 1px solid #F0A8D3;
}

/* 歴史・観光 */
.category-welcome .welcome-slider.history-area li .ilist_title,
.category-welcome .welcome-slider.history-area .ilist_title::before {
	border: 1px solid #A283F6;
}

/* 移住定住 */
.category-welcome .welcome-slider.live-area li .ilist_title,
.category-welcome .welcome-slider.live-area .ilist_title::before {
	border: 1px solid #F0D175;
}

/* ふるさと納税 */
.category-welcome .welcome-slider.tax-area li .ilist_title,
.category-welcome .welcome-slider.tax-area .ilist_title::before {
	border: 1px solid #E8E87D;
}


/** ▼ 別ウィンドウで開く ▼ **/
.category-welcome .welcome-slider li .window {
	display: block;
	margin: 8px auto 0;
	width: fit-content;
}

/** ▲ 別ウィンドウで開く ▲ **/

/**** ▲▲ テキスト ▲▲ ****/

/******** ▲▲▲ 項目デザイン ▲▲▲ ********/

/******** ▼▼▼ コントロールパネル ▼▼▼ ********/
.category-welcome .welcome-slider .slick_nav {
	position: static;
	justify-content: center;
	padding: 50px 0 0;
}

/** ▼ 数値 ▼ **/
.category-welcome .welcome-slider .slick-dots {
	display: none !important;
}

.category-welcome .welcome-slider .slick-dots li {
	margin: 6px 6px 0 0 !important;
	padding: 0;
	width: 26px;
	height: 26px;
}

.category-welcome .welcome-slider .slick-dots li:last-child {
	margin: 6px 0 0 !important;
}

#body.category-welcome .welcome-slider .slick-dots li button {
	width: 26px;
	min-height: 26px;
	background: #fff;
	border-radius: 4px;
}

/* 観光 */
#body.category-welcome .welcome-slider.trip-area .slick-dots li button {
	border: 1px solid #F0A8D3;
}

#body.category-welcome .welcome-slider .slick-dots li.slick-active button {
	background: #FDD2EC;
}

/** ▲ 数値 ▲ **/

/** ▼ 停止・再生 ▼ **/
.category-welcome .welcome-slider .slick_ps {
	margin-top: 6px;
	margin-left: 0;
}

.category-welcome .welcome-slider .slick_ps a {
	padding: 5px 8px 2px;
	width: 50px;
	min-height: 26px;
	background: transparent;
	border-radius: 4px;
}

/* 観光 */
.category-welcome .welcome-slider.trip-area .slick_ps a {
	border: 1px solid #F0A8D3;
}

/* 歴史・観光 */
.category-welcome .welcome-slider.history-area .slick_ps a {
	border: 1px solid #A283F6;
}

/* 移住定住 */
.category-welcome .welcome-slider.live-area .slick_ps a {
	border: 1px solid #F0D175;
}

/* ふるさと納税 */
.category-welcome .welcome-slider.tax-area .slick_ps a {
	border: 1px solid #E8E87D;
}


/** ▲ 停止・再生 ▲ **/

/******** ▲▲▲ コントロールパネル ▲▲▲ ********/

/******** ▼▼▼ 前へ・次へ ▼▼▼ ********/
.category-welcome .welcome-slider .slick-prev,
.category-welcome .welcome-slider .slick-next {
	top: calc(100% - 32px);
	display: flex;
	justify-content: center;
	padding: 36px 12px 1px;
	width: 60px;
	min-height: 60px;
	font-size: 87.5%;
	color: #2b3095 !important;
	background: #fff;
	border-radius: 24px 6px 24px 6px;
}

.category-welcome .welcome-slider .slick-prev:hover,
.category-welcome .welcome-slider .slick-next:hover {
	background: #fff !important;
	color: #860000 !important;
}

.category-welcome .welcome-slider .slick-prev {
	right: calc(50% + 100px);
	left: auto;
}

.category-welcome .welcome-slider .slick-next {
	left: calc(50% + 100px);
	right: auto;
}

.category-welcome .welcome-slider .slick-prev::before,
.category-welcome .welcome-slider .slick-next::before {
	position: absolute;
	top: 9px;
	left: calc(50% - 12px);
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	background-size: cover;
}

/* 観光 */
.category-welcome .welcome-slider.trip-area .slick-prev,
.category-welcome .welcome-slider.trip-area .slick-next {
	border: 1px solid #F0A8D3;
}

.category-welcome .welcome-slider.trip-area .slick-prev::before,
.category-welcome .welcome-slider.trip-area .slick-next::before {
	background-image: url(./img/welcome/arrow-tourism.png);
}

/* 観光 */
.category-welcome .welcome-slider.history-area .slick-prev,
.category-welcome .welcome-slider.history-area .slick-next {
	border: 1px solid #A283F6;
}

.category-welcome .welcome-slider.history-area .slick-prev::before,
.category-welcome .welcome-slider.history-area .slick-next::before {
	background-image: url(./img/welcome/arrow-history.png);
}

/* 観光 */
.category-welcome .welcome-slider.trip-area .slick-prev,
.category-welcome .welcome-slider.trip-area .slick-next {
	border: 1px solid #F0A8D3;
}

.category-welcome .welcome-slider.trip-area .slick-prev::before,
.category-welcome .welcome-slider.trip-area .slick-next::before {
	background-image: url(./img/welcome/arrow-tourism.png);
}

/* 移住定住 */
.category-welcome .welcome-slider.live-area .slick-prev,
.category-welcome .welcome-slider.live-area .slick-next {
	border: 1px solid #F0D175;
}

.category-welcome .welcome-slider.live-area .slick-prev::before,
.category-welcome .welcome-slider.live-area .slick-next::before {
	background-image: url(./img/welcome/arrow-live.png);
}

/* ふるさと納税 */
.category-welcome .welcome-slider.tax-area .slick-prev,
.category-welcome .welcome-slider.tax-area .slick-next {
	border: 1px solid #E8E87D;
}

.category-welcome .welcome-slider.tax-area .slick-prev::before,
.category-welcome .welcome-slider.tax-area .slick-next::before {
	background-image: url(./img/welcome/arrow-tax.png);
}

/******** ▲▲▲ 前へ・次へ ▲▲▲ ********/

/******** ▲▲▲ スライダー（観光、歴史・文化、移住定住、ふるさと納税） ▲▲▲ ********/

/**************** ▲▲▲▲ 共通スタイル ▲▲▲▲ ****************/


/**************** ▼▼▼▼ 町の概要 ▼▼▼▼ ****************/
.category-welcome .outline {
	margin-top: 40px;
}

.category-welcome .outline .outline-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 12px;
	max-width: 1024px;
	width: 100%;
}

.category-welcome .outline .outline-map,
.category-welcome .outline .text-area,
.category-welcome .outline .outline-link ul li a {
	position: relative;
	background: #fff;
	border: 3px solid #82B762;
	border-radius: 12px;
}

.category-welcome .outline .outline-map::before,
.category-welcome .outline .text-area::before,
.category-welcome .outline .outline-link ul li a::before {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(205, 241, 183, 1) 2px, rgba(205, 241, 183, 1) 4px);
	z-index: -1;
}

/******** ▼▼▼ 地図 ▼▼▼ ********/
.category-welcome .outline .outline-map {
	margin-right: auto;
	width: 35%;
}

@media only screen and (max-width: 820px) {
	.category-welcome .outline .outline-map {
		width: 47%;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .outline .outline-map {
		width: 100%;
	}
}

.category-welcome .outline .outline-map img {
	border-radius: 16px;
}

/******** ▲▲▲ 地図 ▲▲▲ ********/

.category-welcome .outline .outline-content {
	width: 60%;
}

@media only screen and (max-width: 820px) {
	.category-welcome .outline .outline-content {
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.category-welcome .outline .outline-content {
		margin-top: 30px;
		width: 100%;
	}
}

/******** ▼▼▼ テキスト ▼▼▼ ********/
.category-welcome .outline .text-area {
	padding: 40px 30px;
}

.category-welcome .outline .text-area h3 {
	position: relative;
	margin-top: 0;
	padding: 0;
	font-size: 125%;
	text-align: center;
	background-color: transparent;
	border: 0;
	z-index: 0;
}

.category-welcome .outline .text-area h3::before {
	position: absolute;
	bottom: 6px;
	left: calc(50% - 103px);
	display: block;
	content: "";
	width: 206px;
	height: 6px;
	background: #cdf1b7;
	border-radius: 3px;
	z-index: -1;
}

.category-welcome .main_naka .outline .text-area p {
	margin-top: 20px;
}

/******** ▲▲▲ テキスト ▲▲▲ ********/

/******** ▼▼▼ リンク ▼▼▼ ********/
.category-welcome .outline .outline-link {
	margin-top: 30px;
}

.category-welcome .outline .outline-link ul li {
	margin-top: 0;
	padding-left: 0;
}

.category-welcome .outline .outline-link ul li::before {
	display: none;
}

.category-welcome .outline .outline-link ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 9px;
	width: 100%;
	font-size: 125%;
	font-weight: bold;
	text-decoration: none;
}

.category-welcome .outline .outline-link ul li a span {
	display: flex;
	align-items: center;
	padding-left: 52px;
	min-height: 40px;
	background-image: url(img/welcome/btn-icon01.png);
	background-size: 40px;
	background-position: left center;
	background-repeat: no-repeat;
}

/******** ▲▲▲ リンク ▲▲▲ ********/

/**************** ▲▲▲▲ 町の概要 ▲▲▲▲ ****************/

/**************** ▼▼▼▼ 観光、歴史・文化、移住定住、ふるさと納税 ▼▼▼▼ ****************/
.category-welcome .trip-area {
	margin-top: 60px;
}

.category-welcome .history-area,
.category-welcome .live-area,
.category-welcome .tax-area {
	margin-top: 70px;
}

/**************** ▲▲▲▲ 観光、歴史・文化、移住定住、ふるさと納税 ▲▲▲▲ ****************/