body {
    overflow-x:hidden;
}

a {
    font-size: 17px;
    color: #303335;
}

hr {
    border-top: 1px solid #ccc !important;
}

button {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
    padding:0px !important;
}

.invalid-name {
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
}

.header__color__black {
    font-weight: 700;
    font-size: 15px;
    height:60px;
    line-height: 60px;
    margin:10px 0px;
    padding:10px 0px;
    letter-spacing: -0.1px;
    color: #303335;
}

#page-list-filter .container {
    width: 100%;
}

.brand-note {
    color: #FFF;
    background-color: #8E6937;
    text-align: justify;
    width: 100%;
    margin: 0 auto;
    padding: 0.5em 1em;
}

@media screen and (min-width: 761px) {
    .brand-note {
        text-align: center;
        margin: 10px auto 20px;
        color: #8E6937;
        background-color: transparent;
        font-size: 1.2em;
    }
}

.black__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.laxus__logo {
    width:140px;
    margin:15px 0px;
}

.zero {
    margin: 0px !important;
    padding: 0px !important;
}

.laxus__special {
    height: 28px;
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: -1.1px;
    text-align: center;
    color: #303335;
}

.special__title__big {
    width: 640px;
    height: 50px;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 50%;
    margin-left: -320px;
    top:50%;
    margin-top: -25px;
}

.mainvisual {
    width: 100%;
    height: 400px !important;
    position: relative;
    background-color: rgba(48, 51, 53, 1.0) !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.subvisual {
    width: 100%;
    height: 400px !important;
    position: relative;
    background-color: rgba(48, 51, 53, 0.45);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}

@media screen and (max-width: 1440px) {
    .subvisual {
        background-size: cover;
        background-position: center center;
    }

}

@media screen and (max-width: 761px) {
    .mainvisual {
        height: 200px !important;
        background-size: cover;
        background-position: center center;
    }

    .subvisual {
        height: 200px !important;
        background-size: cover;
        background-position: center center;
        /* background-attachment: fixed; */
    }

}

.noimgvisual {
    width: 100%;
    position: relative;
}

footer a {
    color: #8c8d8e !important;
}

a {
    text-decoration: none !important;

}

a:hover {
    text-decoration: none !important;
}

.border__bottom__none {
    border-bottom: none !important;
}

.margin__height__small {
    width:100%;
    height:30px;
}

.header__height__5px {
    width:100%;
    height:5px;
}

.header__height__20px {
    width:100%;
    height:20px;
}

.header__height__30px {
    width:100%;
    height:30px;
}

.header__height__40px {
    width:100%;
    height:20px;
}

.header__height__82px {
    width:100%;
    height:82px;
}

.header__height__60px {
    width:100% !important;
    height:60px !important;
}

.header__height__100px {
    width:100%;
    height:100px;
}

.header__height__120px {
    width:100%;
    height:120px;
}

.header__height__186px {
    width:100%;
    height:186px;
}

.mypage__profile__img img {
    border-radius: 50%;
    height: 142px;
    width: 142px;
}

.mypage__point__number {
    border-radius: 5px;
    border: solid 1px #B67C2D;
    width: 267px;
    height: 50px;
    margin:0 auto;
}

.mypage__point__number p {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.1px;
    color: #B67C2D;
    margin-top:17px;
}

.mypage__user_mail {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.7px;
    text-align: center;
    color: #303335;
}

.header__height__20px {
    width: 100%;
    height: 20px !important;
}

.header__height__15px {
    width: 100%;
    height: 15px !important;
}

.header__height__40px {
    width: 100%;
    height: 40px !important;
}

.header__height__76px {
    width: 100%;
    height: 76px !important;
}

.header__height__85px {
    width: 100%;
    height: 85px !important;
}

.header__height__370px {
    min-height: 370px !important;
}

.mypage__email__texts{
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.7px;
    text-align: center;
    color: #303335;
    padding:20px 0px;
}

.mypage__profile__title{
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.mypage__profile__change{
    font-weight: 700;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.9px;
    text-align: left;
    color: #303335;
}

.mypage__profile__profile{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.profile_text01{
    font-weight: 700;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.profile_text02{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;
}

.photo_text01{
    font-weight: 700;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.photo_text02{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;
}

.mypage_text_strong{
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    height:21px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
    margin:0px !important;
    padding:0px !important;
}

.mypage_text_default{
    font-size: 17px;
    line-height: 21px;
    height:21px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;
    margin:0px !important;
    padding:0px !important;


}

@media screen and (max-width:992px) {
    .mypage_text_default{
        display:inline-block;
        font-size: 14px;
        line-height: 40px;
        height:40px;
        width:100%;
        text-indent:15px;
    }

    .mypage_text_strong{
        display:inline-block;
        font-weight: 700;
        font-size: 14px;
        line-height: 40px;
        height:40px;
        width:100%;
        text-indent:15px;
    }

}

@media screen and (max-width:760px) {
    .mypage_text_default{
        display:inline-block;
        font-size: 12px;
        line-height: 16px;
        height:40px;
        width:100%;
        text-indent:0px;
        overflow:hidden;
        padding-top:10px !important;
    }

    .border-odd {
        border-bottom:1px #ccc solid;
        border-right:1px #ccc solid;
    }

    .border-even {
        border-bottom:1px #ccc solid;
    }

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

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

    .border-last-12 {
        border-bottom:none ;
        border-right:1px #ccc solid;
    }

    .mypage_text_strong{
        display:inline-block;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        height:40px;
        width:100%;
        text-indent:0px;
        overflow:hidden;
        padding-top:10px !important;
    }

}

#mypage_contents001 h2 {
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
    margin-top:0px;
}

#mypage_contents001 p{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;

}

#mypage_contents002 h2 {
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
    margin-top:0px;
}

#mypage_contents002 p{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;

}

#mypage_contents003 h2 {
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
    margin-top:0px;
}

#mypage_contents003 p{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;

}

.mypage__profile__changebtn{
    padding:17px 30px;
    border-radius: 5px;
    border: solid 1px #8c8d8e;
    font-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #8c8d8e;
}

.strong_text {
    font-weight:700;
}

.profile__screen__block {
    display:block;
}

.profile__screen__none {
    display:none;
}

.photo__screen__block {
    display:block;
}

.photo__screen__none {
    display:none;
}

.screen__block {
    display:block;
}

.screen__none {
    display:none;
}

.laxus__attention_small {
    font-size: 9px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #8c8d8e;
    margin-left:10px;
}

.mypage__point__conversion{
    width:85%;
    height:50px;
    line-height:50px;
    border-radius: 5px;
    background-color: #303335;
    border: solid 1px #979797;
    text-align:center;
}

#mypage_contents002 .mypage__point__conversion p {
    width:auto;
    margin:0 auto;
    line-height:50px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
}

.point__conversion__gift {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.1px;
    text-align: center !important;
    color: #d8d8d8;
}

#mypage_contents002 .mypage__point__payment p{
    font-size: 15px;
    letter-spacing: -0.1px;
    font-weight: 700;
    color: #d8d8d8;
    width:85%;
    height:50px;
    line-height:50px;
    border-radius: 5px;
    text-align:center !important;
}

#mypage_contents003 .mypage__point__number {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #B67C2D;
    border:none;
}

/* リクエストページのファイルアップロードのクラス */
.request_photo {
    width:80%;
    max-width:440px;
    text-align:center;
    border: 1px solid;
    display: inline-block;
    padding: 18px 40px;
    position: relative;
    border-radius: 5px;
    border: solid 1px #8c8d8e;
    margin:20px 0px;
}

#file_photo:hover {
    cursor:pointer;
}

.request_photo input[type="file"] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.filename {
    display: inline-block;
    font-size: 13px;
    letter-spacing: -0.1px;
    text-align: left;
    color: #303335;
    width:100%;
    height:50px;
    line-height:50px;
}

/* リクエストページのブランドのセレクトボックスのクラス */
.mypage__brand__request {
    width:100%;
    max-width: 440px;
    height: 50px;
    line-height:50px;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: solid 1px #d8d8d8;
    padding:12px;
}

/* リクエストページの理由のスタイルシート */
.mypage__request__reason {
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335 !important;
}

.mypage__request__radio {
    font-size: 17px;
    min-height:30px;
    line-height: 30px;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;
    font-weight:400;
}

.mypage__request__mark li{
    list-style: none;
    text-indent: 0px;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: 400;
}

.mypage__request__mark ul{
    text-indent: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.mypage__request__box {
    width:80%;
    max-width: 440px;
    height:auto;
    min-height: 120px;
    border-radius: 5px;
    border: solid 1px #d8d8d8;
    margin:0 auto;
}

.mypage__request__confirm{
    width:80%;
    height: 50px;
    line-height: 50px;
    max-width: 440px;
    border-radius: 5px;
    border: solid 1px #B67C2D;
    color:#B67C2D;
    background-color: #ffffff;
    margin:0 auto;
}

.mypage__request__confirm:hover{
    border-radius: 5px;
    border: solid 1px #B67C2D;
    color:#ffffff;
    background-color: #B67C2D;
}

/*リクエスト完了ページのスタイルシート*/
.mypage__request__completebox {
    min-height:50vh;
}

.mypage__request__completebox h1{
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #303335;
}

.mypage__request__completebox p{
    font-size: 17px;
    line-height: 240%;
    letter-spacing: -0.9px;
    text-align: center;
    color: #303335;
}

#mypage_contents001 h1 {
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #303335;
}

.reauest-brand-list label {
    line-height:240%;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.1px;
    text-align: left;
    color: #8c8d8e;
}

.mypage__requestbrand__confirm{
    width:80%;
    height: 160px;
    line-height: 50px;
    max-width: 440px;
    border-radius: 5px;
    border: solid 1px #d8d8d8;
    color:#B67C2D;
    background-color: #ffffff;
    margin-left:30px;
}

.mypage__requestbrand__confirmbtn{
    width:80%;
    height: 160px;
    line-height: 50px;
    max-width: 440px;
    border-radius: 5px;
    border: solid 1px #d8d8d8;
    color:#B67C2D;
    background-color: #ffffff;
    margin-left:30px;
}

.margin__left__30 {
    margin-left:30px;
}

