@charset "UTF-8";
/* CSS Document */

/******射水市について******/

.imizu-city-main {
	position: relative;
	max-width: 730px;
	max-height: 730px;
	background-color: #3C66C4;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	margin-top: -130px;
}

.imizu-city-main__box {
	width: 100%;
	max-width: 480px;
	color: #fff;
	line-height: 1.8em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.imizu-city-main__box p {
	line-height: 2em;
}

.imizu-city-main__box h2 {
	font-size: 16px;
	font-weight: 300;
}

.imizu-city-main__box h3 {
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.6em;
	margin: 0;
}

.imizu-city-main--bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-around;
	margin-top: -100px;
}

img.imizu-map {
	width: 250px;
	height: auto;
	object-fit: cover;
}

.imizu-city-muzumuzu {
	color: #000;
	width: 370px;
	height: 370px;
	background-color: #F8E505;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	font-size: 14px;
	z-index: -5;
}
.imizu-city-muzumuzu__inner {
	position: relative;
	transform: rotate(10deg);
}

.imizu-city-muzumuzu img {
	width: 120px;
	height: auto;
}

.imizu-city-muzumuzu__box {
	position: absolute;
	top: 150px;
    left: 15px;
	width: 400px;
	display: grid;
	grid-template-columns: 2fr 3fr;
}

.muzumuzu__box-illust {
	display: flex;
	align-items: center;
	justify-content: center;
}

.muzumuzu__about p {
	line-height: 1.8em;
}

.muzumuzu__about-name {
	font-weight: 500;
	color: #3C66C4;
	font-size: 16px;
	margin: 0;
}

.comment__text {
	font-size: 12px;
	position: absolute;
	top: -36%;
	left: 20%;
}

.imizu-city-main__btn {
	padding: 100px 0px 70px; 
}

.imizu-city-main__btn .btn-basic.small {
	width: 320px;
}

@media screen and (max-width: 768px) {
	.imizu-city-main {
		width: 90%;
		max-width: 400px;
		max-height: 400px;
		margin-top: -70px;
	}
	
	.imizu-city-main__box {
		top: 44%;
	}

	.imizu-city-main__box h3 {
		font-size: 24px;
	}

	.imizu-city-main--bottom {
		display: grid;
		place-content: center;
		margin-top: -170px;
		padding: 100px 16px 0;
		background-color: #F8E505;
		gap: 30px;
	}

	.imizu-city-main--bottom p.sp {
		color: #3C66C4;
	}

	.imizu-city-muzumuzu {
		color: #000;
		width: 100%;
		max-width: 220px;
		max-height: 260px;
		background-color: #fff;
		border: 1px solid #3C66C4;
		font-size: 14px;
		border-radius: 0;
		transform: rotate(10deg);
		z-index: 1;
		margin: 0 auto 40px;
		padding: 15px;
	}

	.imizu-city-muzumuzu__inner {
		transform: none;
	}

	.imizu-city-muzumuzu img {
		margin: 0px 0 0 -140px;
	}

	.imizu-city-muzumuzu__box{
		width: auto;
		position: static;
		display: grid;
		grid-template-columns: 1fr;
	}

	.imizu-city-about,
	.imizu-city-about p {
		width: 100%;
	}
	
	p.comment__text {
		font-size: 12px;
		position: absolute;
		top: auto;
		left: auto;
		bottom: 5em;
        right: 0em;
		line-height: 1.5em;
	}

	.muzumuzu__box-illust {
		order: 2;
	}

	.muzumuzu__box-about {
		order: 1;
	}

	.imizu-city-map {
		width: 100vw;
		margin: 0px calc(50% - 50vw);
	}

	.imizu-city-map_item {
		width: 100%;
		max-width: 500px;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border-radius: 50%;
		margin: 0 auto;
	}

	.imizu-city-map img {
		width: 63%;
		max-width: 260px;
		margin: 0 auto;
	}
	.imizu-city-main__btn {
		padding: 50px 0px; 
		background-color: #F8E505;
	}
}


/******スライダー******/

#imizu-city-slider .splide__slide {
    pointer-events: none;
}

.imizu-about-slider{
	width:100%;
	position:relative;
	z-index:5;
    margin: 0 auto;
}

