header {
    background:rgba(255,255,255,0);
    border-bottom:none;
}
#container {
    padding: 0 0;
}
section.brand-main {
    min-height:100rem;
}

/* visual */
.brand-visual {
    position:relative;
    height:98.5rem;
}
.brand-visual .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.brand-visual .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-visual .bg-img img.for-mobile {
    display:none;
}
.brand-visual .slg {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    z-index:3;
    padding:0 5rem;
}
.brand-visual .slg span {
    display:block;
    text-align:center;
    font-size:8rem;
    color:#fff;
    font-weight:600;
    white-space:nowrap;
    /* text-shadow: 0 0 2.9rem rgba(0,0,0,0.8); */
}
.brand-visual .slg span em {
    font-style:normal;
}
.brand-visual .slg p {
    margin-top:5rem;
    text-align:center;
    font-size:2.6rem;
    color:#fff;
    font-weight:500;
    line-height:1.6;
}
.brand-visual .slg p + p {
    margin-top:1rem;
}
.brand-visual .slg p em {
    font-style:normal;
}

@media (max-width:1220px){
    .brand-visual .slg span {
        font-size:7rem;
    }
    .brand-visual .slg p {
        margin-top:5rem;
        font-size:2.2rem;
    }
}
@media (max-width:991px){
    .brand-visual {
        height:70.5rem;
    }
    /* .brand-visual .bg-img img {
        height:84.5rem;
    }     */
    .brand-visual .slg span {
        padding-top:5rem;
        font-size:6rem;
        line-height:1.4;
    }
    .brand-visual .slg span em {
        display:block;
    }
    .brand-visual .slg p {
        margin-top:4rem;
        font-size:2rem;
    }
}
@media (max-width:580px){
    .brand-visual {
        height:42.5rem;
    }
    /* .brand-visual .bg-img {
        position: relative;
        top:inherit;
        left:inherit;
        width: 100%;
        height: 100%;
        transform:inherit;
        z-index: 2;
        text-align: center;
    }
    .brand-visual .bg-img img {
        height:75.5rem;
    } */
    .brand-visual .bg-img img.for-pc {
        display:none;
    }
    .brand-visual .bg-img img.for-mobile {
        display:block;
    }
    .brand-visual .slg span {
        font-size:4rem;
    }
    .brand-visual .slg p {
        margin-top:3rem;
        font-size:1.8rem;
    }
    .brand-visual .slg .slg2 {display:none;}
    .brand-visual .slg p em {
        display:block;
    }    
}
@media (max-width:450px){
    .brand-visual {
        height:34.5rem;
    }     
    .brand-visual .slg span {
        font-size:3rem;
    }
    .brand-visual .slg p {
        margin-top:2rem;
        font-size:1.6rem;
    }
}


/* */
.brand-logo {
    margin-top:8rem;
    padding:0 3.125%;   
}
.brand-logo p {
    font-size:3rem;
    color:#000;
    font-weight:600;
    text-align:center;
}
.brand-logo h2 {
    margin-top:6rem;
    text-align:center;
}
.brand-logo div {
    margin-top:6rem;
    font-size:1.8rem;
    color:#757575;
    font-weight:500;
    text-align:center;
    line-height:1.8;
}
.brand-logo div.fb-max {

}

@media (max-width:820px){
    .brand-logo div.fb-max br {
       display:none;
    }
}
@media (max-width:720px){
    .brand-logo div br {
       display:none;
    }
}
@media (max-width:580px){
    .brand-logo h2 img {
        max-width:20rem;
    }
    .brand-logo p {
        font-size:2.2rem;
    }
}
@media (max-width:450px){
    .brand-logo {
        margin-top:6rem;
        padding:0 5%;   
    }
}

