@charset "UTF-8";
@font-face {
    font-family: 'logo';
    font-style: normal;
    font-weight: bold;
    src: url('./m15.TTF') format('truetype');
}
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    src: url('./FontAwesome.ttf') format('truetype');
}
.fontAwesome{
  font-family:FontAwesome;
}

/* 初期化
**********************************************************************/
*{
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  list-style-type: none;
  word-break: break-all;
}

img{
  border:none;
}

#jsAlert{
  padding:5px;
  background-color:yellow;
  color:black;
  width:100%;
  display:block;
}

/* レイアウト 使ってるのかなこの辺…
**********************************************************************/

#all{
  width:100%;
  padding:5px;
  margin:0 auto;
  background-color:white;
}
#header{
  width:100%;
  padding:5px;
  margin:5px auto;
  clear:both;
}
#main{
  width:100%;
  padding:5px;
  margin:5px auto;
}
#aside{
  width:100%;
  padding:5px;
  margin:5px auto;
}
#footer{
  width:100%;
  padding:5px;
  margin:5px auto;
  clear:both;
}

@media screen and (min-width:641px){
  #all{
    max-width:960px;
  }

  div#main{
    width:70%;
    min-height:400px;
    height:auto !important;
    height:400px;
  }

  div#aside{
    width:30%;
  }

  div#main,div#aside{
    float:right;/* 左カラム */
    /*float:left; 右カラム */
  }

  div#footer{
    clear:both;
  }
}




/* コンテンツデザイン
**********************************************************************/
body.sysCart {
  background-color:#fff;
}

.sysCart #sysMain a{
  color:black;
}

.sysCart #sysMain a:visited {
  color:perple;
}

/* 注意書き */
.note {
  color: #f00;
}

h1 {	/* 使ってるかな… */
  font-size:1em;
  color:lightgray;
}

/* 見出し */
.sysCartTitle {
  color:#ffffff;
  background-color: #666666;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0.5em;
}

/* 注釈テキスト */
.sysCartNote {
  margin: 0;
}

/* 強調テキスト */
.sysCartAttention {
}

/* フォーム */
.sysCart #sysMain .input {
  padding:10px 5px;
}

.sysCart #sysMain input[type=text],
.sysCart #sysMain input[type=password],
.sysCart #sysMain input[type=email],
.sysCart #sysMain input[type=number],
.sysCart #sysMain input[type=tel],
.sysCart #sysMain input[type=search],
.sysCart #sysMain textarea {
  background: linear-gradient(top, #EFEFEF, #FFFFFF);
    background: -moz-linear-gradient(top, #EFEFEF, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
  border: #999999 1px solid;
  border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  margin: 0.5em 0;
  padding: 0.5em 0.3em;
  width: 100%;
}

.sysCart #sysMain .input-append input[type=text] {
  display: inline;
  max-width: 8em;
}


@media screen and (max-width:641px){

.sysCart #sysMain input[type=text],
.sysCart #sysMain input[type=password],
.sysCart #sysMain input[type=email],
.sysCart #sysMain input[type=number],
.sysCart #sysMain input[type=tel],
.sysCart #sysMain input[type=search],
.sysCart #sysMain select,
.sysCartError {
  display: block;
  margin: 0.5em auto;
}

.sysCart #sysMain .input-append input[type=text] {
  margin: 0.5em;
}


}