.mypage__wait__contents h1{
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.mypage__wait__contents p{
    font-size: 13px;
    line-height: 1.08;
    letter-spacing: -0.1px;
    text-align: left;
    color: #303335;
}

/*友達紹介ページ*/
#mypage__friends__invited h1{
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
}

#mypage__friends__invited p{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.9px;
    text-align: center;
    color: #303335;
}

/*友達紹介ページ クリックコピー*/
#mypage__friends__invited section{
    width:100%;
    max-width:100%;
    display:inline-block;
    margin:0 auto;
    text-align:center;
}

#mypage__friends__invited input{
    text-align: center;
    border-top: solid 1px #303335;
    border-left: solid 1px #303335;
    border-bottom: solid 1px #303335;
    box-shadow: none;
    transition: all 0.2s;
    height: 50px;
    line-height:50px;
    width:75%;
    float:left;
    margin:0;
    padding:0;
    border-radius: 5px 0px 0px 5px;
}

#mypage__friends__invited button{
    width:25%;
    height: 50px;
    line-height:50px;
    border: solid 1px #303335;
    background: #FFFFFF;
    position: relative;
    transition: all 0.2s;
    margin-left: 0px;
    float:left;
    font-size: 19px;
    letter-spacing: -0.3px;
    text-align: center;
    color: #303335;
    margin:0;
    padding:0;
    border-radius: 0px 5px 5px 0px;
}

#mypage__friends__invited button:focus{
    outline: none;
}

#mypage__friends__invited button:after{
    content: "招待コードをクリップボードにコピーしました。";
    width: auto;
    line-height:110%;
    height:50px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0px;
    padding: 10px 10px;
    background: #333333;
    color:#fff;
    font-size:12px;
    transition: all 1s;
    -webkit-transition: all 0.5s;
}

#mypage__friends__invited button.copied:after{
    right: -100px;
    opacity: 1;
}

.mypage__invited__change {
    font-size: 13px !important;
    letter-spacing: -0.1px;
    text-align: left !important;
    color: #B67C2D !important;
}

.mypage__friends__box {
    width:100%;
    max-width:440px;
    margin:0 auto;
    display:inline-box;
}

/*SNSボタン*/
.facebook__btn {
    width:100%;
    height: 50px;
    line-height:50px;
    max-width:440px;
    margin:0 auto;
    border-radius: 5px;
    background-color: #3b5998;
    font-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
}

.facebook__btn:hover {
    background-color: #ffffff !important;
    border:1px solid #3b5998;
    color: #3b5998;
}

.facebook__btn a{
    color: #ffffff !important;
    width:100%;
    height:100%;
    display:block;
}

.facebook__btn:hover a{
    color: #3b5998 !important;
}

.twitter__btn {
    width:100%;
    height: 50px;
    line-height:50px;
    max-width:440px;
    margin:0 auto;
    border-radius: 5px;
    background-color: #55acee;
    font-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff !important;
}

.twitter__btn:hover {
    background-color: #ffffff !important;
    border:1px solid #55acee;
    color: #55acee;
}

.twitter__btn:hover a{
    color: #55acee !important;
}

.twitter__btn a{
    color: #ffffff !important;
    width:100%;
    height:100%;
    display:block;
}

.submit_btn{
    width:100%;
    height: 50px;
    line-height: 50px;
    max-width: 440px;
    border-radius: 5px;
    border: solid 1px #B67C2D;
    color:#B67C2D;
    background-color: #ffffff;
    margin:0 auto;
}

.submit_btn:hover{
    border: solid 1px #B67C2D;
    color:#ffffff;
    background-color: #B67C2D;
}

.submit_btn:hover a{
    color: #ffffff !important;
}

.submit_btn a{
    color: #B67C2D !important;
    width:100%;
    height:100%;
    display:block;
}

.textbox__style{
    width:100%;
    height: 50px;
    margin:0 auto;
    line-height: 50px;
    border-radius: 5px !important;
    border: solid 1px #3b5998;
    color:#3b5998;
    background-color: #ffffff;
}

#change__invite__code h1{
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
}

.text-left{
    text-align: left !important;
}

/*# sourceMappingURL=bootstrap.css.map */
.header {
    padding: 0px 0 0px !important;
    height:auto;
    position: relative;
}

@media screen and (max-width:761px) {
    .header {
        padding: 0px 0px 0px !important;
        position: relative;
        overflow: hidden;
    }

}

.header .global-menu-outer {
    height: 56px !important;
    padding-top:25px  !important;
}

@media screen and (max-width:761px) {
    .header .global-menu-outer {
        height: 56px !important;
        padding-top:0px  !important;
    }

}

.header_noimage .global-menu-outer {
    height: 56px !important;
    padding-top:0px  !important;
}

@media screen and (max-width:486px) {
    .header_noimage .global-menu-outer {
        height: 56px !important;
        padding-top:0px  !important;
    }

}

.header .global-menu {
    min-height: 1px;
}

.header .global-menu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html .header .global-menu {
    height: 1px;
}

.header .global-menu__left {
    float: left;
}

.header .global-menu__right {
    float: right;
}

.header .global-menu .logo {
    display: inline-block;
    margin: 0 20px 0 0 !important;
}

@media screen and (min-width:1041px) and ( max-width:1080px) {
    .header .global-menu__right {
        margin-right:45px;
    }

}

@media screen and (min-width:992px) and ( max-width:1040px) {
    .header .global-menu__right {
        margin-right:75px;
    }

}

@media screen and (min-width:730px) and ( max-width:992px) {
    .header .global-menu .logo {
        margin-right:20px !important;
    }

}

@media screen and (max-width:729px) {
    .header .global-menu .logo {
        margin-top:0px !important;
        margin-right:20px !important;
        top:0 !important;
    }

}

.header .global-menu .logo .logo-svg {
    fill: #fff;
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,1));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,1));
}

.header .global-menu .inner {
    display: inline-block;
    margin: 0;
    text-align: right;
    line-height: 55px;
}

.header .global-menu .nav__item {
    display: inline-block;
    cursor: pointer;
}

.header .global-menu .nav__item.open a {
    border-bottom: 5px solid #B67C2D;
}

.header .global-menu .nav__item a {
    color: #fff;
    padding: 0 10px !important;
    font-size: 15px;
    text-shadow:0px 0px 10px #000000,0px 0px 25px #000000;
}

.header .global-menu .nav__item .dropdown-menu a{
    color: #fff;
    padding: 0 10px !important;
    font-size: 15px;
    text-shadow:none;
}

.header .global-menu .nav__item a:hover {
    text-decoration: none;
}

.header .global-menu .nav__item a:focus {
    text-decoration: none;
}

.header .global-menu .nav__item .dropdown-menu {
    padding: 10px 0 !important;
    margin-top: 5px;
    left: -25px;
}

.header .global-menu .nav__item .dropdown-menu li a {
    color: #303335;
    line-height: 30px !important;
    padding: 0 20px;
    border-bottom: none;
}

.header .global-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0px !important;
    background: #fff;
    border-bottom:1px solid #d8bb6c;
    z-index: 999;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.header .global-menu.fixed .fixed-inner {
    width: 1040px;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .header .global-menu.fixed .fixed-inner {
        width: 720px;
    }

    .header .global-menu .nav__item a {
      font-size: 12px !important;
  }

}

@media screen and (max-width: 768px) {
    .header .global-menu .nav__item a {
      font-size: 11px !important;
      padding: 0 8px !important;
  }

}

@media screen and (max-width: 746px) {
    .header .global-menu.fixed .fixed-inner {
        width: 100%;
        margin: 0 10px;
    }

    .global-menu__right {
       display:none;
   }

   .global-menu__left ul li {
       display:none;
   }

   .global-menu__left h1.logo {
       display:block;
       margin-top:-5px;
   }

   .inner {
       display:none;
   }

}

.header .global-menu.fixed .logo {
    vertical-align: middle;
    padding-bottom: 15px;
}

.header .global-menu.fixed .logo .logo-svg {
    fill: #303335;
    -webkit-filter: none;
    filter: none;
    margin-bottom:5px;
}

.header .global-menu.fixed .inner .nav__item a {
    color: #303335;
    text-shadow:none;
}

@media screen and (max-width: 746px) {
    .header .global-menu .inner {
        display: none;
    }

}

.header .video-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }

}

.header .video-outer .vjs-loading-spinner {
    display: none;
}

.header .video-outer .video-loader {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-animation: spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
    animation: spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
}

.header .video-outer .video-loader:before, .header .video-outer .video-loader:after {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white;
}

.header .video-js {
    opacity: 0;
    position: absolute;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 743px;
    min-width: 1380px;
}

.header .lead {
    color: #fff;
    text-align: center;
    margin: 176px 0 30px;
}

.header .lead .ttl {
    margin-bottom: 20px;
    font-size: 40px;
}

.header .btn-area .play-btn {
    margin-bottom: 40px;
}

.header .btn-area .play-btn img {
    width: 68px;
}

@media screen and (max-width: 740px) {
    .header {
        width: 100%;
        height: auto;
        padding: 10px 0 40px;
    }

    .header .global-header .logo {
        position: relative;
        width: 100%;
        top: 0;
        left: auto;
        right: auto;
        text-align: center;
        z-index: 2;
    }

    .header .global-header .logo img {
        width: 100px;
    }

    .header .global-header nav {
        opacity: 0;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1;
        top: -100%;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .15);
    }

    .header .global-header.for-sp {
        display: block;
    }

    .header .global-header.for-sp .btn-menu {
        z-index: 101;
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
    }

    .header .global-header.for-sp .btn-menu .inner {
        display: block;
        position: relative;
        width: 35px;
        height: 22px;
    }

    .header .global-header.for-sp .humb {
        position: absolute;
        display: block;
        width: 35px;
        height: 2px;
        background: #fff;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .header .global-header.for-sp .humb.humb-top {
        top: 0;
    }

    .header .global-header.for-sp .humb.humb-mid-01 {
        top: 10px;
    }

    .header .global-header.for-sp .humb.humb-mid-02 {
        top: 10px;
    }

    .header .global-header.for-sp .humb.humb-btm {
        top: 20px;
    }

    .header .global-header.open .menu {
        top: 61px !important;
        opacity: 1 !important;
    }

    .header .global-header.open .btn-menu .humb.humb-top {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    .header .global-header.open .btn-menu .humb.humb-mid-01 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header .global-header.open .btn-menu .humb.humb-mid-02 {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .header .global-header.open .btn-menu .humb.humb-btm {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    .header .lead {
        margin: 40px 20px 20px;
    }

    .header .lead .ttl {
        font-size: 24px;
    }

    .header .btn-area .play-btn {
        margin-bottom: 20px;
    }

    .header .btn-area .play-btn img {
        width: 50px;
    }

}

#mypage_card dd {
    height:45px;
    line-height:45px;
    box-shadow: 0 1px 0 0 #d8d8d8;
}

#mypage_card dl {
    height:45px;
    line-height:45px;
}