#crown-slider{
	width:100%;
	max-width:630px;
	aspect-ratio:630 / 240;
	height:auto;
	margin:0 auto;
}

#crown-slider .splide__track {
	height:100%; 
	width:100%; 
}

#crown-slider li .crown-slider-clip{
	width:100%;
	height:100%;
	-webkit-mask-image:url("../img/imizu-city/city-main-clip.svg");
	mask-image:url("../img/imizu-city/city-main-clip.svg");
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:cover;
	mask-size:cover;
	overflow:hidden;
}

.imizu-about-slider::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -9.5em;
	width: 100%;
	max-width: 750px;
	height: 300px;
	transform: translateX(-50%);
	background-image: url("../img/imizu-city/city-main-clip-dot.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.crown-slider-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 768px) {
	#crown-slider {
		width: 87%;
	}
	.imizu-about-slider{
		max-width: 400px;
		width: 90%;
	}
}

	

/******スライダー2******/

#imizu-city-slider {
	margin: 50px auto;
}

@media screen and (max-width: 768px) {
	#imizu-city-slider {
		margin: 0px auto;
	}
}


/******5つの魅力******/

#imizu-charm {
	position: relative;
}

.imizu-charm-wrapper {
	margin-top: 70px;
	padding: 130px 60px 120px;
}

/*背景フレーム*/

.imizu-charm-wrapper {
	background:
		url("../img/common/wave-yellow_left.svg") repeat-y left top / 45px auto,
		url("../img/common/wave-yellow_right.svg") repeat-y right top / 45px auto,
		url("../img/common/wave-yellow.svg") repeat-x top / auto 45px,
		radial-gradient(circle, #fffcbd 2px, transparent 2px),
		radial-gradient(circle, #fffcbd 2px, transparent 2px);
	background-size: 45px auto,45px auto,auto 45px,9px 18px,9px 18px; /*ドットサイズ調整*/
	background-position: left top,right top,top,0 0,4.5px 9px;　/*ドットサイズ調整*/
}


.imizu-charm-wrapper hr {
	border: #3C66C4 1px solid;
	margin: 100px auto;
}

.imizu-charm__main-ttl {
	text-align: center;
	position: relative;
}

.imizu-charm__main-ttl h2 {
	font-size: 30px;
}

.big-yellow {
	font-size: 184px;
	color: #F8E505;
	margin: 0 10px;
	position: relative;
}

.big-yellow::before {
	content: "";
	position: absolute;
	left: 62%;
	top: -0.25em;
	transform: translateX(-50%);
	width: 0.6em;
	height: 0.6em;
	background-image: url("../img/imizu-city/muzumuzu-walk.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.big-yellow::after {
	content: "ムズムズくんが\A 教える！";
	white-space: pre;
	font-family: "Zen Kaku Gothic New", sans-serif;
	position: absolute;
	font-size: 17px;
	color: #3C66C4;
	font-weight: 500;
	top: 31%;
    left: -136px;
    text-align: left;
	transform: rotate(7deg);
}

@media screen and (max-width: 768px) {
	.big-yellow::after {
		font-size: 14px;
		top: -33%;
    	left: -113px;
	}
}

.imizu-charm {
	display: flex;
	gap: 70px;
	margin: 0 auto;
}

.imizu-charm__img img {
	width: 100%;
	max-width: 450px;
	height: auto;
	margin-top: -35%;
}

.charm__item h3 {
	display: block;
	font-size: 24px;
	line-height: 2em;
	text-align: left;
}

.charm__item .b-acc-btn-sp {
	margin: 0 auto;
}

.charm__item .b-acc-btn-sp p {
	color: #3C66C4;
	margin: 0;
	font-size: 17px;
	font-weight: 700;
}

.charm-num {
	display: inline;
	font-size: 58px;
	color: #3C66C4;
	margin: 0;
	position: relative;
}

.charm-num::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -0.5em;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	background-image: url("../img/common/icon-welcome.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@media screen and (min-width: 769px) {
	
	.imizu-charm__text,
	.imizu-charm__img {
		min-width: 0;
	}

	.imizu-charm__text {
		flex: 0 0 47%;
		min-width: 0;
	}

	.imizu-charm__img {
		flex: 1 1 auto;
		min-width: 0;
	}
	
	#charm02 .imizu-charm,
	#charm04 .imizu-charm {
		flex-direction: row-reverse;
	}

	#charm02 .imizu-charm-ttl,
	#charm04 .imizu-charm-ttl {
		margin-left: 53%;
		text-align: left;
	}

	#charm02 .imizu-charm img {
		margin-top: -60%;
	}

	#charm05 .imizu-charm img {
		margin-top: -60%;
	}
	
	.btn-basic.imizucity-btn-wide {
		width: 280px;
		flex: none;
	}
}