.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
  background: linear-gradient(top, #E4DFCF, #C5B994);
    background: -moz-linear-gradient(top, #E4DFCF, #C5B994);
    background: -webkit-gradient(linear, left top, left bottom, from(#E4DFCF), to(#C5B994));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFE4DFCF', endColorstr='#FFC5B994');
  border: #999999 1px solid;
  border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  cursor:pointer;
  height: 35px;
  margin: 0.5em 0;
  min-width: 11em;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.sysCart #sysMain select {
  margin: 0.5em auto;
  text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.label{
  background-color:#444;
  color:#fff;
  padding:5px;
}

.placeholder{
  color:#ccc;
  padding:10px 5px 0px 5px;
}

.required{
  background-color:red;
  border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
  color:white;
  display:inline-block;
  margin-left:5px;
  padding:2px;
  padding:0 5px;
}

a.button{
  color:white;
}

/* テキストロゴ */
a.logo{
  color:black;
  font-weight:bold;
  font-size:1.5em;
  text-decoration:none;
}

#copyright{
  text-align:center;
}

/* テキスト　※これは都度管理画面で指定できるようにする？初期値でいい感じにしておく */
p{
  padding:10px;
  line-height:125%;
}




/* カート画面
**********************************************************************/

/* カート内共通
---------------------------------------------------- */
/* 白背景＋シャドウエリア */
.sysBox {
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 5px #999999;
    -moz-box-shadow: 1px 1px 5px #999999;
    -webkit-box-shadow: 1px 1px 5px #999999;
  margin: 1em auto;
  padding: 0.5em;
}

/* 購入ステップを進めるためのボタンデザイン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain .sysNextSubmitAreaForResumeMemberSessionCart .sysNextSubmit {
  background: linear-gradient(top, #FFCC00, #FF7700);
    background: -moz-linear-gradient(top, #FFCC00, #FF7700);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#FF7700));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFCC00', endColorstr='#FFFF7700');
  border: 1px solid #003366;
  color: #003366;
  font-size: x-large;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  height: 55px;
  margin: 0.5em auto;
  text-shadow: 1px 1px 3px #999999;
    -moz-text-shadow: 1px 1px 3px #999999;
    -webkit-text-shadow: 1px 1px 3px #999999;
  min-width: 10em;
  width: 95%;
}
/* ボタンが押せない状態の時（現在は支払選択・変更のwebコレを選択した時になる） */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit:disabled,
.sysCart #sysMain .sysBtnChangeArea .sysBtnChange:disabled,
.sysCart #sysMain .sysNextSubmitAreaForResumeMemberSessionCart .sysNextSubmit:disabled {
  opacity: 0.6;
}
.sysCart #sysMain .sysNextSubmitArea,
.sysCart #sysMain .sysNextSubmitAreaForResumeMemberSessionCart {
  height: auto;
}
.sysCart #sysMain .sys_next_submit_error {
  color: #f00;
  display: none;
}

/*.sysNextSubmit.sysOpcNextSubmit {*/
  /*max-width: 50%;*/
  /*min-width: 0;*/
  /*display: inline-block;*/
/*}*/
.opc_order_price_wrapper .opc_order_price_info{
    font-size:small;
}

.opc_coupon_name {
    font-size:small;
    margin: 0 0 0 10px;
}

