#container{
display:	block;
max-width:	580px;
text-align:	center;
margin: 0 auto;
background-color: white;	
padding-top: 0px;
}
/***************** アルバム ****************/
#archives{		/* アルバム全体 */
display:	block;
}
.articleBox{
height:auto;
text-align:	left;
}
.wp-block-image,
.gallery-icon{
height:120px;
}
.articleBox,
.wp-block-image{
display: -webkit-flex;
display: flex;
margin: 	0 ;
padding: 	0 ;
}

.articleDoc,
.gallery-item dd {
margin-left: 1.7rem;
}

.articleTitle{
font-size: 		1.6rem;
line-height: 	1.2em;
word-wrap: break-all;		/* はみ出たら行送り */
}

.articleOutline,
.articleContent,
.photographer,
.gallery-caption{
font-size: 			1.3rem;
line-height: 		1.3em;
overflow: visible;
font-feature-settings: "palt" 1;
text-align:	left;
}
.articleOutline,
/* .articleContent, */
.photographer{
margin-top: 0.5em;
}
.articleDoc{
display:	block;
overflow: visible;
}

/*-------------------ギャラリー*/
/*サムネイルの隙間：アーカイブとシングル*/
.articleBox,
.gallery-icon{
margin-bottom:		3rem;	
}

.articleThumb img,
.wp-block-image img,
.blocks-gallery-item img,
.gallery-item img{
filter:	grayscale(1)	opacity(0.7);
}
.articleThumb img:hover,
.wp-block-image img:hover,
.blocks-gallery-item img:hover,
.gallery-item img:hover{
filter: none;
}
article a:hover {
color: #444;
}


/***************** media ****************/
@media screen and (max-width:640px) {
#container{
padding:	0	1rem;
}
}
@media screen and (max-width:400px) {
#footer {
padding-top: 3rem;
}
}