@media screen and (max-width: 768px) {
	.imizu-charm-wrapper {
		margin-top: 0px;
		padding: 90px 0px 120px;
	}
	.imizu-charm-wrapper .page-container-large {
		padding: 0px 35px;
	}	
	.imizu-charm-wrapper {
		background:
		url(../img/common/wave-yellow_left.svg) repeat-y left -25px top / 45px auto,
		url(../img/common/wave-yellow_right.svg) repeat-y right -25px top / 45px auto,
		url(../img/common/wave-yellow.svg) repeat-x center top / auto 0px,
		url(../img/imizu-city/dots-yellow_bg.webp) repeat top / auto 180px;
	}
	.imizu-charm-wrapper hr {
		margin: 50px auto;
	}

	.imizu-charm {
		flex-flow: column;
		flex-direction:column-reverse;
		gap: 0;
	}
	.imizu-charm-ttl {
		text-align: center;
	}
	.imizu-charm__main-ttl h2 {
		font-size: 19px;
		display: inline-block;
		vertical-align: middle;
	}
	.imizu-charm__main-ttl p {
		top: -25%;
		left: 2%;
		font-size: 12px;
		text-align: right;
	}
	.imizu-charm__img {
		margin: 0 auto;
	}

	span.big-yellow {
		font-size: 104px;
		margin: 0;
		vertical-align: middle;
	}
	span.big-yellow::before {
		left: 51%;
		top: -0.63em;
		width: 1em;
		height: 1em;
	}
	.charm__item h3 {
		line-height: 1.6em;
		text-align: center;
		margin: 0px auto 20px;
	}
	.charm-num {
		font-size: 31px;
	}
	.charm-num::before {
		top: -1.1em;
	}
	.imizu-charm img {
		width: 100%;
		margin-top: 0px;
	}
}

/*ムズムズくんコメント*/

.muzumuzu-comment {
	position: relative;
}

.muzumuzu-comment p,
.muzumuzu-comment img{
	position: absolute;
	font-size: 14px;
	color: #3C66C4;
}

.muzumuzu-comment img{
	height: auto;
	margin-top: 0px;
}

#charm01 .muzumuzu-comment img {
	width: 126px;
	top: -100px;
	right: 0;
}

#charm01 .muzumuzu-comment p {
	width: 126px;
	top: -50px;
    right: 24%;
}

#charm02 .muzumuzu-comment img {
	width: 126px;
	top: 0px;
	left: 21%;
	margin-top: 0px;
}

#charm02 .muzumuzu-comment p {
	top: -90px;
	left: 21%;
}

#charm03 .muzumuzu-comment img {
	width: 157px;
	top: -170px;
	right: 5%;
}

#charm03 .muzumuzu-comment p {
	top: -235px;
	right: -4%;
	transform: rotate(10deg);
}

#charm04 .muzumuzu-comment img {
	width: 140px;
	top: -170px;
	right: 10%;
}

#charm04 .muzumuzu-comment p {
	top: -275px;
	right: 8%;
}

#charm05 .muzumuzu-comment img {
	width: 155px;
	top: 0px;
	right: 30%;
	margin-top: 0;
}

#charm05 .muzumuzu-comment p {
	top: 0px;
	right: -4%;
}

@media screen and (max-width: 1000px) {
	#charm01 .muzumuzu-comment img {
		top: -40px;
	}

	#charm01 .muzumuzu-comment p {
		width: 126px;
		top: 0;
		right: 38%;
	}
	
	#charm02 .muzumuzu-comment img {
		top: 100px;
	}

	#charm02 .muzumuzu-comment p {
		top: 0;
	}
	
	#charm05 .muzumuzu-comment img {
		top: 50px;
		right: 36%;
	}
}