/* 前のページに戻るリンク */
.sysBack{
  background: linear-gradient(top, #FFFFFF, #EFEFEF);
    background: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
  border: #DDD 1px solid;
  display: block;
  padding: 1em;
}

/* 商品合計などを表示しているエリアデザイン */
.sysTotal {}
.sysTotal .sysTotalTxt,
.sysTotalAmount {
  text-shadow: 1px 1px 3px #777777;
    -o-text-shadow: 1px 1px 3px #777777;
    -ms-text-shadow: 1px 1px 3px #777777;
    -moz-text-shadow: 1px 1px 3px #777777;
    -webkit-text-shadow: 1px 1px 3px #777777;
}

.sysTotal .sysTotalTxt .sysCartAttention,
.sysTotal .sysTotalAmount .sysCartAttention {
  font-size: large;
  font-size: 1.5rem;
  padding: 0 0.3em;
}
/* 受取店舗サマリ */
.sysReceiveStoreSummaryDetail {
  margin-left: 1em;
}

/* カートに入っている配送情報 */
.sysCartPackageSummary {
  background-color:#ffffff;
  border: #DDD 1px solid;
  padding :0.5em 0.5em 0.5em 0.5em;
  width: fit-content;
  margin-left: auto;
  text-align: right;
}

/* カートに入っている商品一覧 */
.sysCart .sysBox img.sysProductImg {
  float: left;
  height: auto;
  margin: 0 0 1% 0;
  width: 30%;
}

.sysCart .sysBox .sysProduct {
  float: right;
  width: 68%;
}

.sysCart .sysBox hr {
  clear: both;
}

.sysCart .sysItemListArea .sysBox select {
  max-width: 10em;
}

/* clear */
.sysClear {
  clear: both;
  height: 0.1px;
  line-height: 0.1;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 0.1px;
}

/* 一時保存再開用のメッセージ文 */
.sysExplanationOfResumeMemberSessionCart {
  text-align: center;
}

/* カートページ
---------------------------------------------------- */


/* レジトップページ
---------------------------------------------------- */
.sysAcceptDomainArea {}
.sysAcceptDomainArea .sysAcceptDomain {
  height:35px;
  float: left;
  margin: 1%;
  width: 47%;
}

.sysAcceptDomainArea .sysAcceptDomain a {
  line-height: 35px;
  padding: 0 0 0 1em;
}



/* 情報入力ページ
---------------------------------------------------- */


/* お届け先選択ページ
---------------------------------------------------- */
.sysSelectAddress {
  background: linear-gradient(top, #EFEFEF, #FFFFFF);
    background: -moz-linear-gradient(top, #EFEFEF, #FFFFFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
  border:1px solid #DDDDDD;
  padding: 0.5em;
}

.sysSelectAddress a {
  text-decoration: none;
}

.sysSelectAddress div {
  padding: 0 1em;
}

.sysSelectAddress .sysSubTitle {
  font-size: medium;
  font-size: 1.0rem;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 0;
  /*text-decoration: underline;*/
}
.sysSelectAddress .sysAccordion .sysSubTitle {
  text-decoration: underline;
}
.sysAccordion:after{
    content:'';
}

/* 複数配送 */
.sysSelectDeliveriesArea .sys_cart_item_list {
  width: calc(100% - 20px);
  margin: 0 auto;
}
.sysSelectDeliveriesArea .sys_cart_item_list,
.sysSelectDeliveriesArea .sys_cart_item_list th,
.sysSelectDeliveriesArea .sys_cart_item_list td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.sysSelectDeliveriesArea .sys_cart_item_list th {
  background-color: #999;
  color: #fff;
}
.sysSelectDeliveriesArea .sys_cart_item_list td {
  background-color: #fff;
}
.sysSelectDeliveriesArea .sys_deliveries_address_list {
  width: calc(100% - 20px);
  margin: 0 auto;
}
.sysSelectDeliveriesArea .sys_deliveries_address_list,
.sysSelectDeliveriesArea .sys_deliveries_address_list th,
.sysSelectDeliveriesArea .sys_deliveries_address_list td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.sysSelectDeliveriesArea .sys_deliveries_address_list th {
  background-color: #999;
  color: #fff;
}
.sysSelectDeliveriesArea .sys_deliveries_address_list td {
  background-color: #fff;
}
.sysSelectDeliveriesArea .sys_deliveries_address_list td:first-child {
  text-align: center;
}
.deliveries_add_type_area {
  width: calc(100% - 20px);
  margin: 10px auto;
  text-align: center;
}
.sysCart #sysMain .deliveries_add_type_area button {
  width: 30%;
}
.registered_address_hide {
  display: none;
}
.deliveries_area .deliveries_box {
  border: 1px solid #ccc;
  margin: 10px;
}
.deliveries_area .deliveries_box .deliveries_box_head {
  background-color: #ccc;
}
.deliveries_area .deliveries_box .deliveries_box_head .deliveries_box_head_title {
  display: inline-block;
  width: calc(100% - 11em);
}
.deliveries_area .deliveries_box p {
  margin: 0;
  padding: 5px 10px;
}
.deliveries_area .deliveries_box .sysSelectDelivery,
.deliveries_area .deliveries_box .sysSelectHopeDelivery {
  padding: 0 10px;
}
.deliveries_rental_detail {
  margin: 0.5em 0 0 1em;
}
.deliveries_custom_item_no {
  display: none;
}
#dlg_other .error_msg {
  color: #f00;
  font-weight: bold;
}

/* 決済/配送選択ページ
---------------------------------------------------- */
.sysSelectPaymentArea,
.sysSelectDeliveryArea,
.sysRemarksArea,
.sysSelectOptionArea {
  margin: 0 0 1em 0;
}

.sysSelectPayment li,
.sysSelectDelivery li,
.sysRemarks,
.sysSelectOption li {
  border-bottom: #CCCCCC 1px dotted;
  padding: 0.5em 0;
}

.sysSelectPayment li:first-child,
.sysSelectDelivery li:first-child,
h2 + .sysRemarks,
.sysSelectOption li:first-child {
  padding: 0 0 0.5em 0;
}

.sysSelectPayment li label,
.sysSelectDelivery li label,
.sysRemarks label,
.sysSelectOption li label {
  display: block;
  padding: 0.5em 0;
}

.sysSelectPayment li div,
.sysSelectDelivery li div,
.sysRemarks .sysFormField div:first-child {
  padding: 0 1em;
}

.credit_card_company_name {
  max-width:12em;
}

/* アコーディオン */
.sysPaymentItemTitle {
}
.sysPaymentSubItem {
}
.sysPaymentSubItemTitle {
}
.sysPaymentItemContent,
.sysPaymentSubItemContent {
  display: none;
}
/* SBPS
-------------------------------- */
.sysSbpsCreditCardUserName input {
  text-transform: uppercase;
}

/* webコレクト
-------------------------------- */
.sysSelectPayment .sys_web_collect_has_credit_repeat { /* 定期購入での登録済みクレカの注意書き */
  /* 2行目に1文字分のインデントを付ける */
  text-indent: -1em;
  padding-left: 2em;
}
#dlg_web_col_credit,
#dlg_web_col_registered_credit {
  padding: 30px;
}
.web_col_card_confirmed {
  display: none;
  color: #f00;
}

