#about_top_top {
	padding:2em 0;
	background-image: url( images/about/orange.png );
}

#about_top_top > div.main_width, #about_top_bottom > div.main_width {
	position:relative;
}

 #about_top_bottom {
	background-image: url( images/about/blue.png );
	position:relative;
}

#about_catch {
	margin-top:4em;
	margin-bottom:2em;
}

#about_flower1 {
	position:absolute;
	right:30px;
	top:40px;
}

#about_flower2 {
	position:absolute;
	left:70px;
	top:190px;
}

#about_flower3 {
	position:absolute;
	right:70px;
	bottom:50px;
}

#about_ship {
	margin-top:-220px;
	margin-left:80px;
}

#about_fish3 {
	position:absolute;
	top:250px;
	left:50px;
}

#about_fish2 {
	text-align:right;
	margin-top:50px;
}

#about_fish1 {
	margin:32px 0 50px 10px;
}

#about_menu {
	font-size:1.7em;
	line-height:1.6em;
	position:absolute;
	right:150px;
	bottom:28px;
}

#about_menu h2 {
	font-size:1.2em;
	padding-bottom:0.5em;
	font-weight:bold;
	color:#fff;
}

#about_menu a:link, #about_menu a:visited {
	color:#fff;
}

#about_menu a:active, #about_menu a:hover {
	color:#ff9933;
}

.eat_area_wrap {
	position:relative;
	clear:both;
}

.eat_area_wrap:not(:first-child) {
	margin-top:2em;
}

.eat_area, .station_area {
	width:980px;
	margin:0 auto 3em auto;
	position:relative;
}

.eat_main_image {
	width:100%;
}

#map_image {
	width:59%;
	margin-left:46%;
}

.eat_image {
	position:relative;
	margin-bottom:2em;
}

.eat_image h2 {
	position:absolute;
	top:10px;
	left:10px;
}

#eat_comment_namero {
	width:980px;
	margin:1em auto 3em auto;
	position:relative;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:1.2em;
	line-height:1.4em;
}

#station_title {
	position:absolute;
	top:40px;
	left:10px;
	width:66%;
}

.eat_area_wrap h2 ; {
	width:80%;
}

.eat_image #eat_comment1 {
	width:51%;
	border-radius:5px;
	font-size:1.3em;
	line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	background-color: rgba( 255, 255, 255, .8 );
	padding:1em;
	color:#000;
	font-weight:bold;
	position:absolute;
	right:30px;
	bottom:30px;
}

.eat_image #station_comment {
	width:46%;
	font-size:1.3em;
	line-height:1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding:1em;
	color:#000;
	font-weight:bold;
	position:absolute;
	left:0;
	top:140px;
}

.eat_title2 {
	margin-left:-7px;
}

#eat_comment2 {
	padding:1em 0 2em 0;
	font-size:1.3em;
	line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.eat_left {
	float:left;
	clear:both;
	width:48%;
	padding-bottom:2em;
	line-height:1.6em;
}

.eat_right {
	float:right;
	width:48%;
	padding-bottom:2em;
	line-height:1.6em;
}

.eat_left img, .eat_right img {
	width: 50%;
}

.eat_area img.left {
	padding-right:1em;
}

.eat_area img.right {
	padding-left:1em;
}

.eat_area h3 {
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:0.6em;
	color:#000;
}

.eat_area img.width100 {
	width:100%;
	margin-bottom:0.5em;
}

.kaikin {
	margin-top:0.7em;
}

ul.eat_list li:not(:first-child) {
	margin-top:1.5em;
}

#about_link {
	clear:both;
	margin-top:2em;
	margin-bottom:2em;
}

#about_link ul {
	display:table;
	width:100%;
}

#about_link ul li:first-child {
	display:table-cell;
	text-align:left;
}

#about_link ul li:nth-child(2) {
	display:table-cell;
	text-align:center;
}

#about_link ul li:nth-child(3) {
	display:table-cell;
	text-align:right;
}

#flower_table dl {
	width:50%;
	float:left;
	font-size:0.9em;
}

#flower_table dt {
	width:48%;
	float:left;
	clear:both;
	font-weight:normal;
}