@media screen and (max-width: 768px) {
	.muzumuzu-comment {
		display: grid;
		grid-template-columns: 1fr 2fr;
		align-items: center;
		width: 90%;
		max-width: 300px;
		margin: 15px auto;
		padding: 10px 15px;
		background-color: #EBEFF9;
		border-radius: 10px;
	}

	.muzumuzu-comment p,
	.muzumuzu-comment img{
		position: static;
	}

	.muzumuzu-comment img{
		height: auto;
		margin-right: 10px;
		order: 1;
		margin: 0 auto;
	}
	.muzumuzu-comment p{
		order: 2;
	}

	#charm01 .muzumuzu-comment img {
		width: 100px;
	}
	#charm03 .muzumuzu-comment img {
		width: 120px;
	}
	#charm03 .muzumuzu-comment p {
		transform: none;
	}
	#charm04 .muzumuzu-comment img {
		width: 100px;
		top: -170px;
		right: 5%;
	}
	#charm05 .muzumuzu-comment img {
		width: 110px;
	}
}

@media screen and (max-width: 992px) {
	#imizu-charm .frex-btn {
		display: block;
	}
	
	#imizu-charm .btn-basic.tiny {
		width: 100%;
		max-width: 280px;
	}
	
	#imizu-charm .btn-basic.tiny {
		width: 100%;
		max-width: 300px;
		font-size: 15px;
		height: 51px;
	}
}

/*****射水市で遊ぼう！*****/

#imizu-play {
	overflow-x: clip;
}

#imizu-play .frame-wave {
	margin: -10px calc(50% - 50vw) 0px;
}

#imizu-play .frame-wave_wrap {
	margin: 50px calc(50% - 50vw) 0px;
	padding: 20px 0px 70px;
	z-index: 5;;
}

h2.crown {
	font-size: 30px;
	color: #3C66C4;
	position: relative;
	text-align: center;
	margin: 60px auto;
}

h2.crown::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -2.8em;
	transform: translateX(-50%);
	width: 3em;
	height: 3em;
	background-image: url("../img/common/icon-welcome.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#imizu-play .btn-basic.small {
	width: 260px;
}

.imizu-play__item {
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #000;
	padding: 20px 80px 40px;
	margin-bottom: 130px;
	position: relative;
}

.imizu-play__item.play-03 {
	text-align: center;
}

.btn-benri-spots {
	position: absolute;
	max-width: 200px;
	bottom: -12%;
	right: 5%;
}

.btn-benri-spots:hover {
	transform: rotate(5deg);
	transition: all 0s ease 0s;
}

.imizu-play__item h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

.imizu-play__item p.ruby {
	font-size: 32px;
	margin: 0;
}

.imizu-play__ttl {
	display: inline-block;
}

.imizu-play__item--top {
	display: grid;
	grid-template-columns: 2fr 1fr;
	text-align: left;
}

.play-03 .imizu-play__item--top {
	grid-template-columns: 1fr;
}

.imizu-play__item--top img {
	width: 77%;
	margin: 0 auto;
	margin-top: -100px;
}

.play-01 .imizu-play__item--top p {
	max-width: 400px;
}

.play-03 .imizu-play__item--top p {
	max-width: 450px;
	margin: 0 auto;
}

.imizu-play__item ul {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 10px auto 30px;
	padding: 0;
	justify-content: space-around;
}

.imizu-play__item ul > li {
	flex: 1;
}

.imizu-play__item figure {
	margin: 0;
}

.imizu-play__box p {
	text-align: center;
}

.imizu-play__item--top p {
	text-align: left;
}

.play-01 ul img{
	border-radius: 12px;
}

.play-01 ul figcaption{
	font-size: 15px;
	/*font-weight: 500;*/
	text-align: center;
}

.play-02 ul li{
	text-align: center;
}

.play-img__circle {
	width: auto;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	border: 4px solid #3C66C4;
}

.play-img__circle:hover img {
	transform: scale(1.1)
}

