@charset "utf-8";
/* -------------------------------
common
------------------------------- */
/* section */
.l-content .section {
    margin-bottom: 50px;
}
.l-content .sectionInner {
    margin-bottom: 45px;
}
.l-content .h2Wrap {
    display: table;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    margin-bottom: 20px;
    padding: 15px 10px 0 45px;
    background: url('/maker/fuji-latex/mech/products/shock_absorber/img/h2_bg.png') no-repeat 0 0;
}
.l-content .h2Wrap  h2 {
    display: table-cell;
    font-size: 20px;
    padding-top: 1px;
}
.l-content .h2Wrap .h2_subcomment {
    display: table-cell;
    text-align: right;
    word-wrap: break-word;
}
.l-content  h3 {
	width: 950px;
	height: 35px;
	margin-bottom: 15px;
	padding-left: 23px;
	font-size: 20px;
	background: url('/maker/fuji-latex/mech/products/shock_absorber/img/h3_bg.png') no-repeat 0 bottom;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainVisual */
.l-content .mainVisual {
	width: 950px;
	height: 210px;
	margin-bottom: 30px;
	padding: 0;
	border: none;
	background: url('/maker/fuji-latex/mech/products/shock_absorber/img/main_20210106.png') no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
 }

/* lead */
.l-content .leadtxt {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #333;
    margin-bottom: 30px;
}

/* anchorNavi */
.l-content .anchorNavi {
	margin: 0 0 50px 0;
}
.l-content .anchorNavi ul {
 	margin: 0 -10px 0 0;
}
.l-content .anchorNavi li {
	float: left;
}
.l-content .anchorNavi li span {
	display: table-cell;
  text-align: center;
	vertical-align: middle;
  width: 169px;
	height: 35px;
  padding-left: 30px;
}
.l-content .anchorNavi li a {
	width: 230px;
	height: 53px;
	margin-right: 10px;
}
.l-content .anchorNavi li:last-child a{
	margin-right: 0px;
}

/* about */
.l-content .section .sectionInner .energyTxt {
	width: 360px;
	height: 144px;
	padding: 25px 30px 0 560px;
	background: url('/maker/fuji-latex/mech/products/shock_absorber/img/pic_energy.png') no-repeat 0 0;
}

.l-content .section .sectionInner .constructionBox {
	width: 460px;
	height: 416px;
	float: left;
	background: url('/maker/fuji-latex/mech/products/shock_absorber/img/bg_construction.png') no-repeat 0 0;
}
.l-content .section .sectionInner .constructionBox dt.ttl {
    height: 33px;
    padding-top: 6px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}
.l-content .section .sectionInner .constructionBox dd.txt1 {
    text-align: center;
    height: 44px;
    padding-top: 10px;
}
.l-content .section .sectionInner .constructionBox dd.pic {
    text-align: center;
    height: 203px;
}
.l-content .section .sectionInner .constructionBox .recommend dt,
.l-content .section .sectionInner .constructionBox .recommend dd {
    float: left;
}
.l-content .section .sectionInner .constructionBox .recommend dt {
    width: 102px;
    height: 45px;
    padding: 10px 0 0 28px;
}
.l-content .section .sectionInner .constructionBox .recommend dd {
    width: 302px;
    color: #1b70b5;
    font-weight: bold;
}
.l-content .section .sectionInner .constructionBox .recommend dd.txt2 {
    padding: 17px 0 0 28px;
}
.l-content .section .sectionInner .constructionBox .recommend dd.txt3 {
    padding: 9px 0 0 28px;
}
 .constructionBox .btn {
    width: 140px;
    margin: 13px auto 0;
    text-align: center;
}
.l-content .section .sectionInner .m-btnList--center {
    margin-top: 20px;
}
/* products */
.l-content .section .m-table > tbody > tr > th {
    background-color: #FFF;
    font-weight: normal;
}
.l-content .section .m-table > thead > tr > th{
    background-color: #2b81c6;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    padding: 6px 10px;
}
.l-content .section .m-table > thead > tr.mc-sub > th{
	background-color: #f4f4f4;
	font-size: 12px;
	color: #333;
    font-weight: normal;
}
.l-content .section .m-table .pic,
.l-content .section .m-table .type,
.l-content .section .m-table .m-linkList {
	float: left;
}
.l-content .section .m-table .pic {

}
.l-content .section .m-table .type {
	text-align: left;
	margin: 20px 0 0 20px;
}
.l-content .section .m-table .typename {
	font-size: 14px;
	font-weight: bold;
}
.l-content .section .m-table .m-linkList {
	text-align: left;
	margin: 0 10px;
}

.l-content .section .itemArea {
    margin: 0 0 50px 40px;
}
.l-content .section .itemArea .itemBox {
    width: 253px;
    float: left;
    margin-right: 30px;
    padding: 15px 0 15px 15px;
    border: #bfbcb7 1px solid;
}
.l-content .section .sectionInner .itemArea .itemBox .pic,
.l-content .section .sectionInner .itemArea .itemBox .txt {
    float: left;
}
.l-content .section .sectionInner .itemArea .itemBox .txt {
    margin: 18px 0 0 20px;
}
.l-content .section .sectionInner .itemArea .itemBox .txt dt {
    font-size: 14px;
    font-weight: bold;
}
.l-content .section .sectionInner .itemArea .itemBox .txt .link {
    margin: 10px 0;
}

/* selection */
.l-content .section .selectionFlowArea {
    width: 950px;
    height: 116px;
    background: url('/maker/fuji-latex/mech/products/shock_absorber/img/bg_flow.png') no-repeat 0 0;
}
.l-content .section .selectionFlowArea .flowBox {
    float: left;
    margin-left: 30px;
    text-align: center;
}
.l-content .section .selectionFlowArea .flowBox:first-child {
    margin-left: 0px;
}
.l-content .section .selectionFlowArea .flowBox dt {
    height: 31px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.l-content .section .selectionFlowArea .flow01,
.l-content .section .selectionFlowArea .flow01 dd,
.l-content .section .selectionFlowArea .flow02,
.l-content .section .selectionFlowArea .flow02 dd {
    width: 158px;
}
.l-content .section .selectionFlowArea .flow03,
.l-content .section .selectionFlowArea .flow03 dd {
    width: 284px;
    line-height: 1.5em;
}
.l-content .section .selectionFlowArea .flow04,
.l-content .section .selectionFlowArea .flow04 dd {
    width: 260px;
}
.l-content .section .selectionFlowArea .flowBox dd {
    height: 85px;
    display:table-cell;
    vertical-align: middle;
}
.l-content .section .selectionFlowArea .flowBox dd strong {
    font-size: 16px;
}
.l-content .section .selectionFlowArea .flow04 dd .comment {
    display: block;
    margin-top: 10px;
}

/* brands */
.l-content .section .brandsArea dt,
.l-content .section .brandsArea dd {
    float: left;
}
.l-content .section .brandsArea dt.logo {
    width: 315px;
    height: 95px;
    background: url('/maker/fuji-latex/mech/products/shock_absorber/img/logo.png') no-repeat 0 center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.l-content .section .brandsArea dd {
    width: 635px;
}

/* btnBox */
.l-content .btnBox {
	width: 330px;
	margin: 20px auto 0;
}
.l-content .btnBox a {
	width: 330px;
	font-size: 14px;
}