#flower_table dd {
	width:52%;
	float:left;
}

#flower_title {
	margin-bottom:0.4em;
}

#kaisuiyoku {
	margin-top:0.5em;
}

#kaisuiyoku > p {
	font-size:1.1em;
	margin-bottom:0.2em;
}

div#kaisuiyoku div#kaisuiyoku_table {
	display:table;
	width:80%;
}

div#kaisuiyoku div#kaisuiyoku_table > div {
	display:table-cell;
	width:50%;
}

div#kaisuiyoku div#kaisuiyoku_table > div:first-child p {
		color:#00afec;
}

div#kaisuiyoku div#kaisuiyoku_table > div:nth-child(2) p {
		color:#ed6c00;
}

div#kaisuiyoku div#kaisuiyoku_table > div ul li {
	margin:0;
	padding:0;
}

.trip_main_image {
	width:50%;
}

#trip_comment1 {
	font-size:1.1em;
	line-height:1.4em;
	position:absolute;
	top:80%;
	left:3%;
	width:44%;
}

#trip_comment2 {
	font-size:1.1em;
	line-height:1.4em;
	position:absolute;
	top:80%;
	right:3%;
	width:44%;
}

#trip_comment1 h3, #trip_comment2 h3 {
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:0.6em;
	color:#fff;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px,
             black 1px -1px 2px, black -1px -1px 2px;
}

#trip_comment1 div, #trip_comment1 p, #trip_comment1 li, #trip_comment2 div, #trip_comment2 p, #trip_comment2 li {
	color:#fff;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px,
             black 1px -1px 2px, black -1px -1px 2px;
}

#trip_plan p {
	margin-top:0.4em;
}

#trip_plan ul li {
	white-space: nowrap;
	display:inline-block;
}

#trip_plan ul li:before {
	content: '　・';
}

#ryouri {
	float:right;
}

#ryouri2 {
	width:50%;
	padding-right:1em;
	box-sizing:border-box;
	margin-bottom:2em;
}

#station_area {
	background-image: url( images/about/station_back.jpg );
}

.station_area ul {
	margin-bottom:1em;
}

.station_area ul li {
	position:relative;
	width:320px;
	box-sizing:border-box;
	margin:0 0 2em 10px;
	float:left;
}

.station_area ul li:nth-of-type(3n+1) {
	clear:both;
	margin:0 0 2em 0;
}

.station_area ul li img:first-child {
	width:490px;
	height:auto;
}

.station_area ul li h3 {
	color:#00a95f;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.5em;
	margin:0.8em 0 0.6em 0;
}

.station_area ul li .station_text, .station_area ul li .station_data {
	font-size:1.1em;
	line-height:1.3em;
	margin-top:0.6em;
	
}

#nature_area, .nature_area {
	background-image: url( images/about/nature_back.jpg );
	background-position:top middle;
	background-repeat: repeat-x;
	margin-bottom:16px;
}

#nature_comment, .nature_comment {
	width:78%;
	margin-left:20%;
	margin-top:-36px;
	font-size:1.3em;
	line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.nature_list {
	margin-top:2em;
}

.nature_list > ul > li {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding: 1em 10px 1em 0;
	clear:both;
}

.nature_list > ul > li:nth-of-type(2n) {
	padding:1em 0 1em 10px;
	clear:none;
}

.nature_list > ul > li img {
	float:right;
	width:50%;
	clear:both;
}

.nature_list > ul > li h3 {
	color:#ba512d;
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
	margin-bottom:0.3em;
	width:50%;
}

.nature_list > ul > li p.nature_month {
	background-color:#3d62ad;
	color:#fff;
	padding:1px 4px;
	font-size:1.3em;
	line-height:1.7em;
	font-weight:bold;
	width:50%;
}

.nature_list > ul > li div.nature_text {
	padding:0.5em 1em 0 0;
	font-size:1.1em;
	line-height:1.3em;
	width:47%;
}

.nature_list > ul > li div.nature_data {
	font-size:1.1em;
	line-height:1.3em;
	padding:0.5em 0 0 0;
	width:46%;
}