/* お届け希望日時 */
.sysSelectHopeDelivery div {
  padding: 0.5em 0;
}

.sysSelectHopeDelivery .sysSelectHopeDeliveryComment {
  padding: 0.5em 1em;
}

/* 備考 */
.sysRemarks .sysFormField textarea {
  height: 10em;
}

/* クレジットカード
-------------------------------- */
/* クレジットカード番号 */
.sysCart #sysMain .sysCardNo {
  padding-left: 10px;
}
  /* 有効期限 */
.sysCart #sysMain .card-month {
  width: 4em;
  display: inline-block;
}
.sysCart #sysMain .card-year {
  width: 6em;
  display: inline-block;
}

/* お支払い回数 */
.sysCart #sysMain .card_pay_count {
  display: inline-block;
  width: auto;
}


/* 注文確認ページ
---------------------------------------------------- */
.sysOrder ul.nav li,
.sysDetail ul.nav li {
  border-bottom: #CCCCCC 1px dotted;
  padding: 0.5em;
}
.sysOrder .sysConfirmInfo,
.sysDetail .sysConfirmInfo {
  width: 100%;
}

.sysOrder .sysConfirmButton,
.sysDetail .sysConfirmButton {
  width:100%;
}

.sysCart #sysMain .sysConfirmButton input[type=submit] {
  margin: 0.5em 0 0.5em auto;
  width: 100%;
}

.sysCart #sysMain .sysUsePoints,
.sysCart #sysMain .sysUseCoupons{
  margin: 0.5em auto;
}

.sysCart #sysMain .sysUsePoints .sysUsePointsInput,
.sysCart #sysMain .sysUsePoints .sysUsePointsButton {
  display: inline;
}

.sysCart #sysMain .sysUsePoints input[type="text"] {
  display: inline;
  max-width: 8em;
  margin: 0.5em;
}

.sysCart #sysMain .sysUseCoupons .sysUseCouponsSelect,
.sysCart #sysMain .sysUseCoupons .sysUseCouponsButton {
  display: inline;
}

.sysCart #sysMain .sysUseCoupons select{
  display: inline;
  width: auto;
  max-width: 100%;
}

/* 注文確認ページ(Amazonログイン&ペイメント用)
---------------------------------------------------- */
.orderLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  border-radius: 5px;
}
.orderLoading #loader {
  position: relative;
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  border-radius: 50%;
  border: 8px solid #fff;
  border-right-color: transparent;
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@keyframes spin {
  0% {transform: rotate(0deg); opacity: 0.2;}
  50% {transform: rotate(180deg); opacity: 1.0;}
  100% {transform: rotate(360deg); opacity: 0.2;}
}
@-moz-keyframes spin {
  0% {transform: rotate(0deg); opacity: 0.2;}
  50% {transform: rotate(180deg); opacity: 1.0;}
  100% {transform: rotate(360deg); opacity: 0.2;}
}
@-webkit-keyframes spin {
  0% {transform: rotate(0deg); opacity: 0.2;}
  50% {transform: rotate(180deg); opacity: 1.0;}
  100% {transform: rotate(360deg); opacity: 0.2;}
}

