/* =========================================================
 全体
========================================================= */
/* Based */
.cms-page-view .page-title h1 {
    margin-bottom: .25em;
}
.cms-page-view h2 {
    padding: 0.2em 0;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    clear: both;
}
.cms-page-view h3 {
    padding: 0.2em 0;
    border-bottom: 1px dotted #CCC;
    clear: both;
}
.cms-page-view h4 {
    padding: 0.2em 0;
    clear: both;
}
.cms-page-view table {
    width: 100%;
    margin: 1em 0;
    border-bottom: 1px solid #CCC;
}
.cms-page-view table th {
    background-color: #F5F5F5;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    padding: 0.5em;
    vertical-align: middle;  /* ｲﾝﾗｲﾝ要素の上下のｾﾝﾀﾘﾝｸﾞを指定する */
    font-size: 0.95em;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.cms-page-view table td {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 0.5em;
    vertical-align: middle;  /* ｲﾝﾗｲﾝ要素の上下のｾﾝﾀﾘﾝｸﾞを指定する */
    text-align: left;
    font-size: 0.95em;
}
/* 行の高さ */
.cms-page-view p {
    line-height: 1.7em;
}
/* ﾘﾝｸ色 */
.cms-page-view div.column.main a {
  color: #1a5e80; /* 青 */
  text-decoration:underline; /* 下線 */
}
/* ﾍﾟｰｼﾞﾀｲﾄﾙ：下線 */
.cms-page-view .page-title h1 {
    padding-bottom: 0.2em;
    border-bottom: 3px solid #CCC;
}
/* ----------------------
 datepicker
----------------------- */
/* select項目 */
.ui-datepicker .ui-datepicker-title select {
    font-size: 0.8em;
}
/* 年 */
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    width: 51%;
}
/* 月 */
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    width: 49%;
    margin-right: 0%;
}

/* ---------------------------------------------------------
 共通
--------------------------------------------------------- */
/* notice */
.gws-notice {
    border: 1px solid #CCC;
    padding: .5em;
    background-color: #E7F0F5;
    font-weight: normal;
    margin-bottom: 1em;
}
.gws-notice p {
    text-decoration: underline;
    color: #E26703;
}
/* contact-us */
.gws-contact-us {
    border: 1px solid #CCC;
    background: #A0BCCC  no-repeat left center;
    padding: .5em .5em .5em 15em;
}
/* 画像ﾘｻｲｽﾞ */
.gws-resize-img {
    width: 100%;
    height: auto;
}
/* 箇条書き[番号] */
.gws-list-decimal {
    list-style: decimal outside;
    margin-left: 2em;
    margin-bottom: 0rem;
}
/* 箇条書き[黒丸] */
.gws-list-disc {
    list-style: disc outside;
    margin-left: 2em;
}
/* 箇条書き[子文字のﾛｰﾏ数字] */
.gws-list-lower-roman {
    list-style: lower-roman outside;
    margin-left: 2em;
}
/* 箇条書き[大文字のｱﾙﾌｧﾍﾞｯﾄ] */
.gws-list-upper-latin {
    list-style: upper-latin outside;
    margin-left: 2em;
}
/* 幅指定[20%] */
.gws-w20 {
    width: 20%;
}
/* 幅指定[25%] */
.gws-w25 {
    width: 25%;
}
/* 幅指定[40%] */
.gws-w40 {
    width: 40%;
}
/* 幅指定[50%] */
.gws-w50 {
    width: 50%;
}
/* 注釈色[赤] */
.gws-notes {
    color: #CC0000;
}

/* ---------------------------------------------------------
　ヘッダー
--------------------------------------------------------- */
/* ページ幅を狭めた時のヘッダー上部線を削除 */
.block-search .control {
    border-top: none !important;
}
/* ページ幅を狭めた時の見映え調整のため、ヘッダーにpaddingを設定 */
.page-header {
    padding-bottom: 5px !important;
}

/* ---------------------------------------------------------
 HOME
--------------------------------------------------------- */
/* ﾌﾞﾛｯｸ */
.cms-home .gws-block {
    margin-bottom: 1.5em;
}
/* ﾌﾞﾛｯｸ - ｷｬﾌﾟｼｮﾝ */
.cms-home .gws-block .gws-caption h3 {
    color: #1a5e80;
}
.cms-home .gws-block .gws-caption p {
    color: #000;
    font-size: 1.2rem !important;
}

