@charset "UTF-8";


main {
  width: 1104px;
  margin: auto;
  line-height: 1.25;
  font-size: 15px;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
}

/*--------------------------------------------------------------------共通部分*/

/*-----------------------------------------------flexbox用*/

#traco .traco_flex {
    display: flex;
}


/*-----------------------------------------------font-size用*/

#traco .fts-1 {
    
    font-size: カラム
}

/*-----------------------------------------------margin用*/
#traco .mgt05 {
    margin-top: 0.5rem;
}

#traco .mgt1 {
    margin-top: 1rem;
}

#traco .mgt-1 {
    margin-top: -1rem;
}

#traco .mgt2 {
    margin-top: 2rem;
}

#traco .mgt3 {
    margin-top: 3rem;
}

#traco .mgl1 {
    margin-left: 1rem;
}

#traco .mgl2 {
    margin-left: 2rem;
}

#traco .mgb05 {
    margin-bottom: 0.5rem;
}

#traco .mgb3 {
    margin-bottom: 3rem;
}



/*-----------------------------------------------center用*/

#traco .center {
    text-align: center;
}


/*-----------------------------------------------link用*/

#traco .traco_link a {
    color: #4e70be;
    text-decoration: none;
}

#traco .traco_link a:link {
    color: #4e70be;
    text-decoration: none;
}

#traco .traco_link a:visited {
    color: #4e70be;
    text-decoration: none;
}

#traco .traco_link a:hover {
    color: #FB3D6D;
}

#traco .traco_link a:active {
    color: #4e70be;
}

#traco .traco_link {
	/*font-size: 1.2rem;*/
	font-size: 0.8em;
}

/*-----------------------------------------------hタグ用*/

#traco .h3 {
    background-color: #012233;
    color: #fb3c6d;
    /*font-size: 1.2rem;*/
    font-size: 1em;
    padding: 5px;
    border-radius: 10px;
    margin: 0em 0 0.5em;
}

#traco .h3:before {
    content: '|';
    color: #fb3c6d;
    margin: 0 8px;
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}

/*--------------------------------------------------------------------導入部分*/

#traco .spimg {
    display: none;
}


#traco .first>img {
    text-align: center;
}

#traco .first h2 {
	margin: 1.3em 1em 1.3em 2.5em;
}

#traco .first p {
    font-size: 1.5rem;
    text-align: center;
    color: #FB3D6D;
    font-weight: bold;
}

/*--------------------------------------------------------------------購入のご相談はこちら部分*/

#traco .commit {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    margin: 0.7em 0 0;
}

#traco .commit a {
    font-size: 1.1rem;
    text-align: center;
    color: #ffffff;
    background-color: #FB3D6D;
    padding: 0.5rem 1rem;
    margin: 0.4em 0 0;
}

#traco .commit a:link {
    color: #ffffff;
    text-decoration: none;
}

#traco .commit a:visited {
    color: #ffffff;
    text-decoration: none;
}

#traco .commit a:hover {
    color: #fb3c6d;
    text-decoration: none;
    background-color: #FDC5D2;
}

#traco .commit a:active {
    color: #ffffff;
    text-decoration: none;
}


/*--------------------------------------------------------------------セレクタツール*/

#traco .selector p{
    margin: 0 0 0.5rem 1rem;
}

/*--------------------------------------------------------------------主要製品部分*/

#traco .product p{
    font-size: 0.7rem;
}

#traco .product .click {
    color: #ffffff;
    margin-top: -1.5rem;
    font-style: 1rem;
    float: right;
}

/*-----------------------------------------------table部分*/

#traco table {
    clear: both;
    border-collapse: collapse;
    border: solid 1px #bcbaba;
}

#traco th {
    width: 175px;
    border: solid 1px #bcbaba;
    text-align: center;
}

#traco td {
    width: 175px;
    text-align: center;
    padding: 0.3rem;
    border: solid 1px #bcbaba;
}

#traco .name {
    background-color: #454f62;
    font-size: .75rem;
    color: #ffffff;
}
    
#traco .name a {
/*    text-decoration: none;*/
    background-color: #454f62;
    color: #ffffff;
    font-size: .75rem;
}

#traco .name a:link {
    color: #ffffff;
    text-decoration: none;
}

#traco .name a:visited {
    color: #ffffff;
