@charset "utf-8";

:root{
    --h2ColoredBackgroundColor:#00ab95; /* 見出しh2の背景色 */
    --h2ColoredBorderColor:#00806f; /* 見出しh2の線色 */

    --faqlabelQbackgroundColor:#00ab95; /* よくある質問：Q */
    --faqlabelQtextColor:#fff;
    --faqlabelAbackgroundColor:#dce6eb; /* よくある質問：A */
    --faqlabelAtextColor:#008c73;
    
    --navigationButtonBorderColorActive:#00ab95; /* ナビゲーションボタン：アクティブ時の線色 */
    --navigationButtonTextColorActive:#00ab95; /* ナビゲーションボタン：アクティブ時の文字色 */
 
    --pointColoredTitleBackgroundColor:#00ab95; /* ポイント枠：タイトル背景色 */
    --pointColoredTitleTextColor:#fff; /* ポイント枠：タイトル文字色 */
    --pointColoredBodyBorderColor:#00ab95; /* ポイント枠：枠線色 */
}

/* PC */
@media (min-width:769.0px){
    /* 旧CTA */
	.cta-basic-green .cta-basic__tel-number::before{
        background-image:url("https://templates-ookabe-glass-co-jp.imgix.net/site/e-kagami.com/common/img/cta/text_tel_number.png?auto=format&fit=max&w=600") !important;
    }
}

/* スマホ */
@media (max-width:768.9px){
    /* 旧CTA */
    .cta-basic-green .cta-basic__tel-number-link::before{
        content:"0120-12-5509" !important;
    }
}

/* レコメンドレイアウト */
.parts-reccomend a>.name{
    height: 3em;
    overflow: hidden;
    min-height: auto !important;
}

.parts-basic>.body>.text .block.block_item_related.block_price>ul:not(.ul-basic):not(.ul-notes){
    padding-left:0;
}


@media (max-width: 768.9px){
    .parts-reccomend a>.name{
        height: 4.5em;
        overflow: hidden;
    }
}


/* =================================================================================================

● メモ
更新・反映時にタイムアウトすることがあるため「Amazon S3」で管理
「https://ookabe-glass-templates.s3.amazonaws.com/site/e-kagami.com/」にフォルダを配置して管理

================================================================================================= */

/* スクラッチサイト、CMS 共用のCSS */
@import url("https://templates.ookabe-glass.co.jp/site/e-kagami.com/common/css/style.css?ver=202106040900");

/* CMS 内で共用のCSS */
@import url("https://templates.ookabe-glass.co.jp/site/e-kagami.com/shop/common/css/style.css?ver=202103111745");

/* 税込表記の調整 */
.cart-popup-button-area .price-in-tax::before,
.cart-popup-button-area .price-in-tax::after{
    display:none;
}

#container #contents>.inner>#main>.inner.cart>.section-basic>.inner>.body>.text>.product-info dl .buy-max, #container #contents>.inner>#main>.inner.cart>.section-basic>.inner>.body>.text>.product-info dl .buy-min{
    display:none;
}

/* 商品ページの画像表示部分を正方形にするCSS */
#container #contents>.inner>#main>.inner.product>.section-basic>.inner>.body>.slide{
    width: 100%;
}
#container #contents>.inner>#main>.inner.product>.section-basic>.inner>.body>.slide>.slider-for{
    margin-bottom: 1em;
}
#container #contents>.inner>#main>.inner.product>.section-basic>.inner>.body>.slide>.slider-for li{
    padding-top: 100%;
}
#container #contents>.inner>#main>.inner.product>.section-basic>.inner>.body>.slide>.slider-nav li{
    padding-top: 100%;
}

