/* PFS CROSS SUMMARY v2 */

.pfs-cross-bridge{
  margin:20px 0 0;
  padding:10px 12px;
  border:2px solid #d27a00;
  border-radius:4px;
  background:#fffaf3;
}

.pfs-cross-bridge__summary{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:14px;
}

.pfs-cross-bridge__message{
  display:flex;
  align-items:baseline;
  gap:7px;
  flex:0 0 auto;
  color:#173e59;
}

.pfs-cross-bridge__message strong{
  font-size:15px;
  line-height:1.4;
}

.pfs-cross-bridge__message span{
  font-size:14px;
  white-space:nowrap;
  color:#9a5900;
  font-weight:700;
}

.pfs-cross-bridge__compact{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  margin:0;
  border:1px solid #d27a00;
  background:#fff;
}

.pfs-cross-bridge__term{
  width:165px;
  height:34px;
  padding:0 9px;
  border:0;
  border-right:1px solid #d27a00;
  background:#fff;
  color:#6d4300;
  font-size:13px;
  outline:none;
}

.pfs-cross-bridge__submit{
  height:34px;
  padding:0 13px;
  border:0;
  background:#d27a00;
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}

.pfs-cross-bridge__note{
  margin-top:6px;
  color:#7a7f84;
  font-size:10px;
  line-height:1.5;
}


/* OTC -> 医療用は青 */

.pfs-cross-bridge[data-mode="otc-to-medical"]{
  border-color:#1f5f96;
  background:#f5f9fd;
}

.pfs-cross-bridge[data-mode="otc-to-medical"]
.pfs-cross-bridge__message span{
  color:#1f5f96;
}

.pfs-cross-bridge[data-mode="otc-to-medical"]
.pfs-cross-bridge__compact{
  border-color:#1f5f96;
}

.pfs-cross-bridge[data-mode="otc-to-medical"]
.pfs-cross-bridge__term{
  border-right-color:#1f5f96;
  color:#174c76;
}

.pfs-cross-bridge[data-mode="otc-to-medical"]
.pfs-cross-bridge__submit{
  background:#1f5f96;
}


@media(max-width:720px){
  .pfs-cross-bridge__summary{
    display:block;
  }

  .pfs-cross-bridge__message{
    flex-wrap:wrap;
  }

  .pfs-cross-bridge__compact{
    margin-top:8px;
    width:100%;
  }

  .pfs-cross-bridge__term{
    width:auto;
    flex:1 1 auto;
  }
}