#mypage_card h2 {
    font-size: 19px;
    text-align: left;
    color: #303335;
    margin:0;
    padding:0;
}

#mypage_card p {
    font-size: 15px;
    text-align: left;
    color: #303335;
}

#mypage_card .attention {
    font-size: 13px;
    text-align: left;
    color: #303335;
}

#mypage_card .cardtext {
    font-size: 17px;
    text-align: left;
    color: #8c8d8e;
    width:100% !important;
    height:45px !important;
    line-height:45px !important;
}

#mypage_card .mypage_card_box {
    width:100%;
    max-width:440px;
    height:auto;
}

.card_number {
    font-size: 15px;
    border-top:none;
    border-right:none;
    border-bottom:1px #ccc solid;
    border-left:none;
    border-radius: 0px;
    width:80px;
    height:45px;
    line-height: 45px;
    color: #303335;
}

#mypage_card select {
    border:none !important;
    background-color: #ffffff;
    padding:0px 15px;
    text-align: center !important;
}

.no-scrollbar::-webkit-scrollbar {display:none;}

.no-scrollbar::-moz-scrollbar {display:none;}

.no-scrollbar::-o-scrollbar {display:none;}

.no-scrollbar::-google-ms-scrollbar {display:none;}

.no-scrollbar::-khtml-scrollbar {display:none;}

.no-scrollbar { display:inline-block; overflow:hidden; }

.no-scrollbar select { padding:10px; margin:-5px -20px -5px -5px; }

#card_confirm h1{
    font-size: 19px;
    text-align: center;
    color: #303335;
    margin:0;
    padding:0;
}

#card_confirm h2{
    font-size: 19px;
    text-align: left;
    color: #303335;
    margin:0;
    padding:0;
}

#card_confirm dd {
    height:45px;
    line-height:45px;
    box-shadow: 0 1px 0 0 #d8d8d8;
    max-width:140px;
    text-align: center;
}

#card_confirm dl {
    height:45px;
    line-height:45px;
}

#card_confirm select {
    border:none !important;
    background-color: #ffffff;
    padding:0px 15px;
    text-align: center !important;
}

#card_confirm .container {
    width:100%;
    max-width:800px;
    margin:0 auto;
}

#mypage_notification h1{
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

#mypage_notification label{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    font-weight:300;
    color: #8c8d8e;
}

.wait_texts01 {
    font-size: 19px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.wait_texts02 {
    font-size: 17px;
    line-height: 1.71;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.wait_texts03 {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
}

.wait_cancel_btn {
    width:80%;
    max-width:204px;
    font-size: 15px;
    height: 50px;
    line-height:50px;
    letter-spacing: -0.1px;
    text-align: center;
    background-color:#fff;
    color: #8c8d8e;
    border-radius: 5px;
    border: solid 1px #979797;
    margn:0 auto;
    padding:0;
}

.margin_top_0 {
    margin-top:0;
    padding-top:0;
}

.mypage_notification__box {
    width:80%;
    max-width: 1040px;
    height:auto;
    min-height: 120px;
}

/* leadsub */
.leadsub {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

.header .leadsub {
    color: #fff;
    text-align: center;
    margin: 60px 0 30px;
}

.header .leadsub .ttl {
    margin-bottom: 20px;
    font-size: 40px;
}

.header .leadmain {
    color: #fff;
    text-align: center;
    margin: 70px 0px;
}

@media screen and (max-width: 761px) {
    .header .leadmain {
      margin: 35px 0px;
  }

}

.header .leadmain .ttl {
    font-size: 36px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
    font-weight:700;
    text-shadow: 0px 0px 15px rgba(102,102,102,1);
}

@media screen and (max-width: 746px) {
    .header .leadmain .ttl {
        font-size: 21px;
    }

}

.header .leadmain h3 {
    padding:0px 0px 15px 0px;
    font-size: 40px;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
    font-weight:500;
    margin:0;
}

.header .leadmain .subtext {
    font-size: 14px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
    text-shadow: none ;
    color: #ffffff;
    font-weight:700;
    color: #ffffff;
    text-shadow: 0px 0px 15px rgba(102,102,102,1);
}

.header .leadsub {
    color: #fff;
    text-align: center;
    margin: 60px 0 30px;
}

.header .leadsub .ttl {
    margin-bottom: 20px;
    font-size: 40px;
}

.header .leadsub dd {
    color: #fff;
    text-align: center;
    margin-top: 120px;
}

@media screen and (max-width: 761px) {
    .header .leadsub {
        margin: 40px;
    }

    .header .leadsub .ttl {
        font-size: 24px;
    }

    .header .leadsub dd {
        color: #fff;
        text-align: center;
        margin-top: 80px;
    }

}

/* テキストコンテンツのクラス */

.left_border{
    border-left:1px #ccc solid;
}

@media screen and (max-width: 992px) {
    .left_border{
        border-left:none;
    }

}

.bottom_border{
    border-bottom:1px #ccc solid;
}

@media screen and (min-width: 992px) {
    .bottom_border{
        border-bottom:none;
    }

}

.text-box {
    width: 87%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.text-box p{
    font-size: 17px !important;
    text-align: left;
    line-height: 1.65;
    letter-spacing: -0.9px;
    color: #303335;
    margin:10px 0px;
}

@media screen and (max-width: 740px) {
    .text-box {
        width:90%;
        margin:0 auto;
        padding:0;
    }

    .text-box p{
        font-size: 14px !important;
        text-align: left;
        line-height: 2.;
    }

}

.text-box img {
    width:100%;
    margin:0 auto;
    padding:20px 0px;
    clear: both;
}

.text-box h2{
    font-size: 22px;
    text-align: left;
    color: #303335;
    width:auto;
    margin:0 auto;
    padding-top:0;
}

.text-box h4{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: center;
    color: #303335;
}

.investorimg {
    width:100% !important;
    max-width:100% !important;
    max-width:100% !important;
    margin:0 auto;
}

.laxus_statement_img {
    padding: 0 50px !important;
}

@media screen and (max-width: 480px) {
    .laxus_statement_img {
       padding: 0 20px !important;
   }

}

#info_company img {
    width:auto;
    max-width:150px;
    padding:15px 0px;
}

#info_company dl{
    clear:both;
    float:left;
    width:auto;
    min-width:130px;
    font-size: 17px;
    text-align: left;
    line-height: 2.;
    letter-spacing: -0.9px;
}

#info_company dd{
    width:auto;
    min-width:200px;
    font-size: 17px;
    text-align: left;
    line-height: 2.;
    letter-spacing: -0.9px;
}

@media screen and (max-width: 740px) {
    #info_company dl{
        clear:both;
        float:left;
        width:auto;
        min-width:130px;
        font-size: 14px;
        text-align: left;
        line-height: 1.65;
        letter-spacing: -0.9px;
        margin-bottom: 0;
    }

    #info_company dd{
        float:left;
        width:auto;
        min-width:200px;
        font-size: 14px;
        text-align: left;
        line-height: 1.65;
        letter-spacing: -0.9px;
        margin-bottom: 10px;
    }

}

#komon dl{
    clear:both;
    float:left;
    width:130px;
    min-width:130px;
}

#komon dd{
    float:left;
    width:auto;
    width : -webkit-calc(100% - 130px) ;
    width : calc(100% - 130px) ;
}

.margin_top_40px {
    margin: 40px 0px 0px 0px !important;
    padding:0px;
}

.howto_img img {
    width:100%;
    max-width:105px;
    margin:0 auto;
    padding:0;
}

.howto_hajime {
    width:105px;
    float:left;
    text-align: center;
}

.howto_id_img {
    width:95% !important;
    max-widrh:356px;
    margin:0;
    padding:0;
}

.gray {
    color: #8c8d8e;
}

.gold {
    color: #B67C2D;
}

.guide dt {
    margin-top:20px !important;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: FontAwesome;
    content: "\f077";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f078";    /* adjust as needed, taken from bootstrap.css */
}

.panel-default > .panel-heading {
    background-color:#fff !important;
    border:none !important;
}

.panel-default {
    border:none !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border:none !important;
}

.panel-body p {
    background-color: #f5f5f5;
    font-size: 15px;
    line-height: 1.73;
    text-align: left;
    color: #8c8d8e;
    padding:20px;
}

.howto_price {
    width:100%;
    max-width:740px;
    float:right;
}

.howto_price h2 {
    padding:10px 15px;
}

.panel-title a {
    display:block;
    width:100%;
    height:100%;
}

.blackmask {
    display:block;
    width:100%;
    height:600px;
    padding:30px 0px 110px;
    margin-top:-30px;
    background-color: rgba(48, 51, 53, 0.45);
}

.special__black__mask {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    padding:0px;
    margin-top:0px;
    background-color: rgba(48, 51, 53, 0.45);
    z-index:-1;
}

.menu_box {
    width:auto;
    min-height:60px;
    margin:0 auto;
    margin-top: -10px;
    line-height:60px;
    font-size: 16px;
    color: #303335;
    display:inline-block;
}

.menu_box dt{
    font-size: 17px;
    line-height: 60px;
    text-align: center;
    color: #303335;
    margin:0px 15px;
    float:left;
    font-weight:300;
}

@media screen and (max-width: 761px) {
    .menu_box dt{
        line-height: 140%;
        font-size: 16px;
        width:50%;
        padding:5px 0;
        margin:0;
        border-bottom:1px solid #ccc;
    }

    .menu_box dt:nth-child(odd){
        border-right:1px solid #ccc;
    }

}

@media screen and (max-width: 480px) {
    .menu_box dt{
       font-size: 13px;
   }

}

.header .global-menu.fixed2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.header .global-menu.fixed2 .fixed-inner {
    width: 100%;
    margin: 0 auto;
}

