@charset "UTF-8";
/* CSS Document */

/*-----------------------------
reset & common
------------------------------*/
*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 62.5%;
}
body{
    background: #fff;
    font-size: 14px;
    box-sizing: border-box; 
}
body img{
    display: block;
    margin: 0 auto;
}
body ul li {
    list-style: none
}
/*-- PC版表示  --*/
.pc {
    display:block;
}
.sp {
    display:none;
}
#wrapper {
    font-family: "Noto Sans Japanese",'Open Sans','Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', 'Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.4;
    color: #333;
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
    line-height: 1.5;
}
#container a {
    display: block;
}
#wrapper a:hover{
    opacity: 0.7;
    transition: .2s;
}
.inner {
    max-width: 980px;
    margin: 0 auto;
}
#content .mv {
    background: url(../images/bk_mv.png) no-repeat top center;
}
#content .mv h1{
    position: relative;
    top: 40px;
}
#content p{
    margin-top: 60px;
}

/*-----------------------------
    lineUp
------------------------------*/
#content .cont {
    width: 980px;
    margin: 0 auto;
}
#content .cont a {
    display: block;
    width: 860px;
    margin: 45px auto 0;
}

#content .lineup {
    padding-bottom: 140px;
}
#content .lineup h2 {
    margin-top: 60px;
}

#content .lineup div {
    margin-top: 55px;
}
#content .lineup .caution {
    width: 850px;
    box-sizing: border-box;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #C9C9C9;
    margin: 70px auto;
}

#content .smart_plan {
    background: url(../images/bk_sumart_plan.png) no-repeat top center;
    padding: 100px 0 78px;
    width: 980px;
    margin: 0 auto;
}
#content .smart_plan p {
    text-align: center;
    font-size: 22px;
    margin: 10px 0 35px;
}

#content .contact {
    background: url(../images/bk_contact.png) no-repeat top center;
    padding: 40px 0 30px;
}
#content .contact h4 {
    margin-bottom: 30px;
}
#content .contact .contact_inner {
    width: 920px;
    margin: 0 auto;
    background: #FFF;
    padding: 50px 0;
}
#content .contact .contact_inner p {
    margin-bottom: 40px;
}
#content .contact .contact_inner a {
    display: block;
    width: 860px;
    margin: 40px auto;
}

/*-----------------------------
    storeList
------------------------------*/


/*-----------------------------
        footer
------------------------------*/
#pagetop{
    position: absolute;
    bottom: 145px;
    right: 310px;
}
#pagetop a {
    width: 59px;
    display: block;
    -webkit-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
}
#pagetop .fa-chevron-up:before {
    content: "\f077";
}
div#proContents a:visited {
    color: #fff;
}
div#proContents a:link {
    color: #fff;
}
/* 固定ボタン */
.fixed-btn {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    height: 116px;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}
.fixed-btn .inner {
    width: 870px;
    margin: 0 auto;
    font-size:0;
}
.fixed-btn .inner a {
  display: inline-block;
}
.fixed-btn a{
    display: block;
}
.fixed-btn a:hover{
    opacity: 0.7;
    transition: .2s;
}


/*-----------------------------
        TB 対応
------------------------------*/
@media screen and (max-width: 959px) {
    /* 959px以下に適用されるCSS（タブレット用） */
    .storeList ul li:first-child .store_inWrap .stImg{
        width: 49%;
    }
    .storeList ul li:first-child .store_inWrap .inBox_inner li{
        width: 100%;
    }
    .storeList ul li .store_inWrap .inBox li img {
        width: 5%;
    }
    .pc {
        display:none;
    }
    .sp {
        display:block;
    }
}


/*-----------------------------
        SP 対応
------------------------------*/
@media screen and (max-width: 767px) {
    .pc{
        display:none;
    }
    .sp{
        display:block;
    }   
    .inner{
        max-width: 94%;
        margin: 0 auto;
    }
    #content section{
        margin-bottom: 7%;
    }
    header h1{
    }

    .lineUp h2{
        padding: 3% 0;
        margin-bottom: 3%;
    }
    .lineUp h2 img{
        width: 40%;
        margin: 0 auto;
    }

    .lineUp .subTtl{
        font-size: 18px;
        border-bottom-width: 8px;
        padding: 4% 0;
    }
    .lineUp article{
        padding: 6% 3%;
    }
    .lineUp .inner{
        margin-bottom: 10%;
    }
    .lineUp h3{
        width: 60%;
        margin-bottom: 5%;
    }
    .lineUp h3.mb0{
        margin-bottom: 0;
    }
    .lineUp .copy{
        font-size: 20px;
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .lineUp .pht{
       margin-bottom: 5%;
    }
    .lineUp .btn{
        max-width: 94%;
        margin: 0 auto;
            margin-bottom: 5%;
    }
    .lineUp .movie iframe{
        display: block;
        width: 100%;
        height: 200px;
    }
    .storeList{
        margin-bottom: 10%!important;
    }
    .storeList h3 {
        width: 45%;
        margin: 0 auto;
        margin-bottom: 5%;
    }
    .storeList .stImg{
        margin-bottom: 2%;
    }
    .storeList ul li{
        width: 47%;
        margin-bottom: 7%;
        display: flex;
        flex-direction: column;
    }
    .storeList ul li:last-child {
        /*margin-bottom:0;*/
    }
    .storeList ul li:first-child .store_inWrap .stImg{
        width: 46%;
    }
    .storeList ul li:first-child .store_inWrap .inBox_inner li{
        width: 100%;
    }
    .storeList p.name{
        font-size: 14px;
    }
    .storeList p{
        font-size: 12px;
        margin: 0;
        line-height: 1.8;
    }
    .storeList p img{
        padding-right: 4%;
        width: 9%;
    }
    .storeList ul li .store_inWrap .inBox li img {
        width: 10%;
    }
    .storeList .btn{
        margin-top: auto;
    }
    .storeList .btn a{
        padding: 5% 0;
        font-size: 14px;
    }
    .storeList ul li:first-child .btn a {
        padding: 3% 0;
    }
    .storeList p.rnCopy{
        padding: 7%;
        margin: 2% 0 5%;
    }
    #pagetop{
        right: 10px;
        bottom: 95px;
    }
    #pagetop img{
        width: 80%;
    }
    .fixed-btn{
        height: 80px;
    }

}
.occ-footer-wrapper{
margin-bottom:110px;
}
@media screen and (min-width: 1520px){
    .fixed-btn{
        max-width: 980px;
        margin: 0 auto;
        margin-left: 410px;
    }

}