/* ---------------------------------------------------------
 About Enagic Store
--------------------------------------------------------- */
/* 囲み枠[親] */
.cms-about .gws-box-parent {
    padding: 0;
    margin: 0;
}
/* 囲み枠[子] */
.cms-about .gws-box {
    position: relative;
    background: #E7F0F5;
    padding: 1.5em 0em 1.5em 0em;
    margin: .2em;
    border-radius: 6px;  /* 4角の丸み */
    border: .1em solid #ccc;
    text-align:center;
}
/* 囲み枠[子] */
.cms-about .gws-box a {
    display: block;
}
/* 余白指定[下部] */
.cms-about .gws-box-container {
    margin-bottom: 1em;
}

/* ---------------------------------------------------------
 Coporate Info
--------------------------------------------------------- */
/* ﾃｰﾌﾞﾙ */
.cms-company table th {
    width: 27%;
}

/* ---------------------------------------------------------
 System Requirements
--------------------------------------------------------- */
/* 下線 */
.cms-requirements .gws-border {
    padding-bottom: 0.1em;
    border-bottom: 3px solid #CCC;
}

/* ---------------------------------------------------------
 Payment Methods
--------------------------------------------------------- */
/* 余白指定[上部] */
.cms-payment .gws-margin-top {
    margin-top: 1em;
}

/* ---------------------------------------------------------
 Privacy Policy
--------------------------------------------------------- */
/* TAB */
.cms-policy .gws-tab-wrap {
    margin: 1em 0em;
    display: flex;
    flex-wrap: wrap;
    border: none;
}
.cms-policy .gws-tab-label {
    color: #fff;
    background: #ccc;
    margin-right: .2em;
    padding: 0.7em 1em;
    order: -1;
}
.cms-policy .gws-tab-content {
    width: 100%;
    display: none;
    border-top: 0.1em solid #000;
    padding-top: .5em;
}
/* ｱｸﾃｨﾌﾞなﾀﾌﾞ */
.cms-policy .gws-tab-switch:checked+.gws-tab-label {
    background: #444;
}
.cms-policy .gws-tab-switch:checked+.gws-tab-label+.gws-tab-content {
     display: block;
}
/* ﾗｼﾞｵﾎﾞﾀﾝ非表示 */
.cms-policy .gws-tab-switch {
    display: none;
}

/* ---------------------------------------------------------
 FAQs - Frequently Asked Questions
--------------------------------------------------------- */
/* FAQﾘｽﾄ */
.cms-faqs .column.main dl {
    margin-bottom: 2em
}
/* Questions */
.cms-faqs .column.main dt {
    padding: .15em 0;
    font-weight: 600;
    border-bottom: 1px dashed #DDD;
}
.cms-faqs .column.main dt:before {
    content: 'Q.';
    font-size: 120%;
    margin-right: .25em;
    color: #3272CC;
}
.cms-faqs .column.main dt:first-child {
    margin-top: -.35em;
}
/* Answer */
.cms-faqs .column.main dd {
    padding: .15em 0 1.5em 1.5em;
    border-bottom: 1px solid #DDD;
}
.cms-faqs .column.main dd:last-child {
    border: none;
}
.cms-faqs .column.main dd:before {
    content: 'A.';
    font-size: 110%;
    margin-right: .25em;
    margin-left: -1.2em;
    color: #EF9229;
}

/* ---------------------------------------------------------
 Shipping Rates & Policies
--------------------------------------------------------- */
/* ﾃｰﾌﾞﾙ */
.cms-shipping table caption {
    position: unset;  /* Ultimoのﾎﾟｼﾞｼｮﾝ指定[absolute]を無効化する */
    height: auto;
    width: auto;
    text-align: right;
}
.cms-shipping table th, .cms-shipping table td {
    text-align: center;
    word-break: normal;
}

/* ---------------------------------------------------------
 Return & Refund Policy
--------------------------------------------------------- */
/* ﾃｰﾌﾞﾙ */
.cms-refund table th, .cms-refund table td {
    text-align: center;
    word-break: normal;
}

/* ---------------------------------------------------------
 Machine Repair Instruction
--------------------------------------------------------- */
/* ﾃｰﾌﾞﾙ */
.cms-repair table caption {
    position: unset;  /* Ultimoのﾎﾟｼﾞｼｮﾝ指定[absolute]を無効化する */
    height: auto;
    width: auto;
    text-align: right;
}

