<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ▼▼▼ すっきり早わかり阪南市
=====================================*/
h1.title {margin-bottom: 0;}

#main {
	background: #E7F6FF;
	padding-bottom: 0;
	}
#path {
	margin: 0 auto 30px;
	width: 1000px;
	padding-top: 10px;
	}

.guide_main {
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
	}
	.guide_main .txt {margin: 20px auto 50px;}

#seasons_event {
	background: #fff;
	padding: 30px 0;
	overflow: hidden;
	}
	#seasons_event .seasons_event_inner {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		}
	#seasons_event .seasons_event_inner section {margin-bottom: 60px;}


	#seasons_event .seasons_event_inner h2 {margin-bottom: 30px;}
	/* 背景色 */
	#seasons_event #spring {background: #FDF2F1;}
	#seasons_event #summer {background: #EFF7E4;}
	#seasons_event #autumn {background: #FFF1DF;}
	#seasons_event #winter {background: #E8FAFF;}

	/* 見出し色 */
	#area_base li .details_area .details dt.s01:before {
		content: "■";
		color: #FF8CA4;
		}
	#area_base li .details_area .details dt.s02:before {
		content: "■";
		color: #52B260;
		}
	#area_base li .details_area .details dt.s04:before {
		content: "■";
		color: #3F9FD1;
		}
	#seasons_event section {clear: both;}
	#seasons_event section .s_inner {padding: 40px 6.5%;}
#area_base {
	overflow: hidden;
	clear: both;
	margin-bottom: 40px;
	width: 100%;
	display: block;
	}
	#area_base &gt; li {
		width: 48.5%;
		}
		#area_base .block01 {float: left;}
		#area_base .block02 {float: right;}

			#area_base li dl dt {
				margin-bottom: 20px;
				}
			#area_base li .details_area {
				border-top: 1px dotted #BBBBBB;
				margin: 10px auto;
				overflow: hidden;
				}
				#area_base li .details_area .details {
					border-bottom: 1px dotted #BBBBBB;
					clear: both;
					}
					#area_base li .details_area .details dt {
						float: left;
						width: 40%;
						padding: 10px 0;
						margin: 0;
						font-weight: bold;
						}
					#area_base li .details_area .details dd {
						padding: 10px 0;
						width:50%;
						float:right;
						}
			#area_base li .p_space {margin-top: 20px;}



#area_base .kome {color: #E90000;}
#area_base .read {
	margin-top: 5px;
	text-align: left;
	font-size: 14px;
	}

#area_base li .p_img {
	margin-bottom: 10px;
	}
#area_base li .s_img {
	overflow: hidden;
	margin-top: 3px;
	}
	#area_base li .s_img li {
		float: left;
		width: 48.5%;
		margin-right: 3%;
		}
	#area_base li .s_img li:last-child {
		margin-right: 0;
		}
	#area_base li .s_box {
		margin-top: 30px;
		clear: both;
	}
	#area_base li .s_title {
		font-size:18px;
		font-weight: bold;
		margin-bottom: 5px;
		line-height: 1.4;
		}
	#area_base li .s_box &gt; ul {
		margin-top: 5px;
		line-height: 1.5
		}
	#area_base li .s_title02 {
		font-size:18px;
		font-weight: bold;
		margin: 20px 0 5px;
		line-height: 1.4;
		}


/* 夏 */
#area_base li .summer_list &gt; li {margin-bottom: 25px;}
#area_base li .summer_list &gt; li:last-child {margin-bottom: 0;}


/* 秋 */
#area_base li .s_img02 {
	overflow: hidden;
	margin-top: 65px;
	}
	#area_base.shrine li {
		width: 23.5%;
		margin-right: 2%;
		float: left;
		margin-bottom: 5px;
		}
	#area_base.shrine li:last-child {margin-right: 0;}
	#area_base.shrine li:first-child {
		float: none;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
		}
		#area_base.shrine li .shrine_title {
			color: #F29932;
			font-size: 18px;
			margin: 5px 0;
			font-weight: bold;
			line-height: 1.4;
			}
		#area_base.area_autumn01 {
			padding: 30px;
			background: #fff;
			}
			#area_base.area_autumn01 .txt_box {
				float: left;
				width: 49%;
				}
				#area_base.area_autumn01 .txt_box .area_autumn01_title {
				font-size: 18px;
				font-weight: bold;
				line-height: 1.3;
				margin-bottom: 5px;
				}
#area_base.area_autumn01 .txt_box .area_autumn01_title span {
						font-size: 24px;
						color: #F39A32;
						display: block;
						}
			#area_base.area_autumn01 .area_autumn01_img {
				float: right;
				width: 49%;
				}

/* 冬 */
#area_base .area_winter {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	}
#area_base .area_winter &gt; .txt_box {
	width: 51%;
	float: left;
	}

