

/* common.css
---------------------------------------------*/

.lh12 { line-height: 1.2 ; }
.lh14 { line-height: 1.4 ; }
.lh16 { line-height: 1.6 ; }
.lh18 { line-height: 1.8 ; }
.lh20 { line-height: 2.0 ; }

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

.fs14 {
    font-size: 14px;
}


.contentsLeft{
	width: 690px;
	margin: 50px auto;
}

.productsTabwrap {
	width:690px;
}
td {
	font-size:13px;
	/*padding:0 5px 0 px;*/
	line-height:1.4;
}
.productsTab {
	border: 1px solid #E6EBEF;
}
.productsTab p {
	width:215px;
	/*margin:10px;*/
	padding: 5px;
	font-size: 93%;
	line-height:1.4;
}
#brandTab {
	margin:15px 0px 0px 0px;
}
.textBrand {
	font-weight:bold;
	margin: 0 0 5px 0;
	font-size: 93%;
}


.brandFdclass {
	padding:0px 5px 10px 5px;
	font-size: 93%;
	line-height: 1.4;
}

.brandFdclass .text12 {
	margin-left: 5px;
}

.default {
	width: 546px;
	margin:0 auto;
}
.center {
	width: 546px;
	left: auto;
	right: auto;
}

.default .contents h1 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #666666;
	height: 20px;
	font-size: 11pt;
	font-weight: bold;
	color: #666666;
	line-height: 1.4em;
	width: 526px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-indent: 5px;
}
.default .contents h3 {
	font-size: 10pt;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.default .contents {
	margin-left: 10px;
	width: 550px;
}
.default .contents strong {
	color: #FF0000;
	font-weight: normal;
}
.default .contents .f_img {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.default .contents .copy {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.default .contents .list {
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.default .contents .list td{
	border: 1px solid #999999;
}
.default .contents .categoryName {
	font-size: 11pt;
	line-height: 1em;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.default .contents .list .color2 {
	background-color: #FFE9CE;
}
.default .contents .list .color1 {
	background-color: #FFFDD0;
}
.default .contents .text {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.default .contents .contS {
	margin-right: 10px;
	margin-left: 10px;
}
.lineup {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #53AD53;
	text-indent: 5px;
}
.lineupELM {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FE9007;
	text-indent: 5px;
}
.default .contents li {
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0px;
	line-height: 120%;
}
.default .contents ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.lineupElg {
	font-size: 11pt;
	font-weight: bold;
	color: #333333;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #018ADC;
	text-indent: 5px;
	margin-top: 5px;
}

.pl0{		padding-left: 0px !important;}
.pl15{	padding-left: 15px !important;}

.fcRed{
	color: #F00;
}



ul.elmList{
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
}


.elmList p{
	padding: 0;
	font-size: 13px;
}


.elmList01 li{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.elmList01 li:first-of-type{
	padding: 0;
}


.elmList01 p{
	padding: 10px;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.mlBox{
	padding:0 10px 10px;
}

.mlBox ul{
	margin-top:10px;
}
	
.mlBox li{
	line-height: 1.8;
}


.categoryBox li{
	float:left;
	margin:0;
	padding:0;
}

.meritBox{
	width: 500px; 
}
#economy .meritBox{
	width: 350px; 
}
#kalbash .meritBox{
	width: 450px; 
}

#economy .meritBox,
#elg .meritBox,
#elh .meritBox,
#fsc .meritBox{
	border-top: solid 1px #999; 
	padding-top: 15px;
}
.meritBox li{
	line-height: 1.6;
	padding-left: 1em;
  text-indent: -1em;
}

#kalbash{
	padding-bottom: 10px;
	border-bottom: 5px solid #555;
}

/*　矢印リストCSここから　*/


.listLu {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.listLu li{
	font-size: 13px;
}

.listLu02 {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.listLu02 li{
	font-size: 13px;
}

.listLu02 img{
	vertical-align:middle;
}
	
/*　矢印リストCSここまで　*/

.tokusyu{
	box-sizing: border-box;
	width: 620px;
	font-size: 13px;
	text-align: left;
	display: flex;
	align-items: center;
	margin: 0 10px 50px;
}
.tokusyu img{
	vertical-align: bottom;
}
.tokusyu p{
	padding-left: 5px;
	line-height: 1.5;
}

.elmList a p img{
	display: inline-block;
}
.elmList a p span{
	color: #065fd4;
	font-size: 13px;
	text-decoration: underline;
}

.lineuplink{
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
}
.lineuplink a{
	color: #065fd4;
	border-bottom: 1px solid #065fd4;
}

.c-textlink{ font-size: 13px; }

@media screen and (max-width: 767px){
	.l-lp__inner--md{	
		overflow-x: scroll;
	}
}
