/* -------------------------------- 
ニュース
-------------------------------- */
.newsbox {
  margin: 0 8%;
}

.news-title img {
  margin-bottom: 2px;
}

.tit {
  width: 15%;
  height: 5.2em;
  padding: 0 5px;
  background-color: #000;
  float: left;
}

  .tit p {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
  }

    .tit p span {
      display: table-cell;
      vertical-align: middle;
      color: #fff;
      font-size: calc(13px + .4vw);
    }

.infobox {
  height: 5.2em;
  width: 85%;
}

.news-title {
  font-size: calc(10px + .25vw);
  padding: 10px 10px 10px 20px;
  border-bottom: 1px dotted #ccc;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.newsline {
  margin: 0;
  border: 0;
}

.hinichi {
  margin-right: 16px;
}

.newsline {
  width: 96%;
}

.footer a {
  text-decoration: underline;
}

.ft-menu li p a {
  text-decoration: none;
}
/* -------------------------------- 
shopping guide
-------------------------------- */
.yoko_wrap {
  overflow: hidden;
  margin-bottom: 2vw;
}

  .yoko_wrap a {
    text-decoration: underline;
  }

.tate_wrap {
  padding: 0 1vw;
}

.yoko1 {
  width: calc(100%/3);
  float: left;
  padding: 0 1vw;
}

.yoko2 {
  width: calc(100%/3);
  float: left;
  padding: 0 1vw;
}

.yoko3 {
  width: calc(100%/3);
  float: left;
  padding: 0 1vw;
}

.quide-wrap {
  width: 75%;
}

.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}

.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}

.cd-accordion-menu label {
  position: relative;
  display: block;
  padding: 0.2vw 0.5vw;
}

.children-1 {
  background-color: #fff;
  color: black;
  margin-bottom: 2vw;
  font-weight: bold;
  font-size: 3vw;
  padding: 1vw;
}

.children-2 {
  background-color: white;
  color: black;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.3vw;
}

  .children-2 label {
    line-height: 35px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",'Lato',sans-serif;
  }

.children-3 {
  background-color: white;
  color: black;
  position: relative;
  display: block;
  padding: 0.5vw;
  font-size: 12px;
  font-weight: normal;
  border-top: 1px solid black;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}

.cd-accordion-menu input[type=checkbox] + label:after,
.cd-accordion-menu input[type=radio] + label:after {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 2vw;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.cd-accordion-menu input[type=checkbox] + label:after,
.cd-accordion-menu input[type=radio] + label:after {
  content: ''; /*何も入れない*/
  display: inline-block; /*忘れずに！*/
  width: 13px; /*画像の幅*/
  height: 13px; /*画像の高さ*/
  background-image: url(https://0xbfwh51og.user-space.cdn.idcfcloud.net/images/pc/plus.png);
  background-size: contain;
  vertical-align: middle;
  float: right;
  margin: 10px 2px 0 0;
}

.cd-accordion-menu input[type=checkbox]:checked + label:after,
.cd-accordion-menu input[type=radio]:checked + label:after {
  content: ''; /*何も入れない*/
  display: inline-block; /*忘れずに！*/
  width: 13px; /*画像の幅*/
  height: 13px; /*画像の高さ*/
  background-image: url(https://0xbfwh51og.user-space.cdn.idcfcloud.net/images/pc/minus.png);
  background-size: contain;
  vertical-align: middle;
  float: right;
  margin: 10px 2px 0 0;
}

/* -------------------------------- 
閲覧履歴
-------------------------------- */
.history {
  border: solid 2px #000;
  padding: 0.5vw 0.5vw 1vw 0.5vw;
  background-color: #f0f0f0;
  margin-top: 3vw;
}

  .history h3 {
    font-size: 1.5vw;
    margin-left: 0.5vw;
    margin-bottom: 0.5vw;
  }

.swiper-parent {
  position: relative;
}

.swiper-container {
  width: calc(100% - 6vw);
  box-sizing: content-box;
}

.swiper-button-prev, .swiper-button-next {
  top: calc((100% - 3vw) * 0.5);
  margin-top: -2.5vw !important;
  background: #cccccc;
  color: #fff;
  width: 1.7vw !important;
  height: 5vw !important;
}

  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2vw;
  }
:root {
--swiper-navigation-size: 2vw !important;
--swiper-theme-color: #ffffff !important;
}