/*    text-decoration: none;*/
}

#traco .name a:hover {
    color: #ffffff;
    background-color: #fffff;
    border-bottom: solid 1px #ffffff;
}

#traco .name a:active {
    color: #ffffff;
    text-decoration: none;
}


#traco .standard {
    background-color: #e2e5e8;
    font-size: .8rem;
}

#traco th.standard {
    color: #333333;
}

#traco .standard a {
    background-color: #e2e5e8;
    font-size: .8rem;         /*規格部分のフォントサイズ*/
}

#traco .standard a:link {
    color: #333333;
    text-decoration: none;
}

#traco .standard a:visited {
    color: #333333;
    text-decoration: none;
}

#traco .standard a:hover {
    color: #333333;
    border-bottom: solid 1px #333333;
}

#traco .standard a:active {
    color: #333333;
    text-decoration: none;
}

#traco .productimg {
    font-size: 0.8rem; 
}

#traco th.productimg {
    color: #333333;
}


/*-----------------------------------------------DIN-Rail部分*/


#traco .DIN_table th {
    width: 150px;
    border: solid 1px #bcbaba;
    text-align: center;
}

#traco .DIN_table td {
    width: 150px;
    text-align: center;
    padding: 0.3rem;
    border: solid 1px #bcbaba;
}


/*-----------------------------------------------おすすめ情報*/
#traco .osusumeInfo section {
    margin-top: 1rem;
}

#traco .osusumeInfo h2 {
    background-color: #012233;
    color: #fb3c6d;
    /*font-size: 21px;*/
    font-size: 1em;
    padding: 5px;
    border-radius: 10px;
    margin: 2em 0 0;
}

#traco .osusumeInfo h2:before {
    content: '|';
    color: #fb3c6d;
    margin: 0 8px;
    /*font-size: 30px;*/
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}

#traco .osusumeInfo a {
	color: #00f;
}

#traco .osusumeInfo h3 {
	font-size: 0.9rem;
}

#traco #maker_recommended_contents section h3 {
    margin: 5px auto 0!important;
}

#traco .osusumeInfo p {
	font-size: 0.8rem;
}

#traco #maker_recommended_contents section p {
    width: 85%;
}


/*-----------------------------------------------動画コンテンツ*/

#traco .video h2 {
    background-color: #012233;
    color: #fb3c6d;
     /*font-size: 21px;*/
    font-size: 1em;
    padding: 5px;
    border-radius: 10px;
    margin: 2em 0 0;
}

#traco .video h2:before {
    content: '|';
    color: #fb3c6d;
    margin: 0 8px;
    /*font-size: 30px;*/
    font-size: 1.2em;
    font-weight: 700;
    padding: 0;
}

#traco #maker_video_contents section p {
    font-size: 0.9rem;
}

/*--------------------------------------------------------------------会社プロフィール部分*/
#traco .companyprofile h4 {
    background-color: #012233;
    color: #fb3c6d;
    font-size: 1.5rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin: 2em 0 1em;
}

#traco .companyprofile h4 {
    background-color: #012233;
    color: #fb3c6d;
    font-size: 1.4rem;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin: 2em 0 1em;
}

#traco .ktkn {
    display: block;
    font-size: 1rem;
}

#traco .prof {
    font-size: 1.1rem;
    width: 90%;
    line-height: 1.5;
    margin: 0.5rem 0 1rem 1rem;
}

#traco .profURL {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    width: auto;
    padding-left: 0px;
}

#traco .profURL a {
    text-decoration: underline;
}

#traco .profURL a:hover {
    color: #fb3c6d;
}

#traco .profURL a {
	color: #00f;
}

#traco .profURL a:visited {
    color: purple;
}

#traco .feature h5 {
    color: #fb3c6d;
    font-weight: bold;
    font-size: 1.2rem;
}

#traco .feature {
	background-color: #E2E5E8;
	padding: 1.5rem 2rem;
	margin-bottom: 2rem;
	margin-top: 1rem;
}

#traco .feature ul {
    font-size: 1.1rem;
    line-height: 1.5;
    list-style-type: disc;
    margin-left: 1.5rem;
}

#traco .company_img {
    text-align: right;
}

#traco .commit_bt {
    margin-top: 1.5rem;
}

#traco .commit_bt a {
    font-size: 1.3rem;
}