﻿@charset "UTF-8";blockquote,body,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {
  margin: 0;
  padding: 0
}

address,caption,cite,code,dfn,em,i,th,var {
  font-style: normal;
  font-weight: 400
}

fieldset,img,object {
  border: 0;
  vertical-align: bottom
}

img {
  font-size: 0;
  line-height: 0;
  -ms-interpolation-mode: bicubic
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,th {
  text-align: left
}

ul {
  list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: 400
}

q:after,q:before {
  content: ""
}

abbr,acronym {
  border: 0;
  font-variant: normal
}

input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

legend {
  color: #000
}

.purchase_input {
  min-width: 944px;
  margin-top: 50px
}

.purchase_input * {
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  .purchase_input {
      min-width:auto;
      margin-top: 35px
  }
}

.purchase_input__sec {
  margin-top: 100px
}

@media only screen and (max-width: 767px) {
  .purchase_input__sec {
      margin-top:55px
  }
}

.purchase_input__sec:first-child {
  margin-top: 0
}

.purchase_heading01 {
  padding: 90px 0 30px
}

@media only screen and (max-width: 767px) {
  .purchase_heading01 {
      margin-left:-20px;
      margin-right: -20px;
      margin-bottom: 35px;
      padding: 15px 20px;
      background-color: #fff
  }
}

.purchase_heading01 .title {
  font-size: 32px;
  font-weight: 700;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .purchase_heading01 .title {
      font-size:18px;
      text-align: left
  }
}

.purchase_heading02 {
  margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
  .purchase_heading02 {
      margin-bottom:18px
  }
}

.purchase_heading02 .title {
  font-size: 24px;
  font-weight: 700;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .purchase_heading02 .title {
      font-size:18px
  }
}

.purchase_heading02 .title .step {
  padding-right: .4em;
  font-weight: 400
}

.purchase_heading02 .lead {
  margin-top: 20px;
  font-size: 18px;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .purchase_heading02 .lead {
      margin-top:18px;
      font-size: 15px;
      text-align: left
  }
}

.purchase_heading02 .label__required {
  margin-right: 10px
}

@media only screen and (max-width: 767px) {
  .purchase_heading02 .label__required {
      margin-right:5px
  }
}

.purchase_heading03 {
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d5d5
}

.purchase_heading03 .title {
  font-size: 18px;
  font-weight: 700
}

.purchase_step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 70px
}

.purchase_step * {
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  .purchase_step {
      margin-bottom:35px
  }
}

.purchase_step__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 22.58065%;
  padding-bottom: 3px;
  padding-right: 25px;
  border-bottom: 1px solid #999
}

@media only screen and (max-width: 767px) {
  .purchase_step__item {
      width:22.38806%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0;
      border-bottom: 0
  }
}

.purchase_step__item:before {
  content: "";
  position: absolute;
  right: 1px;
  bottom: -1px;
  width: 28px;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 1px solid #999
}

@media only screen and (max-width: 767px) {
  .purchase_step__item:before {
      display:none
  }
}

.purchase_step__item .num {
  width: 45px;
  color: #999;
  font-size: 15px
}

@media only screen and (max-width: 767px) {
  .purchase_step__item .num {
      position:relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      padding-bottom: 3px;
      border-bottom: 1px solid #999;
      font-size: 20px
  }

  .purchase_step__item .num:before {
      content: "";
      position: absolute;
      right: 1px;
      bottom: -1px;
      width: 23px;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      border-bottom: 1px solid #999
  }

  .purchase_step__item .num span {
      display: none
  }
}

@media screen and (min-width: 768px) and (max-width:980px) {
  .purchase_step__item .num {
      font-size:1.5306122449vw
  }
}

.purchase_step__item .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  color: #999;
  font-size: 18px
}

@media only screen and (max-width: 767px) {
  .purchase_step__item .text {
      margin-top:5px;
      font-size: 14px
  }

  .purchase_step__item .text span {
      display: none
  }
}

@media screen and (min-width: 768px) and (max-width:980px) {
  .purchase_step__item .text {
      font-size:1.8367346939vw
  }
}

.purchase_step__item.did-active,.purchase_step__item.did-active:before {
  border-bottom-color: #191919;
  border-bottom-width: 2px
}

.purchase_step__item.did-active:before {
  right: 2px;
  bottom: -2px
}

.purchase_step__item.did-active .num,.purchase_step__item.did-active .text {
  color: #191919;
  font-weight: 700
}

@media only screen and (max-width: 767px) {
  .purchase_step__item.did-active .num {
      border-bottom-color:#191919;
      border-bottom-width: 2px;
      font-weight: 400
  }
}

