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

.title {
	background-image: url("../image_210726/title_top.jpg");
	background-size: cover;
	background-position: center;
	height: 46vw;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
#main .sub_title {
    background-size: cover;
    background-position: center right;
    height: 150px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
#main .lightweight {
	background-image: url("../image_210726/title_lightweight.jpg");
}
#main .reversible {
	background-image: url("../image_210726/title_reversible.jpg");
}
#main .foldable {
	background-image: url("../image_210726/title_foldable.jpg");
}
#main .weight {
	background-image: url("../img/weight/240905/title_weight.jpg");
}
#main .ktrack {
	background-image: url("../image_210726/title_ktrack.jpg");
}
#main .nseries {
	background-image: url("../image_210726/title_nseries.jpg");
}
#main .dkseries {
	background-image: url("../image_210726/title_dkseries.jpg");
}
#main .smart {
	background-image: url("../image_210726/title_smart.jpg");
}
#main .weight_metal {
	background-image: url("../image_210726/title_weight_metal.jpg");
}
#main .luminous {
	background-image: url("../image_210726/title_luminous.jpg");
}
#main .linking {
	background-image: url("../image_230214/title_linking.jpg");
}
.sub_title .title_back{
    width: 100%;
    padding: 20px 0;
    margin: 0px 25px;
    background: rgb(0 0 0 / 0.5);
    display: flex;
    flex-direction: column;
    gap: 13px;
    align-items: center;
}
h1 {
	color: #FFFFFF;
	text-align: center;
	font-weight: 700;
	font-size: 4.0vw;
	/*letter-spacing: 0.05em;*/
	text-shadow: 3px 2px 20px #000000;
	margin-left: 10px;
	width: 100%;
}
.sub_title h1{
	line-height: 1.1;
	top:8px;
	font-size:6vw;
	margin-left: 0;
}
h1 span.absolute_center{
	position: absolute;
	width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 1.0em 0;
	background: rgb(0 0 0 / 0.5);
	/*background: linear-gradient(90deg, rgba(51,51,51,0.8) 0%, rgba(187,187,187,0.8) 50%, rgba(51,51,51,0.8) 100%);
	box-shadow: 3px 3px 2px 0px #555, 3px 3px 5px rgb(255 255 255 / 80%) inset;*/
	line-height: 1.4;
}
h1 span.steel_title{
	font-size: 1.8em;
}
h1 span.title_sub {
/*
    padding: 5px 10px 8px;
    margin-top: 1.0em;
    background-color: rgb(0 0 0 / 60%);
*/
    display: inline-block;
}
.sub_title span.steel_main{
	position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    top: 12%;
    left: 14%;
}
.sub_title span.steel_sub{
    padding: 5px 10px 8px;
    background-color: rgb(0 0 0 / 60%);
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0 10px;
}
#main,#menu{
	font-family: 'Noto Sans JP',"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

#main section {
	margin-bottom: 40px;
}

/* luminous.html */
#main .indentNews01 {
font-size: 0.875em; 
padding-left: 1em;
text-indent: -1em;
margin-bottom: 0;
padding-bottom: 0.5em;
}
.fs20emtc { 
font-size: 1.2em !important;
text-align: left; 
line-height: 1.2 
}
/* luminous.html */


/* lightweight.html */
#main h5 {
	background-image: url(../img/mainh4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	text-decoration: none !important;
	color: #e16a0f !important;
	font-weight: 700;
	font-size: 20px;
	margin: 10px 0 10px;
}

#main .tablebox th,
#main .tablebox td {
	font-weight: normal;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	border:1px solid #bbb;
}

#main .tablebox {
	width: 96%;
	margin: 10px auto;
}

#main .tablebox table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells: hide;
}

#main .tablebox table th,
#main .tablebox table td {
	border: 1px solid #CCC;
	padding: 5px;
	box-sizing: border-box;
}

#main .tablebox table th {
	width: 19%;
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.3;
	vertical-align: middle;
}

#main .tablebox table th span {
	color: #F00;
	font-size: 1.3em;
}

#main .tablebox table td {
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
}

#main .tablebox font {
	font-size: 12px;
}

