@charset "UTF-8";

/* Base */
html { font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 18px;  }
body { background-color: rgb(242, 242, 200); color: rgb(0, 0, 0); }
h1 { font-size: 100%; margin: 0; }
img { vertical-align: middle; }

/* Page header */
.page-header {

    background-color: rgb(200, 200, 200);
    border-bottom: 3px solid rgb(230, 230, 230);
    padding: 16px 16px 10px;
    width: 100%;
}
.inner {
 
    /* background-color: transparent    
    background-color: rgb(200, 120, 100); */
    line-height:20px;
    width: 80%;
    margin: auto;
}
.site-logo {
    line-height: 20px;
}

/* Page main */
.page-main {
    margin: auto;
    padding: 0 10px 100px;
    width: 550px;
}


/*
 * Gallery
 */

.gallery {
    margin: 0;
    padding: 0;
}

.gallery-item {
    list-style: none;
    margin-top: 10px;
}

/* 画像の読み込み中は見えないように */
.gallery-item.is-loading {
    opacity: 0;
}