@charset "UTF-8";

#breadcrumb:after {
  content: "";
  display: block;
  position: absolute; top: -100px; right: 0;
  width: 201px; height: 229px;
  background: url(../images/background-a.png) right top no-repeat;
  z-index: -1;
}

/* スライダーとホバーギミック */
.gimmick1 .title {
  padding: 8px 8px 6px 8px;
  background: url(../images/background-asanoha.png) right bottom no-repeat;
}
.gimmick1 .title h3 {
  margin: 0 0 0 1vw;
  color: #fff;
}

.b-pattern {
  background: url(../images/background-e.png) right bottom no-repeat;
}

.group-banner ul {
  padding: 0;
}
#group-convention .title {
  background-color: #cd5a6e;
}
h4.hana,
h5.hana {
  background: url(../images/icon-hana.png) left bottom no-repeat;
}
h5.hana {
  padding-left: 1.8em;

}
table.hana { width: 100%; }
#kasho-info, #kazenomori-info { padding: 0; }
#kasho-info li,
#kazenomori-info li {
  padding: 10px 10px;
}
.frame-box {
  margin-bottom: 40px;
  padding: 2em;
  border: 2px solid #eedbdb;
}
.frame-box ul {
  padding: 0;
}
.frame-box ul li {
  margin: 0 10px 10px 10px !important;
}
.option {
  padding: 0;
}
.option li {
  margin-bottom: 20px;
}

@media screen and (max-width:1023px) { /* Tablet */
}

@media screen and (max-width:959px) { /* SP */
  .group-banner li {
    margin-bottom: 20px;
  }
  .group-banner img {
    width: 100%;
    max-width: 635px;
  }
  .frame-box {
    padding: 0.5em;
  }
  .frame-box ul {
    justify-content: center;
  }
  .frame-box ul li {
    margin: 0 0 20px 0 !important;
  }
  .frame-box ul li img {
    width: 100%;
  }
  .option li {
    width: 48%;
  }
  .option li img {
    width: 100%;
  }
}

.cell a.button {
  min-width: 200px;
}