/* */
.brand-category {
    margin-top:10rem;
    padding:0 3.125%;
}
.brand-category h2 {
    text-align:center;
    font-size:5rem;
    color:#000;
    font-weight:600;
}
.brand-category ul.neoflam {
    margin-top:5rem;
    display:flex;
    flex-wrap:wrap;
    margin-left:-3.2rem;
    row-gap:3.2rem;
}
.brand-category ul.neoflam li {
    flex-basis:calc(25% - 3.2rem);
    margin-left:3.2rem;
}
.brand-category ul.neoflam li > div {
    display:block;
    position:relative;
    padding-top:132.867%;
    transition:all 0.3s;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
}
.brand-category ul.neoflam li > div::before {
    display:none;
    content:"";
    position:absolute;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
}
.brand-category ul.neoflam li:hover > div::before {
    display:block;
}
.brand-category ul.neoflam li.prd1 > div {
    background:url("../png/brand_neoflam_prd1.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.neoflam li.prd2 > div {
    background:url("../png/brand_neoflam_prd2_new.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.neoflam li.prd3 > div {
    background:url("../png/brand_neoflam_prd3.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.neoflam li.prd4 > div {
    background:url("../png/brand_neoflam_prd4.png") no-repeat center;
    background-size:contain;
}
.brand-category ul li > div .tit {
    position:absolute;
    top:75%;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    font-size:0;
    transition:all 0.3s;
    z-index:1;
}
.brand-category ul.frenchbull li.prd3 > div .tit {
    top:70%;
}
.brand-category ul li:hover > div .tit {
    top:50%;
    transform:translate(-50%, -50%);
}
.brand-category ul.frenchbull li.prd3:hover > div .tit {
    top:50%;
    transform:translate(-50%, -50%);
}
.brand-category ul li > div .tit .name {
    margin-top:2rem;
    font-size:3rem;
    color:#000;
    font-weight:600;   
    margin-bottom:2rem; 
}
.brand-category ul li:hover > div .tit .name {
    color:#fff;
}
.brand-category ul li > div .tit .snow {
    display:none;
}
.brand-category ul li:hover > div .tit .snow {
    display:block;
}

@media (max-width:1200px){
    .brand-category ul li > div .tit .name {
        font-size:2.2rem;
    }
}
@media (max-width:991px){
    .brand-category h2 {
        font-size:4rem;
    }
    .brand-category ul.neoflam li {
        flex-basis:calc(50% - 3.2rem);
    }
    .brand-category ul.neoflam li > div::before {
        display:block;
    }
    .brand-category ul li > div .tit {
        top:50%;
        transform:translate(-50%, -50%);
    } 
    .brand-category ul li > div .tit .name {
        color:#fff;
    }
    .brand-category ul li > div .tit .snow {
        display:block;
    }
}
@media (max-width:580px){
    .brand-category h2 {
        font-size:3rem;
    }
    .brand-category ul.neoflam {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .brand-category ul.neoflam li {
        flex-basis:calc(50% - 2rem);
        margin-left:2rem;
    }
}
@media (max-width:450px){
    .brand-category {
        margin-top:6rem;
        padding:0 5%;
    }       
    .brand-category h2 {
        font-size:2.5rem;
    }
}

/* betterfinger */
.brand-category ul.betterfinger {
    margin-top:5rem;
    display:flex;
    flex-wrap:wrap;
    margin-left:-1.5rem;
    row-gap:1.5rem;
}
.brand-category ul.betterfinger li {
    flex-basis:calc(20% - 1.5rem);
    margin-left:1.5rem;
}
.brand-category ul.betterfinger li > div {
    display:block;
    position:relative;
    padding-top:161.016%;
    transition:all 0.3s;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
}
.brand-category ul.betterfinger li > div::before {
    display:none;
    content:"";
    position:absolute;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
}
.brand-category ul.betterfinger li:hover > div::before {
    display:block;
}
.brand-category ul.betterfinger li.prd1 > div {
    background:url("../png/brand_betterfinger_prd1.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.betterfinger li.prd2 > div {
    background:url("../png/brand_betterfinger_prd2.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.betterfinger li.prd3 > div {
    background:url("../png/brand_betterfinger_prd3.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.betterfinger li.prd4 > div {
    background:url("../png/brand_betterfinger_prd4.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.betterfinger li.prd5 > div {
    background:url("../png/brand_betterfinger_prd5.png") no-repeat center;
    background-size:contain;
}
@media (max-width:991px){
    .brand-category ul.betterfinger li {
        flex-basis:calc(33.333% - 1.5rem);
    }
    .brand-category ul.betterfinger li > div::before {
        display:block;
    }
}
@media (max-width:880px){

}
@media (max-width:580px){
    .brand-category ul.betterfinger {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .brand-category ul.betterfinger li {
        flex-basis:calc(50% - 2rem);
        margin-left:2rem;
    }
}

/* frenchbull */
.brand-category ul.frenchbull {
    margin-top:5rem;
    display:flex;
    flex-wrap:wrap;
    margin-left:-1.5rem;
    row-gap:1.5rem;
}
.brand-category ul.frenchbull li {
    border:solid 1px #ddd;
    flex-basis:calc(20% - 1.5rem);
    margin-left:1.5rem;
}
.brand-category ul.frenchbull li > div {
    display:block;
    position:relative;
    padding-top:161.016%;
    transition:all 0.3s;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-sizing:border-box;
}
.brand-category ul.frenchbull li > div::before {
    display:none;
    content:"";
    position:absolute;
    background:rgba(0,0,0,0.5);
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
}
.brand-category ul.frenchbull li:hover > div::before {
    display:block;
}
.brand-category ul.frenchbull li.prd1 > div {
    background:url("../png/brand_frenchbull_prd1.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.frenchbull li.prd2 > div {
    background:url("../png/brand_frenchbull_prd2.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.frenchbull li.prd3 > div {
    background:url("../png/brand_frenchbull_prd3.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.frenchbull li.prd4 > div {
    background:url("../png/brand_frenchbull_prd4.png") no-repeat center;
    background-size:contain;
}
.brand-category ul.frenchbull li.prd5 > div {
    background:url("../png/brand_frenchbull_prd5.png") no-repeat center;
    background-size:contain;
}
@media (max-width:991px){
    .brand-category ul.frenchbull li {
        flex-basis:calc(33.333% - 1.5rem);
    }
    .brand-category ul.frenchbull li > div::before {
        display:block;
    }
    .brand-category ul.frenchbull li.prd3 > div .tit {
        top:50% !important;
    }   
}
@media (max-width:880px){

}
@media (max-width:580px){
    .brand-category ul.frenchbull {
        margin-left:-2rem;
        row-gap:2rem;
    }
    .brand-category ul.frenchbull li {
        flex-basis:calc(50% - 2rem);
        margin-left:2rem;
    }
}


/* */
.brand-social {
    margin-top:10rem;
    padding:8rem 3.125%;
    background:#f5f5f5;
    margin-bottom:-10rem;
}
.brand-social .stop {
    position:relative;
    text-align:center;
}
.brand-social .stop .instar-name {
    display:inline-block;
    line-height:3rem;
    padding-left:4rem;
    background:url("../png/instargram-icon.png") no-repeat left center;
    background-size:3rem auto;
    font-size:2rem;
    color:#000;
    font-weight:500;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
}
.brand-social .stop h2 {
    font-size:5rem;
    color:#000;
    font-weight:600;
}
.brand-social #instafeed {
    margin-top:4rem;
    margin-left:-3rem;
    display:flex;
    flex-wrap:wrap;
    row-gap:3rem;
    
}
.brand-social #instafeed li {
    flex-basis:calc(25% - 3rem);
    margin-left:3rem;
}
.brand-social #instafeed li a {
    display:block;
    position:relative;
    padding-top:100%;
}
.brand-social #instafeed li a img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:auto;
}

@media (max-width:991px){
    .brand-social .stop .instar-name {
        font-size:1.8rem;
    }
    .brand-social .stop h2 {
        font-size:4rem;
    }
}
@media (max-width:580px){
    .brand-social .stop h2 {
        font-size:3rem;
    }
    .brand-social .stop .instar-name {
        font-size:1.7rem;
    }
    .brand-social #instafeed {
        margin-left:-2rem;
        row-gap:2rem;
        
    }
    .brand-social #instafeed li {
        flex-basis:calc(50% - 2rem);
        margin-left:2rem;
    }
    .brand-social .stop .instar-name {
        top:-3rem;
    }     
}
@media (max-width:450px){
    .brand-social {
        margin-top:6rem;
        padding:8rem 5%;
    }     
    .brand-social .stop h2 {
        font-size:2.5rem;
    }
    .brand-social .stop .instar-name {
        font-size:1.6rem;
    }         
}
@media (max-width:380px){

}