@charset "UTF-8";
/* CSS Document */
.tab-menu {
border-bottom:6px solid #ff7aaf;
}
.tab-menu > li {
float:left;
margin : 0 3px 0 0 ;
}
.tab-menu li:last-child {
margin : 0;
}

.tab-menu > li > a {
display:block;
padding:8px 9px 4px;
background:#bbb;
border-radius: 5px 5px 0 0 ;
color:#fff;
font-size:12px;
}
.tab-menu > li > a:hover {
background:#a2a2a2;
}
.tab-menu > li>  a:active {
background:#757575;
}
.tab-menu > li.selected > a {
background:#ff7aaf;
color:#fff
}
.tab-contents {
padding:20px 0;
/* background:#ededed; */
}
.tab-contents .hidden {
display:none;
}
/* スマートフォン向け `*/@media screen and (max-width:640px) {
.tab-menu > li {
margin : 0 2px 0 0 ;
}
.tab-menu > li > a {
display:block;
padding:5px 5px 3px 5px;
}
}

/* ギャラリー　*/
.gallery {
	width: 90%;
	border: solid 1px #ccc;
	line-height: 0;
	margin: 0 auto;
}
.mainimage {
	text-align: center;
}
.mainimage > img {
	max-width: 100%;
}
.thumbnails {
  display: flex;
}
.thumbnails li {
	margin: 0;
	border: 1px solid #ccc;
  flex-basis: 33.34%;
}
.thumbnails li.selected {
	border: 1px solid #ccc;
}
.thumbnails li img {
	width: 100%;
	height: 100%;
}