/*

    �����F

*/
.white{
    color: #fff;
}
.black{
    color: #000;
}
/*

    NEW

*/
.new{
    position: absolute;
    top:5px;
    left: 5px;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 2;
    background: url("../images/top/iconnew.png") no-repeat center center;
    background-size: cover;
}
@media screen and (max-width: 640px) {
    .new{
        width: 34px;
        height: 34px;
    }
}
/*

    �ŐV

*/
.latest{
    position: relative;
}
.latest img{
    width: 100%;
}
.latest .txt{
    position: absolute;
    top:70%;
    left: 50%;
    font-size: 14px;
}
.latest .txt{
    top: 56%;
    left: 47%;
}
/*

    pickup

*/
.pickup{
    margin-top: 66px;
    padding-bottom: 95px;
}
.pickup h2{
    text-align: center;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    line-height: 68px;
    vertical-align: middle;
}
.pickup h2 img{
    line-height: 68px;
    vertical-align: middle;
    height: 30px;
    width: auto;
}
.pickupListHalfs{
    width: 100%;
    margin-top: 25px;
}
.pickupListHalfs > li{
    width: 48.3%;
    float: left;
    color:#bfbaba;
    font-size: 13px;
}
.pickupListHalfs > li:first-child{
    margin-right: 3%;
}
.ctName img{
    height: 40px;
    width: auto;
}
.pickupListHalfs > li h4{
    margin-top: 8px;
}
.pickupListHalfs > li h3 img,
.pickupListHalfs > li h4 img{
    vertical-align: top;
}
.pickupListHalfs > li ul{
    margin-top: 18px;
}
.pickupListHalfs > li > ul li{
    margin-bottom: 20px;
    position: relative;
    display: block;
}
.thum{
    background: #fff;
}
.thum a img{
    vertical-align: top;
}
.thum a{
    position: relative;
    display: block;
}
.thum a .arrow{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/top/lnk_arrow.png") no-repeat right bottom;
    background-size: 20px 20px;
    display: block;
    z-index: 3;

}
@media screen and (min-width: 641px) {
    .thum a{
        opacity: 1;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -ms-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
        -moz-transition-timing-function:ease-in-out;
        -webkit-transition-timing-function:ease-in-out;
        -o-transition-timing-function:ease-in-out;
        -ms-transition-timing-function:ease-in-out;
    }
    .thum a:hover{
        opacity: 0.7;
    }
    .thum a .arrow{
        -webkit-transition: background-position 0.8s;
        -moz-transition: background-position 0.8s;
        -ms-transition: background-position 0.8s;
        -o-transition: background-position 0.8s;
        transition: background-position 0.8s;
        -moz-transition-timing-function:ease-in-out;
        -webkit-transition-timing-function:ease-in-out;
        -o-transition-timing-function:ease-in-out;
        -ms-transition-timing-function:ease-in-out;
    }
    .thum a:hover .arrow{
        -webkit-transition: background-position 0.8s;
        -moz-transition: background-position 0.8s;
        -ms-transition: background-position 0.8s;
        -o-transition: background-position 0.8s;
        transition: background-position 0.8s;
        -moz-transition-timing-function:ease-in-out;
        -webkit-transition-timing-function:ease-in-out;
        -o-transition-timing-function:ease-in-out;
        -ms-transition-timing-function:ease-in-out;

        background-position: 120% bottom;
    }
}
.pickupListHalfs > li > ul li a{
    display: block;
}
.pickupListHalfs > li > ul li img{
    width: 100%;
    vertical-align: top;
}
.pickupListHalfs > li > ul li .txt{
    position: absolute;
    font-size: 13px;
}
/*
#products_ba_22 .txt{top:50%;left: 50%;}
#products_m1_8 .txt{top:50%;left: 10.5%;}

*/
.pickupListHalfs > li > ul li .txt.left{
    top:55%;left: 10.5%;
}
.pickupListHalfs > li > ul li .txt.right{
    top:55%;left: 50%;
}
@media screen and (min-width: 941px) and (max-width: 1250px) {
    .pickupListHalfs > li > ul li .txt{
        font-size: 11px;
    }
}
@media screen and (min-width: 641px) and (max-width: 940px) {
    .latest .txt{
        font-size: 11px;
    }
    .pickupListHalfs > li > ul li .txt{
        font-size: 9px;
    }
}
@media screen and (max-width: 640px) {
    .latest .txt{
        display: none;
    }
    /*

        pickup

    */
    .pickup{
        margin-top: 25px;
        padding-bottom: 29px;
    }
    .pickup h2{
        line-height: 37px;
    }
    .pickup h2 img{
        line-height: 37px;
        height: 18px;
    }
    .pickupListHalfs{
        width: 100%;
        margin-top: 16px;
    }
    .pickupListHalfs > li{
        width: 100%;
        float: none;
        margin-bottom: 27px;
    }
    .pickupListHalfs > li:first-child{
        margin-right:auto;
    }
    .pickupListHalfs > li h4{
        margin-top: 5px;
        line-height: 100%;
        font-size: 11px;
    }
    .pickupListHalfs > li > ul{
        margin-top: 12px;
    }
    .pickupListHalfs > li > ul li{
        margin-bottom: 12px;
    }
    .pickupListHalfs > li > ul li .txt{
        display: none;
    }
    /*
    .pickupListHalfs > li > ul li a .arrow{
        display: none;
    }
    */
}