/* ---------------------------------------------------------
 Footer
--------------------------------------------------------- */
/* COPYRIGHT:改行の為 */
.footer-copyright .copyright span {
    white-space: pre-line;
}

/* ---------------------------------------------------------
 Customer Login
--------------------------------------------------------- */
/* ﾛｸﾞｲﾝ画面：ﾗﾍﾞﾙ */
.customer-account-login .label {
  text-align: left !important; /* 左寄せ */
}

/* ---------------------------------------------------------
 Shopping Cart
--------------------------------------------------------- */
/* 商品名 */
.checkout-cart-index .product-item-name a {
  text-decoration:underline; /* 下線 */
}
/* Summury：Estimate Shipping and Tax */
.checkout-cart-index .cart-summary strong#block-shipping-heading {
  font-size: 1.6rem;
}
/* Summury：Apply Discount Code(割引) */
.checkout-cart-index .cart-discount div#block-discount {
    display: none;
}
/* Order Summary を下へ移動 */
.checkout-cart-index .cart-summary {
    float: none;
    position: static;
    width: 100%;
}
/* Order Summary を下へ移動 */
.checkout-cart-index form#form-validate.form.form-cart {
    float: none;
    position: static;
    width: 100%;
}
/* Editﾎﾞﾀﾝ を非表示 */
.checkout-cart-index .item-actions .action.action-edit {
    display: none !important;
}

/* ---------------------------------------------------------
 Check Out
--------------------------------------------------------- */
/* Payment Method */
/* Accept this agreement(privacy & policy) */
.checkout-index-index .checkout-agreements .action.action-show {
    color: #1a5e80;
    text-decoration: underline;
}
/* Payment Method */
/* Accept this agreement(privacy & policy)のﾁｪｯｸﾎﾞｯｸｽ下部の文言 */
/* .checkout-index-index .checkout-agreements div.checkout-agreement.field.choice.required:after {
    content: "\A＊＊＊追加するテキスト＊＊＊";
    white-space: pre;
} */
/* Shipping Address[ﾀﾞｲｱﾛｸﾞ] 「Save In Address book」ﾁｪｯｸﾎﾞｯｸｽ非表示*/
.checkout-index-index form#co-shipping-form.form.form-shipping-address div.field.choice {
    display: none;
}
/* Billing Address[ﾀﾞｲｱﾛｸﾞ] 「Save In Address book」ﾁｪｯｸﾎﾞｯｸｽ非表示 */
.checkout-index-index div.billing-address-form fieldset.fieldset.address div.choice.field {
    display: none;
}
/* ---------------------------------------------------------
 My Account
--------------------------------------------------------- */
/* [Contact Information] Edit ﾘﾝｸ */
.customer-account-index div.box.box-information div.box-actions {
    display: none;
}
/* [Contact Information] Change Password ﾘﾝｸ */
.customer-account-index a.action.change-password {
    display: none;
}
/* [Default Billing Address] Edit Address ﾘﾝｸ */
.customer-account-index div.box.box-billing-address div.box-actions {
    display: none;
}
/* [Default Shipping Address] Edit Address ﾘﾝｸ */
.customer-account-index div.box.box-shipping-address div.box-actions {
    display: none;
}

/* ---------------------------------------------------------
 My Account[Address Book]
--------------------------------------------------------- */
/* Change Billing Address,Change Shipping Address ﾘﾝｸ */
.customer-address-index div.box-actions {
    display: none;
}
/* Add New Address ﾎﾞﾀﾝ */
.customer-address-index button.action.primary.add {
    display: none;
}
/* [Additional Address Entries] Edit ﾘﾝｸ */
.customer-address-index a.action.edit {
    display: none;
}
/* [Additional Address Entries] Delete ﾘﾝｸ */
.customer-address-index a.action.delete {
    display: none;
}

/* ---------------------------------------------------------
 Order Print[PDF]
--------------------------------------------------------- */
.sales-order-print .header-container > *[class],
.sales-order-print .footer-container > *[class] {
    display: none;
}

/* ---------------------------------------------------------
カテゴリ表示用ヘッダー
ページ上部のカテゴリ部分が改行されないように修正
--------------------------------------------------------- */
.navi ul {
    display:inline-block;
}

/* ---------------------------------------------------------
modal-popupの?マーク
--------------------------------------------------------- */
.popup-tooltip {
    cursor: pointer;
    color: #f00;
    font-size: 16px;
}

