#theme-gallery {
background: url(https://theme.movabletype.net/.assets/bg-gallery.png) no-repeat center top;
background-size: cover;
background-attachment: fixed;
}

#theme-gallery .inner {
max-width: 1180px;
margin: 0 auto;
padding: 4em 0 1em 0;
}

.theme-gallery-header {
text-align: center;
}

#theme-gallery h1 {
margin-bottom: 15px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 90px;
line-height: 1;
letter-spacing: 3px;
}

#theme-gallery .lead {
margin-bottom: 2em;
font-size: 22px;
}

#theme-gallery .text {
margin-bottom: 1em;
}

#theme-gallery .button {
margin-bottom: 3em;
}

#theme-gallery .button .btn-account {
    padding: 0.5em 8em;
    font-size: 17px;
    line-height: 38px;
}

#theme-gallery .button .btn-account img {
	position: relative;
	top: 3px;
	width: 22px;
	height: auto;
}

#theme-gallery .inner ul li {
width: 32%;
margin: 0 2% 30px 0;
float: left;
list-style: none;
text-align: center;
}

#theme-gallery .inner ul li:nth-child(3n) {
margin-right: 0;
}

#theme-gallery .inner ul li img {
max-width: 100%;
}

#theme-gallery .inner ul li figure {
display: block;
max-height: 230px;
overflow: hidden;
border: solid 1px #e1e1e1; 
}

#theme-gallery .inner ul li a {
display: block;
padding: 0.5em;
color: #111;
background: #fff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.06);
}

#theme-gallery .inner ul li a:hover {
text-decoration: none;
background: #fffcf4;
}

#theme-gallery .inner ul li h2 {
margin-bottom: 0;
padding: 10px 0 5px 0;
font-size: 135%;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}

#theme-gallery .inner ul li p {
margin-bottom: 0;
font-size: 86%;
}

.content-404 {
max-width: 880px;
margin: 70px auto 70px auto;
padding: 30px;
background: rgba(255,255,255,0.8);
box-shadow: 2px 2px 0 rgba(0,0,0,0.15);
}

.content h2.title-404 {
margin-bottom: 10px;
font-size: 40px;
line-height: 1.3;
}

#footer-top {
background: #111;
}

#footer-top .logo .sa {
display: inline-block;
width: 94px;
height: 53px;
vertical-align: bottom;
}


/* ------------------------------------------
                 for tablet
------------------------------------------ */

@media(max-width:768px){

#theme-gallery .inner {
padding-left: 1em;
padding-right: 1em;
}

#theme-gallery .inner ul li figure {
    max-height: 135px;
}

#theme-gallery .inner ul li {
    width: 48%;
    margin: 0px 4% 30px 0px;
}

#theme-gallery .inner ul li:nth-child(3n) {
margin-right: 4%;
}

#theme-gallery .inner ul li:nth-child(even) {
margin-right: 0;
}

#theme-gallery .inner ul li figure {
min-height: 215px;
}


}

/* ------------------------------------------
                 for sp
------------------------------------------ */

@media(max-width:480px){

#theme-gallery h1 {
font-size: 40px;
letter-spacing: 1px;
}

#theme-gallery .inner ul li {
    width: 100%;
    margin-right: 0;
    float: none;
}

#theme-gallery .inner {
    margin: 0px auto;
    padding: 2em 1em 1em;
}

#theme-gallery .lead {
    margin-bottom: 1em;
	font-size: 18px;
}

#theme-gallery .inner ul li figure {
min-height: 170px;
}

.content-404 {
margin: 0 auto 30px auto;
padding: 15px;
}

.content h2.title-404 {
margin-bottom: 10px;
font-size: 25px;
line-height: 1.3;
}

#theme-gallery .text {
font-size: 13px;
margin-bottom: 1em;
}

#theme-gallery .button .btn-account {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 38px;
}

#theme-gallery .button .btn-account {
    line-height: auto;
}

}