@charset "UTF-8";
/* フォントサイズ
=========================================== */
/* 矢印
=========================================== */
/* 角丸
=========================================== */
main {
  background-image: url(../img/izuhonten/bg.png);
}

.under #page_title {
  background-image: url(../img/izuhonten/page_title.jpg);
  color: #000;
}

.under #page_title::before {
  z-index: -1;
}

.brand_page .first_block .info {
  padding-top: 3em;
}

.brand_page .first_block .info .logo img {
  max-width: 300px;
}

@media only screen and (max-width: 500px) {
  .brand_page .first_block .info .logo img {
    max-width: 240px;
  }
}

.brand_page .item_block {
  max-width: none;
}

.brand_page .item_block h3 {
  margin-bottom: 2.5em;
}

.brand_page .item_block .items {
  position: relative;
}

.brand_page .item_block .items:before {
  content: "";
  display: block;
  width: 83%;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 50%;
}

@media only screen and (max-width: 767px) {
  .brand_page .item_block .items:before {
    width: 60vw;
    top: auto;
    bottom: 20%;
  }
}

@media only screen and (max-width: 600px) {
  .brand_page .item_block .items:before {
    bottom: 16.5vw;
  }
}

.brand_page .item_block .items:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: #000;
  position: absolute;
  left: 82.5%;
  top: calc(50% - 4px);
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .brand_page .item_block .items:after {
    left: 60vw;
    top: auto;
    bottom: calc(20% - 5px);
  }
}

@media only screen and (max-width: 600px) {
  .brand_page .item_block .items:after {
    bottom: calc(16.5vw - 5px);
  }
}

.brand_page .item_block .items .flex {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: calc(0px - 10em);
  right: 0;
  margin: auto;
  top: -10%;
  width: 65%;
}

.brand_page .item_block .items .flex > div {
  width: 32.5%;
}

@media only screen and (max-width: 767px) {
  .brand_page .item_block .items .flex {
    width: 94%;
    left: 0;
  }
}

.brand_page .item_block .items .more {
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  text-align: right;
  padding: 11vw 6vw;
}

@media only screen and (max-width: 767px) {
  .brand_page .item_block .items .more {
    padding: 32vw 6vw 3em 6vw;
  }
}

.brand_page .item_block .items .more:hover {
  opacity: 1;
}

.brand_page .item_block .items .more span {
  padding-right: 20px;
}

.brand_page .item_block .item01 {
  width: auto;
}

.third_block {
  background-image: url(../img/izuhonten/em.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

#bnr {
  max-width: none;
}

@media only screen and (max-width: 1700px) {
  #bnr {
    padding-left: 0%;
    padding-right: 0%;
  }
}

#bnr .bnrs {
  margin-bottom: 0;
}

#bnr .bnrs a {
  background-size: cover;
}

#bnr .bnrs a.shop_guide {
  background-image: url(../img/izuhonten/bg_bnr.png);
}

@media only screen and (max-width: 767px) {
  #bnr .bnrs a.shop_guide img {
    width: 20%;
  }
}

#bnr .bnrs a.shop_guide2 {
  background-image: url(../img/izuhonten/bg_bnr2.png);
}

@media only screen and (max-width: 767px) {
  #bnr .bnrs a.shop_guide2 img {
    width: 23%;
  }
}
/*# sourceMappingURL=izuhonten_i.css.map */