.play-img__circle img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn-play {
	display:flex;
	width: 100%;
	height: 32px;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
	margin-top: -20px;
	background-color: #3C66C4;
	padding: 3px 15px;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.btn-play::after {
	content: "";
	position: absolute;
	width: 1.3em;
	height: 1.3em;
	right: 0.3em;
	background: url("../img/common/btn-white.svg") no-repeat center / contain;
}

/**おみやげ切り抜き**/
.hidden-x {
	margin: 0px calc(50% - 50vw);
	overflow-x: hidden;
}

.omiyage-01,
.omiyage-02 {
	position: absolute;
}

.omiyage-01 {
	top: -20px;
	left: -60px;
	width: 350px;
}

.omiyage-02 {
	top: 30px;
	right: -50px;
	width: 320px;
}

.omiyage-04 {
	width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

@media screen and (min-width: 769px) {
	.play-03 .imizu-play__ttl p {
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	h2.crown {
		font-size: 26px;
	}

	h2.crown::before {
		width: 3em;
		height: 3em
	}

	.imizu-play__item {
		max-width: 500px;
		padding: 0px 20px 50px;
		margin: 60px auto;
	}

	.imizu-play__item.play-03 {
		text-align: left;
	}

	.imizu-play__item ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		max-width: 350px;
	}

	.imizu-play__item h3 {
		font-size: 24px;
		margin-bottom: 0;
	}

	.imizu-play__item p.ruby {
		font-size: 20px;
	}

	.imizu-play__item--top {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 40px;
	}

	.imizu-play__item--top img {
		width: 110px;
		top: -10px;
		right: 20px;
		margin-top: 0;
		position: absolute;
	}

	.play-02 .imizu-play__item--top img {
		width: 133px;
	}
	
	.play-03 .imizu-play__item--top img {
		width: 143px;
	}
	
	.play-03 .btn-basic.tiny {
		width: 260px;
	}
	
	.play-03 .btn-basic.tiny::after {
		right: 0.5em;
	}

	a.btn-play {
		width: auto;
		font-size: 13px;
	}

	.btn-benri-spots {
		position: static;
		width: 200px;

		}
}

/**アコーディオン**/
#imizu-play .b-accordion-sp {
	position: relative;
}

#imizu-play .b-acc-btn-sp-cover{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-height: 155px;
	background: none;
	border: none;
	cursor: pointer;
}

#imizu-play .b-acc-btn-sp:not(.b-acc-btn-sp-cover) {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
}

#imizu-play  .b-acc-arrow {
	width: 30px;
	height: auto;
}


/*****観光ガイドを活用しよう！*****/

#kanko-guide {
	padding: 80px 0px;
}

.kanko-guide-item {
	max-width: 730px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0px;
	margin: 0 auto;
}

.kanko-guide-item p {
	max-width: 260px;
}

.kanko-guide-item img {
	margin: -30px auto 0;
	width: 100%;
	max-width: 350px;
}

.kanko-guide-item .btn-basic {
	margin-left: 0;
}

@media screen and (max-width: 768px) {
	#kanko-guide .page-container {
		padding: 0 16px;
	}

	.kanko-guide-item {
		grid-template-columns: 1fr;
	}

	.kanko-guide-item div {
		order: 2;
	}

	.kanko-guide-item img {
		order: 1;
	}

	.kanko-guide-item p {
		max-width: 100%;
	}

	.kanko-guide-item .btn-basic {
		margin-left: auto;
	}
}

/*****射水の一年間*****/

.contents-bg {
	width: 100vw;
	margin: 0px calc(50% - 50vw);
	background-color: #FFFBC3;
	padding: 70px 16px;
	box-sizing: border-box;
}

.season_wrapper {
	width: 100%;
	max-width: 1000px;
	height: auto;
	padding: 50px 50px 20px;
	background-color: #fff;
	margin: 20px auto 80px;
	box-sizing: border-box;
	position: relative;
	transition: .5s;
}

.season_wrapper::before {
	content: "";
	display: block;
	width: 100%;
	padding-bottom: 10%;
	background-repeat: repeat-x;
	background-size: auto 23px;
	position: absolute;
	top: -22px;
	left: 0;
}
/*春*/
.season_wrapper.spring {
	border: 2px solid #FC44C0;
	border-top: 17.5px solid #FC44C0;
	border-bottom: 13px solid #FC44C0;
}