@media only screen and (max-width: 767px) {
  .purchase_step__item.did-active .num:before {
      right:2px;
      bottom: -2px;
      border-bottom-color: #191919;
      border-bottom-width: 2px
  }
}

.label__required {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 60px;
  height: 20px;
  background: url(/resource/images/label_required.png) 0 0 no-repeat;
  background-size: 100% auto;
  vertical-align: middle;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none
}

@media only screen and (max-width: 767px) {
  .label__required {
      top:0
  }
}

.purchase_input button,.purchase_input input,.purchase_input select,.purchase_input textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.purchase_input button {
  cursor: pointer
}

.purchase_input button:disabled {
  cursor: default
}

.purchase_input select {
  cursor: pointer
}

.purchase_input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.purchase_input .w180 {
  width: 18.94737%;
  max-width: 180px
}

@media only screen and (max-width: 767px) {
  .purchase_input .w180 {
      width:100%;
      max-width: inherit
  }
}

.purchase_input .w290 {
  width: 30.52632%;
  max-width: 290px
}

@media only screen and (max-width: 767px) {
  .purchase_input .w290 {
      width:100%;
      max-width: inherit
  }
}

.purchase_input .w340 {
  width: 35.78947%;
  max-width: 340px
}

@media only screen and (max-width: 767px) {
  .purchase_input .w340 {
      width:100%;
      max-width: inherit
  }
}

.purchase_input .w620 {
  width: 65.26316%;
  max-width: 620px
}

@media only screen and (max-width: 767px) {
  .purchase_input .w620 {
      width:100%;
      max-width: inherit
  }
}

.input_container {
  position: relative;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  overflow: hidden
}

.input_container.did-occupied {
  border-color: #101010
}

.input_container.did-focus {
  border-color: #101010;
  border-width: 2px
}

.input_container.did-focus input {
  padding: 10px 14px
}

.input_container.did-empty,.input_container.did-error {
  border-color: #910a2d;
  border-width: 2px
}

.input_container.did-empty input,.input_container.did-error input {
  padding: 10px 14px
}

.input_container input {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  padding: 11px 15px;
  font-size: 18px;
  z-index: 1
}

.input_container ::-ms-clear,.input_container ::-ms-reveal {
  visibility: hidden
}

.input_container ::-webkit-input-placeholder {
  color: #999
}

.input_container ::-moz-placeholder {
  color: #999
}

.input_container :-ms-input-placeholder {
  color: #999
}

.radio_container {
  position: relative;
  margin-top: 20px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #d5d5d5
}

.radio_container:first-child {
  margin-top: 0
}

.radio_container.did-empty,.radio_container.did-error {
  border-width: 2px;
  border-color: #910a2d
}

.radio_container.did-empty label,.radio_container.did-error label {
  padding: 21px 17px
}

.radio_container.did-occupied {
  border-color: #101010
}

.did-error .radio_container {
  border-width: 2px;
  border-color: #910a2d
}

.did-error .radio_container label {
  padding: 21px 17px
}

.did-empty .radio_container {
  border-width: 2px;
  border-color: #910a2d
}

.did-empty .radio_container label {
  padding: 21px 17px
}

.radio_container input[type=radio] {
  display: none
}

.radio_container input[type=radio]+label .radio__text:after {
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  background: #101010;
  border-radius: 50%;
  -webkit-transition: -webkit-transform .18s cubic-bezier(.215,.61,.355,1);
  transition: -webkit-transform .18s cubic-bezier(.215,.61,.355,1);
  transition: transform .18s cubic-bezier(.215,.61,.355,1);
  transition: transform .18s cubic-bezier(.215,.61,.355,1),-webkit-transform .18s cubic-bezier(.215,.61,.355,1)
}

@media only screen and (max-width: 767px) {
  .radio_container input[type=radio]+label .radio__text:after {
      top:6px
  }
}

.radio_container input[type=radio]:checked+label .radio__text {
  color: #101010
}

.radio_container input[type=radio]:checked+label .radio__text:before {
  border-color: #101010
}

.radio_container input[type=radio]:checked+label .radio__text:after {
  -webkit-transition-duration: .24s;
  transition-duration: .24s;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.radio_container label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 22px 18px;
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  .radio_container label {
      display:block
  }
}

.radio_container label .radio__text {
  position: relative;
  padding-left: 35px;
  color: #999;
  font-size: 18px
}

.radio_container label .radio__text:before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 50%;
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  .radio_container label .radio__text {
      padding-left:28px
  }

  .radio_container label .radio__text:before {
      top: 1px
  }
}

.radio_container .w340 {
  width: 37.36264%
}

@media only screen and (max-width: 767px) {
  .radio_container .w340 {
      width:100%
  }
}

.radio_container .w620 {
  width: 68.13187%
}

