/**
/**
 * 17_steel
 * sp.css
 */



#main,#menu{
	font-family: 'Noto Sans JP',"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
#main #catchCopy{
	background: #D2DCE6;
    padding: 10px 10px;
    margin: 0 0 10px 0;
}
#main section {
	margin-bottom: 40px;
}
#main a {
    text-decoration: none;
}
#main a p {
    color: #000;
}
#main .listHead34 {
    font-size: 1.2em;
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: rgb(51, 51, 51);
    font-weight: bold;
			margin: 10px 0;
}
#menu{
	margin-bottom: 40px;
}
/*#main .yukousunpo img{
	width: 100%;
}*/

#main .goods.cols4-2 li {
    padding-bottom: 2.5em;
}
#main .cols3-1 li {
    padding-bottom: calc(2em + 6px);
}
#main .fsMedium {
    font-size: 1.0em;
    padding: 0.75em 1.0em;
}
#main .breadcrumb {
    box-sizing: border-box;
    color: #83838f;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
#main .breadcrumb a {
    color: #83838f;
	text-decoration: none;
}
#main a.btnRadius01{
	text-decoration: none;
}
#main .mgb20{
	margin-bottom: 10px;
}
#main .mgb40{
	margin-bottom: 40px;
}
#main p{
	line-height: 1.2;
}
#main h4.listHead34{
	font-size: 1.0em;
	margin: 20px 0 10px;
}

#main .links.cols4-2 .cover-btn{
	margin: 5px 5px 0;
}
#main .cols3-2 li{
	padding-bottom: 3.2em;
}
#main .cols3-2 li {
    width: calc(50% - 7px);
    margin-right: 14px;
}
#main .cols3-2 li:nth-child(2n) {
    margin-right: 0;
}

#main .cols3-2 .desc li{
	width: auto;
    margin: 0 0 5px 1.4em;
    position: inherit;
    padding: 0 0 0 0;
    list-style: disc;
    text-align: justify;
	font-size: 0.8em;
	line-height: 1.2;
}
#main .kome{
	font-size: 0.8em;
	text-align: right;
	margin: 10px 0;
}

#main .topBtn ul li a{
	display: flex;
	align-items: center;
	padding: 0.9em 1.5em 0.9em 0.8em;
}
#main .images{
	margin-bottom: 30px;
}
#main .images img{
	width: 100%;
}
#main .h2comment {
    margin-bottom: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
























#main .relation {
    display: flex;
    flex-wrap: wrap;
}

#main a.feature {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    color: #000000;
    text-decoration: none;
}
#main .feature {
    width: 100%;
    height: auto;
    min-height: 80px;
    margin-bottom: 10px;
    padding: 10px 0;
    border: 1px solid #ccc;
    position: relative;
    transition: 0.6s;
    text-align: justify;
}
#main .feature img {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 100px;
    transform: translateY(-50%);
}
#main .feature .feat_title {
    font-size: 1.2em;
    width: calc(100% - 130px);
    padding-left: 10px;
    font-weight: bold;
    margin: 0;
    /*display: flex;
    align-items: center;*/
}
#main .feature .feat_text {
    font-size: 0.8em;
    width: calc(100% - 130px);
    padding-left: 10px;
    line-height: 1.2;
    margin: 10px 0 0 0;
	display: block;
}


#main section .topBtn{
	margin: 0;
}