@charset "utf-8";

/* --- img center size auto --- */
.gallery a {
	position: relative;
	margin: 0 auto;}
.gallery a img {
	max-width: 100%; max-height: 100%;
	position: absolute;
	top: 0;	bottom: 0; left: 0; right: 0; margin: auto;}

/* --------------- nav --------------- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- header --------------- */
/* --- base --- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- footer --------------- */
/* --- base --- */

@media (min-width:641px) {}
@media (max-width:640px) {}


/* ------------------ common ------------------ */

[class^="ctg0"],
.date,
.title {
	font-size: 1.067em;
	line-height: 1.75;}

.date {letter-spacing: 0;}
.ctg {letter-spacing: 0.1249496em;}


.ctgnav_wk + .news_list {margin-top: 9.73325em;}
[class^="news_"] + .pager {margin-top: 90px;}


/* --- category nav → ctgnav_wk --- */

.ctgnav_wk {
	display: flex; flex-wrap: wrap; justify-content: center;
	width: 100%;
	margin-top: 6.667em;}

.ctgnav_wk a {
	display: block;
	margin: 0 2.34375%;}

	.ctgnav_wk a > span {
		position: relative;
		z-index: 10;
		display: block;
		width: 4em; height: 4em;
		text-align: right;
		margin: 0 auto;}
	.ctgnav_wk a > span::before {
		position: absolute;
		top: 0; left: 0;
		z-index: -10;
		content: '';
		display: block;
		width: 100%; height: 100%;
		opacity: 0.625;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: top center;}

	.ctgnav_wk .icon_wk01 span::before {background-image: url("../img/news/icon_event_wk.png");}
	.ctgnav_wk .icon_wk02 span::before {background-image: url("../img/news/icon_kurasi_wk.png");}
	.ctgnav_wk .icon_wk03 span::before {background-image: url("../img/news/icon_tenpo_wk.png");}
	.ctgnav_wk .icon_wk04 span::before {background-image: url("../img/news/icon_tameru-kariru_wk.png");}
	.ctgnav_wk .icon_wk05 span::before {background-image: url("../img/news/icon_event_wk.png");}

	.ctgnav_wk span img {
		width: 100%;
		opacity: 0.75;
		transform: rotateY(0);
		transition: all 0.3s 0s ease-out;}

	.ctgnav_wk [class^="icon_wk"]:hover img {
		opacity: 1;
		transform: rotateX(360deg);}