.gotoList{
    text-align: right;
    width: 100%;
    vertical-align: middle;
}
.gotoList a{
	margin-left:30px;
}
.gotoList a img{
    height: 15px;
    vertical-align: middle;
}
@media screen and (max-width: 640px) {
    .gotoList{
        width: 100%;
        line-height: 40px;
    }
    .gotoList a{
        background-size: auto 8px;
    }
	.gotoList.inlineLink a{
		display:inline-block;
    }
    .gotoList a img{
        height: 13px;
        line-height: 40px;
        vertical-align: middle;
    }

}

@media screen and (max-width: 640px) {
    #naviMenu1{
        display: none;
    }
}


/*

    2015/11/16 RENEW

*/
.pnavMenu{
    width: 100%;
    margin-top: 25px;
}
.pnavMenu > li{
    width: 25%;
    float: left;
	text-align:center;
}



.pTtl{
	background:#1d2024;
	border-top:1px solid #23262a;
	border-bottom:1px solid #23262a;
	text-align:center;
    margin-top: 80px;
	line-height:0;
}


.pTtl_b{
    text-align:center;
    margin-top: 90px;
    line-height:0;
}




.pickupListHalfs > li > p.subBnr img{
	width:100%;
}

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

	.pnavMenu > li{
		width: 50%;
		float: left;
		text-align:center;
	}

	.pTtl{
		margin-top: 40px;
	}

	.pTtl img{
		width:auto;
		max-height:60px;
	}


}


/*
  ���C���r�W���A�� �X���C�_�[
*/
.slide_box{
    position: relative;
    left: 0;
    margin-top: 40px;
}
@media screen and (max-width: 2000px){
    .slide_box{
        left: 11%;
    }
    .main_slider .slick-next{
        margin-left: 31.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -13.5% !important;
    }
}
@media screen and (max-width: 1950px){
    .slide_box{
        left: 10%;
    }
    .main_slider .slick-next{
        margin-left: 32.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -12.5% !important;
    }
}
@media screen and (max-width: 1900px){
    .slide_box{
        left: 9%;
    }
    .main_slider .slick-next{
        margin-left: 32.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -12.5% !important;
    }
}
@media screen and (max-width: 1850px){
    .slide_box{
        left: 8%;
    }
    .main_slider .slick-next{
        margin-left: 33.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -12.9% !important;
    }
}
@media screen and (max-width: 1800px){
    .slide_box{
        left: 7.5%;
    }
    .main_slider .slick-next{
        margin-left: 34.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -13.4% !important;
    }

}
@media screen and (max-width: 1750px){
    .slide_box{
        left: 7%;
    }
    .main_slider .slick-next{
        margin-left: 35.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -13.9% !important;
    }
}
@media screen and (max-width: 1700px){
    .slide_box{
        left: 6.5%;
    }
    .main_slider .slick-next{
        margin-left: 36.2% !important;
    }
}
@media screen and (max-width: 1650px){
    .slide_box{
        left: 6%;
    }
    .main_slider .slick-next{
        margin-left: 37.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.5% !important;
    }
}
@media screen and (max-width: 1600px){
    .slide_box{
        left: 5.5%;
    }
    .main_slider .slick-next{
        margin-left: 38.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.9% !important;
    }
}
@media screen and (max-width: 1550px){
    .slide_box{
        left: 5%;
    }
    .main_slider .slick-next{
        margin-left: 39.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -15.4% !important;
    }
}
@media screen and (max-width: 1500px){
    .slide_box{
        left: 4.5%;
    }
    .main_slider .slick-next{
        margin-left: 40.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -15.8% !important;
    }
}
@media screen and (max-width: 1450px){
    .slide_box{
        left: 4%;
    }
    .main_slider .slick-next{
        margin-left: 42.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -16.3% !important;
    }
}
@media screen and (max-width: 1400px){
    .slide_box{
        left: 3.5%;
    }
    .main_slider .slick-next{
        margin-left: 42.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -16.5% !important;
    }
}
@media screen and (max-width: 1350px){
    .slide_box{
        left: 3%;
    }
}
@media screen and (max-width: 1300px){
    .slide_box{
        left: 2.5%;
    }
    .main_slider .slick-next{
        margin-left: 43.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -16.8% !important;
    }
}
@media screen and (max-width: 1250px){
    .slide_box{
        left: 2.5%;
    }
    .main_slider .slick-prev{
        margin-left: -15.2% !important;
    }
}