.sysAmazonPayInformationGroup
{
  margin-bottom: 1em;
}

.sysAmazonPayInformation1,
.sysAmazonPayInformation2 {
  display: block;
}

/* 注文完了ページ
---------------------------------------------------- */

/* Amazonペイメントのウィジェット
---------------------------------------------------- */
/* Please include the min-width, max-width, min-height and max-height */
/* if you plan to use a relative CSS unit measurement to make sure the */
/* widget renders in the optimal size allowed. */
#upperAmazonPayButton,
#amazonPayTopLoginButton {
  height: 45px;
  min-width: 200px;
  margin: 0.5em 0;
  width: 100%;
  text-align: left;
}
#lowAmazonPayButton,
#amazonPayBottomLoginButton {
  height: 45px;
  min-width: 200px;
  margin: 0.5em 0;
  width: 100%;
  text-align: left;
}
#addressBookWidgetDiv {
  min-height: 228px;
  max-height: 400px;
  margin: 0.5em;
}
#walletWidgetDiv {
  min-height: 228px;
  max-height: 400px;
  margin: 0.5em;
}
.sysAmazonSelectDelivery {
  display: -webkit-flex;
}
@-moz-document url-prefix() {
  .sysAmazonSelectDelivery {
    display: inline-flex;
  }
}
.selectAmazonDeliveryMethod {
  margin: 1em 1em 0 1em;
}
.amazonAddressAndWalletWidget {
  width: 100%;
}
#addressBookWidgetDiv {
  width: 100%;
  height: 228px;
}
#walletWidgetDiv {
  width: 100%;
  height: 228px;
}
/* ワンページカート */
/* アマゾンの時の購入手続きへボタン */
.useAmazon, .useAmazonGuest {
  width: 200px !important;
  height: 45px !important;
  color: #fff;
}

/* Smartphone and small window */
@media only screen and (max-width: 540px) {
  #upperAmazonPayButton,
  #amazonPayTopLoginButton {
    min-width: 200px;
    margin: 0.5em 0;
    width: 100%;
    text-align: center;
    height: 70px;
  }
  #lowAmazonPayButton,
  #amazonPayBottomLoginButton {
    min-width: 200px;
    margin: 0.5em 0;
    width: 100%;
    text-align: center;
    height: 70px;
  }
  #addressBookWidgetDiv {
    margin: 0;
    min-height: 138px;
  }
  #walletWidgetDiv {
    margin: 0;
    min-height: 138px;
  }
  #useAmazonSubmitButton {
    width: 100%;
    text-align: center;
  }

  #useAmazonSubmitButton
  .sysAmazonNextSubmit{
    width: 100% !important;
    height: 50px;
  }

  /* ワンページカート */
  #inputNewAddr > div.mdl-textfield {
    width: 100%;
    margin: 0 1px 0 1px;
  }
  .sysCart #sysMain .deliveries_add_type_area button {
    width: 100%;
  }

  .mdl-dialog__content {
    padding: 0px;
  }

  /*カゴの中の商品*/
  .opc_item .sysOpcImg {
    width: 100px;
    height: auto;
    float: left;
    margin: 2% 2% 2% 0;
  }

  /* アマゾンの時の購入手続きへボタン */
  .useAmazon, .useAmazonGuest {
    margin-left: calc(50% - 100px) !important;
    color: #fff;
    display: block;
    position: relative;
    top: -58px;
  }

  .sysNextSubmitAreaForUseAmazon {
    width: 100%;
  }

  .sysNextSubmitAreaForUseAmazon.useOPC {
    position: relative;
    top: 48px;
  }

}