.header .global-menu.fixed2 .logo {
    vertical-align: middle;
    padding-bottom: 6px;
}

.header .global-menu.fixed2 .logo .logo-svg {
    fill: #303335;
}

.header .global-menu.fixed2 .inner .nav__item a {
    color: #303335;
}

/*　特集ページ内のタイトル　*/
.carousel-caption h3 {
    width:auto;
    margin:0 auto;
    padding:15px 0px 15px 0px;
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
}

.carousel-caption .subtext {
    width:auto;
    margin:0 auto;
    padding:0px 0px 165px 0px;
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
}

.bag_main h2 {
    font-size: 22px;
    line-height: 33px;
    text-align: left;
    color: #303335;
    margin:0;
    padding:0;
}

.bag_main p {
    font-size: 15px;
    line-height: 33px;
    text-align: right;
    color: #8c8d8e;
    margin:0;
    padding:0;
}

.item_frame {
    position:relative;
    z-index:1;
    width:auto;
    max-width: 344px;
    height: 456px;
    margin:0 auto;
}

@media screen and (max-width: 750px) {
    .item_frame {
        height:auto;
        min-height: 270px;
    }

}

.item_frame .bagphoto{
    width:100%;
    padding:1px;
}

.item_frame:hover {
    border: solid 1px #B67C2D;
}

.production_box {
    position:relative;
    width:95%;
    height:300px;
    overflow:hidden;
}

.production_box img {
    cursor: pointer;
    width:95%;
    margin:0 auto;
}

.production_box:hover {
    box-shadow:0px 0px 6px 2px rgba(102,102,102,.1);
}

.rented__item {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #c71b3f transparent transparent transparent;
    font-size:14px;
    color:#fff;
}

.rented__item__none {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #fff transparent transparent transparent;
    font-size:14px;
    color:#fff;
}

.rented__img {
    position:absolute;
    top:0px;
    left:0px;
    width:100% !important;
    max-width:80px !important;
}

.rented__mark {
    position:absolute;
    top:10px;
    left:10px;
    color:#2d2d2d;
    font-weight:700;
}

.new__item {
    background-color:#d140c8;
}

.new__item {
    background-color:rgba(95,31,132,1);
}

.new__item {
    background-color:#49690b;
}

.new__item, 
.vintage__item, 
.limited__item {
    min-height:20px;
    text-align:center;
    line-height:20px;
    border-radius:5px;
    font-size:14px;
    color:#fff;
    padding:0;
    margin:10px 0!important;
}

.null__item {
    min-height:20px;
    text-align:center;
    line-height:20px;
    font-size:14px;
    color:#fff;
    padding:0;
}

.normal__item {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /*border: solid 1px #B67C2D;*/
}

.item__brand__name {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    top:0;
    left:0;

}

.favorite__heart__position {
    display:block;
    position:absolute;
    z-index:2;
    top:10px;
    left:auto;
    right:10px;
}

.favorite__heart__position img{
    width:30px !important;
    height:auto;
}

.item_frame:hover  > .favorite__heart__position {
    display:block;
    position:absolute;
    z-index:2;
    top:15px;
    left:auto;
    right:23px;
}

.item__brand__name {
    display:none;
}

.item__info {
    position:absolute;
    width:100%;
    height:auto;
    max-height:90px;
    line-height:30px;
    top:auto;
    bottom:15px;
    text-align:center;
}

.item_frame:hover  > .item__info > .item__brand__name {
    display:block;
    position:relative;
    z-index:2;
    width:auto;
    margin:0 auto;
    text-align:center !important;
    font-size: 19px;
    color: #303335 !important;
}

.item__product__name {
    display:none;
}

.item_frame:hover > .item__info > .item__product__name {
    display:block;
    position:relative;
    z-index:2;
    width:auto;
    margin:0 auto;
    font-size: 17px;
    text-align: center !important;
    color: #303335 !important;
}

.favorite__img__size {
    width:100%;
}

.linkblack {
    color: #303335 !important;
}

.corner__title {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -1px;
    text-align: left;
    color: #303335;
}

@media screen and (max-width: 746px) {
    .corner__title {
        font-size: 16px;
    }

}

.product__info__box {
    margin:10px 0px;
    height:60px;
    overflow:hidden;
}

.product__info__box p{
    line-height:20px;
    font-size:16px;
}

.logo-svg {
    position: relative !important;
    top:5px;
    left:10px;
}

.header_noimage .logo-svg {
    position: relative !important;
    top:5px;
}

@media screen and (max-width: 740px) {
    .logo-svg {
       top:5px;
   }

   .header_noimage .logo-svg {
       top:10px;
   }

}

.carousel-caption h3 {
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #ffffff;
    text-shadow: none ;
}

.subtext {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
    text-shadow: none ;
}

.carousel-indicators li {
    background-color:#fff !important;
    border:#fff 1px solid !important;
    width:10px !important;
    height:10px !important;
    margin:0px 5px !important;
}

.carousel-indicators .active {
    background-color:#B67C2D !important;
    border:#B67C2D 1px solid !important;
    width:11px !important;
    height:11px !important;
    margin:0px 5px !important;
}

/*よくある質問ページのスタイルシート*/
.faq-list {
    margin:15px 0px;
    height: 140px;
}

.faq-list p{
    padding:50px 20px;
    border: solid 1px #B67C2D;
    font-size: 14px;
    line-height: 1.47;
    letter-spacing: -0.3px;
    text-align: center;
    color: #B67C2D;
}

@media screen and (max-width: 769px) {
    .faq-list {
       margin:15px 0px;
       height: 140px;
   }

   .faq-list p{
       padding:50px 20px;
       border: solid 1px #B67C2D;
       font-size: 14px;
       line-height: 1.47;
       letter-spacing: -0.3px;
       text-align: center;
       color: #B67C2D;
   }

}

.faq-list p:hover{
    background-color: #B67C2D;
    border: solid 1px #B67C2D;
    color:#fff;
}

.outer {
    display: table;
    width: 100%;
    border:solid 1px #B67C2D;
    height:130px;
    padding:0 10px;
    margin-bottom:30px;
    color: #B67C2D;
    font-size: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.inner {
    display: table-cell;
    vertical-align: middle;
}

.outer:hover {
    background-color: #B67C2D;
    border: solid 1px #B67C2D;
    color:#fff;
}

@media screen and (max-width: 769px) {
    .outer{
       height:80px;
       font-size: 12px;
   }

}

@media screen and (max-width: 400px) {
    .outer{
       font-size: 10px;
   }

}

#info__faq h2 {
    font-size: 22px;
    text-align: left;
    color: #303335;
    margin:0px 0px 15px 0px;
}

.faq-list a {
    display:block;
    width:100%;
    height:100%;
}

/*トークページのスタイルシート*/
#talkarea {
    width:100%;
    max-width:653px;
    margin:0 auto;
}

.grey_bk {
    background-color: #f5f5f5;
}

.whiteline {
    background-color: #ffffff;
    width:100%;
    height:10px;
}

/*お問い合わせページのスタイルシート*/
.contact__message {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.9px;
    text-align: center;
    color: #303335;
}

#user__contact__area h2 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
}

#user__contact__area dt {
    border:none;
}

#user__contact__area dd {
    border:none;
    padding:0;
}

#user__contact__area dl {
    border:none;
}

#user__contact__area .centeringstyle {
    width:auto !important;
    max-width:440px !important;
    margin:0 auto !important;
    text-align: left;
}

#user__contact__area .contect__title {
    font-size: 13px;
    letter-spacing: -0.1px;
    text-align: left;
    color: rgba(140, 141, 142, 0.4) !important;
    padding:0;
}

#user__contact__area .form {
    width:100%;
}

#user__contact__area .form input {
    width:100%;
    border-top:none;
    border-left:none;
    border-right:none;
}

#user__contact__area .form select {
    width:100%;
    line-height:50px;
    height:50px;
}

#user__contact__area .form textarea {
    width:100%;
    line-height:140%;
    height:260px;
    border-radius: 5px;
    border: solid 1px #d8d8d8;
}

.contact_ps{
    width:100%;
    border: solid 1px #B67C2D !important;
    margin:0;
    padding:0;
}

.dropdown-menu__margin {
    right:-12px !important;
    left:-12px !important;
}

.dropdown-menu li{
    height:32px;
}

.special__menu {
    width:100%;
    text-align:center;
    display:inline-block;
    margin:0 auto;
}

.panel-body {
    background-color:#f5f5f5 !important;
}

.panel-body p{
    margin:0;
    padding:0;
}

/*アカウント変更画面の追加スタイルシート*/
#account__change h1{
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
}

#account__change .account__change__contentswide {
    wodth:100%;
    max-width:440px;
    margin:0 auto;
}

#account__change dt{
    margin:20px 0px;
    font-size: 17px;
    line-height: 1.47;
    letter-spacing: -0.2px;
    font-weight:300;
    color: #303335;
}

.con__keyword__box {
    width:100%;
    max-width: 610px;
    height: 40px;
    border-radius: 20px;
    background-color: #ffffff;
    color: #303335;
    padding-left:20px;
}

.font-awesome {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

#search__box__contents h1 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
    margin:0;
    padding:0;
}

.search__tag__lists{
    border-radius: 10px;
    background-color: #B67C2D;
    font-size: 12px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    padding:6px 10px;
    margin: 3px;
}

.search__tag__margin {
    display:inline-block;
    margin: 2px;
    float:left;
}

#search label {
    padding:0;
    margin:0;
}

#search input {
    padding:0;
    margin:0;
}

#search ul li {
    line-height:140%;
}

#search hr {
    margin:10px 0px !important;
}

ul#is_sold_out{
    margin:0 !important;
}

ul#vintage{
    margin:0 !important;
}

.float__clear {
    width:100%;
    float:none;
    clear:both;
}

.search__tag__anchor {
    width:100%;
    max-width: 440px;
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #d8d8d8;
}

.search__tag__anchor a{
    display:inline-block;
    width:100%;
    hwight:100%;
    font-size: 15px;
    line-height: 1.73;
    letter-spacing: -0.2px;
    text-align: left;
    color: #8c8d8e;
    margin-left:15px;
}

.selected-item {
    margin-top:10px !important;
}

.btn-reset {
    border:none;
    background:none;
}

