@charset "UTF-8";
/*基本の青*/
/*薄いグレー*/
/*薄いグレー*/
/*スマホメニューの色*/
/*スマホメニューの色*/
.container {
  max-width: 1200px;
  margin: 20px auto 0 auto;
}

.container .item-base {
  display: -webkit-box;
  display: -ms-flexbox;
  overflow: hidden;
  background-color: #999;
  width: 375px;
  height: 375px;
  position: relative;
}
.container .item-base a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0;
}
.container .item-base a span {
  position: absolute;
  width: 100%;
  background-color: rgba(132, 115, 115, 0.6);
  padding: 5px 0;
  text-align: center;
  bottom: 10px;
  left: 0;
  font-size: 1.2em;
}
.container .item-base .itembox {
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.container .item-base .itembox.item1 {
  background: url(../images/top/bg01.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item2 {
  background: url(../images/top/bg02.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item3 {
  background: url(../images/top/bg03.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item4 {
  background: url(../images/top/bg04.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item5 {
  background: url(../images/top/bg05.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item6 {
  background: url(../images/top/bg06.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item7 {
  background: url(../images/top/bg07.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item8 {
  background: url(../images/top/bg08.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox.item9 {
  background: url(../images/top/bg09.jpg) 0 0 no-repeat;
  background-size: cover;
}
.container .item-base .itembox:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (max-width: 820px) {
  .container .item-base {
    width: 42%;
    height: 157px;
  }
  .container .item-base a span {
    font-size: 1em;
  }
}