/* Desktop and tablet */
@media only screen and (min-width: 541px) {
  #upperAmazonPayButton,
  #amazonPayTopLoginButton {
    margin: 0.45em 0 0.45em 0;
    padding-left: 1em;
    position: relative;
    width: 200px;
    height: 70px;
  }
  #lowAmazonPayButton,
  #amazonPayBottomLoginButton {
    margin: 0.45em 0 0.45em 0;
    padding-left: 1em;
    position: relative;
    width: 200px;
    height: 70px;
  }
  .sysNextSubmitAreaForUseAmazon {
    padding-top: 1em;
    display: -webkit-flex;
  }
  .amazonAddressAndWalletWidget {
    display: -webkit-flex;
    width: 100%;
  }
  @-moz-document url-prefix() {
    .sysNextSubmitAreaForUseAmazon {
      display: inline-flex;
    }
    .amazonAddressAndWalletWidget {
      display: inline-flex;
    }
  }
  #useAmazonSubmitButton {
    width: 100%;
    text-align: right;
    padding-right: 1em;
  }
  .sysNextSubmitAreaForUseAmazon.useOPC {
    width: 50%;
    float: right;
  }

  .mdl_btn_.opcDialog, form.opcUseAmazon {
    width: 50%;
    padding-top: 1em;
    text-align: right;
    padding-right: 10px;
  }

  #inputNewAddr > div.mdl-textfield {
    width: 49%;
    margin: 0 1px 0 1px;
  }
  /*クーポン*/
  .page-content.sys_opc_checkbox li {
    margin-bottom: 25px;
  }
  /*カゴの中の商品*/
  .opc_item .sysOpcImg {
    width: 180px;
    height: auto;
    float: left;
    margin: 2% 2% 2% 0;
  }

  .sysOpcProduct .opc_variation, .sysOpcProduct .opc_option_selection {
      display: inline;
  }

  .sysNextSubmitAreaForUseAmazon {
    width: 75%;
  }

  .sysAmazonNextSubmit{
    width: 200px !important;
    height: 45px !important;
  }
}

.sysAmazonDeliveryInfo {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sysAmazonConfirmLogin #upperAmazonPayButton,
.sysAmazonConfirmLogin #amazonPayTopLoginButton {
  margin: 0.45em 0 0.45em 0;
}
.sysAmazonConfirmLogin #lowAmazonPayButton,
.sysAmazonConfirmLogin #amazonPayBottomLoginButton {
  margin: 0.45em 0 0.45em 0;
}
.sysAmazonConfirmLogin #upperConfirmPageAmazonPayButton {
  height: 45px;
  min-width: 200px;
  margin: 0.5em 0;
  width: 100%;
  text-align: center;
}
.sysAmazonConfirmLogin #lowConfirmPageAmazonPayButton {
  height: 45px;
  min-width: 200px;
  margin: 0.5em 0;
  width: 100%;
  text-align: center;
}
.hideNextSubmitArea {
  display: none;
}
.hideAmazonConfirmLogin {
  display: none;
}

/*ワンページカート
---------------------------------------------------- */
/*ダイアログ*/
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 960px;
  /*height: 90%;*/
  margin: 0 auto;
}
/*ダイアログ 閉じるボタン*/
.sysCart #sysMain button.opc-dlg-close {
  min-width: 2em;
  float: right;
  position: relative;
  top: 0;
  right: 0;
  font-size: xx-large;
  color: #888;
  background: linear-gradient(0deg, #ffffff, #ffffff);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background: -moz-linear-gradient(top, #ffffff, #ffffff);
  border: none;
  margin: 0;
}

/* モーダルボタンのサイズ */
#sysMain button.mdl-button.full-width {
  width: 96% !important;
  height: 45px !important;
  font-size: 0.9rem;
  margin-left: 2% !important;
}

/*------------------*/
#sysMain .opc_next_btn_err {
  color: #f00;
}
#sysMain button.mdl-button.opc_next_btn {
  width: 96%;
  height: 45px !important;
  font-size: 0.9rem;
  margin: 0 2%;
}

.mglb25 {
  margin-left: 25px;
  margin-bottom: 25px;
}

.mdl-layout__tab {
  color: rgba(0,0,0, 0.54);
}

/*@todo 仮*/
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: #3f51b5;
}

.sysOPCartContent {
  padding: 10px 10px;
}

.order_summary__content {
  margin-left: 22px;
}

.order_content__ttl {
  width: 70%;
  float: left;
  margin-bottom: 5px;
}

.order_content__price {
  float: right;
  margin-bottom: 5px;
  overflow: hidden;
}

label .mdl-radio {
  display: block;
}

.sysOPCartSummary, #inputNewAddr {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 10px;
}