.ctgnav_wk a p {
	font-size: 1.067em;
	font-weight: 700;
	letter-spacing: 0.188em;
	text-align: center;
	padding: 0.1821em 0.625em;
	border-radius: 4px;}

	.ctgnav_wk .icon_wk01 p {}
	.ctgnav_wk .icon_wk02 p {background-color: #dff7fa;}
	.ctgnav_wk .icon_wk03 p {background-color: #ffeee6;}
	.ctgnav_wk .icon_wk04 p {background-color: #fffcd9;}
	.ctgnav_wk .icon_wk05 p {background-color: #daf2da;}

.ctgnav_wk span + p {margin-top: 0.99961em;}


@media (min-width:641px) {
	.ctgnav_wk a {margin: 0 1.5625%;}
}
@media (max-width:640px) {
	[class^="ctg0"],
	.date,
	.title,
	.ctg {font-size: 1.2em;}
	
	.ctgnav_wk a {margin-bottom: 3em;}
}


/* --- pager --- */
.pager {
	display: flex; flex-wrap: wrap; justify-content: space-around;
	align-items: flex-start;
	width: 87.5%;
	max-width: 1200px;
	margin: 0 auto;}
.pager .btn-arrow {font-size: 1.067em;}

.mae.btn-arrow  {padding: 0.4994em 0 0.4994em 3.8481em;}
.mae.btn-arrow > span {left: 0; right: auto;}
.mae.btn-arrow > span::after {transform: rotateY(180deg);}
.mae.btn-arrow:hover > span::after {transform: rotateY(540deg);}

.nasi.btn-arrow {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;}

.news_list + .pager .koko.btn-arrow {padding-right: 0;}

@media (min-width:641px) {
	.pager {justify-content: space-between}
}
@media (max-width:640px) {
	.pager .btn-arrow {margin-top: 40px;}
	.koko.btn-arrow {
		order: 1;
		margin-left: 10%;
		margin-right: 10%;}
	
	.news_list + .pager .koko.btn-arrow {
		width: 45%;
		text-align: center;}
}

/* ------------ top ------------ */

.news_wk {
	position: relative;
	display: flex; flex-wrap: wrap; justify-content: center;
	padding-bottom: calc(6.667em + 6.667em);
	background-repeat: repeat-x;
	background-size: auto 100px;
	background-position: bottom left;
	background-image: url("../img/share/deco_patchwork-colorful.png");}
.news_wk::before {
	position: absolute;
	bottom: 6.667em; left: calc(50% - 1.3335em);
	content: '';
	display: block;
	width: 2.667em; height: 4em;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: bottom center;
	background-image: url("../img/share/deco_tree02.png");}

.top .news_wk h2 {
	width: 31.25%;
	max-width: 200px;
	margin-left: 2.0834%;}
.top .news_wk h2 small {padding-left: 0.267em;}

.news_wk h2 + ul {
	width: 87.592%;
	max-width: 1200px;
	margin: 0;}


/* --------- saisin → sisn --------- */
[class^="sisn0"] h3 {
	position: relative;
	font-size: 1.334em;
	letter-spacing: 0.17991em;
	padding-top: 0.9994em;}

	[class^="sisn0"] h3::before {
		position: absolute;
		top: 0; right: 0;
		content: '';
		display: none;
		width: 3.4983em; height: 3.4983em;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;}
	.sisn01 h3::before,
	.sisn02 h3::before {background-image: url("../img/share/sisin_tenpo.png");}

[class^="sisn0"] h3 span {color: #d93a1e;}
[class^="sisn0"] h3 + img {margin-top: 0.333em;}

[class^="sisn0"] a:hover {opacity: 0.65;}

.sisn_wk {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: flex-start;}

	[class^="sisn0"] {width: 47.322%;}
	[class^="sisn0"] a {
		position: relative;
		width: 100%;
		padding-bottom: 1.599875em;}
	[class^="sisn0"] a::before {
		position: absolute;
		bottom: 0;	right: 0;
		content: '';
		display: block;
		width: 4.667em; height: 1em;
		background: url("../img/share/mds_patchwork-line01.png") no-repeat center;
		background-size: auto 100%;}

	[class^="sisn0"] a img {width: 100%;}

	[class^="sisn0"] p {transition: all 0.3s 0s ease-out;}

	[class^="sisn0"] h3 + p {margin-top: 0.5621em;}
	[class^="sisn0"] p + p {margin-top: 0.2497em;}


[class^="sisn0"] a:hover p {color: #fe928a;}
.sisn_wk + .news_list {margin-top: 6.667em;}


@media (min-width:1371px) {
	.news_wk h2 + ul {max-width: 960px;}
	
	[class^="sisn0"] {
		width: 43.75%;
		margin-left: 6.25%;}
}
@media (max-width:1370px) {
	[class^="sisn0"] {margin-top: 2em;}
	.sisn02 {margin-left: auto;}
}
@media (min-width:641px) {
	.top .news_wk h2 {margin-top: 3.334em;}
}
@media (max-width:640px) {
	[class^="sisn0"] h3::before {right: -10px;}
	.sisn01 h3::before {right: -15px;}
}

/* ------------ list ------------ */
.news_list {
	position: relative;
	width: 87.5%;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-image: url("../img/share/line_hasen.png");}

.news_list::before,
.news_list::after {
	position: absolute;
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-size: auto 100%;}
.news_list::before {
	top: -4em; left: 6.667%;
	width: 5.334em; height: 4em;
	background-position: bottom center;
	background-image: url("../img/share/deco_tree04.png");}
.news_list::after {
	bottom: -100px; right: -240px;
	width: 310px; height: 380px;
	background-position: top center;
	background-image: url("../img/share/deco_patchwork03.png");}

.news_list li {}
.news_list a {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: center;
	padding: 1.599875em 0;
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url("../img/share/line_hasen.png");}

.news_list a:hover {color: #fe928a;}

	.news_list p {
		width: calc(8em + 10%);
		padding: 0 5%;}
	.news_list p + p {
		width: calc(100% - 8em - 10%);
		padding: 0 5% 0 2.5%;}

	.news_list p span {
		display: block;
		text-align: center;}

	.news_list p .ctg {border-radius: 4px;}
		.ctgr01 .ctg {}
		.ctgr02 .ctg {background-color: #dff7fa;}
		.ctgr03 .ctg {background-color: #ffd8c6;}
		.ctgr04 .ctg {background-color: #fffcd9;}
		.ctgr05 .ctg {background-color: #daf2da;}

.news_list + .btn_wk {
	justify-content: center;
	width: 100%;
	margin-top: 5em;}

@media (min-width:1201px) {
	.news_list {max-width: 1200px;}
}
@media (min-width:641px) {}
@media (max-width:640px) {
	
	.news_list::after {
		bottom: -90px; right: -60px;
		width: 200px; height: 240px;}
}

/* ------------ detail ------------ */
.news_detail {
	width: 87.5%;
	max-width: 800px;
	margin: 0 auto;}

.news_detail h2 {
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: 0.0834em;}

.news_detail [class^="sec0"] + [class^="sec0"] {margin-top: 6em;}
.news_detail [class^="sec0"] + .sec03 {margin-top: 4em;}
.news_detail + .btn_wk {
	width: 100%;
	margin-top: 6em;}


.news_detail .sec01 {margin-top: 6.667em;}
.news_detail .sec01 ul {
	position: relative;
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: center;
	padding-left: 2.334em;}

.news_detail .sec01 ul::before {
	position: absolute;
	top: 0; left: 0;
	content: '';
	display: block;
	width: 3.334em; height: 4.667em;
	transform: translateX(-15px);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;}

.ctgr01 .sec01 ul::before {background-image: url("../img/news/icon_detail-osirase.png");}
.ctgr02 .sec01 ul::before {background-image: url("../img/news/icon_detail-kurasi.png");}
.ctgr03 .sec01 ul::before {background-image: url("../img/news/icon_detail-tenpo.png");}
.ctgr04 .sec01 ul::before {background-image: url("../img/news/icon_detail-tame-kari.png");}
.ctgr05 .sec01 ul::before {background-image: url("../img/news/icon_detail-event.png");}

.news_detail[class*="ctgr0"] .ctg {
	padding: 0 0.667em;
	border-radius: 4px;}

.news_detail .sec01 li {
		font-weight: 700;
		margin: 0.562em 0 0 3.75%;}

.news_detail .sec01 ul + h2 {margin-top: 1.792em;}
.news_detail .sec01 h2 + div {
		font-size: 1.2em;
		margin-top: 2.4992em;}
.text_wk img {max-width: 100%;}


.news_detail .sec02 {position: relative;}

.news_detail .sec02::before {
	position: absolute;
	top: -4em; left: calc(100% - 6em);
	content: '';
	display: block;
	width: 5.334em; height: 4em;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: bottom center;
	background-image: url("../img/share/deco_tree04.png");}

	.gallery {
		display: flex; flex-wrap: wrap; justify-content: flex-start;
		align-items: flex-start;}

		.gallery li {
			width: 31.25%;
			margin-right: 3.125%;}

		.gallery li:nth-of-type(3n) {margin-right: 0;}
		.gallery li:nth-of-type(n+4) {margin-top: 1.7665em;}

				.gallery a {
					display: block;
					padding: 38% 0;}
				.gallery a img {
					max-width: 96%;
					max-height: 96%;}

					.ctgr01 .gallery a {background-color: #faeae8;}
					.ctgr02 .gallery a {background-color: #e1f2fa;}
					.ctgr03 .gallery a {background-color: #faebe3;}
					.ctgr04 .gallery a {background-color: #f7f5e1;}
					.ctgr05 .gallery a {background-color: #e6f5f1;}

			.gallery a + p {
				font-size: 0.934em;
				margin-top: 0.464em;}

.news_detail .pdf_wk {justify-content: flex-start;}
.news_detail .pdf_wk a + a {margin-right: 0;}

@media (min-width:641px) {
	.news_detail .sec01 h2 + div {
		font-size: 1.067em;
		letter-spacing: 0.0781em;}
}
@media (max-width:640px) {}