#item__detail h4 {
    text-align: center;
    width:auto;
    margin:0 auto;

}

#item__detail h4 > a{
    font-size: 48px;
    letter-spacing: -1px;
    text-align: center;
    color: #303335;
    padding:5px 10px;
    font-weight:400;
    font-family: 'Merriweather', serif;
}

#item__detail h4 >.item__name{
    font-weight:400;
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -1.3px;
    text-align: center;
    color: #303335;
}

.item__delivery__message {
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: center;
    color: #B67C2D;
    margin:15px 0px;
}

.border_top{
    border-top:1px solid #B67C2D;
}

.img-box {
    width:100%;
    text-align: center !important;
    overflow:hidden;
}

.img-box img{
    width:100%;
    max-width:150px;
    margin:0 auto;
}

.slideshow__thumbs-wrap img {
    height:150px;
    width:auto;
    margin:0 auto;
}

.slideshow__gallery-wrap img {
    height:520px !important;
    width:auto;
    margin:0 auto;
}

.slideshow {
    display: flex;
    height: 520px;
    width: 100%;
    max-width: 1040px;
    min-height: 520px;
    max-height: 520px;
    position: relative;
    background-color: #fff;
    padding: 0px;
    &__gallery {
        height: 100%;
        width: calc(80% - 20px);
        margin-right: 20px;
        &-wrap {
          will-change: transform;
          transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
          transform: translate3d(0, 0, 0);
      }

      &-slide {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          font-size: 32px;
          color: #fff;
          letter-spacing: 3.2px;
          transform: translate3d(0, 0, 0);
          will-change: font-size;
          transition: font-size .3s ease;

          &.active {
            font-size: 36px;
        }

    }

}

&__thumbs {
    height: 100%;
    width: 20%;
    &-wrap {
      will-change: transform;
      transition-timing-function: cubic-bezier(0, 0, 0.3, 0.98);
      transform: translate3d(0, 0, 0);
  }

  &-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      color: #fff;
      letter-spacing: 2px;
      will-change: font-size;
      transition: font-size .3s ease;
      &.active {
        font-size: 26px;
    }

}

}

}

.gold__line {
    width:100%;
    height:3px;
    background-color: #B67C2D;
}

.bag_detail_color {
    border-radius: 8px;
}

.bag__detail__title p{
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: -0.1px;
    text-align: left;
    color: #8c8d8e;
    margin-bottom:5px !important;
}

.bag__detail__contents p{
    font-size: 17px;
    line-height: 1.65;
    letter-spacing: -0.2px;
    text-align: left;
    color: #303335;
    font-weight:700;
    margin-bottom:5px !important;
}

.bag_detail_color {
    width: 32px;
    height: 32px;
}

.next__btn__click {
    width:48%;
    height:50px;
    line-height:50px;
    border-radius: 5px;
    background-color: #303335;
    line-height: 50px;
    letter-spacing: -0.2px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.favorite_share_box {
    display:inline-block;
    width:100%;
    margin:0;
    padding:0;
}

.favorite_submit_btn {
    float:left;
    width:48%;
    height: 50px;
    line-height:50px;
    border-radius: 5px;
    border: solid 1px #303335;
    letter-spacing: -0.1px;
    text-align: center;
    color: #303335;
    cursor: pointer;
}

.sns_share_btn {
    float:right;
    width:20%;
    max-width:50px;
    background-color:#f5f5f5;
    border-radius: 5px;
    text-align: center;
    height: 50px;
    cursor: pointer;
}

.sns_share_btn img{
    width:80%;
    max-width:30px;
    margin:10px;
}

.choice-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#product-detail-app-dl a{
    background-color: #B67C29;
    border-radius: 4px;
    color: #FFF;
    display: block;
    text-align: center;
    line-height: 50px;
    margin-bottom: 10px;
}
#product-detail-app-dl a::after{
    content: ">";
    margin-left: 0.8em;
}
@media screen and (max-width: 1040px) {
    .favorite_share_box {
        display:inline-block;
        width:100%;
        margin:0;
        padding:0;
    }

    .favorite_submit_btn {
        float:none;
        width:47%;
        height: 50px;
        line-height:50px;
    }

    .sns_share_btn {
        float:none;
        width:100%;
        max-width:100%;
        margin-top:10px;
    }

    .sns_share_btn img{
        width:80%;
        max-width:30px;
        margin:10px;
    }

}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    content: ’’;
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #666 !important;
}

.sp-next-arrow:before {
    top:0;
    left:auto;
    right:0;
    margin:0;
    padding:0;
}

.sp-arrow {
    position: absolute;
    display: block;
    width: 8px !important;
    height: 13px !important;
    cursor: pointer;
}

.sp-horizontal .sp-arrows {
    width: 100%;
    left: 0;
    top: -50px !important;
}

.sp-horizontal .sp-previous-arrow {
    top:-20px !important;
    right: 70px !important;
    left: auto !important;
}

.sp-horizontal .sp-next-arrow {
    top:-20px !important;
    right: 30px !important;
    left: auto !important;
}

.subvisual__dark__mask {
    display:absolute;
    width:100%;
    height:400px;
    top:0;
    left:0;
    background-color: rgba(48, 51, 53, 0.45);
    z-index:2;
}

.mainvisual__dark__mask {
    display:absolute;
    width:100%;
    height:600px;
    top:0;
    left:0;
    background-color: rgba(48, 51, 53, 0.45);
}

input:focus {
    outline: 0;
}

.FlowupLabels .fl_wrap {
    /* Can change */
    width: 85%;
    height: 46px;
    margin: 12px auto; /* change 0 to auto for center alignment */

    /* Don't change */
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label {
    font-weight:400 !important;
}

.login .button-box .lakus__login__btn {
    border-radius: 5px;
    border: solid 1px #d8d8d8 !important;
    width:100%;
    max-width:446px;
    margin:0 auto;
    text-align:center;
    height: 50px !important;
    line-height: 50px;
    color: #d8d8d8 !important;
    background-color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
    pointer-events: none;
}

.login .button-box .lakus__login__btn2 {
    ont-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #303335 !important;
    width:100%;
    max-width:446px;
    margin:0 auto;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #303335 !important;
    pointer-events: auto !important;
}

.login .button-box .lakus__login__btn2:hover {
    background-color: #0e0f10 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
}

.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
    display: block;
    width: 85%;
    max-width:446px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    margin: 10px auto;
    padding: 5px;
    border-radius: 4px;
    -webkit-transition: border linear 0.2s;
    -moz-transition: border linear 0.2s;
    -o-transition: border linear 0.2s;
    transition: border linear 0.2s;
}

.login .button-box {
    max-width:446px;
}

.login-register-box,
.login .button-box .login-btn {
    max-width:446px;
}

.login__error__box {
    width:100%;
    max-width:446px;
    margin:0 auto;
}

.login-register-box,
.login .button-box .lakus__register__btn p {
    line-height: 50px;
}

.login .button-box .lakus__register__btn {
    border-radius: 5px;
    border: solid 1px rgba(179, 136, 82, 0.45) !important;
    width:100%;
    max-width:446px;
    margin:0 auto;
    text-align:center;
    height: 50px !important;
    line-height: 50px;
    color: rgba(179, 136, 82, 0.45) !important;
    background-color: #FFFFFF !important;
    border-radius: 5px;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
    pointer-events: none;
}

.login .button-box .lakus__register__btn2 {
    ont-size: 15px;
    letter-spacing: -0.1px;
    text-align: center;
    color: #B67C2D !important;
    width:100%;
    max-width:446px;
    margin:0 auto;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #B67C2D !important;
    pointer-events: auto !important;
}

.login .button-box .lakus__register__btn2:hover {
    background-color: #B67C2D !important;
    border-radius: 5px !important;
    color: #ffffff !important;
}

@media screen and (max-width: 750px) {
    .container {
        width:95%;
        margin:0 auto;
    }

}

#itemlists  {
    padding-bottom:60px;
}

@media screen and (max-width: 769px) {
    #itemlists  {
        border:none;
    }

}

#search h2 {
    font-size:16px;
    line-height:36px;
    width:90%;
    margin:0 auto;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:5px;
    font-weight:700;
}

#search h3 {
    font-size:16px;
    line-height:24px !important;
    width:90%;
    margin:0 auto;
    padding:0;
    font-weight:300;
}

#search ul li {
    width:90%;
    margin:0 auto;
}

#special__contents h3{
    font-size:16px;
    line-height:140%;
    width:90%;
    margin:0 auto;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:5px;
    font-weight:300;
}

.chkbox {
    font-size:12px;
    margin:0px 15px;
}

.noitem_text {
    padding:50px 0px;
    text-align:center;
}

.display__none {
    display:none;
}

.display__block {
    display:block;
}

hr {
    width:90% !important;
    margin:0 auto !important;
}

#itemlists h3 {
    font-size:16px;
    line-height:24px;
    width:90%;
    margin:0 auto;
    font-weight:300;
}

#itemlists ul li {
    width:100%;
    margin:0 auto;
}

#itemlists hr {
    margin:10px 0px !important;
    width:90%;
}

#list li {
    padding:0;
    margin:0;
    display:block;
}

#list .nonactive  {
    display:none;
}

#list .active  {
    display:block;
}

#list li div img{
    width:95%;
    margin:0 auto;
    max-width:200px;
}

.container {
    width:90%;
    max-width:1040px !important;
    margin:0 auto !important;
}

.favorite__heart__position img {
    width:30px !important;
}

.header .global-menu.fixed {
    width:100% !important;
}

@media screen and (min-width:1061px) and ( max-width:1150px) {
    .container {
        width:100% !important;
        padding-left:30px !important;
    }

    .header .global-menu.fixed {
        position: fixed;
        width:100% !important;
        padding-left:30px !important;
    }
}

@media screen and (min-width:980px) and ( max-width:1060px) {
    .container {
        width:100% !important;
        padding-left:30px !important;
    }

    .header .global-menu.fixed {
        position: fixed;
        width:100% !important;
        padding-left:30px !important;
    }

}

@media screen and (min-width:740px) and ( max-width:769px) {
    .container {
        width:100% !important;
        margin:0 auto !important;
    }
}

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

.white_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #ccc;
    background-color:#fff;
}

.grey_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #ccc;
    background-color:#ccc;
}

