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

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {
/*ここにcss*/




.aquarium{
	background-color:#f5f5f5;
	color:#230F03;
	padding:80px 0;
	box-sizing:border-box;
}
.aquarium_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.aquarium_title{
	text-align:center;
	margin-bottom:70px;
}
.aquarium_txt{
	width:800px;
	margin:0 auto 70px;
	line-height:1.6em;
	text-align:left;
}



.aquarium_img{
	margin:0 auto 80px;	
}
.aquarium_img img{
	width:100%;
	height:auto;
}

.aquarium_img2{
	width:800px;
	margin:0 auto
}
.aquarium_img2 img{
	width:100%;
	height:auto;
}

.photo{
	background-color:#1b181c;
	color:#FFF;
	box-sizing: border-box;
	padding: 80px 0;
}
.photo_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.photo_title{
	text-align:center;
	margin-bottom:70px;
	
}
.photo_txt{
	width:800px;
	margin:0 auto;
	line-height:1.6em;
	text-align:left;
}
.photo_txt img{
	width:100%;
	height:auto;
	margin-top:25px;
}

.page_photo_con{
	width:1000px;
	margin:0 auto 80px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.list_box{
    width:250px;
	box-sizing:border-box;
	border:1px solid #1b181c;
}
.list_box span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position:center center;
}
.list_box span:hover {
    opacity: .8;
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {
/*ここにcss*/

.aquarium{
	background-color:#f5f5f5;
	color:#230F03;
	padding:40px 0;
	box-sizing:border-box;
}
.aquarium_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.aquarium_title{
	text-align:center;
	margin-bottom:35px;
}
.aquarium_txt{
	width:90%;
	margin:0 auto 35px;
	line-height:1.6em;
	text-align:left;
}



.aquarium_img{
	margin:0 auto 40px;	
}
.aquarium_img img{
	width:100%;
	height:auto;
}

.aquarium_img2{
	width:90%;
	margin:0 auto
}
.aquarium_img2 img{
	width:100%;
	height:auto;
}

.photo{
	background-color:#1b181c;
	color:#FFF;
	box-sizing: border-box;
	padding: 40px 0;
}
.photo_con{
	text-align:center;
	width:100%;
	margin:0 auto;	
}
.photo_title{
	text-align:center;
	margin-bottom:70px;
	
}
.photo_txt{
	width:90%;
	margin:0 auto;
	line-height:1.6em;
	text-align:left;
}
.photo_txt img{
	width:100%;
	height:auto;
	margin-top:25px;
}


/*画像リスト*/
.page_photo_con{
	width:90%;
	margin:0 auto 50px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}


.list_box{
    width:50%;
	box-sizing:border-box;
	border:1px solid #1b181c;
}
.list_box span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position:center center;
}
.list_box span:hover {
    opacity: .8;
}








/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/