.material-icons,
.material-icons-round,
.material-icons-sharp,
.material-icons-outlined,
.material-icons-two-tone {
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@media(max-width:768px){
    #container #contents>.inner>#main>.inner, #container.column-2 #contents>.inner>#main>.inner{
        width:100% !important;
    }
    #container #contents>.inner>#side, #container #contents>.inner>#side.nav-open, #container.column-1 #contents>.inner>#side, #container.column-1 #contents>.inner>#side.nav-open, #container.column-2 #contents>.inner>#side, #container.column-2 #contents>.inner>#side.nav-open{
        max-width: none !important;
    }
}

#container header{
    background-color:transparent !important;
}

@media (min-width: 769px){
    body{
        background-color: transparent !important;
    }
}

body>.cart_menu{
    display:none;
}

.flex_menu.right{
    display:none;
}

span.custom-style_41_22,
span.custom-style_41_24,
span.custom-style_41_25,
span.custom-style_41_26{
    display:inline-block;
}

.wng-popup-cart .button.popup-window-open {
    display: inline-block;
    position: initial;
    border: 1px solid #e32626;
    background: #fa5959;
    background: -moz-linear-gradient(180deg,#fa5959 0%,#e32626 100%);
    background: -webkit-linear-gradient(180deg,#fa5959 0%,#e32626 100%);
    background: linear-gradient(180deg,#fa5959 0%,#e32626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa5959",endColorstr="#e32626",GradientType=1);
    -webkit-text-shadow: 0 0 1px #00000026;
    -moz-text-shadow: 0 0 1px #00000026;
    -ms-text-shadow: 0 0 1px #00000026;
    text-shadow: 0 0 1px #00000026;
    padding: 0.25em 1em;
    min-width: 150px;
    height: initial;
    line-height: initial;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    apperance: none;
    -webkit-apperance: none;
    -moz-apperance: none;
    -ms-apperance: none;
    -o-apperance: none;
    transition: opacity .2s ease-in-out 0;
    -webkit-transition: opacity .2s ease-in-out 0;
    -moz-transition: opacity .2s ease-in-out 0;
    -ms-transition: opacity .2s ease-in-out 0;
    -o-transition: opacity .2s ease-in-out 0;
}

.wng-popup-cart .button.popup-window-open:hover {
    opacity: .8;
}

/* ポイント枠：カート */
[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="standard"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="standard"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="standard"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="#standard-size"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="#standard-size"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="#standard-size"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="#standardsize"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="#standardsize"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="#standardsize"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-standard"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-standard"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-standard"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover{
    color:#ffa200;
}

[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="order"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="order"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][data-role="focus-contents"][data-focus-value="order"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="#order-size"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="#order-size"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="#order-size"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="#ordersize"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="#ordersize"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="#ordersize"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover,
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-order"] [class*="navigation-buttons-"][class*="_button-title-b"],
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-order"] [class*="navigation-buttons-"][class*="_button-title-b"]:visited,
[class*="navigation-buttons-"][class*="_button"][href*="cart-"][href*="-order"] [class*="navigation-buttons-"][class*="_button-title-b"]:hover{
	color:#25b9ea;
}

#main [data-role="toggle-contents"][data-focus-value="standard"] .point-colored__title-main-h,
#main #standard-size .point-colored__title-main-h,
#main [id*="cart-"][id*="-standard"] .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [data-role="toggle-contents"][data-focus-value="standard"] .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text #standard-size .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [id*="cart-"][id*="-standard"] .point-colored__title-main-h {
	background-color: #ffa200;
}

#main [data-role="toggle-contents"][data-focus-value="standard"] .point-colored__body, #main #standard-size .point-colored__body,
#main [id*="cart-"][id*="-standard"] .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [data-role="toggle-contents"][data-focus-value="standard"] .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text #standard-size .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [id*="cart-"][id*="-standard"] .point-colored__body {
	border-color: #ffa200;
}


#main [data-role="toggle-contents"][data-focus-value="order"] .point-colored__title-main-h,
#main #order-size .point-colored__title-main-h,
#main [id*="cart-"][id*="-order"] .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [data-role="toggle-contents"][data-focus-value="order"] .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text #order-size .point-colored__title-main-h,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [id*="cart-"][id*="-order"] .point-colored__title-main-h{
    background-color:#25b9ea;
}

#main [data-role="toggle-contents"][data-focus-value="order"] .point-colored__body,
#main #order-size .point-colored__body,
#main [id*="cart-"][id*="-order"] .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [data-role="toggle-contents"][data-focus-value="order"] .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text #order-size .point-colored__body,
#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>[class*="parts-"]>.body>.text [id*="cart-"][id*="-order"] .point-colored__body{
    border-color:#25b9ea;
}

