@charset "utf-8";
/* CSS Document */

/*----------------------共通部分--------------------*/

body {
    margin: 0;
    padding: 0;
    color: #001858;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: .4px;
    font-family: M PLUS\ 1p,sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
}

/* IE11だけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
}

img {
    vertical-align: bottom;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    color: #001858;
    text-decoration: none;
}

a:visited {
    color: #8bd3dd;
}

a:hover {
    text-decoration: underline;
}

a img:hover {
    opacity: .8;
}

.contents {
    margin: 0 auto;  
}

/*トップ*/

.title {
    font-size: 3em;
    font-weight: 900;
    background-color: #78c0a8;
    color: #fff;
    text-align: center;
    padding: 2em;
    margin-bottom: 100px;
}


#lightGallery {
    max-width: 1260px;
    margin: 0 auto;
    padding: 10px;
	display: flex;
	flex-wrap:wrap;
    justify-content: center;
}
#lightGallery a{
width: calc(100%/5);
padding:10px;
box-sizing:border-box;
}

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


@media screen and (max-width: 600px) {
  

.title {
    font-size: 1.5em;
    padding: 2em;
    margin-bottom: 30px;
} 

#lightGallery a{
    padding:10px 5px;
    box-sizing:border-box;
    }
  
}