@charset "utf-8";
/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .mainvisual {
	width: 950px;
	height: 200px;
	margin: 0 0 30px;
	background: url("/maker/khk/mech/products/variation/img/mainvisual_20190507.png") no-repeat 0 0;
    line-height: 1.5;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .m-btnList .m-btn--down{
    width: 220px;
}
.l-content .m-btnSize-lp{
    width: 386px;
    height: 40px;
    font-size: 14px;
}
.l-content .d_block{
    display: block;
}
/*見出し*/
.l-content .h2_lp-red{
    width: 950px;
    height: 50px;
    margin: 0 0 20px;
    line-height: 50px;
	background: url(/maker/khk/mech/products/variation/img/h2_bg.png) no-repeat 0 0;
    font-size: 20px;
    font-weight: bold;
    text-indent: 30px;
}

.l-content .h3_lp-red{
    width: 930px;
    height: 33px;
    margin: 0 auto 15px;
    line-height: 33px;
	background: url(/maker/khk/mech/products/variation/img/h3_bg.png) no-repeat 0 0;
    font-size: 14px;
    font-weight: bold;
    text-indent: 16px;
}



/* 小原歯車工業商品紹介 */

.l-content .h3_txt{
	height: 30px;
	margin: 0 auto 20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .h3_introduction_txt01{
	width: 789px;
	background: url(/maker/khk/mech/products/variation/img/introduction_txt01.png) no-repeat 0 0;
}
.l-content .h3_introduction_txt02{
	width: 419px;
	background: url(/maker/khk/mech/products/variation/img/introduction_txt02.png) no-repeat 0 0;
}

.l-content .box_example{
    width: 820px;
    margin: 0 auto 20px;
    background: #ffeff5 url("/maker/khk/mech/products/variation/img/arrow_r.png") no-repeat 370px 130px;
}

.l-content .box_example dt{
    height: 36px;
    background: #003e99;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
}
.l-content .box_example dd{
    float: left;
    height: 240px;
    font-size: 14px;
    font-weight: bold;
}
.l-content .box_example dd:before{
    content: "■";
}
.l-content .box_example dd.product-standard{
    width: 280px;
    margin: 20px 80px 20px 70px;
	background: url(/maker/khk/mech/products/variation/img/introduction_pict02.png) no-repeat 0 25px;
}
.l-content .box_example dd.product-processed{
    width: 320px;
    margin: 20px 70px 20px 0;
	background: url(/maker/khk/mech/products/variation/img/introduction_pict03.png) no-repeat 0 25px;
}

/* 小原歯車工業人気商品 */
.l-content .itemList{
    margin: 0 auto 10px;
}
.l-content .itemList_2col{
    width: 930px;
    margin: 0 auto 10px;
}
.l-content .itemList_2col .itemList_l{
    float: left;
    width: 460px;
    margin-right: 10px;
}
.l-content .itemList_2col .h3_lp-red{
    width: 460px;
}
.l-content .itemList.ul2box{
    width: 460px;
}
.l-content .itemList.ul3box{
    width: 695px;
}
.l-content .itemList.ul4box{
    width: 930px;
}

.l-content .itemList .itemBox {
    float: left;
    width: 187px;
    margin: 0 10px 15px 0;
    padding: 40px 18px 20px;
    border: 1px solid #bfbfbf;
}
.l-content .itemList .item_new{
    position: relative;
}
.l-content .itemList .item_new:after{
    content: url(/maker/khk/mech/products/variation/img/icon_new.png) ;
    position: absolute; 
    top:0;
    left: 0;
}
.l-content .itemList .box_hover.item_new:after{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.l-content .itemList .item_img{
    margin-bottom: 10px;
    text-align: center;
}

.l-content .itemList .item_name{
    margin-bottom: 8px;
    font-size: 14px;
   font-weight: bold;
    color: #004bb1;
}
.l-content .itemList .item_name .i_01{
    display: inline-block;
    width: 78px;
    height: 24px;
    line-height: 24px;
    margin: 5px 10px 0 0;
    border: 1px solid #127cdb;
    color: #127cdb;
    text-align: center;
     font-size: 12px;
   font-weight: bold;
}
.l-content .itemList .item_name .i_02{
    display: inline-block;
    width: 78px;
    height: 24px;
     line-height: 24px;   background: #127cdb;
     margin: 5px 0 0 0;
   border: 1px solid #127cdb;
    color: #ffffff;
    text-align: center;
     font-size: 12px;
   font-weight: bold;
}
.l-content .itemList .item_caption{
    margin-bottom: 12px;
}
/*　hover追加 */
.l-content .box_hover {
	cursor: pointer;
}
.l-content .box_hover .item_new,
.l-content .box_hover .item_img,
.l-content .box_hover .item_name,
.l-content .box_hover .item_caption,
.l-content .box_hover .item_btn {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.l-content .itemList .box_hover .item_name {
	color: #ff730a;
}


/* 小原歯車工業商品の選び方 */
.l-content .choose_pict{
    width: 910px;
    margin: 0 auto 20px;
}
.l-content .choose_pict li{
    float: left;
    width: 220px;
    height: 100px;
    margin-right: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
    .l-content .choose_pict li.arrow-step1 {
        background: url(/maker/khk/mech/products/variation/img/choose_arrow-step1.png) no-repeat 0 0;
    }
    .l-content .choose_pict li.arrow-step2 {
        background: url(/maker/khk/mech/products/variation/img/choose_arrow-step2.png) no-repeat 0 0;
    }
    .l-content .choose_pict li.arrow-step3 {
        background: url(/maker/khk/mech/products/variation/img/choose_arrow-step3.png) no-repeat 0 0;
    }
    .l-content .choose_pict li.arrow-step4 {
        background: url(/maker/khk/mech/products/variation/img/choose_arrow-step4.png) no-repeat 0 0;
    }
.l-content .choose_description{
    width: 920px;
    margin: 0 auto 20px;
}
.l-content .choose_description li{
    width: 918px;
     margin: 0 auto 25px;
    border: #003e99 1px solid;
   line-height: 40px;
    background: #003e99;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-indent: 20px;
}
    .l-content .choose_description li.choose_d-step1 {
        height: 680px;
        background: #003e99 url(/maker/khk/mech/products/variation/img/choose_scn-step1.png) no-repeat center 40px;
    }
    .l-content .choose_description li.choose_d-step2 {
        height: 520px;
        background: #003e99 url(/maker/khk/mech/products/variation/img/choose_scn-step2.png) no-repeat center 40px;
    }
    .l-content .choose_description li.choose_d-step3 {
        height: 640px;
        background: #003e99 url(/maker/khk/mech/products/variation/img/choose_scn-step3.png) no-repeat center 40px;
    }
    .l-content .choose_description li.choose_d-step4 {
        height: 880px;
        background: #003e99 url(/maker/khk/mech/products/variation/img/choose_scn-step4.png) no-repeat center 40px;
    }
.l-content .choose_description .p_txt{
    margin-top: 20px;
    line-height: normal;
    color: #222222;
    font-size: 12px;
    font-weight: normal;
}



/* 小原歯車工業情報 */

.l-content .dt_khk{
    float: left;
    width: 140px;
    height: 50px;
    margin-left: 30px;
}
.l-content .logo-khk{
    display: block;
    width: 105px;
    height: 49px;
	background: url(/maker/khk/mech/products/variation/img/logo_khk.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}