.nature_list > ul > li div.nature_data dl dt {
	margin-left:1em;
	margin-top:0.3em;
}
.nature_list > ul > li div.nature_data dl dd {
	margin-left:1em;
}

.nature_list > ul > li h3.education_title {
	color: #7D4698;
}

.nature_list > ul > li div.nature_data ul {
	margin-top:0.3em;
}

.nature_list > ul > li div.nature_data ul li {
	white-space:nowrap;
	margin:0 0 0 1em;
	padding:0;
	display:inline-block;
}

.nature_list ul li div.nature_data ul li:before {
	content: '●';
}

#education_add {
	clear:both;
	padding:2em 0 0 0;
	font-size:1.2em;
	line-height:1.4em;
}

#history_area {
	background-image: url( images/about/history_back.png );
	background-position:top middle;
	background-repeat: repeat-x;
}

#history_comment {
	margin-top:1em;
	font-size:1.3em;
	line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.history_sub_title {
	margin: 1.5em 0 0.8em 0;
	font-size:1.5em;
	line-height:2em;
	border-top:2px solid #924898;
	border-bottom:2px solid #924898;
	font-weight:bold;
	color:#924898;
	display:inline-block;
}

#history_comment2 {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:-1em;
}

.history_sub_title2 {
	margin: 1.5em 0 0 0;
	font-size:1.5em;
	line-height:2em;
	border-top:2px solid #913703;
	border-bottom:2px solid #913703;
	font-weight:bold;
	color:#913703;
	display:inline-block;
}

h2#history_title {
	padding-top:1.2em;
}

.nature_list > ul > li h3.history_title {
	color: #924898;
}

.nature_list > ul > li h3.history_title2 {
	color: #913703;
}

#hiking_area {
	background-image: url( images/about/hiking_back.jpg );
	background-position:top right;
	background-repeat: no-repeat;
}

.hiking_main {
	width:50%;
	float:left;
	margin:2em 0;
}

.rental_cycle {
	width:100%;
	display:table;
}

.rental_cycle div {
	width:50%;
	display:table-cell;
}

