@charset "UTF-8";
.infinity-brand-body {
  /*
  * infinity_kose
  * index.css
  *
  */
  /* --------------------------------
     index
  -------------------------------- */
  /* -----  背景デザイン  ------ */
}
.infinity-brand-body .stroke_box {
  position: absolute;
  z-index: -999;
  width: 447px;
  height: 577px;
}
.infinity-brand-body .shop_service_01 .stroke_box {
  top: 20px;
  left: -20px;
}
.infinity-brand-body .shop_service_02 .stroke_box {
  top: 20px;
  right: -20px;
}
.infinity-brand-body .shop_service_02 .stroke_square {
  top: -10px;
  left: -10px;
}
.infinity-brand-body .shop_service_03 .stroke_box {
  top: 20px;
  left: -20px;
  height: 288px;
}
.infinity-brand-body .shop_service_03 .stroke_square {
  top: -10px;
  right: -10px;
}
.infinity-brand-body .shop_service_04 .stroke_box {
  top: 10px;
  right: -10px;
}
.infinity-brand-body .shop_service_04 .stroke_square {
  top: -10px;
  left: -10px;
}
.infinity-brand-body {
  /*デフォルト時*/
}
.infinity-brand-body .block_left {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
.infinity-brand-body .block_left .stroke {
  display: block;
  position: absolute;
  background: #ccc;
}
.infinity-brand-body .block_left .stroke_bottom {
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease-in-out 0s;
}
.infinity-brand-body .block_left .stroke_left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
  transition: height 0.4s ease-in-out 0.4s;
}
.infinity-brand-body .block_left .stroke_top {
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  transition: width 0.4s ease-in-out 0.8s;
}
.infinity-brand-body .block_left .stroke_right {
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
  transition: height 0.4s ease-in-out 1.2s;
}
.infinity-brand-body .block_left .stroke_oblique {
  z-index: -888;
  right: 0;
  bottom: 1px;
  width: 0;
  height: 1px;
  transition: width 0.4s ease-in-out 1.6s;
  -webkit-transform: rotate(235deg);
  -ms-transform: rotate(235deg);
  transform: rotate(235deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.infinity-brand-body .block_left .stroke_oblique_long {
  z-index: -888;
  right: 0;
  bottom: 1px;
  width: 0;
  height: 1px;
  transition: width 0.4s ease-in-out 1.6s;
  -webkit-transform: rotate(241deg);
  -ms-transform: rotate(241deg);
  transform: rotate(241deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.infinity-brand-body .block_right {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
.infinity-brand-body .block_right .stroke {
  display: block;
  position: absolute;
  background: #ccc;
}
.infinity-brand-body .block_right .stroke_left {
  bottom: 0;
  left: 0;
  width: 1px;
  height: 0;
  transition: width 0.4s ease-in-out 0s;
}
.infinity-brand-body .block_right .stroke_top {
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  transition: height 0.4s ease-in-out 0.4s;
}
.infinity-brand-body .block_right .stroke_right {
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
  transition: width 0.4s ease-in-out 0.8s;
}
.infinity-brand-body .block_right .stroke_bottom {
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: height 0.4s ease-in-out 1.2s;
}
.infinity-brand-body .block_right .stroke_oblique {
  z-index: -888;
  bottom: 0;
  left: 1px;
  width: 0;
  height: 1px;
  transition: width 0.4s ease-in-out 1.6s;
  -webkit-transform: rotate(-238deg);
  -ms-transform: rotate(-238deg);
  transform: rotate(-238deg);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.infinity-brand-body .stroke_square {
  display: block;
  position: absolute;
  z-index: -1;
  border: solid 1px #ccc;
  width: 100px;
  height: 100px;
  background: #fff;
}
.infinity-brand-body {
  /*イベント時*/
}
.infinity-brand-body .block_left.is-active,
.infinity-brand-body .block_right.is-active {
  background: white;
}
.infinity-brand-body .block_left.is-active .stroke_top,
.infinity-brand-body .block_left.is-active .stroke_bottom,
.infinity-brand-body .block_right.is-active .stroke_top,
.infinity-brand-body .block_right.is-active .stroke_bottom {
  width: 100%;
}
.infinity-brand-body .block_left.is-active .stroke_right,
.infinity-brand-body .block_left.is-active .stroke_left,
.infinity-brand-body .block_right.is-active .stroke_right,
.infinity-brand-body .block_right.is-active .stroke_left {
  height: 100%;
}
.infinity-brand-body .block_left.is-active .stroke_oblique,
.infinity-brand-body .block_right.is-active .stroke_oblique {
  width: 50%;
}
.infinity-brand-body .block_left.is-active .stroke_oblique_long {
  width: 60%;
  transform: rotate(241deg);
}
.infinity-brand-body {
  /***** アコーディオンメニュー ******/
}
.infinity-brand-body .menu_btns {
  position: relative;
  margin: 0 auto;
  padding-right: 18px;
  border: 1px solid #b0b8cb;
  width: 100%;
  background: #e5e8ee;
  text-align: center;
}
.infinity-brand-body .menu_btns:hover {
  cursor: pointer;
}
.infinity-brand-body .menu_btns .menu_btns_bg img {
  height: 65px;
}
.infinity-brand-body .menu_btns .menu_btns_trigger {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  transition: background 0.3s ease;
  background: url("../img/sp_other_menu_btn_on.png") no-repeat;
  background-size: 24px 24px;
}
.infinity-brand-body .menu_btns.is-open .menu_btns_trigger {
  width: 24px;
  height: 24px;
  background: url("../img/sp_other_menu_btn_off.png") no-repeat;
  background-size: 24px 24px;
}
@media screen and (min-width: 769px) {
  .infinity-brand-body .menu_btns {
    padding-left: 0;
    text-align: center;
  }
  .infinity-brand-body .menu_btns .menu_btns_bg img {
    height: 130px;
  }
  .infinity-brand-body .menu_btns .menu_btns_trigger {
    right: 40px;
    width: 48px;
    height: 48px;
    background: url("../img/pc_other_menu_btn_on.png") no-repeat;
    background-size: 48px 48px;
  }
  .infinity-brand-body .menu_btns.is-open .menu_btns_trigger {
    width: 48px;
    height: 48px;
    background: url("../img/pc_other_menu_btn_off.png") no-repeat;
    background-size: 48px 48px;
  }
}/*# sourceMappingURL=index.css.map */