.black_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #333;
    background-color:#333;
}

.blue_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #1D77B3;
    background-color:#1D77B3;
}

.green_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #0E7516;
    background-color:#0E7516;
}

.parple_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #6D1C94;
    background-color:#6D1C94;
}

.brawn_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #85411B;
    background-color:#85411B;
}

.beige_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #D9BC67;
    background-color:#D9BC67;
}

.yellow_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #EAE414;
    background-color:#EAE414;
}

.orange_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #E27908;
    background-color:#E27908;
}

.pink_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #EF6C6C;
    background-color:#EF6C6C;
}

.red_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #C01313;
    background-color:#C01313;
}

.gold_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #D9BC67;
    background-color:#D9BC67;
}

.silver_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid #ccc;
    background-color:#ccc;
}

.other_round{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
}

#color_pallet {
    width:90%;
    max-width:200px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#color_pallet input[type=checkbox]{
    display:none;
    background-color:#333;
    border:#333 5px solid;
    border-radius:50%;
}

#color_pallet li{
    width:auto !important;
    float:left;
}

#color_pallet li label{
    margin:3px 5px 0px 0px;
}

#color_white[type=checkbox]:checked ~ div.white_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_grey[type=checkbox]:checked ~ div.grey_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_black[type=checkbox]:checked ~ div.black_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_blue[type=checkbox]:checked ~ div.blue_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_green[type=checkbox]:checked ~ div.green_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_parple[type=checkbox]:checked ~ div.parple_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_brawn[type=checkbox]:checked ~ div.brawn_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_beige[type=checkbox]:checked ~ div.beige_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_yellow[type=checkbox]:checked ~ div.yellow_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_orange[type=checkbox]:checked ~ div.orange_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_pink[type=checkbox]:checked ~ div.pink_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_red[type=checkbox]:checked ~ div.red_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_gold[type=checkbox]:checked ~ div.gold_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_silver[type=checkbox]:checked ~ div.silver_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
}

#color_other[type=checkbox]:checked ~ div.other_round {
    border:2px solid #ffcc00;
    box-sizing: border-box;
    background-position: left -2px top -2px;
}

.special__menu .panel-box img{
    width:85%;
    max-width:240px;
    margin:0 auto;
}

.special__menu .panel-box{
    width:85%;
    max-width:240px;
    margin:0 auto !important;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 0;
  background: #fff;
  z-index: 99999;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  @include ResponsiveForSp() {
    border-bottom: 1px solid #e5e5e5;
    transition: padding-top .3s, padding-bottom .3s;
    padding: 5px;
}

}

.fixed__reset__btn {
    display:block;
    width:70%;
    border:1px solid #f3747e;
    border-radius:5px;
    background-color:#fff;
    color:#f3747e;
    height:40px;
    margin:0 auto;
    line-height:40px;
    font-size:14px;
}

.fixed__reset__btn:hover {
    color:#f3747e;
    background-color:rgba(245,245,245, 1);
}

.displayBlockedBtn {
    displya:block !important;
}

#all {
    display:none;
}

.header__under_line {
    background-color:#decab7;
    width:100%;
    min-height:30px;
    max-height:90px;
    line-height:30px;
    text-align:center;
    font-size:11px;
}

@media screen and (max-width: 746px) {
    .header__under_line {
        margin-bottom:15px;
    }

}

.header__under_line p{
    padding:0;
    margin:0;
    color:#999;
}

@media screen and (max-width: 746px) {
    .sp_zero {
        margin:0px !important;
        padding:0px !important;
    }

    .container {
        width:95%;
        margin:0 auto !important;
    }

}

/*  モーダルウインドウ  */
html.remodal-is-locked {
    overflow: hidden;
    touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}

.remodal-wrapper p {
    text-align: left;
    font-size: 14px;
    line-height: 140%;
}

.remodal-wrapper h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 180%;
    margin-bottom: 15px 0px;
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    outline: none;
    text-size-adjust: 100%;
    backgroundーcolor:#333;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

/* ==========================================================================
Remodal's default mobile first theme
========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
    padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    z-index:9999;
}

.remodal-close:hover,
.remodal-close:focus {
    color: #fff;
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Keyframes
========================================================================== */

@keyframes remodal-opening-keyframes {
    from {
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        transform: none;
        opacity: 1;
        filter: blur(0);
    }

}

@keyframes remodal-closing-keyframes {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0.95);
        opacity: 0;
        filter: blur(0);
    }

}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }

}

/* Media queries
========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }

}

/* IE8
========================================================================== */

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

.btn_asign {
    width:200px;
    height:40px;
    line-height:40px;
    border:1px solid #333;
    border-radius:3px;
    margin:0 auto;
    text-align:center;
}

.filter_asign_btn {
    position:relative;
    text-align:center;
    width:auto;
    margin:30px 0px;
}

.filter_asign_btn a {
    display:block;
    position:relative;
    width:200px;
    height:100%;
    margin:0 auto;
    text-align:center;
    cursor: pointer;
    color:#333;
}

.filter__btn a span{
    color:#333;
    font-size:16px;
    line-height:40px;
}

.filter__btn a i{
    color:#333;
    font-size:16px;
    line-height:40px;
}

/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */
.hm_menu_check {/* チェックボックスを隠す */
    display: none;
}

.hm_wrap {
    display: inline-block;
    position :fixed;
    top :0;
    left :auto;
    right:0px;
    width :280px;
    padding :10px;
    z-index:1000;
}

.hm_title {/* ハンバーガーメニューオープン時の見出し */
    position: relative;
    color: #666;
    display: inline-block;
    float: right;
    font-weight: 100;
    line-height: 30px;
    margin: 0 15px 0 15px;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
    transition: transform 0.6s, opacity 0.5s;
    z-index: 1002;
}

/* ▽▽メニューボタン▽▽ */
.hm_btn {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: block;
    float: right;
    z-index: 1002;
}

.hm_btn::before {
    -webkit-box-shadow: #fff 0 12px 0;
    box-shadow: #fff 0 12px 0;
}

.hm_btn::after {
    bottom: 0;
}

.hm_btn::before,
.hm_btn::after {
    width: 30px;
    height: 6px;
    background: #fff;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
    transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}

.change_bars {
    margin-top:0px;
}

.change_bars.hm_btn::before,
.change_bars.hm_btn::after {
    width: 30px;
    height: 6px;
    background: #303335;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
    transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}

.change_bars.hm_btn::before {
    -webkit-box-shadow: #303335 0 12px 0;
    box-shadow: #303335 0 12px 0;
}

#drawer-app-dl {
    display: inline-block;
    border-radius: 4px;
    line-height: 22px;
    height: auto;
    padding: 8px 25px 8px 10px;
    position: relative;
    font-size: 17px;
    margin-bottom: 20px;
}
span.komoji {
    font-size: 0.7em;
    display: block;
}
#drawer-app-dl:after {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 5px;
    content: ">";
    color: #FFF;
    margin-top: -15px;
    margin-bottom: auto;
}

/* △△メニューボタン△△ */

.hm_menu_wrap {
    width :100%;
    height :10000px;
    background: #ddd;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transition: right 0.4s;
    transition: right 0.4s;
    z-index:1001;
}

/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hm_menu_check:checked ~ .hm_btn::before {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    -webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
    transform: rotate(45deg) translate3d(6px, 11px, 0);
}

.hm_menu_check:checked ~ .hm_btn::after {
    -webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
    transform: rotate(-45deg) translate3d(6px, -11px, 0);
}

.hm_menu_check:checked ~ .hm_menu_wrap {
    left: 0;
}

/* △△開閉時のアニメーション△△ */

/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
    list-style-type: none;
    margin: 50px 0 0;
    padding: 0;
}

.hm_list li a {
    color: #777;
    display: block;
    overflow: hidden;
    padding: 8px 22px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

.hm_list li a::before {/* aタグマウスオーバー時の背景 */
    background: #eee;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    -webkit-transition: bottom 0.4s;
    transition: bottom 0.4s;
    z-index: -1;
}

.hm_list li a:hover::before {
    bottom: 0;
}

.hm_list li a:hover::after {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* メニュー内のリストスタイル△△ */

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */


.sp_bars {
    position:fixed;
    left:auto;
    top:12px;
    right:10px;
    z-index:1020;
    width:auto;
}

.sp_bars a {
    font-size:36px;
    color:#fff;
    width: 28px;
    display: block;
}

.sp_bars a img {
    width: 100%;
}

.sp_bars_change{
    position:fixed;
    left:auto;
    top:12px;
    right:10px;
    z-index:1020;
    width:auto;
}

.sp_bars_change a {
    font-size:36px;
    color:#303335;
}

.h-menu{
    display:none;
}

@media screen and (min-width: 745px) {
    .sp_bars,
    .sp_bars_change {
       display:none;
   }

   .h-menu{
       display:block;
   }

}

.bars__menu__area {
    position:absolute !important;
    width:100px !important;
    top:0 !important;
    left:auto !important;
    right:0 !important;
    background-color:#ccc;
    min-height:100vh;
    height:auto;
}

#barsmenu.remodal {
    position:absolute !important;
    width:100% !important;
    top:0 !important;
    left:auto !important;
    right:0 !important;
    background-color:#303335;
    min-height:100vh;
    height:auto;
    padding:10px 0px;
    animation-duration: 1s;
    animation-name: fadeIn;
}

@-moz-keyframes slidein {
    from {
        margin-left:100%;
        width:300%
    }

    to {
        margin-left:0%;
        width:100%;
    }

}

@-webkit-keyframes slidein {
    from {
        margin-left:100%;
        width:300%
    }

    to {
        margin-left:0%;
        width:100%;
    }

}

@keyframes slidein {
    from {
        margin-left:100%;
        width:300%
    }

    to {
        margin-left:0%;
        width:100%;
    }

}

@keyframes fadeIn {
    from {
        opacity:0;
        width:10%;
    }

    to {
        opacity:1;
        width:100%;
    }

}

.fadeout {
    animation : fadeOut 1s;
    animation-fill-mode: both;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

#bars_menu ul {
    margin:0px 0px 0px 60px;
    padding: 15px 0px;
    list-style: none;
    border:none !important;
}

#bars_menu.menu {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}

#bars_menu .menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    line-height: 1;
    border:none !important;
}

