/*
THEME NAME: CDTRADING2025_07_17
THEME URI: http://potlatch-web.net
DESCRIPTION: CDTRADING2022 v1.2
VERSION: 1.2
AUTHOR: <a href="http://potlatch-web.net">POTLATCH</a>
AUTHOR URI: http://potlatch-web.net
*/


/*Resetcss*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.6;
    word-wrap: break-word;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.6;
    word-wrap: break-word;
}

a{
	color:#262626;
}
p{
	font-size: 15px;

}
a img {
    display: block;
    }
@font-face {
    font-family: "bb";
    src: url(font/bb.woff),
        url(font/bb.eot);
}
.bb{
	font-family: 'bb', serif;
    padding-bottom:0.5em;
}
.crm{
	font-family: 'Crimson Text', serif;
}
.mincho{
	font-family: 'Noto Serif JP', serif;
}

body {
	color:#262626;
	line-height:1.6;
	background: #fff;
	font-family: Arial,  "ヒラギノ角ゴ ProN W3", "Yu Gothic Bold", "游ゴシック Bold", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
ol, ul {
	list-style: none;
}
.fwb{
	font-weight: bold;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
}
td{
	background:#fff;
}
.vemid{
    vertical-align: middle;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

img{
	vertical-align:bottom;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

strong{
	font-weight:bold;
}

th{
    border-bottom:1px solid #BABABA;
    font-weight: bold;
    vertical-align: middle;
    padding:30px;
}
td{
    padding:30px;
    border-bottom:1px solid #BABABA;
    background:none!important;
}
td input[type="text"] , td input[type="tel"] , td input[type="url"]  , td input[type="email"] {
    padding:8px;
    border-radius: 5px;
    width:100%;
    border:1px solid #888;
    box-sizing:border-box;
}
td textarea{
    padding:8px;
    border-radius: 5px;
    width:100%;
    border:1px solid #888;
    box-sizing:border-box;
    height:300px;
}


.wrap{
    width:100%;
    overflow-x: hidden !important;
}
.red{
    color:#D3003C;
}
.grn{
	color:#41cea6;
}
.lh1{
    line-height:1;
}
.fs10{
	font-size:10px;
}
.fs11{
	font-size:11px;
}
.fs12{
	font-size:12px;
}
.fs13{
	font-size:13px;
}
.fs14{
	font-size:14px;
}
.fs15{
	font-size:15px;
}
.fs16{
	font-size:16px;
}
.fs17{
	font-size:17px;
}
.fs18{
	font-size:18px;
}
.fs19{
	font-size:19px;
}
.fs20{
	font-size:20px;
}
.fs21{
	font-size:21px;
}
.fs22{
	font-size:22px;
}
.fs23{
	font-size:23px;
}
.fs24{
	font-size:24px;
}
.fs25{
	font-size:25px;
}
.fs26{
	font-size:26px;
}
.fs27{
	font-size:27px;
}
.fs28{
	font-size:28px;
}
.fs29{
	font-size:29px;
}
.fs30{
	font-size:29px;
}
.fs31{
	font-size:31px;
}
.fs32{
	font-size:32px;
}
.fs36{
	font-size:36px;
}
.fs40{
	font-size:40px;
}
.fs42{
	font-size:42px;
}
.fs46{
	font-size:52px;
}
.fs47{
	font-size:47px;
}
.fs50{
	font-size:50px;

}
.fs55{
	font-size:55px;
}
.fs70{
	font-size:70px;
	line-height: 0.8;
	margin-right:5px;
}
.fs76{
	font-size:76px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb35{
	margin-bottom:35px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}
.mb55{
	margin-bottom:55px;
}
.mb60{
	margin-bottom:60px;
}
.mb65{
	margin-bottom:65px;
}
.mb70{
	margin-bottom:70px;
}
.mb75{
	margin-bottom:75px;
}
.mb80{
	margin-bottom:80px;
}
.mt80{
    margin-top:80px;
}
.mb90{
    margin-bottom:90px;
}
.mb100{
	margin-bottom:100px;
}
.mb110{
	margin-bottom:110px;
}
.mb120{
	margin-bottom:120px;
}
.mb130{
	margin-bottom:130px;
}
.mb140{
	margin-bottom:140px;
}
.mb150{
	margin-bottom:150px;
}
.mb160{
	margin-bottom:160px;
}
.mb170{
	margin-bottom:170px;
}
.mb180{
	margin-bottom:180px;
}
.mb190{
	margin-bottom:190px;
}
.mb200{
	margin-bottom:200px;
}
.ml20{
    margin-left: 20px;
}
.tac{
	text-align: center;
}
.ftac{
    display: flex;
    justify-content: center;
    
}
.tal{
	text-align: left!important;
}
.tar{
	text-align: right;
}
.fr{
	float:right;
}
.fl{
	float:left;
}
.box9{
    max-width: 960px;
    width: 100%;
    margin-right:auto;
    margin-left:auto;
}
.box12{
    max-width: 1200px;
    width: 100%;
    margin-right:auto;
    margin-left:auto;
}
.box1080{
    max-width: 1080px;
    width: 100%;
    margin-right:auto;
    margin-left:auto;
}
.box380{
    max-width: 380px;
}
.box48{
    max-width: 480px;
    width: 100%;
}
.wback{
    background:#fff;
    padding:100px 20px 130px 20px;
}
.wback2{
    background:#fff;
    padding:130px 20px;
}
.gback{
    background:#F9F9F9;
    padding:100px 20px 130px 20px;
}
.gback2{
    background:#F9F9F9;
    padding:100px 20px 100px 20px;
}
/*FLEX*/
.flexbox{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flexbox2{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.flexbox2r{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}
.flexbox3{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}
.flexbox4{
    display:flex;
    justify-content:space-around;
    flex-wrap: wrap;
    align-items: end;
}
.ftar{
    display: flex;
    justify-content: end;
}
/*HEADER*/
.headbg01{
    background:url(images/headbg01.png);
    background-size: cover;
    background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg02{
    background:url(images/headbg02.jpg);
    background-size: cover;
    background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg03{
    background:url(images/headbg03.jpg);
    background-size: cover;
    background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg{

    background:url(images/headbg1.png);
    background-size: cover;
    background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg2{

    background:url(images/headbg2.jpg);
    background-size: cover;
        background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg3{

    background:url(images/headbg3.jpg);
    background-size: cover;
        background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbg4{

    background:url(images/headbg4.jpg);
    background-size: cover;
        background-position:center;
    width: 100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
#headnew{
    position:relative;
    bottom:50px;
}
#headnew::before{
    content:url(images/headnew.png);
    position: relative;
    right:60px;
}

.bx-wrapper .bx-controls-direction a {
    outline: 0;
    width: 35px!important;
    height: 69px!important;
}
.bx-wrapper .bx-prev {
    left: 50px!important;
    background: url(images/prev.png) no-repeat!important;
}
.bx-wrapper .bx-next {
    right: 50px!important;
    background: url(images/next.png) no-repeat!important;
}
.headrimo{
    position: relative;
    top:50px;
    right:70px;
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height:100px;
  }
.headerbigbox{


}
.srchbtn{
    cursor: pointer;
}

.headerbox{
    position: absolute;
    padding:25px;
    align-items: center;
    z-index: 10019;
    width: 100%;
    box-sizing:border-box;

}
.headerinbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.logo a{
    color:#fff;
    text-decoration: none;
}
.bgblk{
    background: #000;
    transition:0.5s;
}
.bgcl{
    background: none;
    transition:0.5s;
}
.schgl2{
    margin-top:100px;
    position: absolute;
}
.pageheaderbox{
    background:#262626;
    padding:25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing:border-box;

}
.bx-wrapper{
    z-index: 1;

    box-shadow:none!important;
    border:none!important;
    margin-bottom:0!important;
}
.navmenu ul{
    display: flex;
    justify-content: center;
}
.navmenu ul li a{
    margin:25px;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
}
.menubtnbox{
    width: 242px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   color:#fff;
    cursor: pointer;
}
.menubtnbox p{
    position: relative;
    top:2.5px;
}
.humbar{
    width: 25px;
    margin-left:10px;
}
.hum1{
    height:3px;
    background: #fff;
    margin-bottom:3px;
}
.hum2{
    height:3px;
    background: #fff;
    margin-bottom:3px;
    width: 66%;
    transition: 0.3s;;
}
.hum3{
    height:3px;
    background: #fff;
    width: 33%;
    transition: 0.3s;;
}
.menubtnbox:hover .hum2 , .menubtnbox:hover .hum3{
    width:100%;
    transition: 0.3s;;
}
.allmenu{
    padding:0 25px;
    box-sizing:border-box;
    height:100vh;
    background: rgba(0,0,0,0.9);
    position: fixed;
    top:0;
    width: 100%;
    z-index: 10030;
    cursor: pointer;
    display:none;
}
.allmenu ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.allmenu li{
    max-width: 48%;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    box-sizing: border-box;
}
.allmenu a{
    border:1px solid #fff;
    text-align: center;
    color:#fff;
    text-decoration: none;
    font-size:18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height:calc(100vh / 12);
    box-sizing: border-box;
    margin-bottom:8%;
    border-radius: calc((100vh / 12) / 2);
    transition: 0.3s;
}
.allmenu ul{

}
.allmenu ul li:last-child{
    max-width: 100%;
}
.allmenu a:hover{
    background: #fff;
    color:#000;
    transition: 0.3s;
}
.close{
    height:calc(100vh / 12);
    text-align: right;
    padding:15px;
    cursor: pointer;
    box-sizing: border-box;
    display:flex;
    align-items: center;
    justify-content:flex-end;
}
.serchgl{
    z-index: 10040;
    display: none;
    position: absolute;
    width:100%;
    background:rgba(255,255,255,0.7);
    padding:25px;
    box-sizing: border-box;
}
/*INDEX*/
.productbigbox a{
    text-decoration: none;
    display:block;
    max-width: 580px;
    width:100%;
    text-decoration: none;
}

.productbigbox a:hover .vdbtn img{
    opacity: 0;
    transition: 0.4s;
}
.vdbtn{
    background:url(images/vd2.svg);
    background-repeat: no-repeat;

}
.vdbtn img{
    transition: 0.4s;
}

.scale1{
    width: 290px;
    height:315px;
    overflow: hidden;
}
.scale1 img{
	transform-origin: center;
	-moz-transform: scale(1.0) ;
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    transition: 0.4s;
}
.productbigbox a:hover  .scale1 img{
	transform-origin: center;
    -moz-transform: scale(1.1) ;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform:scale(1.1);

    transition: 0.4s;
}
.toproductbox{
    display:flex;
    max-width: 580px;
    width: 100%;
    box-shadow: 0px 0px 14px -5px #777777;
}
.toproducttextbox{
    width: 50%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.toproducttextbox img{
    margin-right:auto;
    margin-left:auto;
}
.toppback{
    background:url(images/hgihway.png);
    background-attachment: fixed;
    height:380px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.newsbigbox{
    margin-top:-260px;
    background: linear-gradient(to right, rgba(0,0,0,0) 0% , rgba(0,0,0,0) 50%, #fff 50%,  #fff 100%);
}
.newsbox{
    margin-right:auto;
    margin-left:auto;

    padding:130px 0 130px 130px;
    background:#fff;
    width:1200px;
    box-sizing:border-box;

}
.ichiranbtn{
    display: flex;
    align-items: center;
}
.ichiranbtn a{
    display:inline;
    text-decoration: none;
    color:#333;
}
.ichiranbtn:hover img {
    transform:rotate(360deg); 
    transition:0.3s;    
}
.ichiranbtn p{
    display: block;
    margin-left:20px;
    font-weight: bold;
    font-size:18px;
}
.newstable{
    border-top:1px solid #BABABA;
    table-layout: fixed;
    max-width: 730px;
    width: 100%;
}
.newstable a{
    text-decoration: none;
}
.newstable td:hover{
    background:#f9f9f9;
}
.newstable tr td{
    vertical-align: middle;
    padding:30px 0;
}
.newstable tr td:first-child{
    font-weight: bold;
    width:15%;
}
.newstable tr td:last-child{
    width:5%;
}
.newstable2{
    border-top:1px solid #BABABA;
    table-layout: fixed;
    width: 100%;
}
.newstable2 a{
    text-decoration: none;
}
.newstable2 td:hover{
    background:#f9f9f9;
}
.newstable2 tr td{
    vertical-align: middle;
    padding:30px 0;
}
.newstable2 tr td:first-child{
    font-weight: bold;
    width:15%;
}
.newstable2 tr td:last-child{
    width:5%;
}
.date{
    font-size:16px;
}
.toppback2{
    width: 50%;
    background:url(images/toppback2.png);
    background-size: cover;
    background-position: center;
}
.halfbox{
    width: 50%;
    padding:130px;
    box-sizing:border-box;
}

.toppback3{
    width: 50%;
    background:url(images/toppack3.png);
    background-size: cover;
    background-position: center;
}
.halfbox2{
    width: 50%;
    padding:130px;
    box-sizing:border-box;
}
.halfbox2 .box48{
    float:right;
}
.btn2{
    border:1px solid #000;
    background-color: #fff;
    height:80px;
    font-size:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    text-decoration: none;
    font-weight: bold;
    background-image:url(images/arrow4.png);
    background-repeat: no-repeat;
    background-position: center left 30px;
    transition: 0.4s;
}
.btn2:hover{
    background-image:url(images/arrow4.png);
    background-color:#000;
    color:#fff;
    transition: 0.4s;
}
/*footer*/
.footlogobox{
    max-width: 275px;
}
#footer{
    padding:130px 20px;
    background:#262626;
    color:#fff;
}
.foottex{
    line-height:2.5;
}
.footlistbig{
    display:flex;
    max-width:850px;
    width:100%;
}
.footlistbox {
    width:33%;
}
.footlistbox{
    border-right:1px solid #fff;
}
.footlistbox:last-child{
    border-right:none;
}
.footlistbox li{

    padding-bottom:44px;
}
.footlistbox li:last-child{
    padding-bottom:0;
}
.footlistbox li a{
    display:block;
    padding:0 40px;
    color:#fff;
    text-decoration: none;
    background-image:url(images/arrow3.png);
    background-repeat: no-repeat;
    background-position: center right 40px;
}
.footlistbox:last-child li a{
    padding-right:0;
    background-position: center right;
}
.footfixbox{
    display: flex;
    justify-content: flex-end;
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 10020;
}
.footfix {

    justify-content: center;
    align-items: center;
    max-width: 480px;
    width: 100%;
    background: #fff;
    height:108px;
    box-shadow: 0px 0px 15px -5px #777777;
    transition:0.3s;
}
.footfix a{
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 480px;
    width: 100%;
    height:100%;
}
.footfix:hover{
    background: #000;
    color:#fff;
    transition:0.3s;
}
.footfix:hover a{
    color:#fff;
}
.footfix img{
    margin-right:15px;
}
.pdfn{
    display:none;
}
.pdn{
    display: none!important;
}

/*page*/
.pagetitle{
    background: url(images/hgihway.png);
    background-attachment: fixed;
    height: 380px;
    width: 100%;
    background-size: cover;
    background-position: bottom 200px center;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title1{
    border-left:10px solid #262626;
    padding-left:17px;
}
/*ハーネス*/
.hertable th{
    padding:25px 0;
    vertical-align: middle;
}
.hertable th:first-child{
    padding-right:5px;
}
.hertable th:last-child{
    padding-left:10px;
}
.hertable td:last-child{
    padding-left:10px;
}
.hertable td{
    padding:25px 0;
    vertical-align: middle;
}
.hertable td a{
    display: inline-block;
    text-decoration: none;
}
.hertable td a:hover{
    text-decoration: underline;
}
.hertable td ul{
    padding-left:20px;
}
.hertable td  li{
    list-style-type: disc;
}
.hertable tr:last-child td , .hertable tr:last-child th {
    border-bottom:none;
}
.mw32p{
    width: 32px;
}
.w18p{
    width: 16%;
}
.w33p{
    width:33%;
}
.w40p{
    width:40%;
}
.w55p{
    width: 60%;
}
/*製品以外*/

.optiontable th{
    padding:25px 0;
    vertical-align: middle;
}
.optiontable th:first-child{
    padding-right:5px;
}
.optiontable th:last-child{
    padding-left:10px;
}
.optiontable td:last-child{
    padding-left:10px;
}
.optiontable td{
    padding:25px 0;
    vertical-align: middle;
}
.optiontable td a{
    display: inline-block;
    text-decoration: none;
}
.optiontable td a:hover{
    text-decoration: underline;
}
.optiontable td ul{
    padding-left:20px;
}
.optiontable td a li{
    list-style-type: disc;
}
.optiontable tr:last-child td , .optiontable tr:last-child th {
    border-bottom:none;
}

/*サポート*/
.supportflex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.supportflex2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
}
.supbtn{
    max-width: 380px;
    width: 100%;
    background-color:#fff;
    box-shadow: 0px 0px 15px -5px #777777;
    display: flex;
    justify-content: end;
    background-position: center left 10%;
    transition: 0.3s;
    box-sizing:border-box;
}
.supl{
    width: 21.0526315%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.supr{
    width:78.9473685%;
}
.supbtn a{
    display: flex;
    width: 100%;
    display: flex;
    justify-content: end;
}

.supbtn:hover{
    box-shadow: 0px 0px 19px 0px #777777;
    background-position: center left 10.5%;
    transition: 0.3s;
}
.supbtn2{
    max-width: 790px;
    width: 100%;
    background-color:#fff;
    box-shadow: 0px 0px 15px -5px #777777;
    display: flex;
    justify-content: end;
    transition: 0.3s;
    box-sizing:border-box;
}
.supbtn2 a{
    display: flex;
    width: 100%;
    display: flex;
    justify-content: end;

}
.supbtn2:hover{
    box-shadow: 0px 0px 19px 0px #777777;
    background-position: center left 5.25%;
    transition: 0.3s;
}
.supl2{
    width:10.126582%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.supr2{
    width: 89.873418%;
    height:auto;
}

/*プロダクト*/
.box580{
    max-width: 580px;
    width: 100%;
}
.vdbtn2{
    width: 318px;
    height:77px;
    background:url(images/vd2_2.png);
    background-repeat: no-repeat;
    transition: 0.3s;
}
.vdbtn2 img{
    transition: 0.3s;
}
.vdbtn2:hover img{
    opacity: 0;
    transition: 0.3s;
}
.vdbtn3{
    background: url(images/vd3_2.png);
    transition: 0.3s;
}
.vdbtn3 img{
    transition: 0.3s;
}
.vdbtn3:hover img{
    opacity: 0;
    transition: 0.3s;
}
.tonly{
    display: none;
}
.prhb{
    width: 50%;
 
}
.prtopimg{
    width: 100%;
}
.pr600{
    max-width: 600px;
    display: flex;
    justify-content: end;
}
.pr500{
    max-width: 500px;
}
.prtoptb{
    width: 100%;
}
.prtoptb th{
    background:#000;
    padding:15px;
    color:#fff;
    font-weight: bold;
}
.prtoptb td{
    padding:15px;
    background:#fff;
    border:none;
}
.trshbox{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -5px #777777;
    padding:65px 90px;
}
.trshbox table{
    width: 100%;
}
.trshbox table tr:last-child th , .trshbox table tr:last-child td{
    border:none;
}
.trshbox th{
    font-weight: bold;
}
.trshbox td{
    padding:30px;
}
.trshbox2{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px -5px #777777;
    padding:60px;
}
.trsh50{
    width: 48%;
}
.trsh50 img{
    width: 100%;
}
.mw735{
    max-width: 735px;
    width:100%;
}
.makerflex{
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
}
.makerbtn{

    font-family: 'bb';    max-width: 270px;
    width: 100%;
    height:74px;

    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:30px;
}
.makerbtn a{
    border-radius: 37px;
    background: #000;
    color:#fff;
    color:#fff;
    text-decoration: none;
    font-size:30px;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.makerbtn a span{
    position: relative;
    bottom:5px;
}
.makerbtn:hover a{
    border:1px solid;
    color:#000;
    background: #fff;
    transition: 0.3s;
}
.mw460{
    max-width: 460px;
    width: 100%;
}
.mw460 img{
    width: 100%;
}
.sbr{
    display: none;
}

.hertable2 th{
    padding:25px 0;
    vertical-align: middle;
}
.hertable2 th:first-child{
    padding-right:5px;
}

.hertable2 th:last-child{
    padding-left:10px;
}
.hertable2 td:last-child{
    padding-left:10px;
}
.hertable2 td{
    padding:25px 0;
    vertical-align: middle;
}
.hertable2 tr:last-child th , .hertable2 tr:last-child td {
    border:none;
}
.hertable td a{
    display: inline-block;
    text-decoration: none;
}
.w68p{
    width: 68%;
}
.w585{
    max-width: 480px;
}
.distopbox{
    max-width: 880px;
    margin:0 auto;
}
.distopimg{

}
.disconbox{
    background:#E52B00;
    padding:15px;
    border-radius: 8px;
}
.disconbox p{
    color:#fff;
    font-weight: bold;
}
.disrightbox{
    max-width: 500px;;
    width:100%;
}
/*QA*/
.qas a{
    color:#F97000;
    text-decoration: none;
}
.qas a:hover{
    text-decoration: underline;
}
.s-qa-bg{
    background:url(images/s-qa-bg1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.mc-qa-bg{
    background:url(images/mc-qa-bg2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.b2-qa-bg{
    
    background:url(images/2b-qa-bg2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.ace-qa-bg{
    background:url(images/ace-qa-bg2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.p950-qa-bg{
    background:url(images/p950-qa-bg2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.distopbox2{
    max-width: 740px;
    margin:0 auto;
}
.disrightbox2{
    max-width: 320px;

}
.prtoptb2 {
    border-collapse: separate;
    border-spacing: 2px;
}
.prtoptb2 th{
    background: #000;
    color:#fff;
    font-weight: bold;
    padding:10px;
    border:none;

}
.prtoptb2 td{
    background-color: #fff!important;
    border:none;
    font-weight: bold;
    padding:10px;
    border-collapse: separate;
    border-spacing: 2px;
}
.qbox{
    border-bottom:1px solid;
    padding-bottom:30px;
    margin-bottom:30px;
}
.qbox h3{
    max-width: 900px;
    width: 100%;
}
.qbox{
    display:flex;
    align-items: center;
}
.abox{
    display:flex;
    align-items: flex-start;
}
.qbox img , .abox img{
    margin-right:35px;
}
.abox div{
    max-width: 900px;
    width: 100%;
}
.abox ol{
    margin-left:20px;
    list-style-type: decimal;
}
.abox ol li{

}
.liarrow li{
    margin-left:15px;
    padding-left: 20px;
	line-height: 1.6em;
	background: url(images/liarrow.png) left 0px top 8px no-repeat;
	background-size: 15px auto;
}
.qabtnbox{
    max-width: 960px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 auto;
}
.qabtn{
    max-width: 460px;
    width: 100%;
    background-color:#fff;
    box-shadow: 0px 0px 15px -5px #777777;
    display: flex;
    justify-content: end;
    background-position: center left 10%;
    transition: 0.3s;
    box-sizing:border-box;
}
.qabl{
    width: 21.0526315%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qabr{
    width:78.9473685%;
}
.qabtn a{
    display: flex;
    width: 100%;
    display: flex;
    justify-content: end;
}

.qabtn:hover{
    box-shadow: 0px 0px 19px 0px #777777;
    background-position: center left 10.5%;
    transition: 0.3s;
}
.qabtn2{
    max-width: 960px;
    width: 100%;
    background-color:#fff;
    box-shadow: 0px 0px 15px -5px #777777;
    display: flex;
    justify-content: end;
    transition: 0.3s;
    box-sizing:border-box;
}
.qabtn2 a{
    display: flex;
    width: 100%;
    display: flex;
    justify-content: end;

}
.qabtn2:hover{
    box-shadow: 0px 0px 19px 0px #777777;
    background-position: center left 5.25%;
    transition: 0.3s;
}
.qabl2{
    width:10.126582%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qabr2{
    width: 89.873418%;
    height:auto;
}

/*notice重要なお知らせ*/

.ntcimg{
    width: 460px;
}
.mw440{
    max-width: 440px;
}
.ntc02{
    background: url(images/ntc02_2.png);
  
}
.ntcsbox{
    background: #fff;
    border:solid 11px #F9F9F9;
    box-sizing: border-box;
    padding:60px;
}
.ntcsbox h3{
    font-size:22px;
    border-bottom:1px solid #BABABA;
    padding-bottom:20px;
    margin-bottom:20px;
    font-weight: bold;
}
.ntcd{
    margin-right:2%;
}
.ntcsbox input[type="text"]{
    width:75%;
    height:50px;
}
.ntch{
    max-width: 460px;
    width: 100%;
}
.ntc02btntac{
    height:56px;
}
.sumimsg{
    text-align: center;
    background: #C8EAC1;
    margin-top:30px;
    width: 100%;
    font-size:22px;
    font-weight: bold;
    padding:10px;
    box-sizing:border-box;
}
.mimsg{
    text-align: center;
    background: #E8C1D9;
    margin-top:30px;
    width: 100%;
    font-size:22px;
    font-weight: bold;
    padding:10px;
    box-sizing:border-box;
}
/*manual マニュアル*/
.ml380{
    max-width: 380px;
    width: 100%;
    margin-right:30px;
    margin-bottom:50px;
}
.ml380:nth-of-type(3n){
    margin-right:0;
}
.ml380 .mlthums{
    width: 100%;
}
.ml280{
    max-width: 280px;
    width: 100%;
}
.ml280 .mlthums{
    width: 100%;
}
.mld a{
    display: block;
}
.mld a::after{
    content: url(images/mdl.png);
   position: relative;
   top:2px;
    float:right;
}

.mlflex{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
/*corporate コーポレート*/
.corptable tr:last-child th , .corptable tr:last-child td{
    border-bottom:none;
}
.corp450{
    max-width: 450px;
    width: 100%;
    background:#fff;
    padding:35px;
    box-shadow: 0px 0px 15px -5px #777777;
    box-sizing: border-box;
    margin-bottom:60px;
}
.corp450 h3{
    border-bottom:1px solid #BABABA;
    margin-bottom:15px;
    padding-bottom:15px;
}
.mw270{
    max-width: 270px;
}
/*privacy プライバシー*/
.privacybox{
    background: #fff;
    box-shadow: 0px 0px 15px -5px #777777;
    padding:75px;
    box-sizing: border-box;
    
}
.privacybox h2 , .privacybox h3{
    border-bottom:1px solid #BABABA;
    padding-bottom:20px;
    margin-bottom: 20px;
    font-weight: bold;
}
/*shop取扱店舗*/
.shoptable tr:last-child th, .shoptable tr:last-child td{
    border-bottom:none;
}

/*Mailmagazine メールマガジン*/
.mmad{
    width: 100%!important;
    padding:0 15px;
    box-sizing:border-box;
    margin-bottom:20px;
}
.mmznbox input[type="submit"]{
    border:none;
    background: #5DCBB2;
    color:#fff;
    padding:15px 40px;
    font-size:20px;
    font-weight: bold;
    border-radius: 5px;;
}
.mmznbox input[type="submit"]:last-child{
    margin-left:10px;
}
/*repair 補修部品*/
.repairtable th , .repairtable td {
    padding:15px 0;
    vertical-align: middle;
    font-size:14px;
}
.ctmsg{
    padding:20px;
    display: flex;
    align-items: center;
    background: #F2F2F2;
    border-radius: 10px;
}
.ctmsg p{
    padding-left:20px;
}
/*CONTACTメールお問い合わせ*/
.mailbox{
    padding:80px;
    box-sizing:border-box;
    background: #fff;
    box-shadow: 0px 0px 15px -5px #777777;
}
.mailbox h3{
    border-bottom:1px solid ;
    padding-bottom:20px;
    margin-bottom:20px;
}
.ctbtn{
    text-decoration: none;
    max-width: 475px;
    height:80px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    border:1px solid;
    transition: 0.3s;
    width: 100%;
}
.ctbtn:hover{
    background: #000;
    color:#fff;
    transition: 0.3s;
    width: 100%;
}
.ctflex{
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

.contacttable th , .contacttable td{
    vertical-align: middle;
    border:none;
}
.contacttable input[type="text"], .contacttable textarea , .contacttable select{
    border:1px solid #CECECE;
    background: #F7F7F9;
}
.scr{
    box-sizing:border-box;
    padding: 30px;
    border-radius: 5px;
    border:1px solid #CECECE;
    background: #F7F7F9;
    overflow:scroll;
    height:220px;

}
.scr p , .scr a{
    font-size:12px;
}
.cdisnone{
    display: none;
}
select{
    padding: 8px;
    border-radius: 5px;
}
.contactbtn{
    background:#5DCBB2;
    font-size:20px;
    font-weight: bold;
    color:#fff;
    border:none;
    padding:20px 90px;
    cursor: pointer;
    border-radius: 5px;
    font-family:  Arial,  "ヒラギノ角ゴ ProN W3", "Yu Gothic Bold", "游ゴシック Bold", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.grn{
    color:#5DCBB2;
}

/*newsニュース・おしらせ*/
.catbox .newstable{
    max-width:100%;
}

/*single 投稿*/

.postcontent h2{
    border:none;
    border-left:10px solid;
    padding-bottom:0;
    padding-left:18px;
    font-size:20px;
}
.postcontent p{
    margin-bottom:30px;
}
.postcontent table{
    border-top:1px solid #BABABA;
    width:100%!important;
    max-width: 100%!important;
}
.postcontent table th{
    padding:15px;
    background: #f9f9f9;
}
.postcontent table td{
    padding:15px;
}
.postcontent table p{
    margin-bottom:0;
}
.postcontent .main_searchframe{
    display:none;
}
.postcontent #imail{
    display:none;
}

/*serch　車種適合*/
#inputbox{
    width: 80%;
    padding: 19px 15px;
    box-sizing: border-box;
}
.shbox1{
    width: 75%!important;
}
.shbox2{
    width: 25%!important;
    padding-right:15px!important;
    justify-content: flex-end;
    text-align: right;
}
.shbox2 a{

    text-align: right!important;
}
.serchselect{
    width: 38%;
    padding:19px 15px;
    cursor: pointer;
}
.schhead div{
    font-size:15px;
    font-weight: bold;
    color:#fff;
    background: #000;
    width: 25%;
    padding:15px;
    box-sizing: border-box;
    border-right:1px solid #fff;
}
.schres div{
    display: flex;
    align-items: center;
    font-size:15px;
    font-weight: bold;
    width: 25%;
    padding:15px;
    box-sizing:border-box;
    border-bottom:1px solid #BABABA;

}
.schres div:first-child:hover{
    cursor: pointer;
    text-decoration: underline;
}
.schres div:last-child{
    padding-right:0;
}
.remoconwrap{
    display:none;
}
.remoconbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #BABABA;
}
.arrowtation{
    transform:rotate(90deg);
}
.remoimgbox{
    max-width: 260px;
    width: 100%;
    padding:25px;
    box-sizing: border-box;
    display:flex;
    align-items: center;
    justify-content:center;
}
.rmproname{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rmproname h3{
    font-weight: bold;
    font-size:22px;
    margin-right:15px;
}
.rmproname a{
    text-decoration: none;
}
.rmproname a:hover{
    text-decoration: underline;
}
.rm700{
    max-width: 700px;
    width: 100%;
    padding:20px 0;
}
.rmorestable th , .rmorestable td{
    border:none;
    padding:0;
    vertical-align: middle;
    font-size:14px;
}
.rmorestable th {
    
    width: 23%;
    color:#fff;
    background: #000;
    padding:8px;
    border-bottom:1px solid #fff;
    vertical-align: middle;
}
.rmorestable td{
    padding:8px; 
}
.resclick img{
    margin-right:8px;
}
.wp-pagenavi {
    display: flex;
    justify-content: space-between;
}
.wp-pagenavi span , .wp-pagenavi a{
    font-size: 14px;
    font-weight: bold;
    width: 60px;
    height:60px;
    border:1px solid;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:0.3s;
    border-radius: 30px;;
}
.wp-pagenavi .current{
    background:#000;
    color:#fff;
}
.wp-pagenavi a:hover{
    background:#000;
    color:#fff;
    transition:0.3s;
}
/*notes*/
.notes{
    padding:50px;
}
.notes1{
    padding:50px;
}
.notes ul li{
    list-style-type: disc;
    margin-left:30px;
    margin-bottom:50px;
}
.notestitlebig{
    border-left:15px solid;
    padding-left:15px
}
.notestitle{
    background:#000;
    padding:20px;
    border-radius: 10px;
    color:#fff;
}
.mgn{
    margin-bottom:0!important;
}
#popupnotes{
    display: none;
}
.flexrev{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-bottom:50px;
}
.flexrev div{
    max-width:400px ;

}
/*qa*/
.qatopbox{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.qatopbox div:nth-child(1) , .qatopbox div:nth-child(2),.qatopbox div:nth-child(3) , .qatopbox div:nth-child(4){
    margin-bottom:50px;
}
/*POPUPBOX*/
.popupbox{
    padding:25px;
}
.popupbox ul , .popupbox p , .popupbox img{
    margin-bottom:30px;
}
.bordered_title{
    background: #000;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    font-size:20px;
    font-weight: bold;
}
.sfmenu{
    display: none;
}
.tfmenu{
    display: none;
}
/*小型PC*/
@media screen and (max-width: 1450px){
    .navmenu{
        display: none;
    }
}
@media screen and (max-width: 1200px){
    .spcn{
        display:none;
    }
    .toproductbox{
        max-width:100%;
    }
    .productbigbox a {
        max-width: 48%;

    }
    .scale1{
        width: 50%;
        height:auto;
    }
    .scale1 img{
        width: 100%;
        height:auto;
    }
    .newsbigbox {
        margin-top: -260px;
        background: #fff;
    }
    .newsbox{
        width:100%;
        padding:130px 20px;
        margin:0;
    }
    .box1080{
        max-width: 960px;
        margin-right:auto;
        margin-left:auto;
    }
    .newstable{
        max-width:600px;
    }
    .halfbox , .halfbox2{
        padding:130px 70px;
    }
    .footlistbig{
        max-width: 760px;
    }
    .footlistbox li a{
        font-size:14px;
    }
    /*サポート*/
    .supbtn{
        width:31.66666%;
    }
    .yojobtn{
        width:31.66666%;
    }
    .supbtn2{
        width:65.833333%;
    }

}
/*タブレット*/
@media screen and (max-width: 830px){
    .td{
        display: block!important;
    }
    .sfmenu{
        display: none;
    }
    .t100{
        width: 100%;
    }
    .disflex{
        display: block;
    }
    .tmb30{
        margin-bottom:38px!important;
    }
    .tonly{
        display: block;
    }
    .pdfn{
        display: flex;
    }
    .pdn{
        display: block;
    }
    .tdn{
        display:none;
    }
    .tsmb40{
        margin-bottom:40px;
    }
    .headrimo{
        left:0;
        width: 80%;
        top:50px;
        margin:0 auto;
    }
    .tfmenu{
        display: flex;
    }
    .menubtnbox{
        width: 150px;

    }
    .productbigbox a{
        max-width: 100%;
    }
    .productbigbox a:last-child{
        margin-bottom:0;
    }


    .newsbigbox {
        margin-top: -100px;
        margin-left:100px;
        background: linear-gradient(to right, rgba(0,0,0,0) 0% , rgba(0,0,0,0) 50%, #fff 50%, #fff 100%);
    }
    .toppback{
        height:200px;
    }
    .newsbox{
        width:100%;
        padding-top:50px;
        padding-bottom:100px;
        padding-right:100px;
        padding-left:0;
        box-sizing:border-box;
    }
    .newstable{
        max-width: 100%;
    }
    .tsnewstitle{
        padding-left:50px;
        box-sizing:border-box;
    }
    .box1080{
        max-width: 100%;

    }
    .halfbox{
        width: 100%;
        padding:100px;
    }
    .halfbox2{
        width: 100%;
        background:#f9f9f9;
        padding:100px;
    }
    .box48{
        max-width: 100%;
    }

    .gback{
        padding:100px;
    }
    .wback{
        padding:100px;
    }
    /*テーブル*/
    .optiontable th:nth-child(3){
        display: none;
     }
    .optiontable td:nth-child(3){
       display: none;
    }
    /*サポート*/
    .supbtn{
        width: 47.5%;
    }
    .supbtn2{
        width:100%;
    }
    /*プロダクト*/
    .pdbb{
        max-width: 580px;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:80px!important;
    }
    .pdbb:last-child{
        margin-bottom:0!important;
    }
    .pddbb{
        width: 47.5%;
    }
    .pddbb img{
        width: 100%;
    }
    .pddbb p{
        word-wrap: break-word;
    }
    .pdtopbox  {
        display: block;
        padding:100px;
    }
    .prhb{
        width:500px;
        margin-right: auto;
        margin-left:auto;
    }
    .prtopimg{
        margin-bottom:40px;
    }
    .pr500{
        width: 100%;
    }
    .trshbox{
        padding:60px;
    }
    .tpd50{
        padding:50px!important;
    }
    .tw35p{
        width:35%;
    }
    .ttac{
        text-align: center;
    }
    .trsh50{
        width: 400px;
        margin-right:auto;
        margin-left:auto;
    }
    .trsh50:first-child{
        margin-bottom:30px;
    }
    .mw735{
        width: 78%;
    }
    .mw460{
        width: 48%;
    }
    .distopimgbox{
        text-align: center;
    }
    .distopbox {
        max-width: 500px;

    }
    .distopimg{
        width: 180px;
        margin-bottom:40px;
        margin-right:auto;
        margin-left:auto;
    }
    /*qa*/
    .distopbox2{
        max-width: 590px;
    }
    .s-qa-bg{
        background-size: 280%;
    }
    .mc-qa-bg{
        background-size: 400%;
    }
    .ace-qa-bg{
        background-size: 220%; 
    }
    .b2-qa-bg{
        background-size: 280%;
    }
    .p950-qa-bg{
        background-size: 220%;
    }
    .qabtn {
        width:48% ;
    }
    /*notice重要なお知らせ*/
    .ntcimg{

        width: 100%;
        margin-bottom:40px;
    }
    .tpd100{
        padding:100px;
    }
    .mw440{
        max-width: 100%;
        width: 100%;
    }
    .ntc02 img{
        width: 100%;
    }
    .ntc02btntac{
        margin-top:30px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .ntcsbox input[type="text"] {
        width: 85%;
        height: 50px;
    }
    .tmb20{
        margin-bottom:20px;
    }
    .tmb30{
        margin-bottom:30px;
    }
    .ntch {
        max-width: 100%;
        width: 100%;
    }
    .tbtnbox img{
        width: 100%;
    }

    /*manual マニュアル*/
    .ml280{
        max-width: 48%;
        margin-bottom:40px;
    }
    .ml380{
        max-width: 48%;

        width: 100%;
        margin-right:4%;
        margin-bottom:50px;
    }
    .ml380:nth-of-type(3n){
        margin-right:4%;
    }
    .ml380:nth-of-type(2n){
        margin-right:0;
    }
    /*corporate コーポレート*/

    .corp450{
        max-width: 100%;
        width: 100%;

    }
    .corp450:last-child{
        margin-bottom:0;
    }

    .mw270{
        max-width: 83%;
        width: 100%;
    }
    /*privacy プライバシー*/
    .privacybox{

        padding:50px;

        
    }
    .privacybox .mw460{
        max-width:100%;
        width: 100%;
    }
    /*shop取扱店舗*/
    .shoptable th, .shoptable td{
        padding:0;
        width: 100%;
        display: block;
    }
    .shoptable th{
        border-bottom:none;
        padding-top:15px;
        padding-bottom:5px;
    }
    .shoptable td{
        padding-bottom:15px;
    }
    /*repair 補修部品*/
    .repairtable th , .repairtable td{
        font-size:12px;
        padding-right:5px;
    }
    /*contact お問い合わせメールフォーム*/
    .mailbox{
        padding:50px;
    }
    .ctflex img{
        width: 48%;
    }
    .ctflex div{
        width: 48%;
    }
    .ctflex div img{
        width:100%;
    }
    /*serch　車種適合*/
    #inputbox{
        width: 100%;
        margin-bottom:15px;
    }
    .remoimgbox{
        max-width: 130px;
    }
    .rmorestable tr:last-child td{
        padding-right:0;
    }
    .flexbox2 .serchselect{
        width: 48%;
        margin-bottom:15px;
    }
    /*notes*/
    .flexrev img{
        width: 49%;
    }
    /*qa*/
    .qatopbox div{
        width: 49%;
    }
    .qatopbox div img{
        width: 100%;
    }
    /*Footer*/
    .footfixbox{
        justify-content: center;
    }
    .btn2{

        background-position: center left 20px;

    }
    .w18p{
        width: 25%;
    }
}
/*sumaho*/
@media screen and (max-width: 680px){
    #headnew::before{
        content:url(images/headnew.png);
        position: relative;
        right:0;
        left:10px;
    }



    .toppback , .pagetitle{
        background: url(images/hgihway_s.png);
    }

    .sfmenu{
        display: flex;
        position: relative;
        bottom:8px;
    }
    .tfmenu{
        display: none;
    }
    .sd{
        display: block!important;
    }
    .sbr{
        display: block;
    }
    .pagetitle{
        background-position: center;
        height:260px;
    }
    .spd50{
        padding:50px!important;    
    }
    .spd25{
        padding:25px!important;
    }
    .tdn{
        display: inline;
    }
    .sdn{
        display:none!important;
    }
    .sdf{
        display: flex!important;
    }
    .pdn{
        display: block!important;
    }
    .pagetitle{
        box-sizing: border-box;
        padding:0 25px;
    }
    .logo{
        width:154px;
    }
    .headrimo{
        top:30px;
        width: 80%;
    }
    .bx-wrapper .bx-prev {
        left:0!important;

    }
    .bx-wrapper .bx-next {
        right:0!important;

    }
    .stac{
        display:block!important;
        text-align: center;
        justify-content: center;
        flex-wrap:wrap;
        align-items: center;

    }
    .sw100{
        width: 100%;
    }
    .stac img{
        margin-bottom:15px;
    }
    .toproductbox{
        flex-wrap: wrap;
    }
    .scale1{
        width: 100%;
    }
    .wback{
        padding:50px;
    }
    .gback{
        padding:50px;
    }
    .toproducttextbox{
        width:100% ;
        padding:30px 0;
    }
    .newstable2 .date{
        border:none;
    }
    .newstable2 td{
        display: block;
        width: 100%;

    }
    .newstable2 tr td:first-child{
        width: 100%;
        padding-top:20px;
        padding-bottom:0;
    }
    .newstable2 tr td:nth-child(2){
        width: 100%;
        padding-top:0;
        padding-bottom:20px;
    }
    .newstable .date{
        border:none;
    }
    .newstable td{
        display: block;
        width: 100%;

    }
    .newstable tr td:first-child{
        width: 100%;
        padding-top:20px;
        padding-bottom:0;
    }
    .newstable tr td:nth-child(2){
        width: 100%;
        padding-top:0;
        padding-bottom:20px;
    }
    .halfbox{

        padding:50px;
    }
    .halfbox2{

        padding:50px;
    }
    #footer{
        padding:50px 50px 100px 50px;
    }
    .footlogobox{
        display: block;
        text-align: left;
        max-width: 100%;
    }
    .footlogo{
        
    }
    .footlogo2{
        width:100%;
    }
    .footerleft{
        width: 100%;
    }
    .footerleft .flexbox2{
        justify-content: flex-start;
    }
    .footlogo{
        width:100%;
    }
    .newsbigbox {
        margin-top: -100px;
        margin-left: 50px;
        background: linear-gradient(to right, rgba(0,0,0,0) 0% , rgba(0,0,0,0) 50%, #fff 50%, #fff 100%);
    }
    .newsbox{
        padding-right:50px;
    }
    .btn2{
        background-position:center left 10px;
        font-size:15px;
        text-align: center;
    }
    .stotalbtn{
        float:right;
        background:url(images/arrow5.png);
        background-repeat:no-repeat;
        padding-left:40px;
        text-decoration:none;
        font-weight:bold;
        margin-top:30px;
    }
    .stotalbtn a{

        text-decoration: none;
    }
   /*ハーネス*/
    .hertable th{
        font-size:14px;
    }
    .hertable td{
        font-size:14px;
    }
    .hertable td li{
        font-size:14px;
    }
    /*サポート*/

    .supbtn{
        width: 100%;
    }
    .supbtn2{
        width:100%;
    }
    /*プロダクト*/
    .pdbb img{
        width: 100%;        
    }
    .pdbb .mb70{
        margin-bottom:20px;
    }
    .pdbb .fs22{
        font-size:17px;
    }
    .pdbb .fs16{
        font-size:14px;
    }
    .pdbb .mb150 , .pdbb .mb60 , .pdbb .mb90  , .pdbb .mb190 {
        margin-bottom:20px;
    }
    .vdbtn2{
        background-size: 100%;
        margin-right:auto;
        margin-left:auto;
    }
    .pddbb{
        width: 100%;
    }
    .pdtopbox{
        padding:40px;
    }
    .prhb{
        width:100%;
    }
    .prtopimg{
        width:100%;
    }
    .trshbox {
        padding:25px;
    }
    .trshbox table th , .trshbox table td{
        display: block;
        width:100%;
    }
    .trshbox table th{
        border:none;
        padding:0;
        padding-top:15px;
        padding-bottom:5px;
    }
    .trshbox table td{
        padding:0;
        padding-top:5px;
        padding-bottom:15px;
        box-sizing:border-box;
    }
    .trsh50{
        width:100%;
    }
    .trshbox2{
        padding:25px;
    }
    .trshbox2 img{
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
    }
    .mw735{
        width:100%;
    }
    .makerflex{
        justify-content: space-between;
    }
    .makerbtn{
        margin-right:0;
        margin-left:0;
        max-width: 48%;
        height:44px;
    }
    .makerbtn a{
        font-size:17px;
    }
    .mw460{
        width:100%;
    }
    .mw460:first-child{
        margin-bottom:30px;
    }
    .w68p{
        width:auto;
    }
    .hertable2  th , .hertable2  td{
        display: block;
        width:100%;
    }
    .hertable2  th{
        border:none;
        padding:0;
        padding-top:15px;
        padding-bottom:5px;
    }
    .hertable2  td{
        padding-left:0;
        padding-top:5px;
        padding-bottom:15px;
        box-sizing:border-box;
    }
    .hertable2 td:last-child {
        padding-left: 0;
    }
    .s100{
        width:100%;
    }
    .distopimg{
        width: 100px;

    }
    /*qa*/
    .distopbox2 {
        justify-content: center!important;
    }
    .mc-qa-bg{
        background-size: 900%;
    }
    .b2-qa-bg{
        background-size: 580%;
    }
    .ace-qa-bg{
        background-size: 480%; 
    }
    .p950-qa-bg{
        background-size: 480%;
    }
    .qabtn {
        width: 100%;
    }
    .qbox .fs24{
        font-size:18px;
    }
    /*notice重要なお知らせ*/
    .tpd100{
        padding:25px;
    }
    .ntcsbox {
        padding:20px;
    }
    /*manual マニュアル*/
    .ml280{
        max-width: 100%;
        margin-bottom:40px;
    }
    .ml380{
        max-width: 100%;

        width: 100%;
        margin-right:0;
        margin-bottom:50px;
    }
    .ml380:nth-of-type(3n){
        margin-right:0;
    }
    .ml380:nth-of-type(2n){
        margin-right:0;
    }
    /*corporate コーポレート*/
    .corptable th{
        display: block;
        width: 100%;
        border:none;
        padding:0;
        padding-top:15px;
        padding-bottom:5px;
    }
    .corptable td{
        padding:0;
        display: block;
        width: 100%;
        padding-bottom:15px;
        font-size:14px;
    }
    .corp450{
        max-width: 100%;
        width: 100%;

    }
    .corp450:last-child{
        margin-bottom:0;
    }

    .mw270{
        max-width: 100%;
        width: 100%;
    }
    /*privacy プライバシー*/
    .privacybox{

        padding:35px;

        
    }
    .slh0{
        line-height: 1;
    }
    /*mailmagazine メールマガジン*/
    .mmznbox .ftar{
        justify-content: space-between;
    }
    /*repair 補修部品*/
    .repairtable tr{
        display: block;
        padding:15px;
        background-color: #fff;
        box-shadow: 0px 0px 15px -5px #777777;
        border-radius: 10px;
        margin-bottom:30px;
    }
    .repairtable td{
        display: block;
        width: 100%;
        border:none;
        font-size:13px;
        padding:5px;
        box-sizing: border-box;
    }
    .repairtable td br{
        display: none;
    }
    .repairtable  td:nth-child(odd){
        background: #f9f9f9!important;
    }

    .repairtable td:nth-child(1)::before{
        content:'商品コード\A';
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(2)::before{
        content:"機種名\A";
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(3)::before{
        content:"シリアル表示\A";
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(4)::before{
        content:'送信機作成注文コード\A';
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(5)::before{
        content:"CN-2商品コード\A";
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(6)::before{
        content:"室内アンテナ商品コード\A";
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(7)::before{
        content:"リモコンバッテリーカバー商品コード\A";
        font-weight: bold;
        white-space: pre;
    }
    .repairtable td:nth-child(8)::before{
        content:"使用電池・個数\A";
        font-weight: bold;
        white-space: pre;
    }
    /*contact お問い合わせメールフォーム*/
    .mailbox{
        padding:25px;
    }
    .mailbox .fs24{
        font-size:20px;
    }
    .ctflex{
        flex-wrap: wrap;
    }
    .ctflex img{
        width: 100%;
        margin-bottom:15px;
    }
    .ctflex div{
        width: 100%;
    }
    .ctflex div img{
        width:100%;
    }

    .ctbtn{
        font-size:17px;
        text-align: center;
    }
    .contacttable tr{
        display: flex;
        flex-wrap: wrap;
    }
    .contacttable tr th:first-child {
        display: block;
        width: 70%;
        padding:0;
        padding-bottom:15px;
    }
    .contacttable tr th:nth-child(2) {
        display: block;
        width: 30%;
        padding:0;
        text-align: right;
        padding-bottom:15px;
    }
    .contacttable tr td{
        display: block;
        width: 100%;
        padding:0;
        padding-bottom:25px;
    }
    .ctmsg p{
        padding:0;
    }
    /*serch　車種適合*/
    .schhead div{
        padding:8px;
        overflow-wrap:break-all;
    }
    .schres div{
        padding:8px;
        overflow-wrap:break-all;
    }
    .schres div:nth-child(2),.schres div:nth-child(3){
        overflow-wrap:break-all;
            word-break: break-all;
    }
    .remoconbox{
        flex-wrap: wrap;
    }
    .remoimgbox{
        max-width: 100%;
    }
    .schres div{
        font-size:13px;
    }
    .rmorestable th , .rmorestable td{
        font-size:13px;
    }
    /*notes*/
    .modaal-content-container{
        padding:0!important;
    }
    .notes{
        padding:25px;
    }
    .notes1{
        padding:25px;
    }
    .notes1 img{
        width: 100%;
    }
    .notes1 img:last-child{
        width: 83%;
    }
    .flexrev{
        flex-wrap: wrap;
    }
    .flexrev img{
        width: 100%;
        margin-bottom:20px;
    }
    /*qa*/
    .qatopbox div{
        width: 100%;
        margin-bottom:40px!important;
    }
    .qatopbox div img{
        width: 100%;
    }
    .footfixbox{
        padding:0 20px;
        box-sizing:border-box;
    }
    .footfix{
        height:80px;
    }
    .footfixbox .fs17{
        font-size:15px;
    }
    .wp-pagenavi span, .wp-pagenavi a{
        width: 50px;
        height:50px;
        border-radius: 25px;
        margin:5px 0;
    }
    .wp-pagenavi{
        flex-wrap: wrap;
    }
    .footlogo{
        width:130px;
    }
    .contactbtn{
        box-sizing: border-box;
        width: 100%;
        padding:20px 0;
    }
    .mb80{
        margin-bottom:40px;
    }
    .mb60{
        margin-bottom:30px;
    }
    .pagetitle .fs50{
        margin-bottom:-20px;
    }
    .popupbox{
        box-sizing:border-box;
    }
    .popupbox img{
        width: 100%;
    }
    .popupcontent img{
        width: 100%;
    }
    .colorbox_page{
        width: 100%!important;
    }
    .shauto{
        height:auto;
    }
    .headerbox{
        padding:10px 25px 25px 25px;
    }
    .hmsg{
        color:#fff;
    }
}