#area_base .area_winter .area_winter_title {
	font-size: 18px;
	color: #3F9FD1;
	font-weight: bold;
	}
#area_base .area_winter .area_winter_img {
	float: right;
	}






/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

#main {
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
	}


.guide_main {
	max-width: 100%;
	}
	.guide_main img {width: 100%;}
		.guide_main .txt {margin: 10px 10px 30px;}

#seasons_event {
	background: #fff;
	padding: 30px 0;
	overflow: hidden;
	padding: 20px 10px;
	}
	#seasons_event .seasons_event_inner {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		}
	#seasons_event .seasons_event_inner section {margin-bottom: 30px;}
	#seasons_event .seasons_event_inner h2 {margin-bottom: 20px;}

	#seasons_event .seasons_event_inner .h3_01 {width: 100%;}
	#seasons_event .seasons_event_inner .h3_02 {width: 90%;}
	#seasons_event .seasons_event_inner .h3_03 {width: 80%;}
	#seasons_event .seasons_event_inner .h3_04 {width: 70%;}
	#seasons_event .seasons_event_inner .h3_05 {width: 60%;}
	#seasons_event .seasons_event_inner .h3_06 {width: 50%;}
	#seasons_event section .s_inner {padding: 20px 3%;}

#area_base {
	margin-bottom: 20px;
	}
	#area_base &gt; li {
		width: 100%;
		margin-bottom: 20px;
		}
	#area_base &gt; li:last-child {margin-bottom: 0;}
	#area_base &gt; li &gt; img {width: 100%;}

		#area_base .block01 {float: none;}
		#area_base .block02 {float: none;}

			#area_base li dl dt {
				margin-bottom: 10px;
				}
			#area_base li .details_area {
				border-top: 1px dotted #BBBBBB;
				margin: 10px auto;
				overflow: hidden;
				}
				#area_base li .details_area .details {
					border-bottom: 1px dotted #BBBBBB;
					clear: both;
					}
					#area_base li .details_area .details dt {
						float: none;
						width: 100%;
						padding: 10px 0;
						margin: 0;
						font-weight: bold;
						}
					#area_base li .details_area .details dd {
						padding: 10px 0 10px 0;
						}
			#area_base li .p_space {margin-top: 20px;}



#area_base .kome {color: #E90000;}

#area_base li .p_img {
	margin-bottom: 20px;
	}
#area_base li .s_img {
	overflow: hidden;
	margin-top: 0;
	}
	#area_base li .s_img li {
		float: left;
		width: 49%;
		margin-right: 2%;
		}
	#area_base li .s_img li:last-child {
		margin-right: 0;
		}
	#area_base li .s_box {margin-top: 30px;}
	#area_base li .s_title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
		line-height: 1.4;
		}
	#area_base li .s_box &gt; ul {
		margin-top: 5px;
		line-height: 1.5
		}
	#area_base li .s_title02 {
		font-size: 14px;
		font-weight: bold;
		margin: 15px 0 5px;
		line-height: 1.4;
		}


/* 夏 */
#area_base li .summer_list &gt; li {margin-bottom: 25px;}
#area_base li .summer_list &gt; li:last-child {margin-bottom: 0;}


/* 秋 */
#area_base li .s_img02 {
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
	}
	#area_base.shrine li {
		width: 49%;
		margin-right: 2%;
		float: left;
		margin-bottom: 20px;
		}
	#area_base.shrine li:nth-child(3n) {margin-right: 0;}
	#area_base.shrine li:nth-child(3n) {margin-right: 0;}
	#area_base.shrine li:first-child {
		float: none;
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		}
		#area_base.shrine li .shrine_title {
			color: #F29932;
			font-size: 14px;
			margin: 5px 0;
			font-weight: bold;
			line-height: 1.4;
			}
		#area_base.area_autumn01 {
			padding: 30px;
			background: #fff;
			}
			#area_base.area_autumn01 .txt_box {
				float: none;
				width: 100%;
				margin-bottom: 10px;
				}
				#area_base.area_autumn01 .txt_box .area_autumn01_title {
				font-size: 13px;
				font-weight: bold;
				line-height: 1.3;
				margin-bottom: 5px;
				}
#area_base.area_autumn01 .txt_box .area_autumn01_title span {
						font-size: 17px;
						color: #F39A32;
						display: block;
						}
			#area_base.area_autumn01 .area_autumn01_img {
				float: none;
				width: 100%;
				}

/* 冬 */
#area_base .area_winter {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	}
#area_base .area_winter &gt; .txt_box {
	width: 49%;
	float: left;
	}

#area_base .area_winter .area_winter_title {
	font-size: 14px;
	color: #3F9FD1;
	font-weight: bold;
	}
#area_base .area_winter .area_winter_img {
	float: right;
	width: 49%;
	}

img {width: 100%;}
}
</pre></body></html>