#main .stth {
	background: #666666;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#main .stthr {
	background: #FF0000;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#main .stth2 {
	background: #999999;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#main .bgGray {
	background-color: #efefef
}

#main td a:link {
	text-decoration: none;
	color: #005FC3;
}

.btn2h {
	display: inline-block;
	padding: 0.78em 1em;
	text-decoration: none;
	color: #e16a0f !important;
	border: solid 2px #e16a0f;
	border-radius: 3px;
	transition: .4s;
	font-weight: bold;
	width: 155px;
}

.btn2h:hover {
	background: #e16a0f !important;
	color: white !important;
}

#main .slideTable {
	position: relative;
	overflow-x: scroll;
	-ms-overflow-x: scroll;
	-moz-overflow-x: scroll;
	-webkit-overflow-x: scroll;
}

#main .slideTable table.tablebox {
	width: 800px;
}

/* lightweight.html */

/*index.html*/
#main .w100 {
	width: 100%;
}

#main .mb10 {
	margin-bottom:10px;
}
#main .mb20 {
	margin-bottom:20px;
}
#main .mb80 {
	margin-bottom:40px;
}
#main .mt10 {
	margin-top: 10px;
}
#main .mt20 {
	margin-top: 20px;
}
#main .ml10 {
	margin-left: 10px;
}
#main .w100 {
	width: 100%;
}
#main .center {
	text-align: center;
}
/*#main h4 {
	padding: 5px 10px;
	margin: 20px 0px 10px;
	color: #e16a0f;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	border-left: solid 10px #e16a0f;
	border-bottom: solid 1px #e16a0f;
}
#main h4:first-child {
	margin-top: 0px;
}*/

#main .links.mb0 ,
#main .links.mb0 li:nth-child(2) {
	margin-bottom: 0px;
}
/*index.html*/
#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;
}
#main .steelm {
    margin-bottom: 40px;
}
#main .stitemname{
		margin:0 0 10px 0;
	font-size: 1.1em;
	}
	#main .stitemtxt{
		padding: 0;
		margin-bottom: 10px;
		line-height: 1.5;
	}
	#main .yukousunpo img{
	width: 100%;
}


	#main .steelmain{
		margin-bottom:20px; 
	}
	#main .youtube{
		margin-top: 20px;
	}
	#main .listHead34_k {
    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;
}
	#main .steeltxt{
		line-height: 1.5;
	}

#main .osusume a{
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	border: 2px solid #969494;
	border-radius: 10px;
	padding: 10px;
}

#main .choice{
	display: flex;
	flex-wrap: wrap;
}
#main .choice li {
    width: calc(100% - 12px);
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px;
}
#main .choice li:nth-child(2n) {
    margin-right: 0;
}
#main .choice li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 5px;
}
#main .choice li a div {
    width: 110px;
}
#main .choice li a p {
    width: calc(100% - 120px);
    margin-left: 10px;
    line-height: 1.2;
    font-weight: bold;
    font-size: 14px;
}
#main .choice li 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 .acc_gu{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
#main .acc_gu:last-child{
	border-bottom: 0;
	margin-bottom: 0;
	padding: 0;
}
#main .acc_gu_left{
	width: calc(40% - 5px);
	margin-right: 10px;
	display: flex;
	align-items: center;
}
#main .acc_gu_left p{
	font-size: 4vw;
}
#main .acc_gu_right{
	width: calc(60% - 5px);
	margin-right:0;
}
#main .acc_gu_right .botton_box2 li{
	width: 100%;
	margin-right: 0;
}
#main .acc_gu_right .botton_box2 li:last-child{
	margin-bottom: 0;
}
#main .acc_gu_right .botton_box2 li a{
	font-size: 3.5vw;
}


#main a.orangeBtn {
    background: #EA6D0D;
}
#main p{
	line-height: 1.2;
}
#main h4.listHead34{
	font-size: 1.0em;
	margin: 20px 0 10px;
}
#main .topBtn{
	margin: 0;
}

#main .links.cols4-2 .cover-btn{
	margin: 5px 5px 0;
}


