/*20171101_SPç”¨ã®ãƒ¡ãƒ‹ãƒ¥ã‚’è¡¨ç¤ºã•ã›ãªã„*/
.drawer-nav {
    display: none;
}
@media screen and (max-width: 767px){
    .drawer-nav {
        display: block;
    }
}
.cartLogin {
    display: block;
    text-align: left;
    padding: 5px 10px;
    background-image: url(/webfront/img/common_arrow01.jpg);
    background-position: 187px;
    background-repeat: no-repeat;
}
.cartLogin a {
    width: 100%;
    display: block;
}
#cbcItem {
    width: 100%;
    background-color: #f6f5f0;
}
#cart2 {
    width: 100%;
}
.cartLogin {
    display: block;
    text-align: left;
    padding: 5px 10px;
    background-image: url(/webfront/img/common_arrow01.jpg);
    background-position: 187px;
    background-repeat: no-repeat;
}
.cartLogin a {
    width: 100%;
    display: block;
}
#cbcItem {
    width: 100%;
    background-color: #f6f5f0;
}
#cart2 {
    width: 100%;
}
.height48 {
    height: 48px!important;
}

/* --------- goPageTopBtn ----------- */
#goPageTopBtn {
    display:none;
	position : fixed;
	right: 10px;
	bottom: 100px;
	z-index: 9999;
    filter:alpha(opacity=50);
    -moz-opacity:0.50; 
    opacity:0.50; 
}
#goPageTopBtn:hover {
    filter:alpha(opacity=77);
    -moz-opacity:0.77; 
    opacity:0.77; 
}
#goPageTopBtn img{
    width:40px;
}

.pcSet{
    display:block;
}
.spSet{
    display:none;
}

/* --------------- SP --------------- */
@media screen and (max-width: 767px){
    .pcSet{
        display:none;
    }
    .spSet{
        display:block;
    }
    .cartLogin {
        display: block;
        text-align: left;
        padding: 5px 10px;
        background-image: url(/webfront/img/common_arrow01.jpg);
        background-position: 97%;
        background-repeat: no-repeat;
    }
    .cartLogin {
    display: block;
    text-align: left;
    padding: 5px 10px;
    background-image: url(/webfront/img/common_arrow01.jpg);
    background-position: 97%;
    background-repeat: no-repeat;
    }
}
/*.headerNewsArea3 {
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    text-align: center;
    background-color: red;
    color: #ffffff;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    display: table;
    height: 40px;
}
.headerNewsArea3 a {
    display: table-cell;
    color: white;
    font-weight: bold;
}
.headerNewsArea3 a:nth-child(1) {
    width: 1000px;
    vertical-align: middle;
}
.headerNewsArea3 a span br {
    display: none;
}*/

/* ----- w740ã®2ã‚«ãƒ©ãƒ ç”¨ -- */
#twoColumnWrapper{
    width:1000px;
    margin:0 auto;
}
#twoColumnWrapper:after {
    /*content: ".";*/
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#mainBlock {
    float: left;
    width: 740px;
    margin-bottom:20px;
    text-align:left;

}

#sideBlock {
	float: right;
	width: 220px;
    text-align:left;
    margin-bottom:20px;
}




/* --------------- ã‚¹ãƒžãƒ› --------------- */
@media (max-width: 767px) {

    /*.headerNewsArea3 {
        font-weight: normal;
        font-size: 13px;
        padding: 0;
        text-align: center;
        background-color: red;
        color: #ffffff;
        width: 100%;
        margin: 0 auto 4% auto;
        overflow: hidden;
        display: table;
    }
    .headerNewsArea3 a {
        display: table-cell;
        color: white;
        font-weight: bold;
        padding: 1% 0 1% 0;
    }
    .headerNewsArea3 a:nth-child(1) {
        width: 100%;
        vertical-align: middle;
    }
    .headerNewsArea3 a span br {
        display: block;
    }*/
    
    #twoColumnWrapper{
        width:100%;
        margin:0 auto;
    }
    #mainBlock {
        float: none;
        width: 100%;
    }
    #sideBlock {
        display:none;
    }
    
    ul.column2B {
        display: table;
        width:100%;
        border-bottom: solid 1px #e6e6e6;
        border-top: solid 1px #e6e6e6;
        box-sizing: border-box;
    }
    ul.column2B li{
        height: 48px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    
        box-sizing: border-box;
    }
    ul.column2B li:nth-child(1n) {
        border-left: solid 1px #e6e6e6;
    }
    ul.column2B li a{
        display:block;
    }
    
    
    
    
}