/* ---------------------------------------------------------
「Out of stock」ラベル
--------------------------------------------------------- */
.stock.unavailable::before{
    /* [の追加 */
    content: '[';
}

.stock.unavailable {
    /* 強調表示にする */
    color: #fc639b;
    font-weight: bold;
}

.stock.unavailable::after{
    /* ]の追加 */
    content: ']';
}

/* ---------------------------------------------------------
 顧客登録時、個人・法人ｱｶｳﾝﾄの未選択ｴﾗｰﾒｯｾｰｼﾞ
--------------------------------------------------------- */
#corporation_flag-error {
    /* margin-left:20%;    ultimoデザインでない為、不要 */
}

/* ---------------------------------------------------------
 商品一覧画面
--------------------------------------------------------- */
/* 「Add to Cart」「Out of stock」を常に表示する */
.abs-visually-hidden-desktop-s,
.products-grid .product-item-info:not(:hover):not(.active) .product-item-details .product-item-inner {
    overflow: visible;
    position: sticky;
    width: auto;
    box-shadow: none;
}
/* 税抜価格を黒色に変更する */
.price-container.price-final_price.tax.weee > .price-wrapper.price-excluding-tax > .price {
    color: inherit;
}
/* 商品名を一行表示に、マウスオーバーで全表示させる */
.products-grid .product-item-name {
    line-height: 2.0rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.products-grid .item:hover .product-item-name {
    overflow: visible;
    white-space: normal;
}
.products-grid .product-item .product-item-info{
    margin-bottom: 8%
}
/* キャンペーン時に商品価格を赤の太字にする */
.product-item .price-box .special-price .price {
    color: #cc0000;
    font-weight: bold;
    display: block;
}
/* キャンペーン時に商品の元価格を灰色にし、取り消し線を追加 */
.product-item .price-box .old-price .price {
    color: #999;
    font-weight: bold;
    text-decoration: line-through;
}

/* ---------------------------------------------------------
 比較リストを非表示にする
--------------------------------------------------------- */
.product-item-info a.tocompare {
    display: none !important;
}
.product-item-info .tocompare {
    display: none !important;
}
.product-addto-links .tocompare {
    display: none !important;
}
/* ---------------------------------------------------------
 合計テキストと金額を太字にする
--------------------------------------------------------- */
.data.table.totals .grand.totals strong,.data.table.table-totals .grand.totals strong {
    font-weight: bold !important;
}
/* ---------------------------------------------------------
　Mini Cart
--------------------------------------------------------- */
/* Editﾎﾞﾀﾝ を非表示 */
.block-minicart .product.actions .primary .action.edit {
    display: none;
}

/* ---------------------------------------------------------
 リストの連番と黒点を非表示にする
--------------------------------------------------------- */
ul, ol {
    list-style: none;
}

 /* ---------------------------------------------------------
  Text Swatchの高さを30pxに変更する
 --------------------------------------------------------- */
 .swatch-attribute-options .swatch-option.text {
    height: 30px;
}

/* ---------------------------------------------------------
 商品詳細画面
--------------------------------------------------------- */
/* キャンペーン時に商品価格を赤の太字にする */
.product-info-main .product-info-price .price-box .special-price .price-wrapper .price {
    color: #cc0000;
    font-weight: bold;
}
/* キャンペーン時に商品の元価格を灰色にし、取り消し線を追加 */
.product-info-main .product-info-price .price-box .old-price .price-wrapper .price {
    color: #999;
    font-weight: bold;
    text-decoration: line-through;
    font-size: 2.8rem;
}
/* 商品名を小さくする */
.product-info-main .page-title-wrapper .page-title {
    margin-top: -6px;
    font-size: 3.2rem;
}

/* ---------------------------------------------------------
 ヘッダーに表示される顧客のステータスの位置を合わせる
--------------------------------------------------------- */
#cus-params {
    display: flex;
    flex-direction: column;
}
/* ---------------------------------------------------------
 銀行情報アップロードのラベルを太文字にする
--------------------------------------------------------- */
.fieldset > .field.required > .field.field-bank_upload > .label {
    font-weight: 600;
}
/* ---------------------------------------------------------
 銀行情報アップロードのラベルに*を付ける
--------------------------------------------------------- */
.fieldset > .field.required > .field.field-bank_upload > .label:after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 5px;
}