@media screen and (max-width: 1200px){
    .main_slider .slick-next{
        margin-left: 42.5% !important;
    }
    .main_slider .slick-prev{
        margin-left: -15.2% !important;
    }
}




.slider_Wrap{
    margin-left: -50%;
}
@media screen and (max-width: 1900px){
    .slider_Wrap{
        margin-left: -50%;
    }
}















.main_slider{
    margin-top: 0px;
}

.main_slider .main_slide_inner {
    margin-left: 5px;
    margin-right: 5px;
    width: 548px;
}

.main_slider .main_slide_inner img{
   /* max-width: 590px;*/
    width: 100%;
}

.main_slider .slick-next{
    display: inline-block;
    position: absolute;
    left: 50%;
    background: url(../images/slide/next_img.png);
    border: none;
    font-size: 0;
    width: 50px;
    height: 80px;
    top: 0;
    top: 43%;
    margin-left/*\**/: 45.5%\9;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
}



.main_slider .slick-prev{
    display: inline-block;
    position: absolute;
    left: 50%;
    background: url(../images/slide/previous_img.png);
    border: none;
    font-size: 0;
    width: 50px;
    height: 80px;
    top: 0;
    top: 43%;
    z-index: 10;
    margin-left/*\**/: -10.8%\9;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
}





@media screen and (max-width: 1150px){
    .main_slider .slick-next{
        margin-left: 42.1% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.8% !important;
    }
}

@media screen and (max-width: 1100px){
    .main_slider .slick-next{
        margin-left: 42.0% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.7% !important;
    }
}

@media screen and (max-width: 1050px){
    .main_slider .slick-next{
        margin-left: 41.2% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.5% !important;
    }
}

@media screen and (max-width: 1020px){
    .main_slider .slick-next{
        margin-left: 40.7% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.4% !important;
    }
}

@media screen and (max-width: 950px){
    .main_slider .slick-next{
        margin-left: 40.3% !important;
    }
    .main_slider .slick-prev{
        margin-left: -14.3% !important;
    }
}



@media screen and (max-width: 900px){
    .slider_Wrap {
        margin-left: auto;
    }
    .slide_box{
        left: auto;
    }
    .main_slider .main_slide_inner{
        width: 400px;
    }
    .main_slider .slick-prev{
        left: 20px;
        margin-left: 0;
    }
    .main_slider .slick-next{
        right: 20px;
        margin-left: 0;
        left: auto;
    }
}

@media screen and (max-width: 560px){
    .main_slider .main_slide_inner{
        width: 250px;
    }

    .main_slider .slick-prev{
        top: 60px;
        width: 40px;
        height: 64px;
    }

    .main_slider .slick-next{
        top: 60px;
        width: 40px;
        height: 64px;
    }

}












/*
  �e�w�b�h�z���C���^�r���[ �X���C�_�[
*/

.interview_slider_Wap{
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 80px;
}

@media screen and (max-width: 640px){
    .interview_slider_Wap{
        margin-bottom: 60px;
        margin-top: 40px;
    }
}

.interview_slider_Wap .headphone_series{
    position: relative;
    overflow: visible;
    margin: 0px auto;
    max-width: 1200px;
}

@media screen and (max-width: 1250px){
    .interview_slider_Wap .headphone_series{
        position: relative;
        overflow: visible;
        width: auto;
        margin: 0px 10px 0 20px;
        float: left;
    }
}


@media screen and (max-width: 640px){
    .interview_slider_Wap .headphone_series{
        float: none;
        margin: 0px 20px 10px 20px;
    }
}



.interview_slider_Wap .headphone_series img{
    height: 310px;
}

@media screen and (max-width: 1020px){
    .interview_slider_Wap .headphone_series img{
        height: 250px;
    }
}

@media screen and (max-width: 640px){
    .interview_slider_Wap .headphone_series img{
        width: 100%;
        height: auto;
    }
}


.interview_slider_box{
    height: 315px;
    position: absolute;
    top: 0;
    margin-left: -345px;
    left: 50%;
}

@media screen and (max-width: 1250px){
    .interview_slider_box{
        height: 315px;
        position: relative;
        top: 0;
        margin-left: auto;
        left: auto;
    }
}

@media screen and (max-width: 1020px){
    .interview_slider_box{
        height: 250px;
    }
}