@media only screen and (max-width: 767px) {
  .radio_container .w620 {
      width:100%
  }
}

.select_container {
  position: relative;
  border-radius: 3px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  overflow: hidden
}

.select_container:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 22px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  z-index: 2
}

.select_container select {
  position: relative;
  width: 125%;
  line-height: 1.5;
  padding: 11px 0 11px 20px;
  border-radius: 3px;
  color: #999;
  font-size: 18px;
  z-index: 2
}

@supports (-ms-ime-align:auto) {
  .select_container select {
      top: 2px
  }
}

.select_container select:focus {
  color: #101010
}

.select_container select:disabled {
  background-color: #e7e7e7;
  cursor: default;
  z-index: 0
}

.select_container select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.select_container.did-occupied {
  border-color: #101010
}

.select_container.did-occupied:after {
  border-right-color: #101010;
  border-bottom-color: #101010
}

.select_container.did-occupied select {
  color: #101010
}

.select_container.did-focus {
  border-color: #101010;
  border-width: 2px
}

.select_container.did-focus select {
  padding: 10px 0 10px 19px
}

.select_container.did-focus:after {
  right: 21px;
  border-right-color: #101010;
  border-bottom-color: #101010
}

.select_container.did-empty,.select_container.did-error {
  border-color: #910a2d;
  border-width: 2px
}

.select_container.did-empty select,.select_container.did-error select {
  padding: 10px 0 10px 19px
}

.select_container.did-empty:after,.select_container.did-error:after {
  right: 21px
}

.select_container.did-disabled {
  border-color: #e7e7e7;
  background-color: #e7e7e7
}

.select_container.did-disabled select {
  z-index: 0
}

.select_container.did-disabled.did-empty,.select_container.did-disabled.did-error {
  border-color: #910a2d;
  border-width: 2px
}

.select_container.did-disabled.did-empty select,.select_container.did-disabled.did-error select {
  padding: 10px 0 10px 19px
}

.select_container.did-disabled.did-empty:after,.select_container.did-disabled.did-error:after {
  right: 21px
}

.did-error .select_container {
  border-color: #910a2d;
  border-width: 2px
}

.did-error .select_container select {
  padding: 10px 0 10px 19px
}

.did-error .select_container:after {
  right: 21px
}

.did-error .select_container.did-disabled {
  border-color: #910a2d;
  border-width: 2px
}

.did-error .select_container.did-disabled select {
  padding: 10px 0 10px 19px
}

.did-error .select_container.did-disabled:after {
  right: 21px
}

.did-empty .select_container {
  border-color: #910a2d;
  border-width: 2px
}

.did-empty .select_container select {
  padding: 10px 0 10px 19px
}

.did-empty .select_container:after {
  right: 21px
}

.did-empty .select_container.did-disabled {
  border-color: #910a2d;
  border-width: 2px
}

.did-empty .select_container.did-disabled select {
  padding: 10px 0 10px 19px
}

.did-empty .select_container.did-disabled:after {
  right: 21px
}

.purchase_input__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}

@media only screen and (max-width: 767px) {
  .purchase_input__item {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 25px
  }
}

.purchase_input__item__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 290px;
  margin-top: 10px;
  margin-right: 40px
}

@media only screen and (max-width: 767px) {
  .purchase_input__item__heading {
      -webkit-box-pack:start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 15px
  }
}

.purchase_input__item__heading .title {
  font-size: 18px
}

.purchase_input__item__heading .note {
  display: block;
  font-size: 15px
}

@media only screen and (max-width: 767px) {
  .purchase_input__item__heading .note {
      font-size:14px
  }
}

.purchase_input__item__heading .label__required {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  top: 4px;
  margin-left: 15px
}

@media only screen and (max-width: 767px) {
  .purchase_input__item__heading .label__required {
      top:0;
      margin-top: 1px
  }
}

.purchase_input__item__body {
  width: 100%
}

.input_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px
}

.input_block:first-of-type {
  margin-top: 0
}

.input_block .input_container {
  margin-left: 4.21053%
}

@media only screen and (max-width: 767px) {
  .input_block .input_container {
      margin-left:15px
  }
}

.input_block .input_container:first-child {
  margin-left: 0
}

.input_block .select_container {
  margin-left: 4.21053%
}

@media only screen and (max-width: 767px) {
  .input_block .select_container {
      margin-left:10px
  }
}

.input_block .select_container:first-child {
  margin-left: 0
}

.input_block .hyphen {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.21053%;
  font-size: 18px
}

.input_block .hyphen+.input_container {
  margin-left: 0
}

@media only screen and (max-width: 767px) {
  .input_block .hyphen {
      width:30px
  }
}

