﻿@charset "utf-8";

header, nav, #main_img, #contents, footer #footer_box {
	width: 100%;
}
header h1 img{
	width: 100%;
	max-width: 316px;
}
nav ul {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}
#path_arrow {
	padding-left: 1em;
}
#main_img {
	padding-top: 10px;
}
#main_img ul li img {
	width: 100%;
}
#main {
	width: auto;
	float: none;
	padding: 0 1em;
}
nav ul li#nav_concept,
nav ul li#nav_shop,
nav ul li#nav_fish,
nav ul li#nav_contact {
	width: 100%;
}
nav ul li#nav_concept a,
nav ul li#nav_shop a,
nav ul li#nav_fish a,
nav ul li#nav_contact a {
	display: block;
	height: auto;
	margin-bottom: 1px;
	border: 2px solid #26b6d5;
	padding: 15px 0 15px 0;
	background-image: none;
	color: #26b6d5;
	text-align: center;
	text-decoration: none;
}
nav ul li#nav_concept a:hover,
nav ul li#nav_shop a:hover,
nav ul li#nav_fish a:hover,
nav ul li#nav_contact a:hover {
	background-color: #b8e8f2;
}
#news ul li {
	padding: 10px 0 10px 0;
	text-indent: 0;
}
#news ul li time {
	display: block;
	width: auto;
	margin-bottom: 5px;
}
.fish_box figure {
	width: 300px;
	margin: auto;
	margin-bottom: 10px;
	float: none;
}
.fish_box figure:nth-child(3){
	margin: auto;
	margin-bottom: 10px;
}
.fish_box figure img {
	width: 300px;
}
#sub {
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	margin-top: 50px;
	float: none;
}
#sub img {
	width: 100%;
	max-width: 200px;
}
footer #pagetop{
	padding-right: 1em;
}