#bars_menu label {
    display: block;
    height:40px;
    line-height: 40px;
    margin-left:30px;
    margin-bottom:0px;
    color :#fff;
    background :#303335;
    cursor :pointer;
    font-size:18px;
}

#bars_menu input {
    display: none;
}

#links01 {
    width:90%;
    margin-left:50px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li {
    line-height:300%;
    max-height: 46px;
    font-size:16px !important;
    opacity: 1;
    background-color:#303335;
    border:none !important;
}

.bars_area {
    width:100%;
    margin:0 auto;
    padding:15px 0px;
    text-align:left;
}

#bars_menu p {
    padding:10px 0px;
    text-align:center;
    line-height:180%;
    border:none !important;
    font-size:18px;
}

#bars_menu a {
    color:#fff;
    display:block;
    text-align:left;
    line-height:40px;
    height:40px;
    font-size:18px;
}

#bars_menu ul {
    padding:0;
    font-size:18px;
    width: 80%;
}

#bars_menu ul li a {
    color:#fff;
    display:block;
    text-align:left;
    line-height:40px;
    height:40px;
    margin-left:25px;
    font-size: 0.9em;
}

.link_contents {
    line-height:40px;
    cursor:pointer;
}

.bars_area .link_contents a{
    color:#fff;
    padding:0px;
    margin:0px 30px;
    line-height:40px;
    height:40px;
    font-size:18px;
}

#bars_menu img {
    height:25px;
    margin-top:0px;
    margin-right:30px;
}

.detail_bread {
    padding-top:15px;
}

@media (max-width: 746px) {
    .detail_bread {
        padding-top:15px;
    }

}

.detail_bread p {
    font-family: HiraKakuPro-W3;
    font-size: 13px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #303335;
    paddinr-top:10px;
}

.detail_bread i {
    margin:0px 15px;
}

.detail_bread a {
    color: #303335;
}

.detail_bread a:after{
    content: ">";
    margin-left: 0.25em;
}
.detail_bread a:last-child:after{
    content: "";
}

.detail_chevron-up {
    position:absolute;
    top:-10px;
    left:80px;
    z-index:300;
}

.detail_chevron-down {
    position:absolute;
    top:auto;
    bottom:-10px;
    left:80px;
    z-index:310;
}

@media (max-width: 481px) {
    #product_slideshow .col-xxs-12 {
        display: block !important;
    }

    .hidden-xxs {
        display: none !important;
    }

}

.detail_info_box {
    width:90%;
    max-width:300px;
    margin:0 auto;
}

.slideshow__thumbs-slide {
    cursor: hand;
    cursor:pointer;
}

.header_noimage {
    height:auto !important;
    min-height:56px !important;
}

@media screen and (max-width:486px) {
    .header_noimage {
        height: 56px !important;
        min-height:56px !important;
    }

}

.header_noimage_fixed {
    width:100%;
    position:fixed;
    background-color: #ffffff;
    border-bottom:1px solid #B67C2D;
    z-index:300;
}

.header_noimage_bars .sp_bars a {
    font-size:36px;
    color:#303335 !important;
}

.sp-grab {
    cursor:pointer !important;
}

.sp-grabbing {
    cursor:pointer !important;
}

#wide2 {
    cursor:pointer !important;
}

#wide3 {
    cursor:pointer !important;
}

.recommend-login .btn-register {
    background-color: #B67C2D;
    border-radius: 5px;
    color:#fff;
}

.recommend-login {
    min-height:250px;
    height:auto;
}

.recommend-login p a {
    color: #333333 !important;
    text-decoration-line: underline;
    border-bottom:1px #333 solid;
}

.recommend-login p {
    padding:0px;
}

.black {
    fill:#303335 !important;
    color:#303335 !important;
}

.sns_share_box {
    font-size:18px;
    color:#8c8d8e;
    wodth:100%;
    text-align:right;
}

.sns_share_box p{
    width:auto;
    margin:0 auto;
    font-size:14px;
    color:#8c8d8e;
    text-align:center;
}

.sns_share_box a {
    font-size:18px;
    color:#8c8d8e;
}

.sns_share_box a:hover {
    font-size:18px;
    color:#B67C2D;
}

.sns_share_box i {
    margin:0px;
}

.link_contents {
    carsor:pointer;
}

@media screen and (max-width: 375px) {
    footer .right p span {
        width: 60% !important;
    }

}

.svg-box {
    width:60px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-right:1px solid #fff;
    float:left;
}

.login-social .login-social-facebook{
    width:85%;
    max-width:446px;
    background-color:#3b5998;
    border-radius:5px;
    margin:0 auto;
    height:50px;
    float:none;
    clear:both;
}

.login-social .login-social-facebook a {
    width:100%;
}

.login-social .login-social-facebook a svg{
    margin:8px 20px;
}

.login-social .login-social-facebook a p{
    float:left;
    color:#fff;
    font-size:14px;
    display:inline-block;
    height:50px;
    line-height:50px;
    width:calc(100% - 60px) ;
    text-align:center;
}

.login-social .login-social-twitter{
    width:85%;
    max-width:446px;
    background-color:#55acee;
    border-radius:5px;
    margin:0 auto;
    height:50px;
    float:none;
    clear:both;
}

.login-social .login-social-twitter a {
    width:100%;
}

.login-social .login-social-twitter a svg{
    margin:10px 10px;
}

.login-social .login-social-twitter a p{
    float:left;
    color:#fff;
    font-size:14px;
    display:inline-block;
    height:50px;
    line-height:50px;
    width:calc(100% - 60px) ;
    text-align:center;
}

.login-social .login-social-line{
    width:85%;
    max-width:446px;
    background-color:#00c300;
    border-radius:5px;
    margin:0 auto;
    height:50px;
    float:none;
    clear:both;
}

.login-social .login-social-line a {
    width:100%;
}

.login-social .login-social-line a svg{
    margin:10px;
}

.login-social .login-social-line a p{
    float:left;
    color:#fff;
    font-size:14px;
    display:inline-block;
    height:50px;
    line-height:50px;
    width:calc(100% - 60px) ;
    text-align:center;
}

.login-social .login-social-yahoojp{
    width:85%;
    max-width:446px;
    background-color:#ff2627;
    border-radius:5px;
    margin:0 auto;
    height:50px;
    float:none;
    clear:both;
}

.login-social .login-social-yahoojp a {
    width:100%;
}

.login-social .login-social-yahoojp a svg{
    margin:10px;
}

.login-social .login-social-yahoojp a p{
    float:left;
    color:#fff;
    font-size:14px;
    display:inline-block;
    height:50px;
    line-height:50px;
    width:calc(100% - 60px) ;
    text-align:center;
}

.login-social .login-social-google{
    width:85%;
    max-width:446px;
    background-color:#df4a32;
    border-radius:5px;
    margin:0 auto;
    height:50px;
    float:none;
    clear:both;
}

.login-social .login-social-google a {
    width:100%;
}

.login-social .login-social-google a svg{
    margin:6px 10px 20px 10px;
}

.login-social .login-social-google a p{
    float:left;
    color:#fff;
    font-size:14px;
    display:inline-block;
    height:50px;
    line-height:50px;
    width:calc(100% - 60px) ;
    text-align:center;
}

.fl_label {
    cursor:auto;
}

/*会員登録ページの「すでに登録済みの方はこちら」をボタン化。*/
.goto-login {
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:5px;
    border:1px solid #ccc;
    color:#333;
    width:70%;
    margin:0 auto;
    max-width:240px;
}

.goto-login:hover {
    background-color:#ccc;
    color:#fff !important;
}

.goto-login a{
    display:inline-block;
    width:100% !important;
    height:50px !important;
}

#search__box__contents h1 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.4px;
    text-align: center;
    color: #303335;
    margin:0;
    padding:0;
}

#search-more-button.search-more-button {
    width:85%;
    max-width:440px;
    margin:0 auto;
    color:#B67C2D;
    height:50px;
    line-height:50px;
    border:1px solid #B67C2D;
    padding:0;
    text-align: center;
    border-radius:5px;
}

#search-more-button.search-more-button:hover {
    background-color:#B67C2D;
    color:#fff;
}

.search-close-button {
    padding: 5px 10px 5px 0;
    text-align: right;
}

.ui-menu-item {
    display:none !imporrtant;
}

.ui-corner-all {
    display:none !imporrtant;
}

/* 上部のタブ */
.talk-header {
    width: 90%;
    min-width:300px;
    max-width:480px;
    border-radius: 5px !imporrtant;
}

.talk-header .talk,
.talk-header .info {
    display: table-cell;
    position: relative;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
}

.talk-header .talk {
    border-radius: 5px 0 0 5px !imporrtant;
}

.talk-header .info {
    border-radius: 0 15px 15px 0;
}

.talk-header .active {
    background-color: #F0F0F0;
    color: #303030;
    font-weight: bold;
}

.mypage-input-box {
    background-color: #ffffff !imporrtant;

}

@media screen and (max-width: 640px){
    dl.dl_form.centeringstyle.clearfix {
       background-color: #ffffff !imporrtant;
   }

}

.side-menu-left ul li {
    padding:  8px 10px;
    color: #333;
    cursor: pointer;
    line-height: 30px;
    position: relative;
    border-bottom: none;
    /*  border-left: 1px solid #C7C7C7;*/
    border-right: none;
    -webkit-transition: background-color linear 0.2s;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
}

.col-sm-9 .closet-index-content p.main-message {
    font-size: 14px !imporrtant;
    color: #333333 !imporrtant;
}

h1.mypage_title {
    font-size:14px !imporrtant;
}

.main-message {
    color:#333 !imporrtant;
}

#acMenu dt{
    border:none !imporrtant;
}

.overproduction {
    width:100%;
    margin:20px 0px;
}

.view-more-button {
    width:85%;
    max-width:440px;
    margin:0 auto;
    color:#B67C2D;
    height:50px;
    line-height:50px;
    border:1px solid #B67C2D;
    padding:0;
    text-align: center;
    border-radius:5px;
}

.view-more-button:hover {
    background-color:#B67C2D;
    color:#fff;
}

.side-menu-right {
    display:none !important;
}

@media screen and (min-width: 761px){
    .side-menu-right {
       display:none !important;
   }

}

/*フッターエリアのスマートフォン対応（マイページのみ対応） */
.sp-only p{
    margin-right:10px;
    border-bottom:1px;
}