@media only screen and (max-width: 767px) {
  .input_block.sp__column1 {
      display:block
  }

  .input_block.sp__column1 .input_container,.input_block.sp__column1 .select_container {
      margin-left: 0
  }

  .input_block.sp__column1 .input_container+.input_container,.input_block.sp__column1 .input_container+.select_container,.input_block.sp__column1 .select_container+.input_container,.input_block.sp__column1 .select_container+.select_container {
      margin-top: 20px
  }
}

.radio_container__accordion.did-opened .radio_container__accordion__body {
  padding-bottom: 20px;
  height: auto;
  opacity: 1
}

.radio_container__accordion.did-opened .radio_container__accordion__body .btn__shop__detail,.radio_container__accordion.did-opened .radio_container__accordion__body .subtitle,.radio_container__accordion.did-opened .radio_container__accordion__body .text {
  line-height: inherit;
  opacity: 1;
  visibility: visible;
  -webkit-transition: line-height .4s cubic-bezier(.215,.61,.355,1),opacity .24s cubic-bezier(.215,.61,.355,1) .1s,visibility .24s cubic-bezier(.215,.61,.355,1) .1s;
  transition: line-height .4s cubic-bezier(.215,.61,.355,1),opacity .24s cubic-bezier(.215,.61,.355,1) .1s,visibility .24s cubic-bezier(.215,.61,.355,1) .1s
}

.radio_container__accordion.did-opened .radio_container__accordion__body select {
  -webkit-transition: line-height .4s cubic-bezier(.215,.61,.355,1),height .24s cubic-bezier(.215,.61,.355,1),opacity .24s cubic-bezier(.215,.61,.355,1) .1s,visibility .24s cubic-bezier(.215,.61,.355,1) .1s;
  transition: line-height .4s cubic-bezier(.215,.61,.355,1),height .24s cubic-bezier(.215,.61,.355,1),opacity .24s cubic-bezier(.215,.61,.355,1) .1s,visibility .24s cubic-bezier(.215,.61,.355,1) .1s;
  opacity: 1;
  height: 51px;
  line-height: inherit;
  visibility: visible
}

.radio_container__accordion.did-opened .radio_container__accordion__body .select_container {
  -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1);
  transition: opacity .4s cubic-bezier(.215,.61,.355,1);
  opacity: 1
}

.radio_container__accordion.did-opened .radio_container__accordion__body .input_block:first-of-type {
  margin-top: 0
}

.radio_container__accordion.did-opened .radio_container__accordion__body .input_block,.radio_container__accordion.did-opened .radio_container__accordion__body .select_block {
  -webkit-transition: margin .4s cubic-bezier(.215,.61,.355,1);
  transition: margin .4s cubic-bezier(.215,.61,.355,1);
  margin-top: 20px
}

.radio_container__accordion__body {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 0 20px;
  opacity: 0;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: padding;
  transition-property: padding;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.radio_container__accordion__body .btn__shop__detail,.radio_container__accordion__body .subtitle,.radio_container__accordion__body .text {
  -webkit-transition: line-height .1s cubic-bezier(.215,.61,.355,1),opacity .1s cubic-bezier(.215,.61,.355,1),visibility .1s cubic-bezier(.215,.61,.355,1);
  transition: line-height .1s cubic-bezier(.215,.61,.355,1),opacity .1s cubic-bezier(.215,.61,.355,1),visibility .1s cubic-bezier(.215,.61,.355,1);
  line-height: 0;
  opacity: 0;
  visibility: hidden
}

.radio_container__accordion__body .input_block,.radio_container__accordion__body .select_block {
  -webkit-transition: margin .1s cubic-bezier(.215,.61,.355,1);
  transition: margin .1s cubic-bezier(.215,.61,.355,1);
  margin-top: 0
}

.radio_container__accordion__body .select_container {
  -webkit-transition: opacity .1s cubic-bezier(.215,.61,.355,1);
  transition: opacity .1s cubic-bezier(.215,.61,.355,1);
  opacity: 0
}

.radio_container__accordion__body select {
  -webkit-transition: line-height .1s cubic-bezier(.215,.61,.355,1),height .1s cubic-bezier(.215,.61,.355,1),opacity .1s cubic-bezier(.215,.61,.355,1),visibility .1s cubic-bezier(.215,.61,.355,1);
  transition: line-height .1s cubic-bezier(.215,.61,.355,1),height .1s cubic-bezier(.215,.61,.355,1),opacity .1s cubic-bezier(.215,.61,.355,1),visibility .1s cubic-bezier(.215,.61,.355,1);
  opacity: 0;
  height: 0;
  line-height: 0;
  visibility: hidden
}

.error__container__on_top {
  max-width: 1000px;
  min-width: 920px;
  margin: 0 auto 85px;
  padding: 20px 0;
  border: 1px solid #910a2d;
  border-radius: 3px;
  background-color: #fff
}

@media only screen and (max-width: 767px) {
  .error__container__on_top {
      width:100%;
      min-width: auto;
      margin-bottom: 12vw;
      padding: 4vw
  }
}

.error__container__on_top .title {
  color: #910a2d;
  font-size: 18px;
  text-align: center
}

.error__container__on_top .title span {
  padding-left: 30px;
  background: url(/resource/images/icon_error.png) 0 50% no-repeat;
  background-size: 18px auto
}

.error__container__on_top .alert__block {
  width: 640px;
  margin: 15px auto 0
}

@media only screen and (max-width: 767px) {
  .error__container__on_top .alert__block {
      width:100%
  }
}

.error__container__on_top .alert {
  position: relative;
  line-height: 2.3;
  color: #910a2d;
  font-size: 15px;
  padding-left: 1em
}

.error__container__on_top .alert:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  color: #910a2d
}

