/* チェックアウトページ専用CSS */

.ino-checkout-notice {
  margin: 20px 0;
}

/* 支払い方法 見出し */
.ino-payment-title{
    font-size:17px;
    font-weight:600;
    margin:25px 0 10px;
}

/* 補足説明 */
.ino-payment-desc{
    font-size:14px;
    margin-bottom:12px;
    color:#555;
}

/* 番地のプレイスホルダーを非表示 */
#billing_address_1::placeholder {
    color: transparent !important;
}
/* Safari/古いブラウザ対策 */
#billing_address_1::-webkit-input-placeholder {
    color: transparent !important;
}
#billing_address_1:-ms-input-placeholder {
    color: transparent !important;
}

/* 都道府県プルダウンの矢印を大きく・わかりやすく */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7px 6px 0 6px; /* ←ここが矢印サイズ */
    border-color: #666 transparent transparent transparent;
}
/* ホバー時に少し濃く（操作可能感を出す） */
.select2-container--default .select2-selection--single:hover .select2-selection__arrow b {
    border-color: #333 transparent transparent transparent;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-name,
.woocommerce-checkout-review-order-table tfoot tr.order-total th{
  width: 70%;
  font-size: 17px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , sans-serif;
}
.woocommerce table.shop_table th {
  font-size: 15.5px;
}
.woocommerce-checkout-review-order-table td.product-name {
    font-weight: 600;
    line-height: 1.8;
    padding: 14px 12px!important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot th,
.woocommerce-checkout-review-order-table td.product-name {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , sans-serif;
}
.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  font-size: 17px;
}
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table .cart-subtotal{
  opacity: .85!important;
}

.woocommerce-info [role="button"] {
  text-decoration: underline;
  background: none;
  color: #474747;
}
.entry-content ul {
  padding-left: 1.3em;
}
.woocommerce form .form-row label.checkbox:after,
label[for=billing_last_name]:after,
label[for=billing_first_name]:after,
label[for=billing_postcode]:after,
label[for=billing_state]:after,
label[for=billing_city]:after,
label[for=billing_address_1]:after,
label[for=billing_phone]:after,
label[for=billing_email]:after {
  content:'必須';
  font-size: 12px;
  color: #fff;
  background-color: #2196F3;
  padding: 3px 4px;
  margin: 0 4px;
  white-space: nowrap;
  border-radius: 2px;
  font-weight: normal;
}
label[for=order_comments]:after {
  content:'任意';
  font-size: 12px;
  color: #fff;
  background-color: #a5a5a5;
  padding: 3px 4px;
  margin: 0 4px;
  white-space: nowrap;
  border-radius: 2px;
  font-weight: normal;
}
.payment_method_stripe p { margin-bottom: 10px; line-height: 22px; font-size: 13px;}
.woocommerce-checkout #order_review_heading { margin-bottom: 0.55em;}
.syoumei .inoue  { margin-bottom: 20px; line-height: 22px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 39px;
}
.select2-container .select2-selection--single {
  height: 39px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 37px;
}
/* label[for=payment_method_stripe]:after {
  content:'すべての通信・取引内容は暗号化されており、当ストアがカード番号等の決済情報をお預かりすることはございません。';
  font-size: 13px;
  display: block;
  line-height: 22px;
}  */
label { font-weight: bold;}
.woocommerce-shipping-methods label,
.woocommerce-checkout-payment label { font-weight: normal;}

.woocommerce form .form-row input.input-text {
  background-color: #fdfdfd;
}

/* 非表示 */
.woocommerce-checkout-review-order-table .product-quantity,
.woocommerce-checkout .account-unit__member,
.woocommerce-checkout .account-unit__member .account-unit__member--pc,
.breadcrumbs,
.stripe-cards-icon,
.woocommerce form .form-row .required,
.footer-menu #menu-item-535,.footer-menu #menu-item-750,
.woocommerce-message,
.woocommerce-checkout .optional,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address  {
    display:none;
}

.woocommerce ul#shipping_method li {
  font-size: 0.85em;
}
.woocommerce-order-received  .order-again,
.woocommerce-order-received .mousikomi p { display:none;}
.graybox { margin-bottom: 25px;}
.woocommerce-order-details__title{  margin-bottom: 15px;}
.woocommerce form .place-order {
  margin-bottom: 0px;
}
.custom-credit-card-icon {
  height: 24px;
  width: 37px;
  box-sizing: border-box;
  display: inline-flex;
  -moz-box-pack: center;
  justify-content: center;
  border: 1px solid transparent;
}
 .cart-discount [role="button"] {
  padding: calc(0.5em + 1px) calc(0.5em + 1px);
  font-size: 12px;
}
.woocommerce-checkout .checkout .woocommerce-additional-fields {
  margin-top: 0.5em;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total td{
  font-size: 17px;
}
.ino-shipping-notice{
  background:#f7f7f7;
  border:1px solid #ddd;
  padding:14px;
  margin:18px 0 24px;
  font-size:14px;
  line-height:1.7;
  color:#444;
}
.ino-final-message{
  text-align:left;
  font-size:14px;
  margin:25px 0 0;
  color:#666;
  line-height:1.7;
}

.woocommerce-terms-and-conditions > p {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* 申込み確定ボタンを確実に適用 */
.woocommerce-checkout #place_order{
  width: 100% !important;
  background: #039be6 !important;
  border-bottom: 3px solid #0281bf !important;
  border-radius: 3px !important;
  padding: 15px 0px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.woocommerce-terms-and-conditions-checkbox-text{
  font-weight: normal;
}

.woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment ul.payment_methods {
  border: 1px solid var(--wp--custom--color--border);
}

.woocommerce-checkout #payment {
  border-radius: 4px;
  background: #F3F3F3;
}
.woocommerce-checkout #payment div.payment_box {
  background-color: #ECECEC;
}
.woocommerce form .form-row label[for^="billing_"], .woocommerce form .form-row label[for^="shipping_"], .woocommerce form .form-row label[for^="additional_"], .woocommerce form .form-row label[for^="order_comments"] {
  width: 100%;
}