#main .cols3-2.w_metal li{
	padding-bottom: 5.8em;
}
#main .cols3-2.w_metal .cover-btn a{
	margin-bottom: 5px;
}
#main .cols3-2.w_metal .cover-btn a:last-child{
	margin-bottom: 0;
}
#main .border_radiuse .stitemname{
		margin:5px;
	font-size: 1.1em;
	}
#main .border_radiuse .stitemtxt{
		padding: 5px;
		margin-bottom: 10px;
		line-height: 1.5;
}

/*#main .tab-two li{
	width: 50%!important;
}

#main .tab-three li{
	width: calc(100% / 3)!important;
}*/
#main .colsinframe2 .tab-six{
	flex-wrap: wrap;
}
#main .colsinframe2 .tab-six li{
	width: calc(33.3% - 2px);
    border: none;
	border-top: 2px solid #fff;
}
#main .colsinframe2 .tab-six li:first-child,
#main .colsinframe2 .tab-six li:nth-child(2),
#main .colsinframe2 .tab-six li:nth-child(3){
	border: none;
}

#main .colsinframe2 .tab-five{
	flex-wrap: wrap;
}
#main .colsinframe2 .tab-five li{
	width: calc(33.3% - 2px);
    border: none;
	border-top: 2px solid #fff;
}
#main .colsinframe2 .tab-five li:first-child,
#main .colsinframe2 .tab-five li:nth-child(2){
	width: calc(50% - 2px);
    border: none;
}


#main .hide .cols4-2,
#main .hide .cols3-2{
	margin: 0;
}
#main .hide .cols4-2 li,
#main .hide .cols3-2 li{
	margin-top: 20px;
	margin-bottom: 0;
}
#main .hide .cols4-2 li:first-child,
#main .hide .cols4-2 li:nth-child(2),
#main .hide .cols3-2 li:first-child,
#main .hide .cols3-2 li:nth-child(2){
	margin-top: 0;
}
#main .hide .cols2-1{
	margin-bottom: 0;
}
#main .hide .cols2-1 li:nth-child(2){
	margin-bottom: 0;
}
#main .hide .colsinframe2{
	margin-bottom: 0;
}
#main .return br{
	display: block;
}

#pageTop{
	z-index: 1;
}
#main .cols3-2 li {
    width: calc(50% - 7px);
    margin-right: 14px;
    margin-bottom: 20px;
    position: relative;
	padding-bottom: 2.5em;
}

#main .cols3-2 li:nth-child(2n) {
    margin-right: 0;
}
#main .border_radiuse.cols3-2 li{
	padding-bottom: 0;
}
#main .conspicuous{
	font-size: 1.3em;
	margin-bottom: 20px;
}





#main .images{
	margin-bottom: 30px;
}
#main .images img{
	width: 100%;
}
#main .moviebtn{
	margin: 10px 0 40px 0;
}








/*タブ切り替え*/

#main .colsinframe2 {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
    overflow: hidden;
    }
