@charset "UTF-8";
/* =====================
  トップページ
===================== */
.top-contents{}
.extend--top-item-slide{
    color: inherit;
}
.extend--top-item-slide .img{
    width: 260px;
    height: 260px;
    display: block;
    /* background: #e1e1e1; */
}
.extend--top-item-slide .img img{
    max-width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 260px;
}
.extend--top-item-slide .img.noImg{
    display: block;
    width: 260px;
    height: 260px;
    background: #e1e1e1;
    padding: 2px;
    position: relative;
    margin-bottom: 1.25em;
}
.extend--top-item-slide .img.noImg::before{
    background: #fafafa;
    content: 'GROWLY Co., Ltd.';
    color: #191919;
    font-size: 20px;
    height: 256px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.extend--top-item-slide .img.noImg::after{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #151515;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* =====================
  お知らせ
===================== */
/* 現在お知らせはありません。 */
.extend--news-nodata{
    text-align: center;
    font-size: 16px;
    padding: 0;
    color: #666;
}

/* =====================
  IE11
===================== */
@media ( -ms-high-contrast : none) {
    button:active,
    button:focus,
    button:active > img,
    button:focus > img,
    button:active > span,
    button:focus > span,
    button:focus::before,
    button:active::before,
    button:focus::after,
    button:active::after{
        position:relative;
    }
    /* text */
    input::-ms-clear {
        visibility: hidden;
    }
    /* password */
    input::-ms-reveal {
        visibility: hidden;
    }
}

/* =====================
  QRコード
===================== */
.ex--top-movieqrcode{
    z-index: 2;
    text-align: right;
    position: absolute;
    bottom: 1em;
    right: 1em;
    -webkit-box-shadow: 0px 0px 3px 0 rgba(0,0,0,.5);
            box-shadow: 0px 0px 3px 0 rgba(0,0,0,.5);
}
.ex--top-movieqrcode img{
    width: 80px;
    height: auto;
}

/* =====================
  ヘッダー変更
===================== */
.u-header-member,
.u-header-contact{
    width: 154px!important;
    height: 136px;
    margin-right: 0!important;
}
.u-header-member a,
.u-header-contact a{
    display: inline-flex;
    width: 100%;
    height: inherit;
    font-size: 14px!important;
    color: #fff!important;
    font-weight: bold;
    padding-bottom: 0!important;
    background-size: 200% auto;
}
.u-header-member a{
    background-image: linear-gradient(to right, rgb(53,159,177) 0%, rgb(88,200,219) 51% ,rgb(53,159,177) 100%);
}
.u-header-contact a{
    background-image: linear-gradient(to right, #fe7404 0%, #fea304 51%, #fe7404 100%);
}
.u-header-member a:hover,
.u-header-contact a:hover{
    background-position: right center;
    opacity: 1;
}
.u-header-member a::before,
.u-header-contact a::before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    margin-bottom: 0.5em;
}
.l-header.scroll .u-header-member a::before,
.l-header.scroll .u-header-contact a::before{
    margin-bottom: 0.25em;
}
.u-header-member a::before{
    width: 50px;
    height: 39px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAnCAYAAABNJBuZAAACoklEQVRYheWZ34tNURTHP/e6XL8HRcgDQhovI+UB+RXiUaG8KcODJy8jzQtKSiSe8DL5D7wpL4RSSvKz/CrUYEYN1++aMbZWrVP7bvee42ov99zxrd25e59zz1rfvdf+7rX3KTjnCDAV6AYWA8PhzSajBLwGTgFPfFdCIrOA28DsnBEIIR28HLiTtBeDB7a1AAnBKGCP31AKHhgX1AeBbzWe+9eQESgDYz27k9KIDAb108BRYHSTifwA1gMXvbYqX7N6egD4bONbw+gN/lA1ucM5EmJ8TkgI2tJuZhFpGTSDyE7gDXAy5kstiSQKU9ZrQX/vBs4AB2Mas5BVUbmVqjQikV+ACSqhFaAd2AT8jGnUYkTmqsMbtaM2qPpJWrFf1ScqCYyIHAcWAIeB6cAJJbcDOARcMbBpQuQBMBGYCfRr+Q70AR3AIwObZqnHTeAlMAfoATZrm+CehUEr1Tqnvf8COAI8BTqV0H0Lg1YjcgOYBszT+fEOmKxXE1hmtbs03X6s6cUUYK+VMavQkt3lWs1QDwC3dG1ZY2TPjIgsgq+Ar1qXMBuy3DpbhVavTvYE57WY4b/Jfn87YmkiUtOaLCKVHBHpT7uZNUfkpGIZMCauTw1jSLMEH4U0IuWgvkRLHlHVuWFofcip07Uw4LeFJ42y+l7WU7w84y2wGnhej0iCTk3D86RaaATJ8dSFUIjqEWk5jJgFsZ78dmnSV7LYX/8lihrqd4FjwCf/NbVC6xKwJSfO18MzYJW/v/FDS45urrcACcFC4CGwNGlIRkS+iVwFFkUy1JORsovMb49gR5xfB1zDOdfhnKu4OPjonFshnfMHpTuSTcFWGZH3+t0wBuTI5ywwI8yFAgzr/X2xlFOIjIiFRORVVsn5OZLZRlEE+n4B1zE/1wI3VpEAAAAASUVORK5CYII=");
}
.u-header-contact a::before{
    width: 39px;
    height: 29px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAdCAYAAAApQnX+AAACt0lEQVRYhc2XS0hVURSGP+0xSBQLjCiSHFg0UKIgI8JB9ICgWWFRVDQpmggNTIKCCJo4i0icFAVOGkQvRAqCiAZB2QOTKEokSQfh4F5voZF/7NwnVpt7u+fch/XDgXPPWutf/1nr7r32qZCEwX5gO9DM3OM98AjoAWZFOXGSlkh6qv8DHyQ1OV1R5d4Ca/5BtXIhDdRXAu1ZhLkSv5sjIePA6+BZNdDlWvo8aOaAb7W7rpe50Q8lVflctwPbqKtcY6B6ytwfAi6UqWK9wFYg43+nA3utU/w1yxvdMtVzV3uJK3Y+4L+YxWfSGVI5CFx7FxuCHSUSdjQQdjeHX+pv4hw+SWo0ROskfSlC2C7DVesLkAt5xTmkJW02pCslvUwoakxSi+FYK2k4T0wscRFsOyol3YsZ90JSnYndKelHjLhE4hxOBf+Xq3n870uab/wPJMiVWJxDdyCwI4ffpcDvbMI8BYlz6POtjRIfDuxnAmFXCsiRqvilcHZcJMUboBWY8HHr/YnmFdBvuB4A2wrgTxdauQijkpqDKkXXUknPiuBOVRbwRhYrfKWOAct+jx3YBwwBG4piT1i5SUknJHVJmgls05KG/L4YolfS8Rh72x+VSyLuo6TVpm1xE303MTUJDrWx29oHNJkzXhtQFzN2HtDp793ia/EnkpK0tSf4o5+O+eYhLgc85/JVLp+4zoDwWoHCIriJscDwHcknLpPD2GZIqiX1Fyksgjs0LDfcrZImsvhNZhPnVtsmE7zKL4ZSwonZaHLUZ1lgGWcYtGolNZigLUVu0vmw1+RaKGnE+I+71XrTrI8ZYNjfHwQeFzja4uIG0OF9p4FvJu6Jm62LgDGgxj9037CDwJ4yigpxx0+WVvO8ISqpm4+fy9i+JJiStNt+8TtUASf9JhnNybmEO90MAN3ACMBP99NCwy+G/WgAAAAASUVORK5CYII=");
}
.l-header.scroll .u-header-member a::before{
    width: 40px;
    height: 31.2px;
}
.l-header.scroll .u-header-contact a::before{
    width: 31.2px;
    height: 23.2px;
}
.u-header-member a::after,
.u-header-contact a::after{
    display: none;
}