@charset "UTF-8";

/* gallerySect ------------------*/
.gallerySect{
background-color:rgba(255, 255, 255, 0.7);
width:300px;
padding:15px 30px;
position:absolute;
top:20px;
left:18px;
box-sizing:border-box;
}

.gallerySect .logo{
font-size:90%;
color:#70a754;
text-align:center;
line-height:1.8;
padding:15px 0;
border-bottom:1px solid #70a754;
}

.gallerySect .logo img{
max-width:100%;
}

.gallerySect .logo > .txt01{
font-size:140%;
display:block;
}

.gallerySect .txt{
font-size:85%;
color:#0f4b89;
line-height:1.8;
padding:15px 0;
}

.galleryList{
display:none;
}

.galleryList li{
margin-bottom:4%;
}

.galleryList img{
max-width:100%;
}

.galleryList .txtCaption{
color:#0f4b89;
padding:10px 15px 30px;
}

/* thumb-tray ------------------*/
#thumb-tray .txtCatch{
font-size:400%;
line-height:1.2;
letter-spacing:0.1em;
color:#0f4b89;
}

@media screen and (max-width: 1200px) {
/* thumb-tray ------------------*/
#thumb-tray .txtCatch{
font-size:5vw;
}
}

@media screen and (max-width: 767px) {
/* gallerySect ------------------*/
.gallerySect{
background-color:rgba(255, 255, 255, 1);
width:100%;
padding:30px 15px 25px;
position:static;
top:auto;
left:auto;
}

.gallerySect .txt{
display:none;
}

.galleryList{
display:block;
}

/* thumb-tray ------------------*/
#thumb-tray .txtCatch{
font-size:140%;
}
}

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


@media screen and (min-width: 767px) {
img{
max-width: 100% !important;
max-height: 100% !important;
}
#supersized li{
box-sizing: border-box;
padding-bottom: 235px;
}
#supersized li img,
#supersized li.prevslide img,
#supersized li.activeslide img{
width: auto !important;
margin-top: auto !important;
}
}