@charset "utf-8";
/* CSS Document */
/* ==========================================================
ログインページ（DLV-927:Facebookログイン終了対応)
========================================================== */
.box-button-03 .list-button .list-item-button-03 {
    width: 417px;
    margin-left: 0;
}

/* ==========================================================
注文確認ダイアログ（DLV-947 注文確認画面／初回は支払方法を「未選択」にしたい)
「base.css」の「modal_order」セクションがBase
========================================================== */
.modal_order_wrapper {
  min-height: 450px;
}
.modal_order_wrapper .modal_content {
  height: 340px;
}
.mfp-close.type02 {
  top: -28%!important;
}
.modal_order_wrapper .modal_content .box-button {
  margin-top: 10px;
}
.modal_order_wrapper .modal_content .box-button .list-button {}
.modal_order_wrapper .modal_content .box-button .list-button .list-item-button {
  margin-top: 10px;
}
.modal_order_wrapper .modal_content .area-table-orderinfo {
  padding: 10px;
}
.modal_order_wrapper .modal_content .area-table-orderinfo table {
  width: 60%;
}
.modal_order_wrapper .modal_content .area-table-orderinfo table th {
  font-weight: normal;
}
.modal_order_wrapper .modal_content .area-table-orderinfo table td {
  text-align: right;
}
.modal_order_wrapper .modal_content .area-table-orderinfo table .is-orderinfo {
  border-bottom: 1px solid #d7d7d7;
  font-size: 114.3%;
}
.modal_order_wrapper .modal_content .area-table-orderinfo table .is-orderinfo > * {
  padding: 10px 0 0;
}

/* ==========================================================
modal_on_confirm（モーダル画面の上のモーダル確認画面）
========================================================== */
.modal_on_confirm {
  width: 70%;
  min-height: 400px;
  margin: 0 auto;
  text-align: center;
}
.modal_on_confirm .modal_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 45%;
  height: 190px;
  margin: auto;
}
.mfp-close.modal_on_confirm_close {
  color: #fff!important;
  position: absolute!important;
  top: -75%!important;
  right: -32%!important;
}
.modal_on_confirm .modal_content .txt {
  font-size: 150%;
  font-weight: bold;
}
.modal_on_confirm .modal_content .box-button {
  margin-top: 30px;
}
.modal_on_confirm .modal_content .box-button .list-button .list-item-button:nth-child(1) {
  width: 200px;
}
.modal_on_confirm .modal_content .box-button .list-button .list-item-button:nth-child(2) {
  width: 200px;
}
.modal_on_confirm .modal_content .box-button .list-button .list-item-button .button {}
.modal_on_confirm .modal_content .box-button .list-button .list-item-button .button a {
  width: 100%;
}
.modal_on_confirm .modal_content .attention {
  margin-top: 15px;
}

/* ==========================================================
DLV-1219 ギフト明細ラジオボタンの表示調整
========================================================== */
li.list-item-meisai-option {
    float: left;
    width: 50%;
    margin: 0 0 1em;
}