#main .resptab01,
#main .resptab02,
#main .resptab03,
#main .resptab04,
#main .resptab05,
#main .resptab06,
#main .resptab07,
#main .resptab08,
#main .resptab09,
#main .resptab10,
#main .resptab11,
#main .resptab12,
#main .resptab13,
#main .resptab14,
#main .resptab15,
#main .resptab16,
#main .resptab17,
#main .resptab18,
#main .resptab19,
#main .resptab20,
#main .resptab21,
#main .resptab22,
#main .resptab23,
#main .resptab24{
overflow:hidden;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; 
margin:0;
padding: 0;
list-style: none;
}
#main .resptab01 li,
#main .resptab02 li,
#main .resptab03 li,
#main .resptab04 li,
#main .resptab05 li,
#main .resptab06 li,
#main .resptab07 li,
#main .resptab08 li,
#main .resptab09 li,
#main .resptab10 li,
#main .resptab11 li,
#main .resptab12 li,
#main .resptab13 li,
#main .resptab14 li,
#main .resptab15 li,
#main .resptab16 li,
#main .resptab17 li,
#main .resptab18 li,
#main .resptab19 li,
#main .resptab20 li,
#main .resptab21 li,
#main .resptab22 li,
#main .resptab23 li,
#main .resptab24 li{
background: #999;
color: #fff;
cursor: pointer;
/*width: calc( 100% / 4);*/
width: 100%;
padding: 20px 0;
line-height: 1.5;
font-size: 3vw;
text-align: center;
}
#main .resptab01 li:hover,
#main .resptab02 li:hover,
#main .resptab03 li:hover,
#main .resptab04 li:hover,
#main .resptab05 li:hover,
#main .resptab06 li:hover,
#main .resptab07 li:hover,
#main .resptab08 li:hover,
#main .resptab09 li:hover,
#main .resptab10 li:hover,
#main .resptab11 li:hover,
#main .resptab12 li:hover,
#main .resptab13 li:hover,
#main .resptab14 li:hover,
#main .resptab15 li:hover,
#main .resptab16 li:hover,
#main .resptab17 li:hover,
#main .resptab18 li:hover,
#main .resptab19 li:hover,
#main .resptab20 li:hover,
#main .resptab21 li:hover,
#main .resptab22 li:hover,
#main .resptab23 li:hover,
#main .resptab24 li:hover{
	background: #555;
}
#main .resptab01 li.select,
#main .resptab02 li.select,
#main .resptab03 li.select,
#main .resptab04 li.select,
#main .resptab05 li.select,
#main .resptab06 li.select,
#main .resptab07 li.select,
#main .resptab08 li.select,
#main .resptab09 li.select,
#main .resptab10 li.select,
#main .resptab11 li.select,
#main .resptab12 li.select,
#main .resptab13 li.select,
#main .resptab14 li.select,
#main .resptab15 li.select,
#main .resptab16 li.select,
#main .resptab17 li.select,
#main .resptab18 li.select,
#main .resptab19 li.select,
#main .resptab20 li.select,
#main .resptab21 li.select,
#main .resptab22 li.select,
#main .resptab23 li.select,
#main .resptab24 li.select{
background: #fff;
color: #000;
font-weight: bold;
text-align: center; 
}
#main .tabmenu01,
#main .tabmenu02,
#main .tabmenu03,
#main .tabmenu04,
#main .tabmenu05,
#main .tabmenu06,
#main .tabmenu07,
#main .tabmenu08,
#main .tabmenu09,
#main .tabmenu10,
#main .tabmenu11,
#main .tabmenu12,
#main .tabmenu13,
#main .tabmenu14,
#main .tabmenu15,
#main .tabmenu16,
#main .tabmenu17,
#main .tabmenu18,
#main .tabmenu19,
#main .tabmenu20,
#main .tabmenu21,
#main .tabmenu22,
#main .tabmenu23,
#main .tabmenu24{
	border:5px solid #999;
}
#main .tabmenu01 img,
#main .tabmenu02 img,
#main .tabmenu03 img,
#main .tabmenu04 img,
#main .tabmenu05 img,
#main .tabmenu06 img,
#main .tabmenu07 img,
#main .tabmenu08 img,
#main .tabmenu09 img,
#main .tabmenu10 img,
#main .tabmenu11 img,
#main .tabmenu12 img,
#main .tabmenu13 img,
#main .tabmenu14 img,
#main .tabmenu15 img,
#main .tabmenu16 img,
#main .tabmenu17 img,
#main .tabmenu18 img,
#main .tabmenu19 img,
#main .tabmenu20 img,
#main .tabmenu21 img,
#main .tabmenu22 img,
#main .tabmenu23 img,
#main .tabmenu24 img{
width: 100%;
}
#main .hide{
display:none;
padding: 10px;
}