/* チェックボックスを押しやすく */
#terms{
  transform:scale(1.35);
  margin-right:8px;
  cursor:pointer;
}
/* 文字は強調しない */
.woocommerce-terms-and-conditions-checkbox-text{
  font-weight:normal !important;
  font-size:0.95em;
}
/* 行全体を押せるように */
.woocommerce-form__label-for-checkbox{
  cursor:pointer;
  display:flex;
  align-items:center;
}
/* 未チェック時のエラーを見やすく */
.woocommerce-invalid #terms{
  outline:2px solid #e74c3c;
  outline-offset:3px;
}

/* PC用カスタム */
@media (min-width: 768px){
  #terms{ transform:scale(1.45); }
/* PCのみ：フォーム間を少し詰める */
.woocommerce form .form-row label[for^="billing_"] { margin-top: 5px; }
}

/* PCのみ：確定ボタンの下余白を広げる */
.japacart-site__bottom {
  margin-top: 70px;
}

/* PC用カスタム終わり */

/* タブレットサイズ992px以上フォーム関係カスタム */
@media (min-width: 992px){
  body.woocommerce-checkout .woocommerce-billing-fields label{
    margin-bottom: 6px;
    display: inline-block;
  }
  body.woocommerce-checkout .woocommerce-billing-fields input,
  .select2-container .select2-selection--single,
  .select2-container--default .select2-selection--single .select2-selection__arrow,
  body.woocommerce-checkout .woocommerce-billing-fields select{
    min-height: 40px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  }
 .woocommerce-checkout .place-order > .woocommerce-terms-and-conditions-wrapper {
  margin: 0;
}
}
/* 992px以上カスタムカスタム終わり */

/* スマホ用カスタム */
@media (max-width: 767px) {
  .footer-menu__list #menu-item-539 {
    margin-top: 0;
  }
  .ino-final-message{
    display:none;
  }
}