.error__container .alert {
  line-height: 1.2;
  margin-top: 10px;
  padding-left: 30px;
  background: url(/resource/images/icon_error.png) 0 0 no-repeat;
  background-size: 18px auto;
  color: #910a2d;
  font-size: 15px
}

.error__container .alert.did-hide {
  display: none
}

.error__container .alert.did-hide.did-show {
  display: block
}

.purchase_input__lead {
  margin-top: 25px
}

@media only screen and (max-width: 767px) {
  .purchase_input__lead {
      margin-top:15px
  }
}

.selected_car {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .selected_car {
      -webkit-box-align:start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.selected_car .purchase_input__item__heading {
  margin-top: 0
}

.selected_car__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .selected_car__container {
      display:block
  }
}

.selected_car__btn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media only screen and (max-width: 767px) {
  .selected_car__btn {
      margin-bottom:10px;
      text-align: right
  }
}

.selected_car__btn a {
  position: relative;
  display: inline-block;
  padding: 5px 0 3px 25px;
  background: url(/resource/images/icon_crosses01.png) 0 50% no-repeat;
  background-size: 19px auto;
  color: #191919;
  font-size: 15px;
  text-decoration: none
}

.selected_car__btn a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  -webkit-transform: scaleX(0) rotate(.001deg);
  transform: scaleX(0) rotate(.001deg);
  background-color: #191919;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.selected_car__btn a:hover:before {
  -webkit-transform: scaleX(1) rotate(.001deg);
  transform: scaleX(1) rotate(.001deg);
  opacity: 1;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.selected_car__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px
}

@media only screen and (max-width: 767px) {
  .selected_car__detail {
      margin-right:0
  }
}

.selected_car__img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 220px;
  margin-right: 20px
}

@media only screen and (max-width: 767px) {
  .selected_car__img {
      width:41.33333vw;
      margin-right: 10px
  }
}

.selected_car__img img {
  width: 100%
}

.selected_car__name {
  font-size: 18px
}

.selected_car__name sup {
  font-size: 10px
}

.send_from .radio_container label span {
  display: block
}

.send_from .radio_container.did-occupied .note {
  color: #101010
}

.send_from .note {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 53.2967%;
  line-height: 1.7;
  margin-left: 15px;
  padding-left: 1em;
  text-indent: -1em;
  color: #999;
  font-size: 14px
}

@media only screen and (max-width: 767px) {
  .send_from .note {
      width:100%;
      margin-top: 12px;
      margin-left: 0;
      font-size: 12px
  }
}

.send_from .radio_container__accordion__body .subtitle {
  font-size: 18px;
  font-weight: 700
}

.send_from .radio_container__accordion__body .text {
  margin-top: 5px
}

.send_from .radio_container__accordion__body .select_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

@media only screen and (max-width: 767px) {
  .send_from .radio_container__accordion__body .select_block {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.send_from .radio_container__accordion__body .btn__shop__detail {
  position: relative;
  margin-left: 20px
}

@media only screen and (max-width: 767px) {
  .send_from .radio_container__accordion__body .btn__shop__detail {
      margin-top:20px;
      margin-left: auto
  }
}

.send_from .radio_container__accordion__body .btn__shop__detail.did-disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

.send_from .radio_container__accordion__body .btn__shop__detail.did-disabled a {
  color: #999;
  background-image: url(/resource/images/icon_external_999.png)
}

.send_from .radio_container__accordion__body .btn__shop__detail a {
  display: block;
  position: relative;
  padding-right: 25px;
  background: url(/resource/images/icon_external_101010.png) 100% 50% no-repeat;
  background-size: 16px auto;
  color: #101010;
  text-decoration: none
}

.send_from .radio_container__accordion__body .btn__shop__detail a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  -webkit-transform: scaleX(0) rotate(.001deg);
  transform: scaleX(0) rotate(.001deg);
  background-color: #191919;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.send_from .radio_container__accordion__body .btn__shop__detail a:hover:before {
  -webkit-transform: scaleX(1) rotate(.001deg);
  transform: scaleX(1) rotate(.001deg);
  opacity: 1;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.zip_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .zip_container {
      display:block
  }
}

.zip_container .zip_container__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 48.94737%
}