.sysOPCartSummary h2 {
  font-size: 1.4rem;
  font-weight: 700;
  border-bottom: 1px dotted #ccc;
  line-height: 41px;
  margin: 0;
}

h3.dialog_title {
  font-weight: 700;
  margin-top: 8px;
}

.opc_coupon, .opc_coupon_detail, .opc_point {
  display: none;
}

.mdl-textfield.opc_remark {
  width: 100%;
}

.opcDescription {
  margin: 0 0 0 4%;
}

ul.sysOPCSelectPayment li, ul.sysOPCSelectDelivery li{
  margin-bottom: 25px;
}

.opc_ccPayCount {
  margin-top: 25px;
}


/* MDL（OPC以外）
 * ---------------------------------------------------- */
.sysCart #sysMain .mdl-dialog button.mdl_dlg_close {
  color: #888;
}


/*-------------
 * 複数配送先
 *-------------*/
#inputNewAddr {
  width: 96%;
  margin-left: 2%;
}

table.cart-item {
  border: 1px solid #ccc;
  border-collapse: separate;
  border-spacing: 1px;
  text-align: center;
  line-height: 1.5;

}

table.cart-item th {
  width: 147px;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  color: #153d73;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table.cart-item td {
  width: 349px;
  padding: 10px;
  vertical-align: top;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table.cart-item td:first-child {
  text-align: left;
  border-left: none;
}

table.cart-item th:first-child {
  border-left: none;
}

table.cart-item tr:last-child td{
  border-bottom: none;
}

#button-input-addr {
  margin: 0 0 22px 16px;
}

/* 複数配送先 振り分ける商品を表示するテーブル */
/* 商品名 */
.mdl-dialog__content .sys_cart_item_list .cart_item_name{
  width: 48%;
}
/* 単価・小計 */
.mdl-dialog__content .sys_cart_item_list .cart_item_price,
.mdl-dialog__content .sys_cart_item_list .cart_item_other {
  width: 20%;
  text-align: center;
}
/* 数量 */
.mdl-dialog__content .sys_cart_item_list .cart_item_num{
  width: 12%;
  text-align: center;
}

/* 複数配送先 住所ごとの振り分け商品を表示するテーブル */
/* 商品名 */
.mdl-dialog__content .deliveries_area .sys_cart_item_list th:first-child{
  width: 68%;
}
/* 単価 */
.mdl-dialog__content .deliveries_area .sys_cart_item_list th:nth-child(2) {
  width: 16%;
}
/* 数量 */
.mdl-dialog__content .deliveries_area .sys_cart_item_list th:nth-child(3){
  width: 16%;
}

/* 条件によって表示・非表示を切り替えるエリア */
.deliMethod_hide, .deliAddr_hide, .itemNum_hide, .itemDelete_hide, .cartOption_hide {
  display: none;
}

/*-------------
 * カート内の商品
 *-------------*/
.sysOpcProduct {
  margin: 2% 2% 2% 0;
  float: left;
}

.sysOpcProduct .sysOpcItemName {
  font-weight: bold;
  font-size: 1.5em;
}

.sysOpcItemList li.opc_item:not(:last-child) {
  border-bottom: 1px dotted #ccc;
}

.border_b {
  border-bottom: 1px dotted #ccc;
}

.border_b:last-child {
  border-bottom: none;
}

/*ダイアログの背景*/
dialog::backdrop {
  background: rgba(0, 0, 0, 0.6);
}
/*chrome以外*/
dialog + .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
}

/*クロネコ クレカ払い支払い用ボタン*/
#kuronekoPayFlex > * {
   padding: 0 1em 0 1em;
 }
#kuronekoPayFlex #upperAmazonPayButton,
#kuronekoPayFlex #amazonPayTopLoginButton {
  width: initial;
}
#kuronekoPayFlex #lowAmazonPayButton,
#kuronekoPayFlex #amazonPayBottomLoginButton {
  width: initial;
}
.sysCart #sysMain #kuronekoPayFlex input {
  height: 45px;
  width: 200px;
}
.sysCart #sysMain #kuronekoPayFlex button {
  height: 45px;
}
.sysCart #sysMain #kuronekoPayFlex button img {
  height: 45px;
  width: 200px;
}