@charset "UTF-8";

/**/

h1>img{max-width:55%}

#all-box{
	background:#fff;
	margin:auto;
	max-width:1120px;
	width:95%
}

#all h2{margin:0}

#all p{margin:0}

#all strong{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	display:block;
	font-size:18px;
	margin:3%;
	text-align:center;
	padding:3% 0;
}

#dog-photo{
	overflow:hidden;
	padding:5% 0
}

#dog-photo .row+.row{margin-top:2%}

/**/

@media(max-width:500px){
	#all p{font-size:12px}
	
	#all strong{font-size:13px}
}

@media(max-width:767px){
	#dog-photo .row>*{
		display:block;
		text-align:center
	}
	
	#dog-photo .row>*+*{margin-top:2%}
	
	#dog-photo img{padding:0 5%}
}

/********************
 * アーカイブページ
 ********************/
 
#main{text-align:center;}

/*-*/

#main h2>img{
  max-width:55%;
  margin:40px 0 0px;;
}

#list{
  margin:auto;
  max-width:1120px;
  text-align:left;
  padding: 0;
}

#list>*{
  display:inline-block;
  margin-top:50px;
  text-align:center;
  vertical-align:top;
  width:33.3%;
}

#list a{
  color:#000000;
  letter-spacing:1px;
  display:inline-block;
  text-align:left;
  text-decoration:none;
  width:95%;
}

#list img{
  max-width:100%;
}

#list h3{
  font-size:15px;
  line-height:1.5em;
  height:50px;
  margin:10px 0;
}

@media(max-width:500px){
	#list h3{font-size:12px}
	
}

@media(max-width:767px){
	figure img{
		display:block;
		text-align:center;
	}
	
	#main h2>img{
		 max-width:40%;
		 margin:20px 0 0px;;
	}

	#list{
        padding: 0 5px;
		max-width:100%;
	}

	#list>*{
  		display: block;
  		width: auto;
	}

	#list img{
	  max-width: 50%;
	  float: left;
	}
	
	figcaption{
		width: 45%;
		float: right;
	}

#list h3{
	font-size:15px
	}

}