@media only screen and (max-width: 767px) {
  .zip_container .zip_container__input {
      width:100%
  }
}

.zip_container .input_container {
  width: 38.70968%
}

@media only screen and (max-width: 767px) {
  .zip_container .input_container {
      width:100%
  }
}

.zip_container .hyphen {
  width: 8.60215%
}

@media only screen and (max-width: 767px) {
  .zip_container .hyphen {
      width:30px
  }
}

.zip_container .customer_zip_container:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 15px;
  width: 15px;
  height: 15px;
  background: url(/resource/images/icon_zip_symbol.png) 0 0 no-repeat;
  background-size: 15px auto;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .zip_container .customer_zip_container:after {
      top:19px
  }
}

.zip_container .customer_zip_container.did-empty:after,.zip_container .customer_zip_container.did-error:after,.zip_container .customer_zip_container.did-focus:after {
  top: 17px;
  left: 14px
}

.zip_container .customer_zip_container.did-empty .customer_zip,.zip_container .customer_zip_container.did-error .customer_zip,.zip_container .customer_zip_container.did-focus .customer_zip {
  padding-left: 37px!important
}

@media only screen and (max-width: 767px) {
  .zip_container .customer_zip_container.did-empty .customer_zip,.zip_container .customer_zip_container.did-error .customer_zip,.zip_container .customer_zip_container.did-focus .customer_zip {
      padding-left:34px!important
  }
}

.zip_container .customer_zip {
  padding-left: 38px!important
}

@media only screen and (max-width: 767px) {
  .zip_container .customer_zip {
      padding-left:35px!important
  }
}

.zip_container .zip_btn_container {
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-left: 4.30108%
}

.zip_container .zip_btn_container.did-disabled:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}

.zip_container .btn__search {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  background: #101010 url(/resource/images/icon_search.png) 50% 50% no-repeat;
  background-size: 16px auto;
  -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  transition: opacity .3s cubic-bezier(.215,.61,.355,1);
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none
}

.zip_container .btn__search:hover {
  opacity: .7
}

.zip__note {
  margin-left: 2.10526%;
  line-height: 1.5;
  color: #101010;
  font-size: 12px
}

@media only screen and (max-width: 767px) {
  .zip__note {
      margin-top:12px;
      margin-left: 0
  }

  .zip__note br {
      display: none
  }
}

.zip__note a {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  color: #101010;
  text-decoration: none;
  border-bottom: 1px dashed #191919
}

.zip__note a:hover {
  border-bottom-style: solid
}

.zip__note a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -4px;
  -webkit-transform: translate(100%,-50%);
  transform: translate(100%,-50%);
  width: 11px;
  height: 8px;
  background: url(/resource/images/icon_external_101010_small.png) 0 0 no-repeat;
  background-size: 100% auto
}

.address__note {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  color: #101010;
  font-size: 12px
}

.have-car .radio_container__accordion__body .sp__column1_2 .text {
  width: 12.96703%;
  min-width: 86px;
  font-size: 18px
}

@media only screen and (max-width: 767px) {
  .have-car .radio_container__accordion__body .sp__column1_2 .text {
      width:auto;
      min-width: inherit
  }
}

@media only screen and (max-width: 767px) {
  .have-car .radio_container__accordion__body .sp__column1_2 {
      display:block
  }
}

.have-car .radio_container__accordion__body .select_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.have-car .radio_container__accordion__body .input_block__date {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%
}

@media only screen and (max-width: 767px) {
  .have-car .radio_container__accordion__body .input_block__date {
      width:100%;
      margin-top: 10px
  }
}

.have-car .radio_container__accordion__body .input_block__date .select_container {
  width: 45%;
  margin-left: 10%
}

.have-car .radio_container__accordion__body .input_block__date .select_container:first-child {
  margin-left: 0
}

@media only screen and (max-width: 767px) {
  .have-car .radio_container__accordion__body .input_block__date .select_container {
      width:100%;
      margin-top: 0;
      margin-left: 15px
  }
}

.is_information_mail .purchase_input__item__heading {
  margin-top: 22px
}

@media only screen and (max-width: 767px) {
  .is_information_mail .purchase_input__item__heading {
      margin-top:0
  }
}

