@charset "UTF-8";
/* CSS Document */
.tab-menu {
display: flex;
justify-content: flex-start;
align-items: center;
text-align: center;
margin : 0 1%;
}
.tab-menu > li {
  flex-basis: 14.28%;
  border-top : 1px solid #cbbc99;
  border-bottom: 1px solid #cbbc99;
  border-left: 1px solid #cbbc99;
}
.tab-menu li:last-child {
margin : 0;
border-right: 1px solid #cbbc99;
}

.tab-menu > li > a {
  color:#7D7D7F;
  display:block;
  padding: 20px 0;
  font-size:1.5rem;
  font-weight: bold;
  text-align: center;
  background: #353535;

}
.tab-menu > li > a:hover {
color:#ccc700;
text-decoration: none;
}
.tab-menu > li>  a:active {
background:#757575;
}
.tab-menu > li.sat > a {
  color: #3295fe;
}
.tab-menu > li.sun > a {
  color: #e91e63;
}

.tab-menu > li.selected > a {
  color: #cbbc99;}

.tab-contents {
padding:20px 0;
/*margin: 0 40px;*/
}
.tab-contents .hidden {
display:none;
}


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

.thumbnails {
  display: flex;
  flex-wrap: wrap;
}
.thumbnails li {
	margin: 0;
	border: 1px solid #ccc;
  flex-basis:  calc(100%/6);
}
.thumbnails li.selected {
	border: 1px solid #ccc;
}

.bx-pager {
  display: flex;
  /* flex-wrap: wrap; */
}
.bx-pager a {
	margin: 0;
	border: 1px solid #ccc;
  flex-basis: 33.33%;
}
.bx-wrapper {
  margin-bottom: 0;
}

/* ===================================================================================================
 mediaQuery　(max-width: 667px)
=====================================================================================================*/
@media screen and (max-width: 667px) {
  .gallery {
    width: 100%;
    border: solid 1px #ccc;
    line-height: 0;
    margin: 0 auto;
  }
  .mainimage > img {
    max-width: 100%;
  }
  .tab-menu > li > a {
    padding: 4px 0;
    font-size:10px;
  }
  .thumbnails {
    flex-wrap: nowrap;
}
  }