@charset "UTF-8";

div.line_contact_btn.pc {
  margin: -15px auto 25px;
}

/* pc */
#line-btm-PC1.line_contact_btn {
  margin: 0 auto 50px;
}
#line-btm-PC1.line_contact_btn .line_box {
  padding: 30px 0;
  border-bottom: 1px solid #acacac;
}
#line-btm-PC1.line_contact_btn .line_box p {
  margin-bottom: 0.5em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
#line-btm-PC1.line_contact_btn .line_box .line {
  position: relative;
  margin-bottom: 20px;
  border: none;
}
#line-btm-PC1.line_contact_btn .line_box .line a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  min-height: 50px;
  margin-left: auto;
  padding: 10px 0;
  background: #06c755;
  border-radius: 10px;
  box-shadow: 3px 6px 3px -3px rgb(0 0 0 / 20%);
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  text-decoration: none !important;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
#line-btm-PC1.line_contact_btn .line_box .line a span {
  display: block;
  width: 100%;
}
#line-btm-PC1.line_contact_btn .line_box .line a span::before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60px;
  margin: auto;
  background-image: url(/ec/shop/fashion/images/common/icon_line.png);
  background-size: contain;
}
#line-btm-PC1.line_contact_btn .line_box .line a span::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  bottom: 50%;
  top: 50%;
  margin: auto;
  right: 20px;
}
#line-btm-PC1.line_contact_btn .line_box .line::after {
  content: '※ご返答にお時間がかかる場合がございます。';
  display: block;
  margin-top: .7em;
  font-size: 14px;
  text-align: right;
}
#line-btm-PC1.line_contact_btn .line_box .line_call p {
  font-size: 14px;
  font-weight: normal;
}


/* sp */
#line-btm-SP1.line_contact_btn {
  margin: 0 auto 8vw;
}
#line-btm-SP1.line_contact_btn .line_box {
  padding: 8vw 10%;
  border-bottom: 1px solid #acacac;
}
#line-btm-SP1.line_contact_btn .line_box p {
  margin-bottom: 0.7em;
  font-size: 3.8vw;
  font-weight: bold;
  line-height: 1.3;
}
#line-btm-SP1.line_contact_btn .line_box .line,
#line-btm-SP1.line_contact_btn .line_box .line_call {
  position: relative;
  margin-bottom: 5vw;
  border: none;
}
#line-btm-SP1.line_contact_btn .line_box .line_call {
  margin-bottom: 0;
}
#line-btm-SP1.line_contact_btn .line_box .line a,
#line-btm-SP1.line_contact_btn .line_box .line_call a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60vw;
  min-height: 50px;
  margin-left: auto;
  padding: 3vw 0;
  background: #06c755;
  border-radius: 10px;
  box-shadow: 3px 6px 3px -3px rgb(0 0 0 / 20%);
  color: #fff !important;
  font-size: 4.2vw;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  text-decoration: none !important;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
#line-btm-SP1.line_contact_btn .line_box .line_call a {
  background: #3143af;
}
#line-btm-SP1.line_contact_btn .line_box .line a span,
#line-btm-SP1.line_contact_btn .line_box .line_call a span {
  display: block;
  width: 100%;
}
#line-btm-SP1.line_contact_btn .line_box .line a span::before,
#line-btm-SP1.line_contact_btn .line_box .line_call a span::before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20vw;
  margin: auto;
  background-image: url(/ec/shop/fashion/images/common/icon_line.png);
  background-size: contain;
}
#line-btm-SP1.line_contact_btn .line_box .line_call a span::before {
  background-image: url(/ec/shop/fashion/images/common/icon_call.png);
}
#line-btm-SP1.line_contact_btn .line_box .line a span::after,
#line-btm-SP1.line_contact_btn .line_box .line_call a span::after {
  content: "";
  display: block;
  position: absolute;
  width: 2vw;
  height: 2vw;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  bottom: 50%;
  top: 50%;
  margin: auto;
  right: 5vw;
}
#line-btm-SP1.line_contact_btn .line_box .line_call li {
  margin-bottom: 5vw;
}
#line-btm-SP1.line_contact_btn .line_box .line_call li:last-child {
  margin-bottom: 0;
}
#line-btm-SP1.line_contact_btn .line_box .line::after {
  content: '※ご返答にお時間がかかる場合がございます。';
  display: block;
  margin-top: .4em;
  font-size: 3.3vw;
  text-align: right;
}
#line-btm-SP1.line_contact_btn .line_box .line_call .line_call_txt {
  margin-top: 0.4em;
  margin-bottom: 0;
  font-size: 3.3vw;
  text-align: right;
}
#line-btm-SP1.line_contact_btn .line_box .line_call p {
  font-size: 3.8vw;
  font-weight: normal;
}