@charset "UTF-8";


.imgBox {
	width: 60em;
	margin: 40px auto;
	text-align: center;
}

.imgBox .col2 {
	display: inline-block;
	width: 47%;
	margin-left: 1%;
}

.imgBox .col3 {
	display: inline-block;
	width: 31%;
	margin-left: 1%;
}


.imgBox .col4 {
	display: inline-block;
	width: 23%;
	margin-left: 1%;
}


.imgBox .col2 img,
.imgBox .col4 img {
	width: 100%;
}

.cap{
	text-align: center;
	margin-top: 7px;
}

@media screen and (max-width:767px) {
.imgBox {
	width: 100%;
	margin: 40px auto;
}
.imgBox .col2 {
	width: 47%;
	margin-left: 1%;
}
}

.LinkBox{
	margin: 50px auto;
}

@media screen and (max-width:767px) {
.LinkBox{
	margin: 5vw auto;
	}
}

.p_Linkbtn a {
	width: 50%;
  color: #fff;
  padding: 7px 45px 6px 25px;
  font-size: 1.3rem;
  display: block;
  margin-bottom: 10px;
  transition : 1s;
}

.p_Linkbtn.-purple a {
  background: #5c4b61;
}

.p_Linkbtn.-purple a:hover {
  opacity: 0.6;
}

@media screen and (max-width:767px) {
 .p_Linkbtn a {
  width: 100%;
  color: #fff;
  padding: 2vw 0 2vw 3vw;
  font-size: 1.3rem;
  display: block;
  transition : 1s;
  margin: 0 10% 3vw 10%;
}
}

.imagegrid {
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  max-width: 55em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.imagegrid .item {
  padding: 5px;
  max-width: 26.786em;
}
@media screen and (max-width:767px) {
.imagegrid {
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  max-width: 55em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.imagegrid .item {
  padding: 5px;
  max-width: 26.786em;
}
}


.time {
	width:100%;
	margin: 5px auto;
	text-align: center;
 	}

.time .item{
	width:22%;
	display:inline-block;
	padding: 5px;
	margin: 0!important;
 	}

.time .item.wh{
	background-color: white;
	 	}
	 	
.time .item.pp{
	background-color: #f3d8fb;
	 	}


/* add for english page */
.imgBox.en .col4{
	vertical-align: top;
}
.time.en{
	display: flex;
}