footer .sp-only::before,
footer .sp-only::after {
    display: block;
    content: "";
    height: 10px;
    background-color: #FFFFFF;
}

footer {
    border-top:none !important;
    border-bottom:none !important;
}

.sp-only {
    background-color:#fff;
    border:none;
}

.sp-only .col-xs-6 {
    border-bottom:1px solid #ccc !important;
}

.sp-only .col-xs-6:nth-child(even) {
    border-right:1px solid #ccc !important;
}

.sp-only .col-xs-6 p{
    line-height:40px;
    height:40px;
    margin:0;
}

/*カード登録 */
.debitcard-announcement-box {
    min-width:300px !important;
    width:80% !important;
    margin:0 auto !important;
}

/*フッターメニュー横幅調整 */
.footer-nav li{
  max-width: 130px;
  margin-bottom: 20px;
}

@media screen and (max-width: 761px){
    .footer-nav li{
      max-width: 50%;
  }
}

.ac-menu{
    padding:10px !important;
    cursor:pointer;
}

.ac-menu:hover{
    background: #EFDBC9;
}

.ac-content{
    padding:7px;
}

.border-line{
    border-top:solid 1px #DEDEDE;
    height: 1px;
    width:90%;
    margin:0 auto;
}

.cbx-list{
    padding-top:5px;
    padding-bottom:5px;
}

.cbx-input{
    display: none;
}

.cbx-parts{
    padding-left: 20px;
    position:relative;
    margin-right: 20px;
}

.cbx-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}

.cbx-input:checked + .cbx-parts{
    color: #B67C2D;
}

.cbx-input:checked + .cbx-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #B67C2D;
    border-right: 3px solid #B67C2D;
}

.main-slide img{
    width: 100%;
    height: 300px;
    object-fit:cover;
}

.slide-text{
    position:relative;
    color:#fff;
    text-align:center;
}

.slide-text h3{
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    font-size: 32px;
    font-weight:600;
    width:100%;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0px 0px 10px #000000,0px 0px 25px #000000;
}

.slide-text p{
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    font-size: 20px;
    width:100%;
    text-shadow:0px 0px 10px #000000,0px 0px 25px #000000;
}

@media screen and (max-width: 820px) {
    .slide-text h3{
       top: -180px;
       font-size: 24px;
       font-weight:500;
   }

   .slide-text p{
       top: -110px;
       font-size: 16px;
   }

}

@media screen and (max-width: 376px) {
    .slide-text h3{
       font-size: 22px;
       font-weight:400;
   }

   .slide-text p{
       font-size: 14px;
   }

}

@media screen and (max-width: 740px) {
    .slider-margin{
       margin: 0;
   }

}

.filter-allow {
    text-align:right;
    height:0px;
}

.filter-allow img {
    position:relative;
    top:-25px;
}

.search-form {
    position:relative;
    left:0;
    top:0;
    height:30px;
    width:100%;
    margin-top: 10px;
    white-space: nowrap;
}

#con_keyword {
    position:absolute;
    left:3px;
    top:0;
    height: 34px;
    padding: 5px;
    width:83%;
    outline: 0;
    color:#595959;
    font-size:12px;
    border:solid 1px #ececec;
    border-radius: 3px 0 0 3px;
}

#con_keyword::placeholder {
    color: #cfcfcf;
    font-size:11px;
    font-weight:normal;
}

#search_btn{
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    width: 17%;
    height: 34px;
    background-color:#B67C2D;
    color:#fff;
    transition: opacity 0.5s;
    text-align: center;
    border:solid 1px #ececec;
    border-radius: 0 3px 3px 0;
}

#search_btn img{
    position:relative;
    top:7px;
}

#search_btn:hover {
    opacity:0.8;
}

@media screen and (max-width: 768px) {
    .search-form {
       display:none;
       width:250px;
       border-bottom:solid 3px #eaeaea;
   }
}

.production_box {
    height: auto !important;
}

.production_box.disabled {
    position: relative;
}

.production_box.disabled:hover {
    box-shadow: none !important;
}

.production_box.disabled .header__height__20px {
    background-color: grey;
    opacity: 0.52;
    position: relative;
    z-index: 2;
}

.img-wrapper {
    position: relative;
    cursor: pointer;
}

.img-wrapper .overlay-m {
    background-color: grey;
    opacity: 0.52;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

.img-wrapper img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.production_box.disabled .overlay-m {
    display: block;
}

.rented__img {
    z-index: 1;
}

/* sidemenuPC */
.sp-contents-box {
    position:relative;
    left:5%;
    width:90%;
    cursor: pointer;
    border: solid 1px #999;
}

.sp-contents-box img {
    width:100%;
    object-fit: cover;
}

.sp-contents-box .sp-contents-comment {
    width:100%;
    text-align: center;
    color:#fff;
    z-index: 2;
    font-size:12px;
    line-height: 20px;
    padding:20px 10px 25px 10px;
    color:#292929;
    font-weight: bold;
}

.sp-contents-box .sp-contents-title {
    position:absolute;
    left:5px;
    bottom:-5px;
    padding:1px 3px;
    z-index: 2;
    font-size:12px;
    color:#fff;
}

@media screen and (max-width: 979px) {
    .sp-contents-box .sp-contents-comment {
       font-size:10px;
   }

   .sp-contents-box .sp-contents-title {
       font-size:11px;
   }

}

@media screen and (max-width: 768px) {
    .sp-contents-box .sp-contents-comment {
       font-size:20px;
       line-height: 40px;
   }

   .sp-contents-box .sp-contents-title {
       font-size:16px;
   }

}

@media screen and (max-width: 450px) {
    .sp-contents-box .sp-contents-comment {
       font-size:12px;
       line-height: 20px;
   }

   .sp-contents-box .sp-contents-title {
       font-size:13px;
   }

}
.hero {
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 300px;
}

.hero img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    filter: brightness(50%);
}

.hero .note{
    width: 100%;
    margin: 20px auto 0;
}

.hero h1, .hero h2{
    width: 100%;
    color: #FFF;
}

.hero h1 span.kana {
    font-size: 0.8em;
}

.hero h1 span.subttl {
    font-size: 0.6em;
    margin-top: 0.4em;
    display: block;
}

.hero h2 {
    line-height: 1.4;
    font-size: 1.24em;
}

#statement p {
    text-align: center;
    line-height: 2.5em;
    font-size: 1.3em;
    margin-bottom: 2em;
}

.logo_b{
    max-width: 370px;
    width: 85%;
    margin: 30px auto;
}

@media screen and (max-width:768px){
    .sp_br {
        display: block;
    }
    .hero {
        height: 250px;
    }
    .hero h1 {
        font-size: 1.58em;
    }
    .hero h2 {
        font-size: 1em;
    }
    #statement p {
        text-align: center;
        line-height: 2.5em;
        font-size: 12px;
    }
    .logo_b{
        max-width: 300px;
    }
}

@media screen and (max-width: 340px) {
  .s_sp_br{
    display: block;
  }
}

#for-the-earth, #laxus-point {
    max-width: 900px;
    width: 87%;
    margin: 0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.for-the-earth-img {
    background-image: url(../../img/common/for-theearth.jpg);
    background-size: contain;
    position: relative;
    color: #FFF;
    height: 185px;
    width: 100%;
    margin-bottom: 1em;
}

.for-the-earth-img h1 {
    position: absolute;
    left: 10px;
    font-size: 26px;
    text-align: left;
    line-height: 1.3;
    letter-spacing: 0.1em;
}

.for-the-earth-img h2 {
    position: absolute;
    bottom: 13px;
    left: 10px;
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    letter-spacing: 0.1em;
}

#for-the-earth-note p {
    margin: 0.5em 0 0.5em 5px;
    width: 100%;
}

#laxus-point h1 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 300;
    text-align: left;
}

#laxus-point h2 {
    font-size: 22px;
    line-height: 1.4;
    margin: 10px 0;
}

#laxus-point p, #bottom-app-dl p {
    font-size: 16px;
    line-height: 1.5;
}

#laxus-point img {
    width: 100%;
}

.point {
    margin-top: 0.5em;
}

#laxus-point h2 + p {
     margin-bottom: 50px;
}

@media screen and (min-width:768px){
    .pc_br {
        display: block;
    }

    .for-the-earth-img, .for-the-earth-note {
        width: 48%;
        border-radius: 8px;
    }

    .laxus-point-box {
        width: 47%;
    }

     .for-the-earth-note p {
        margin-top: 1em;
     }

    .for-the-earth-img h1 ,.for-the-earth-img h2 {
        left: 20px;
    }

    #laxus-point h1{
        margin: 0 0 30px;
    }

    .laxus-point-box p {
        text-align: justify;
    }
}

.two-cloumn {
    width: 100%;
}

#bottom-app-dl {
    max-width: 900px;
    width: 87%;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

#bottom-app-dl h1 {
    text-align: left!important;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 300;
}

#bottom-app-dl img{
    width: 100%;
}

#bottom-app-dl .button {
    background-color: #303335;
    color: #FFF;
    font-size: 1.4rem;
    display: block;
    width: 240px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width:768px) {
    #bottom-app-dl h1 {
        margin-top: 0;
    }
    .two-cloumn {
        width: 48%;
    }
    #bottom-app-dl .two-cloumn:last-child {
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}

.nostrap-dropdown {
    position: relative;
}

.nostrap-dropdown ul {
    position: absolute;
    display: none;
    margin-left: 3em;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #efefef;
}

.nostrap-dropdown ul.opened {
    display: block;
}

.nostrap-dropdown ul li {
    width: 232px;
    text-align: left;
}

.nostrap-dropdown ul li a {
    font-size: 13px !important;
    color: #333 !important;
    text-shadow: none !important;
}

.sp_bars .bars-black {
    display: none;
}

.sp_bars.sp_bars_change .bars-black {
    display: block;
}

.sp_bars .bars-white {
    display: block;
}

.sp_bars.sp_bars_change .bars-white {
    display: none;
}
nav.global-menu .logo-white {
    margin-top: 0.25em;
}
nav.global-menu .logo-black{
    display: none;
} 
nav.global-menu.fixed .logo-white{
    display: none;
}
nav.global-menu.fixed .logo-black{
    display: block;
}