@CHARSET "UTF-8";

#top_logo{
	text-align: center;
}

.menu_nav{
	display: inline-block;
}
.menu_nav a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	margin: 20px;
}

.menu_nav_img{
	display: inline-block;
	vertical-align: bottom;
}


.title_header{
	color: #006793;
	font-size: 2.5rem;
	font-weight: bold;
}
.title_text{
	color: #C6C6C6;
	margin-top: 5px;
}

.title_box{
	border: 3px solid #006793;
	padding: 25px;
	color: #006793;
}
.title_box_title{
	font-size: 1.5rem;
	font-weight: bold;
}
.title_box_text{
	font-weight: lighter;
}
.text_contents{
	color: #463E3B;
	line-height: 2.0rem;
	letter-spacing: 0.1rem;
}

.border_div{
	border-bottom: 2px solid #BFBCBB;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.store_box{
	color: #006793;
	line-height: 1.5rem;
}
.store_box_title{
	font-size: 1.5rem;
	font-weight: bold;
}
.store_box_text a{
	font-size: 1.5rem;
	color: #006793;
	font-weight: lighter;
	text-decoration: none;
}
.store_text_contents{
	color: #463E3B;
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: lighter;
}
.store_text_contents a{
	color: #463E3B;
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: lighter;
	text-decoration: none;
}

.tabelogu{
	display: inline-block;
	color: #ffffff;
	background-color: #F39800;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	text-decoration: none;
}
.googlemap{
	display: inline-block;
	color: #ffffff;
	background-color: #898989;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}


.company_profile_block{
	margin-bottom: 30px;
}
.company_profile_head{
	font-size: 1.5rem;
	width: 40%;
	vertical-align: top;
}
.company_profile_body{
	font-size: 1.3rem;
	display: inline-block;
	color: #6C6664;
	font-weight: lighter;
}
.company_profile_body a{
	font-size: 1.3rem;
	color: #6C6664;
	font-weight: lighter;
	text-decoration: none;
}

@media screen and (max-width:768px) { 
	.min_width_768px{
		display: none;
	}
	
	#top_logo{
		margin-top: 10px;
	}
	
	.main_contents{
		width: 100%;
	}
	
	.contents_space_m{
		height: 20px;
	}
	.contents_space_mm{
		height: 30px;
	}
	.contents_space_l{
		height: 30px;
	}
	
	.menu_nav a{
		font-size: 10vw;
		padding: 2vw;
	}
	
	
	
	.title_header{
		font-size: 2.5rem;
	}
	.title_text{
		margin-top: 5px;
	}
	
	.title_box{
		text-align: center;
	}
	.title_box_title{
		font-size: 1.5rem;
	}
	.text_contents{
		line-height: 2.0rem;
	}
	
	.border_div{
		border-bottom: 2px solid #BFBCBB;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.store_box{
		line-height: 1.5rem;
	}
	.store_box_title{
		font-size: 1.5rem;
	}
	.store_box_text a{
		font-size: 1.5rem;
	}
	.store_text_contents{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.store_text_contents a{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	
	.tabelogu{
		border-radius: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.googlemap{
		border-radius: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	
	.company_profile_block{
		margin-bottom: 30px;
	}
	.company_profile_head{
		font-size: 1.5rem;
		width: 40%;
	}
	.company_profile_body{
		font-size: 1.1rem;
		margin-left: 20px;
	}
	.company_profile_body a{
		font-size: 1.1rem;
		margin-left: 20px;
	}
	
	.button_contents{
		margin-bottom: 40px;
	}
	
	.copyright{
		text-align: right;
		font-size: 0.8rem;
	}
}
@media screen and (min-width:768px){
	.max_width_768px{
		display: none;
	}
	
	.main_contents{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.contents_space_m{
		height: 50px;
	}
	.contents_space_mm{
		height: 60px;
	}
	.contents_space_l{
		height: 100px;
	}
	
	
	
	#thought_contents_col_1{
		float: left;
		width: 5%;
	}
	#thought_contents_col_2{
		float: left;
		width: 50%;
	}
	#thought_contents_col_3{
		float: left;
		width: 40%;
	}
	#thought_contents_col_4{
		float: left;
		width: 5%;
	}
	
	#fresh_fish_contents_col_1{
		float: left;
		width: 10%;
	}
	#fresh_fish_contents_col_2{
		float: left;
		width: 40%;
	}
	#fresh_fish_contents_col_3{
		float: left;
		width: 5%;
	}
	#fresh_fish_contents_col_4{
		float: left;
		width: 40%;
	}
	#fresh_fish_contents_col_5{
		float: left;
		width: 5%;
	}
	
	.shop_contents_col_1{
		float: left;
		width: 10%;
	}
	.shop_contents_col_2{
		float: left;
		width: 40%;
	}
	.shop_contents_col_3{
		float: left;
		width: 40%;
	}
	.shop_contents_col_4{
		float: left;
		width: 10%;
	}


	.title_box{
		display: inline-block;
	}
	#company_profile_table{
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	.company_profile_head{
		display: inline-block;
	}
	
	.copyright{
		text-align: right;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}