@charset "UTF-8";

main{
    margin: 0px 1em;
}

/* フォトギャラリーページ */

* img{
    max-width: 100%;
}

.photo_box{
    margin: 50px 20px;
    
}
.photo_box ul{
    width: 100%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.photo_box ul li{
    margin-bottom: 3em;
    max-width: 31%;
    display: flex;
    flex-flow: column;
}

.photo_box ul li:not(:nth-of-type(3n)) {
    margin-right: calc((100% - 31% * 3 ) / 2);
}

.photo_box ul li img{
    border: 5px solid #fff;
  border-bottom: 5px solid #fff;
  -webkit-box-shadow: 1px 2px 2px 1px #999;
     -moz-box-shadow: 1px 2px 2px 1px #999;
          box-shadow: 1px 2px 2px 1px #999;
}
.photo_box ul li p{
    margin: 0;
    text-align: center;
    margin-top: auto;
}
@media screen and (max-width: 700px) {
    .photo_box ul li {
        max-width: 100%;
    }

    .photo_box ul li:not(:nth-of-type(3n)) {
        margin-right: 0;
    }

    .photo_box ul li p{
        display: none;
    }
}