.is_information_mail .input_block {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.is_information_mail .radio_container {
  width: 47.89474%;
  margin: 0
}

@media only screen and (max-width: 767px) {
  .is_information_mail .radio_container {
      -webkit-align-self:stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch
  }

  .is_information_mail .radio_container label {
      height: 100%;
      padding: 23px 10px
  }

  .is_information_mail .radio_container label .radio__text {
      display: block;
      font-size: 15px
  }
}

.purchase_input__agreement .error__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.purchase_input__agreement__note {
  margin-top: 30px
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__note {
      margin-top:15px
  }
}

.purchase_input__agreement__note p {
  line-height: 1.8;
  font-size: 12px
}

.purchase_input__agreement__note li {
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px
}

.purchase_input__agreement__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 70px
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__heading {
      display:block;
      margin-top: 50px
  }
}

.purchase_input__agreement__heading .title {
  margin-right: 30px;
  font-size: 18px
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__heading .title {
      margin-right:0;
      margin-bottom: 12px
  }
}

.purchase_input__agreement__content {
  height: 300px;
  margin-top: 25px;
  padding: 20px 30px;
  overflow-y: scroll;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__content {
      height:400px;
      margin-top: 18px;
      padding: 20px 14px
  }
}

.purchase_input__agreement__content .title {
  font-weight: 700
}

.purchase_input__agreement__content ul {
  margin: 15px 0
}

.purchase_input__agreement__content dl {
  margin-top: 24px
}

.purchase_input__agreement__content dt {
  font-weight: 700
}

.purchase_input__agreement__content li,.purchase_input__agreement__content p {
  line-height: 1.7
}

.purchase_input__agreement__content a {
  color: #101010;
  text-decoration: none;
  border-bottom: 1px dashed #191919
}

.purchase_input__agreement__content a:hover {
  border-bottom-style: solid
}

.purchase_input__agreement__btn {
  width: 290px;
  margin: 40px auto 0;
  border-radius: 3px;
  background-color: #fff
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__btn {
      width:100%;
      margin-top: 30px
  }
}

.purchase_input__agreement__btn:hover label {
  -webkit-transition-property: border-color,border-width,padding;
  transition-property: border-color,border-width,padding;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
  border-color: #101010;
  border-width: 2px;
  padding: 21px 17px
}

.purchase_input__agreement__btn.did-empty label,.purchase_input__agreement__btn.did-error label {
  border-color: #910a2d;
  border-width: 2px;
  padding: 21px 17px
}

.purchase_input__agreement__btn input[type=checkbox] {
  display: none
}

.purchase_input__agreement__btn input[type=checkbox]:checked+label {
  border-color: #101010
}

.purchase_input__agreement__btn input[type=checkbox]:checked+label .checkbox__text {
  color: #101010
}

.purchase_input__agreement__btn input[type=checkbox]:checked+label .checkbox__text:before {
  background-image: url(/resource/images/icon_checkbox_checked.png)
}

.purchase_input__agreement__btn label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 22px 18px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #d5d5d5
}

.purchase_input__agreement__btn label .checkbox__text {
  position: relative;
  padding-left: 30px;
  color: #999;
  font-size: 18px
}

.purchase_input__agreement__btn label .checkbox__text:before {
  position: absolute;
  content: "";
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/resource/images/icon_checkbox.png) 0 0 no-repeat;
  background-size: 20px auto;
  -webkit-transition-property: background-image;
  transition-property: background-image;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

@media only screen and (max-width: 767px) {
  .purchase_input__agreement__btn label .checkbox__text {
      padding-left:29px
  }

  .purchase_input__agreement__btn label .checkbox__text:before {
      top: 1px
  }
}

.purchase_input__submit__container {
  position: relative;
  margin-top: 60px
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__container {
      margin-top:40px
  }
}

.purchase_input__submit__btn__submit {
  position: relative;
  width: 500px;
  margin: 0 auto;
  border-radius: 3px;
  background-color: #101010;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__btn__submit {
      width:100%;
      margin-top: 30px
  }
}

.purchase_input__submit__btn__submit.did-hide {
  display: none
}

.purchase_input__submit__btn__submit.did-hide.did-show {
  display: block
}

.purchase_input__submit__btn__submit:hover {
  background-color: #910a2d;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.purchase_input__submit__btn__submit input[type=button] {
  display: none
}

.purchase_input__submit__btn__submit label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 30px 0;
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__btn__submit label {
      padding:34px 0
  }
}

.purchase_input__submit__btn__submit label .text {
  position: relative;
  color: #fff;
  font-size: 18px
}

.purchase_input__submit__btn__submit label .text:after {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  z-index: 1
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__btn__submit label .text:before {
      top:1px
  }
}

.purchase_input__submit__error__block.did-hide {
  display: none
}

