@charset "euc-jp";

/* カラーミーキット（2カラム） - トップ */

#informationBox,
#freeSpaceBox,
#newItemsBox,
#recommendedBox {
  margin-bottom: 80px;
}

.seeMore {
  position: relative;
  display: block;
  margin-left: auto;
  color: #505050;
  border: #505050 1px solid;
  border-radius: 3px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 10.5px 0 10.5px 0;
  width: 200px;
  background-image: url("https://img15.shop-pro.jp/PA01156/353/etc/arrow.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: 8px;
}

.hover .seeMore:hover {
  color: #FFFFFF;
  background-color: #505050;
  transition: background-color 0.2s ease-in-out 0s;
}

/* slider */

.sliderBox {
  height: 563px;
  overflow: hidden;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: 0px !important;
}

.bx-caption {
  text-align: center;
  font-size: 21px;
}

/* お知らせ */

#informationBox {
  background-color: #fff7f5;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
}

#informationBox .news {
  padding: 1em 0;
}

#informationBox .news a {
  text-decoration: underline;
}

#informationBox .date {
  display: inline;
  margin-right: 1em;
  vertical-align: top;
}

#informationBox .text {
  display: inline;
  vertical-align: top;
}

/* フリースペース */

#freeSpaceBox #notice,
#freeSpaceBox #apologies {
  position: relative;
  border: solid 3px #ff0000;
  text-align: center;
  padding: 40px;
}

#freeSpaceBox #notice h4,
#freeSpaceBox #apologies h4 {
  font-size: 20px;
  line-height: 1.5;
  color: #ff0000;
  margin: 0;
  padding: 0 0 1em 0;
}

#freeSpaceBox #notice p,
#freeSpaceBox #apologies p {
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 768px) {

#informationBox,
#freeSpaceBox,
#newItemsBox,
#recommendedBox {
  margin-bottom: 16vw;
}

.seeMore {
  margin: 0 auto 0 auto;
  color: #505050;
  border: #505050 1px solid;
  border-radius: 0.6vw;
  line-height: 1;
  text-align: center;
  font-size: 2.8vw;
  padding: 2.1vw 0 2.1vw 0;
  width: 40vw;
  background-position: 95% center;
  background-size: 2.8vw;
}

.hover .seeMore:hover {
  color: #FFFFFF;
  background-color: #505050;
  transition: background-color 0.2s ease-in-out 0s;
}

/* slider */

.sliderBox {
  height: 64vw;
}

.bx-caption {
  font-size: 4.2vw;
}

/* お知らせ */

#informationBox {
  padding: 2vw;
  font-size: 3.2vw;
}

#informationBox .date {
  display: block;
  margin-right: 0;
}

#informationBox .text {
  display: block;
}

/* フリースペース */

#freeSpaceBox #notice,
#freeSpaceBox #apologies {
  border: solid 0.6vw #ff0000;
  padding: 8vw;
}

#freeSpaceBox #notice h4,
#freeSpaceBox #apologies h4 {
  font-size: 4vw;
}

#freeSpaceBox #notice p,
#freeSpaceBox #apologies p {
  font-size: 3.2vw;
}

}