/*追加*/
#main .resptab01 li,
#main .resptab02 li,
#main .resptab03 li,
#main .resptab04 li,
#main .resptab05 li,
#main .resptab06 li,
#main .resptab07 li,
#main .resptab08 li,
#main .resptab09 li,
#main .resptab10 li,
#main .resptab11 li,
#main .resptab12 li,
#main .resptab13 li,
#main .resptab14 li,
#main .resptab15 li,
#main .resptab16 li,
#main .resptab17 li,
#main .resptab18 li,
#main .resptab19 li,
#main .resptab20 li,
#main .resptab21 li,
#main .resptab22 li,
#main .resptab23 li,
#main .resptab24 li{
	border-right: 2px solid #fff;
}
#main .resptab01 li:last-child,
#main .resptab02 li:last-child,
#main .resptab03 li:last-child,
#main .resptab04 li:last-child,
#main .resptab05 li:last-child,
#main .resptab06 li:last-child,
#main .resptab07 li:last-child,
#main .resptab08 li:last-child,
#main .resptab09 li:last-child,
#main .resptab10 li:last-child,
#main .resptab11 li:last-child,
#main .resptab12 li:last-child,
#main .resptab13 li:last-child,
#main .resptab14 li:last-child,
#main .resptab15 li:last-child,
#main .resptab16 li:last-child,
#main .resptab17 li:last-child,
#main .resptab18 li:last-child,
#main .resptab19 li:last-child,
#main .resptab20 li:last-child,
#main .resptab21 li:last-child,
#main .resptab22 li:last-child,
#main .resptab23 li:last-child,
#main .resptab24 li:last-child{
	border-right: none;
}

#main .hide{
display:none;
padding: 10px;
}




/*アコーディオン*/
/*====================================================================
.s_05 .accordion_one
====================================================================*/
.s_05 .accordion_one {
	max-width: 1024px;
	margin: 0 auto 10px;
}
.s_05 .accordion_one:last-child {
	margin-bottom: 0;
}
.s_05 .accordion_one .accordion_header {
	background-color: #ccc;
	color: #333;
	border: 1px solid #333;
	font-size: 26px;
	font-weight: bold;
	padding: 20px 11%;
	text-align: center;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
/*.s_05 .accordion_one:nth-of-type(2) .accordion_header {
    background-color: #ff9a05;
}
.s_05 .accordion_one:nth-of-type(3) .accordion_header {
    background-color: #1c85d8;
}*/
.s_05 .accordion_one .accordion_header:hover {
	opacity: .8;
}
.s_05 .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	/*border: 1px solid #fff;*/
	margin-top: -20px;
	box-sizing: border-box;
	/*-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
	transform-origin: center center;
	transition-duration: 0.2s;
	
	/*追加*/
	background: url(../image_210726/acc_ya.gif) no-repeat center;
	background-size: 50%;
}
/*.s_05 .accordion_one .accordion_header .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
}*/
.s_05 .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
/*.s_05 .accordion_one .accordion_header .i_box .one_i:before, .s_05 .accordion_one .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
}
.s_05 .accordion_one .accordion_header .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
.s_05 .accordion_one .accordion_header.open .i_box .one_i:before {
	content: none;
}
.s_05 .accordion_one .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}*/
.s_05 .accordion_one .accordion_inner {
	display: none;
	padding: 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	box-sizing: border-box;
	position: relative;
    padding-bottom: 6em;
}
/*.s_05 .accordion_one:nth-of-type(2) .accordion_inner {
	border-left: 2px solid #ff9a05;
	border-right: 2px solid #ff9a05;
	border-bottom: 2px solid #ff9a05;
}
.s_05 .accordion_one:nth-of-type(3) .accordion_inner {
	border-left: 2px solid #1c85d8;
	border-right: 2px solid #1c85d8;
	border-bottom: 2px solid #1c85d8;
}
.s_05 .accordion_one .accordion_inner .box_one {
	height: 300px;
}*/
.s_05 .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
}
.s_05 .accordion_one .accordion_inner .closeArea {
	width: 180px;
	/*margin: 0 auto;*/
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #999;
	padding: 15px 15px 15px 20px;
	text-decoration: none;
	line-height: 1.3;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	transition-duration: 0.2s;
}
/*.s_05 .accordion_one:nth-of-type(2) .accordion_inner .closeArea .close_box a.close_btn {
    background-color: #ff9a05;
}
.s_05 .accordion_one:nth-of-type(3) .accordion_inner .closeArea .close_box a.close_btn {
    background-color: #1c85d8;
}*/
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
	opacity: .8;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 10%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 18px;
	height: 18px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	transform-origin: center center;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
