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


/*共通*/


/*コンセプト*/
.concept_wrap{}
.concept_wrap h2 img{max-width:670px;display:block;margin:0 auto;padding:0 0 4%;width:90%;}

.photo_wrap{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content:space-between;
	padding:5% 0;
	}
.photo_wrap img{width:33%;max-width:310px;}


.world_area{padding:5% 0;}
.world_area h3{color:#2EA7E0;font-size:24px;padding:2% 0;}

.fish_wrap{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content:space-between;
	padding:5% 0 0;
	}
.fish{
	width:49%;
	max-width:470px;
	}
.fish img{
	width:30%;
	max-width:160px;
	float:left;
	}
.fish .fish_name{
	color:#09F;
	border-bottom:1px #09F solid;
	padding-bottom:3%;
	margin-bottom:3%;
	line-height:1.2em;
	}
	
.fish .text{
	display:block;
	width:68%;
	float:right;
	padding-left:2%;
	}
	
.fish .text p{
	font-size:18px;
	line-height:1.4em;
}

.order_banner{
	display:block;
	margin:8% auto 0;
	max-width:800px;
	}



/*スライダー*/
.hide{
	display:none;
}


/*バナー*/
.bnr_blog{display:block;max-width:600px;margin:10% auto 0;}

@media screen and (max-width:800px) {


}

@media screen and (max-width:700px) {
	
.photo_wrap{
	display: block;
	padding:5% 0;
	}
.photo_wrap img{width:100%;max-width:650px;margin-bottom:5%;}

.world_map{margin-bottom:8%;}

.fish_wrap{
	display: block;
	padding:0;
	}

.fish{
	width:100%;
	max-width:650px;
	margin-bottom:10%;
	}
.fish .text p{
	font-size:15px;
	line-height:1.4em;
	padding-left:0;
}






}