.season_wrapper.spring::before {
	background-image: url("../img/event/event_wave_pink.svg");
}
/*夏*/
.season_wrapper.summer {
	border: 2px solid #03AB81;
	border-top: 17.5px solid #03AB81;
	border-bottom: 13px solid #03AB81;
}

.season_wrapper.summer::before {
	background-image: url("../img/event/event_wave_green.svg");
}
/*秋*/
.season_wrapper.autumn {
	border: 2px solid #FA8A16;
	border-top: 17.5px solid #FA8A16;
	border-bottom: 13px solid #FA8A16;
}

.season_wrapper.autumn::before {
	background-image: url("../img/event/event_wave_orange.svg");
}
/*冬*/
.season_wrapper.winter {
	border: 2px solid #21CDEB;
	border-top: 17.5px solid #21CDEB;
	border-bottom: 13px solid #21CDEB;
}

.season_wrapper.winter::before {
	background-image: url("../img/event/event_wave_aqua.svg");
}

.imizu-season--top,
.imizu-season-ttl {
	display: flex;
	align-items: center;
	gap: 20px;
}

.imizu-season--top {
	justify-content: space-between;
	margin-bottom: 20px;
}

.imizu-season--top p {
	max-width: 570px;
}

.imizu-season--top h3 {
	display: inline;
	font-size: 53px;
	margin: 0;
}

.spring .imizu-season--top h3 {
	color: #FC44C0;
}
.summer .imizu-season--top h3 {
	color: #03AB81;
}
.autumn .imizu-season--top h3 {
	color: #FA8A16;
}
.winter .imizu-season--top h3 {
	color: #21CDEB;
}

.imizu-season--top .fugaz {
	font-size: 29px;
	margin: 0;
}

.season__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0;
	gap: 25px;
	list-style: none;
}

.season_wrapper .splide.is-initialized:not(.is-active) .splide__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 40px auto;
}

/*季節 タイトル*/
.season__list-item {
	position: relative;
}

.season__list h4 {
	display: flex;
	position: absolute;
	margin-top: 15px;
	color: #284679;
	top: -27px;
	left: -11px;
	width: 58px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
}

.spring .season__list h4 {
	background-image: url("../img/imizu-city/calendar_spring-rec.svg");
}
.summer .season__list h4 {
	background-image: url("../img/imizu-city/calendar_summer-rec.svg");
}
.autumn .season__list h4 {
	background-image: url("../img/imizu-city/calendar_autumn-rec.svg");
}
.winter .season__list h4 {
	background-image: url("../img/imizu-city/calendar_winter-rec.svg");
}

.season__list .fugaz {
	font-size: 26px;
}

.season__list img {
	width: 100%;
	height: auto;
	aspect-ratio: 282 / 202;
	object-fit: cover;
	border-radius: 10px;
}

.season__list a::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: contain;
	margin-left: 0.5em;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
}

.season__list a {
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
}

.spring .season__list a::after {
	background-image: url("../img/common/btn-pink.svg");
}
.summer .season__list a::after {
	background-image: url("../img/common/btn-green.svg");
}
.autumn .season__list a::after {
	background-image: url("../img/common/btn-orange.svg");
}
.winter .season__list a::after {
	background-image: url("../img/common/btn-aqua.svg");
}

@media screen and (min-width: 769px) {
.season_wrapper .splide__track {
	overflow: visible;
}
}

@media screen and (max-width: 768px) {
	.season_wrapper{
		padding: 0px 0px 20px;
	}
	.imizu-season--top {
		padding: 30px 30px 20px;
	}
	.imizu-season--top, .imizu-season-ttl {
		display: block;
	}
	.imizu-season--top h3 {
		font-size: 39px;
		float: left;
		line-height: 39px;
		margin-right: 15px;
	}
	.imizu-season--top .fugaz {
		font-size: 20px;
		margin: 0;
	}
	.season__list {
		display: flex;
		gap: 0;
	}
	.season__list h4 {
		top: -15px;
	}
	.season__list a {
		font-size: 18px;
	}
}