@media screen and (max-width: 640px){
    .interview_slider_box{
        height: auto;
        margin-left: 20px;
    }
}


.interview_slider_Wap .interview_slider_inner{
/*    height: 315px;
    width: 450px !important;
*/    margin: 0 5px;
}

.interview_slider_Wap .slick-track{
    /*transform: translate3d(450px, 0px, 0px) !important;*/
}

.interview_slider_Wap .slick-next{
    background: url(../images/slide/next_img.png);
    position: absolute;
    top: 120px;
    border: none;
    font-size: 0;
    z-index: 10;
    width: 50px;
    height: 80px;
    left: 902px;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0;
}

@media screen and (max-width: 1250px){
    .interview_slider_Wap .slick-next{
        right: 20px;
        left: auto;
    }
}


@media screen and (max-width: 1020px){
    .interview_slider_Wap .slick-next{
        top: 97px;
        width: 40px;
        height: 64px;
    }
}

@media screen and (max-width: 640px){
    .interview_slider_Wap .slick-next{
        top: 73px;
        right: 20px;
    }
}



.interview_slider_Wap .slick-prev{
    background: url(../images/slide/previous_img.png);
    position: absolute;
    top: 120px;
    border: none;
    font-size: 0;
    z-index: 10;
    width: 50px;
    height: 80px;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0;
}

@media screen and (max-width: 1250px){
    .interview_slider_Wap .slick-prev{
        left: 273px;
    }
}

@media screen and (max-width: 1020px){
    .interview_slider_Wap .slick-prev{
        top: 97px;
        left: 226px;
        width: 40px;
        height: 64px;
    }
}



@media screen and (max-width: 640px){
    .interview_slider_Wap .slick-prev{
        left: 0;
        top: 73px;
    }
}


.interview_slider_Wap .interview_slider_inner img{
    height: 310px;
}

@media screen and (max-width: 1020px){
    .interview_slider_Wap .interview_slider_inner img{
        height: 250px;
    }
}

@media screen and (max-width: 640px){
    .interview_slider_Wap .interview_slider_inner img{
        height: auto;
        width: 290px;
    }
}

.interview_slider_Wap .slick-disabled{
    display: none !important;
}

/*==============================
170901�NjL
�R���e���c�����Ȃ����p�ł�

slider_setting.js�́u$(.interview_slider').slick()�v�͒��~
==============================*/

/*.interview_slider_box{
	margin-left: 55px;}

.interview_slider_Wap .headphone_series{
	max-width: 1000px;
}*/

.interview_slider_Wap{
    display: table;
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
    .interview_slider_Wap .interview_slider_inner{
        margin: 0;
    }
    .interview_slider_Wap .headphone_series{
        display: table-cell;
        width: 47.3%;
        vertical-align: top;
        float: none;

    }
        .interview_slider_Wap .headphone_series img{
            width: 100%;
            height: auto;
            /*overwrite*/
            /*height: 310px;*/
            position: static;
            top: 0;
            margin-left: 0;
            left: 0;
        }
    .interview_slider_Wap .interview_slider_box{
        display: table-cell;
        /*width: 65%;*/
        /*overwrite*/
        /*height: 315px;*/
        position: static;
        top: 0;
        margin-left: 0;
        left: 0;
    }
        .interview_slider_Wap .interview_slider_box img{
            width: 100%;
            height: auto;
        }
@media screen and (max-width: 640px) {



.interview_slider_Wap{
    display: block;
    margin: 20px 0 20px 0;
    padding: 0;
    /*width: 100%;*/
    /*max-width: 1000px;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/
}
    .interview_slider_Wap .interview_slider_inner{
        /*margin: 0;*/
    }
    .interview_slider_Wap .headphone_series{
        display: block;
        width: 100%;
        /*vertical-align: top;*/
        /*float: none;*/
        padding: 0;
        margin: 0;
    }
        .interview_slider_Wap .headphone_series img{
            /*width: 100%;*/
            /*height: auto;*/
            /*overwrite*/
            /*height: 310px;*/
            /*position: static;*/
            /*top: 0;*/
            /*margin-left: 0;*/
            /*left: 0;*/
        }
    .interview_slider_Wap .interview_slider_box{
        display: block;
        width: 100%;
        /*overwrite*/
        /*height: 315px;*/
        /*position: static;*/
        /*top: 0;*/
        /*margin-left: 0;*/
        /*left: 0;*/
    }
        .interview_slider_Wap .interview_slider_box img{
            /*width: 100%;*/
            /*height: auto;*/
        }


}
/*==============================
170901�NjL
�R���e���c�����Ȃ����p�ł� �����܂�
==============================*/



.main_slider .slick-prev:before{
  content:"";
}

.main_slider .slick-next:before {
    content:"";
}