@media (min-width: 769px){
    .remodal-wrapper {
        padding: 10px 10px 0 !important;
    }
}
@media (max-width: 768.9px){
    .remodal-wrapper {
        padding: 10px 10px 0 !important;
    }
}


/* ヘッダーのがたつきを抑制する */
body:not(.page-loaded) #header-main .pc-only .link-buttons{
    width: 230px;
}
body:not(.page-loaded) #header-main .pc-only .questions_info{
    width: 110px;
}
#header-main .pc-only .member_info,
#header-main .pc-only .member_info_login{
    width: 96px;
}
#header-main .pc-only .member_info a,
#header-main .pc-only .member_info_login a{
    justify-content: flex-start;
}

body:not(.page-loaded) #header-main .pc-only .questions_info > a:first-of-type,
body:not(.page-loaded) #header-main .pc-only .member_info > a:first-of-type,
body:not(.page-loaded) #header-main .pc-only .member_info_login > a:first-of-type{
    width: 16px;
}
body:not(.page-loaded) #header-main .pc-only .questions_info > a:last-of-type,
body:not(.page-loaded) #header-main .pc-only .member_info > a:last-of-type,
body:not(.page-loaded) #header-main .pc-only .member_info_login > a:last-of-type{
    width: 5em;
}
body:not(.page-loaded) #header-main .pc-only .questions_info > a,
body:not(.page-loaded) #header-main .pc-only .member_info > a,
body:not(.page-loaded) #header-main .pc-only .member_info_login > a{
    color: #fff;   
}


@media (min-width: 769px){
    body:not(.page-loaded) #header{
		height: 191px;
	}
    body:not(.page-loaded) #header #header-in{
		width: 1200px;
		height: 191px;
		margin: auto;
	}
    body:not(.page-loaded) #main-visual{
        width: 960px;
        height: 443px;
        margin-bottom: 10px;
    }
    
    body:not(.page-loaded) #index #blk-6-2{
        height: 146px;
    }
}

@media (max-width: 768.9px){
    
    body:not(.page-loaded) #container{
        padding-top: 60px !important;
    }
    body:not(.page-loaded) #header{
        width: 100%;
        height: 15px;
    }
    body:not(.page-loaded) #main-visual{
        width: 393px;
        height: 337px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    body:not(.page-loaded) #main-visual #index-slide .slider ,image{
        width: 393px;
        height: 294px;
        overflow: hidden;
    }
    
    body:not(.page-loaded) #index #blk-6-3{
        height: 260px;
    }
}
/* ここまで　ヘッダーのがたつきを抑制する */

#container #contents>.inner>#main>.inner>.section-basic>.inner>.body>.parts-basic>.body .product-cart>.inner>.body>.spec>.text>.rows>.row .cell .unit-basic__title{
    display:none;
}

.block-product-cart-alert__estimate-tel-number {
    background-image: url("https://templates-ookabe-glass-co-jp.imgix.net/site/e-kagami.com/common/img/cta/text_tel_number.png?auto=format&fit=max&w=600") !important;
}
@media (max-width: 640px){
    .custom-button_41_2,
    .custom-button_41_4,
    .custom-button_41_5{
        margin-top: 1.5rem;
    }
}

@media(min-width: 640.1px) and (max-width:1200px){
    #container #header-in {
        margin: 0 3%;
    }
    #contents {
        margin: 20px 3% 0;
    }
}