@media screen and (max-width:600px) {
	h2#top_title {
		margin: 0;
		padding:0;
		width:50%;
	}
	#about_flower1 {
		width:35%;
		right:5%; top:10px;
	}
	#about_flower2 {
		width:25%;
		left:70%; top:70%;
	}
	#about_flower3 {
		width:25%;
		left:5%; top:130px;
	}
	#about_top_top {
		overflow:hidden;
	}
	#about_ship {
		width:80%;
		margin-top:-4em;
		margin-left:10%;
	}
	#about_catch {
		width:30%;
		margin:5em auto;
		position:relative;
		z-index:100;
	}
	
	#about_fish3 {
		position:relative;
		top:0;
		left:0;
		width:20%;
		margin:-5em 0 0 5em;
	}
	
	#about_fish2 {
		text-align:right;
		margin-top:10px;
		width:100%;
	}
	
	#about_fish2 img {
		width:35%;
		margin-right:20%;
	}
	
	#about_fish1 {
		margin:5em 0 3em 3em;
		width:30%;
		display:inline-block;
	}
	
	#about_menu {
		font-size:1.4em;
		line-height:1.6em;
		position:relative;
		right:0;
		bottom:0;
		display:inline-block;
		margin: 3em 1em 2em 2em;
	}
	
	#about_menu h2 {
		font-size:1.2em;
		padding-bottom:0.5em;
		font-weight:bold;
		color:#fff;
	}
	.eat_image #eat_comment1 {
		width:95%;
		border:0;
		padding:0;
		font-size:1.2em;
		position:relative;
		right:0;
		bottom:0;
		margin:1em auto;
	}
	.eat_title2 {
		margin-left:0;
		width:100%;
	}
	.eat_title2 img {
		width:100%;
	}
	#eat_comment2 {
		padding:1em 0 2em 0;
		font-size:1.3em;
		line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		width:100%;
	}
	#mobile_flower_title {
		clear:both;
		padding-top:1em;
		font-size:1.2em;
		line-height:1.5em;
		margin-bottom:0.6em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		color:#000;
	}
	.eat_left {
		float:none;
		clear:both;
		width:100%;
		padding-bottom:2em;
		line-height:1.6em;
	}
	
	.eat_right {
		float:none;
		clear:both;
		width:100%;
		padding-bottom:2em;
		line-height:1.6em;
	}
	
	.eat_left img, .eat_right img {
		width: 50%;
	}
	.eat_area, .station_area {
		width:95%;
		margin:0 auto 1em auto;
	}
	.eat_area img.left {
		padding-right:1em;
	}
	
	.eat_area img.right {
		padding-left:1em;
	}
	
	.eat_area h3 {
		font-size:1.3em;
		line-height:1.5em;
		margin-bottom:0.6em;
		color:#000;
	}
	
	.eat_area img.width100 {
		width:100%;
		margin-bottom:0.5em;
	}
	#about_link {
		width:95%;
		margin:0 auto 2em auto;
	}
	div#kaisuiyoku div#kaisuiyoku_table {
		display:table;
		width:auto;
	}
	div#kaisuiyoku div#kaisuiyoku_table > div {
		display:table-cell;
		width:50%;
	}
	div#kaisuiyoku div#kaisuiyoku_table > div:nth-of-type(n+2) {
		padding-left:2em;
	}
	#trip_comment1 {
		margin:1em 2% 1em 3%;
		font-size:1.1em;
		line-height:1.4em;
		position:relative;
		top:0;
		left:0;
		width:45%;
		float:left;
	}
	
	#trip_comment2 {
		margin:1em 3% 1em 2%;
		font-size:1.1em;
		line-height:1.4em;
		position:relative;
		top:0;
		right:0;
		width:45%;
		float:right;
		
	}
	#trip_comment1 h3, #trip_comment2 h3 {
		font-size:1.2em;
		line-height:1.4em;
		margin-bottom:0.6em;
		color:#000;
		text-shadow: none;
	}
	
	#trip_comment1 div, #trip_comment1 p, #trip_comment1 li, #trip_comment2 div, #trip_comment2 p, #trip_comment2 li {
		color:#000;
		text-shadow: none;
	}
	#map_image {
		width:95%;
		margin-left:auto;
	}
	#station_area {
		overflow:hidden;
	}
	.eat_image #station_comment {
		width:95%;
		font-size:1.2em;
		line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		padding:1em 0;
		color:#000;
		font-weight:bold;
		position:relative;
		left:0;
		top:0;
		margin:auto;
	}
	#eat_comment_namero {
		width:95%;
	}
	#station_title {
		position:absolute;
		top:auto;
		bottom:10em;
		left:auto;
		right:-15%;
		width:60%;
	}
	.station_area ul li {
		width:95%;
		float:none;
		margin:1.5em auto;
		padding-bottom:1em;
	}
	
	.station_area ul li:nth-of-type(3n+1) {
		margin:1.5em auto;
	}
	
	.station_area ul li img:first-child {
		width:100%;
		height:auto;
	}
	#nature_comment, .nature_comment {
		width:95%;
		margin:1em auto 0 auto;
		font-size:1.3em;
		line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}
	.nature_list > ul > li {
		width:95%;
		float:none;
		padding: 1em 0 1em 0;
		margin:auto;
	}
	
	.nature_list > ul > li:nth-of-type(2n) {
		padding: 1em 0 1em 0;
		clear:both;
		width:95%;
		margin:auto;
	}
	#history_area .nature_list > ul > li:last-of-type img {
		padding-bottom:3.5em;
	}
	#education_add {
		padding:2em 0 0 0;
		font-size:1.2em;
		line-height:1.4em;
		width:95%;
		margin:0 auto 1em auto;
	}
	#history_title, #history_comment {
		width:95%;
		margin:1em auto 0 auto;
	}
	.history_sub_title {
		width:95%;
		margin:1.5em auto 0.8em auto;
		display:block;
		clear:both;
	}
	.history_sub_title2 {
		width:95%;
		margin:1.5em auto 0 auto;
		display:block;
		clear:both;
	}
	#history_comment2 {
		width:95%;
		margin:0 auto -1em auto;
	}
	.hiking_main {
		width:95%;
		margin:2em auto 0 auto;
		float:none;
	}
	
}