.purchase_input__submit__error__block.did-hide.did-show {
  display: block
}

.purchase_input__submit__error__block .error_message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.purchase_input__submit__error__block .error_message p {
  color: #910a2d;
  font-size: 16px
}

.purchase_input__submit__error__btn {
  width: 500px;
  margin: 15px auto 0
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__error__btn {
      width:100%;
      margin-top: 0
  }
}

.purchase_input__submit__error__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 28px 0;
  border: 2px solid #101010;
  border-radius: 3px;
  color: #101010;
  font-size: 18px;
  text-decoration: none;
  -webkit-transition-property: background-color,color;
  transition-property: background-color,color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__error__btn a {
      width:100%;
      margin-top: 15px
  }
}

.purchase_input__submit__error__btn a:hover {
  color: #fff;
  background-color: #101010;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.purchase_input__submit__error__btn a:hover .text:after {
  border-color: #fff;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.purchase_input__submit__error__btn a .text:after {
  content: "";
  position: relative;
  top: 5px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-right: 2px solid #101010;
  border-bottom: 2px solid #101010;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  z-index: 1;
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.purchase_input__submit__btn__back {
  position: absolute;
  left: 0;
  bottom: 22px;
  width: 200px
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__btn__back {
      position:static;
      width: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px
  }
}

.purchase_input__submit__btn__back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 6px 0;
  border: 2px solid #101010;
  border-radius: 3px;
  color: #101010;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition-property: background-color,color;
  transition-property: background-color,color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

@media only screen and (max-width: 767px) {
  .purchase_input__submit__btn__back a {
      padding:9px 18px
  }
}

.purchase_input__submit__btn__back a:hover {
  color: #fff;
  background-color: #101010;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.purchase_input__submit__btn__back a:hover .text:before {
  border-color: #fff;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.purchase_input__submit__btn__back a .text:before {
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  border-right: 2px solid #101010;
  border-bottom: 2px solid #101010;
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  z-index: 1;
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.purchase_input__bottom__message {
  margin-top: 60px
}

@media only screen and (max-width: 767px) {
  .purchase_input__bottom__message {
      margin-top:40px
  }
}

.purchase_input__bottom__message__note {
  margin-top: 20px
}

.purchase_input__bottom__message__note p {
  line-height: 1.8;
  font-size: 12px
}

.purchase_input__bottom__message__note li {
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px
}












/* purchase_confirm */
.purchase_confirm * {
  box-sizing: border-box
}

@media only screen and (max-width: 767px) {
  .purchase_confirm .purchase_heading02 .lead {
      text-align:center
  }
}

.purchase_confirm .purchase_heading02 .lead br {
  display: none
}

@media only screen and (max-width: 767px) {
  .purchase_confirm .purchase_heading02 .lead br {
      display:inline
  }
}

.purchase_confirm__detail {
  margin-top: 90px;
  padding-bottom: 70px;
  border-bottom: 1px solid #d5d5d5;
}
@media only screen and (max-width: 767px) {
  .purchase_confirm__detail {
      margin-top:50px;
      padding-bottom: 30px
  }
}

.purchase_confirm__detail dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail dl {
      -webkit-box-align:stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch
  }
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail dl:first-of-type {
      margin-top:30px;
      display: block
  }
}

.purchase_confirm__detail dt {
  width: 330px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail dt {
      width:40vw;
      padding-right: 4vw;
      font-size: 12px
  }
}

.purchase_confirm__detail dd {
  font-size: 18px
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail dd {
      font-size:14px
  }
}

.purchase_confirm__detail dd .prefix {
  padding-left: .5em
}

.purchase_confirm__detail .selected_car {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail .selected_car {
      -webkit-box-pack:start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }
}

.purchase_confirm__detail .selected_car__img {
  width: 220px;
  margin-right: 20px
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__detail .selected_car__img {
      -webkit-flex-shrink:0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 40vw;
      margin-right: 0;
      padding-right: 4vw
  }
}

.purchase_confirm__detail .selected_car__img img {
  width: 100%
}

.purchase_confirm__detail .selected_car__name {
  font-size: 18px
}

.purchase_confirm__detail .selected_car__name sup {
  font-size: 10px
}

.purchase_confirm__submit__container {
  position: relative;
  min-width: 944px;
  margin-top: 70px
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__submit__container {
      min-width:auto;
      margin-top: 35px
  }
}

.purchase_confirm__submit__message {
  margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__submit__message {
      margin-bottom:10px
  }
}

.purchase_confirm__submit__message p {
  font-size: 12px;
  text-align: center
}

.purchase_confirm__submit__message p br {
  display: none
}

@media only screen and (max-width: 767px) {
  .purchase_confirm__submit__message p br {
      display:inline
  }
}