@media screen and (max-width: 1024px) {
	.s_05 .accordion_one .accordion_header {
		font-size: 18px;
	}
	.s_05 .accordion_one .accordion_header .i_box {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	.s_05 .accordion_one .accordion_header {
		font-size: 16px;
		text-align: left;
		padding: 15px 60px 15px 15px;
	}
}


.relation--items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.relation--item {
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 49%;
	padding: 15px 10px;
	position: relative;
	transition: 0.2s;
	margin-top: 15px;
}
.relation--item:hover {
	opacity: 0.7;
}
.relation--inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.relation--link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.relation--text {
	width: 75%;
	font-size: 0.85em;
}
.relation--text__bold {
	font-weight: bold; 
	font-size: 1.25em;
	margin-bottom: 10px;
	display: inline-block;
}
.relation--img {
	width: 20%;
	height: auto;
}
.relation--img > img {
	width: 100%;
	height: auto;
}


@media screen and (max-width:767px) {
	.relation--item {
		width: 100%;
		height: auto;
	}
}

/*240905*/

#main .border_box li {
       padding: 10px;
       box-sizing: border-box;
       border: 1px solid #ccc;
       border-radius: 5px;
       overflow: hidden;
	   display: flex;
       flex-direction: column;
       justify-content: space-between;

    }

#main .goods_name {
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
	margin-bottom: 5px;
	min-height: 40px;
}

#main .goods_txt {
	line-height: 1.5;
}

#main .border_box .cover-btn {
    position:static;
    margin: 10px auto 5px;
    width: 100%;
	font-size: 4vw;
    
}

#main .weight_shelf .cover-btn {
	margin: 10px auto 0 ;
	width: 80%;
}

#main .weight_shelf {
	margin-bottom: 80px;
}

#main .respcontent05 .weight_shelf {
	margin-bottom: 0;
}

/*250612*/
#main .goods.cols2-1.goods_box img {
	margin-bottom: 20px;
}

#main .goods.cols2-1.goods_box li {
	width: 100%;
}

#main .goods.cols2-1.goods_box {
	justify-content: center;
}

#main ul.goods.cols4-1.border_box {
	justify-content: space-between;
}

#main .goods.cols4-1.border_box li {
	width: calc(50% - 5px);
}
#main .goods.cols4-1.border_box li:not(:nth-last-child(-n+2)) {
	margin-bottom: 10px;
}

#main .w70 {
	width: 70%;
}

#main span.color_heading {
	display: inline-block;
    margin-bottom: 5px;
    font-size: 1em;
}

#main .actitle {
	margin-top: 20px;
}

#main .actitle span {
	margin-top: 0;
}

#main .tab-five.alternate li:nth-child(-n+3) {
	width: calc(100% / 3 - 2px) !important;
	border-top: none;
}

#main .tab-five.alternate li:nth-child(n+4) {
	width: calc(50% - 1.5px) !important;
	border-top: 2px solid #fff;
}

#main img.add_margin1 {
	display: block;
	margin: 0 auto;
}

/*260210*/
#main h3 {
    border-left: 4px solid #E5002D;
    font-size: 1.2em;
    font-weight: bold;
    margin: 30px 0 20px 0;
    text-align: left;
    padding: 0.6rem 1rem;
}

#main .videos {
        position: relative;
        cursor: pointer;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

#main .videos--overmaker {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        width: 20%;
        height: auto;
        opacity: 0.7;
    }

#main .videos img {
	vertical-align: middle;
}

#main #modalwindow {
        display: none;
        background: rgba(0, 0, 0, 0.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

#main #bamiri {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
	    height: auto;
    }
#main #subwindow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
	    overflow: hidden;
    }

#main .modal_close {
        position: absolute;
        top: -30px;
        right: -30px;
	    width: 40px;
        height: 40px;
        transform: translate(0, 0);
    }
#main .movie-list--content video {
	width: 100%;
	height: auto;
}

#main .topBtn li a {
	display: flex;
	align-items: center;
}

#main .bnr-container {
	margin-top: 20px;
}

#main .bnr-container img {
	width: 100%;
	height: auto;
}

#main .color-red {
	color: #E5002D;
}

#main .listHead34.add-margin {
	margin-top: 5px;
}

#main .color-red.order {
	font-weight: bold;
}

#main .caution-text {
	margin: 5px 0 0;
	font-size: 1rem;
    display: inline-block;
}