@charset "utf-8";
#products .containerHeading{
background-image:url(/social/shared/images/products_title_bg_01_pc.jpg);
}

#products.columnsType01 .containerBg {
    background-color: #ffffff !important;
}

#products .prodPocari,
#products .prodIon{
margin-bottom:0;
}
#products .prodPocari a,
#products .prodIon a{
cursor:pointer \9;
}
#products .prodPocari span,
#products .prodIon span{
margin:-3.5em 0 2em;
padding-right:230px;
}
#products .history span{
margin:-3.5em 0 2em;
}

#products .prodPocari a:hover img,
#products .prodIon a:hover img,
#products .history a:hover img{
filter:alpha(opacity=100) !important;
}

#products .articlemb {
margin-bottom: 25px !important;
}

#products .imgListTypeA01{
padding-bottom:40px;
}
#products .imgListTypeA01 li{
margin-bottom:30px;
}
.heading01 {
    color: #015db2;
    font-weight: bold;
    font-size: 1.3333em;
}

.fb-button, .ig-button {
    width: 49%;
    display: inline-block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #1a5ea9;
    border: 1px solid #1a5ea9;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.fb-button:hover, .ig-button:hover {
    opacity: 0.7;
}

.active {
    color: #ffffff;
    background-color: #1a5ea9;
}

.ig-content {
    opacity: 0;
    visibility: hidden;
    display:none;
}

.m-fadeOut {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
    display:none;
  }
  .m-fadeIn {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 300ms;
    display:block;
  }

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

    .fb-button, .ig-button {
        width: 48%;
        margin-top:1em;
    }
    

    #products.columnsType01 .containerBg {
        background: #ffffff !important;
    }


    .heading01 {
        font-size: 1em;
    }

#products .containerHeading{
background-image:url(/social/shared/images/products_title_bg_01_sp.jpg);
background-size:cover;
}
#products .containerHeading .title{
width:100%;
}
#products .prodPocari,
#products .prodIon{
width:100%;
padding:0;
position:relative;
}
#products .history{
position:relative;
}
#products .prodPocari span,
#products .prodIon span{
margin:0;
display:block;
top:78%;
position:absolute;
padding-right:32%;
}
#products .history span{
margin:0;
display:block;
top:75%;
position:absolute;
}
#products .imgListTypeA01{
padding-bottom:0;
}
#products .imgListTypeA01 li{
margin-bottom:20px;
}
}