/*subject.css*/

ul.w_panels {
    padding: 20px 0px 0px 0px;
    background-color: #FFF;
    border: 0px;
}
.cont_inner h3,
.one_column_cont h3 {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    padding: 0 0 0 20px;
    margin-bottom: 20px;
    position: relative;
}

.p_block h3:before,
.one_column_cont h3:before {
    content: '';
    border: 3px solid #b3b3b3;
    position: absolute;
    height: 100%;
    min-height: 36px;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

h3.p_block {
    margin-top: 20px;
    margin-bottom: 20px;
}

.p_block h3:after,
.one_column_cont h3:after {
    content: '';
    border: 3px solid #0072C1;
    position: absolute;
    left: 0;
    height: 30%;
    min-height: 12px;
    top: 0;
}

h3.p_block:before {
    content: '';
    border: 3px solid #b3b3b3;
    position: absolute;
    left: 0;
    height: 100%;
}

h3.p_block:after {
    content: '';
    border: 3px solid #0072C1;
    position: absolute;
    left: 0;
    height: 30%;
    top: 0;
}

ul.horizontal_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.horizontal_list {
    margin-top: 30px;
    
}

ul.horizontal_list li {
    margin-right: 60px;
    margin-bottom: 15px;
}

ul.horizontal_list li a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: auto;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-left: 8px solid #0072c1;
}

ul.horizontal_list li a:hover {
    color: #0072c1;
    opacity: 1.0;
}


/*---------------------------------------------
  Solution_業種別TOP
  ---------------------------------------------*/

.wide_s {
    width: 100%;
    height: 140px;
    margin-bottom: 45px;
    position: relative;
}

.wide_s h1 span {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
}

.s_subjects_title img {
    position: relative;
    width: 100%;
}

.s_subjects_title  h1 {
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    line-height: 1.2;
}


.subjects_area {
    padding-top: 15px;
}


.subjects_area ul {
    width: 1120px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.subjects_area ul li {
    width: 100%;
    max-width: 270px;
    height: 260px;
    position: relative;
    border: 1px solid #c3c3c3;
    margin-bottom: 20px;
    margin-right: 1px;
}



.subjects_area ul li.none{
    width: 100%;
    max-width: 270px;
    height: 260px;
    position: relative;
    border: 0;
    margin-bottom: 20px;
    margin-right: 1px;
}

.subjects_area ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}

.subjects_area li:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.subjects_area li.none:after {
    content: '';
    display: inline-block;
    background-image: none;
}



@media screen and (min-width:767px) {
.subjects_area ul li:hover {
    width: 100%;
    max-width: 270px;
    height: 260px;
    position: relative;
    border: 1px solid #c3c3c3;
    margin-bottom: 20px;
    margin-right: 1px;
}
.subjects_area ul li.none:hover {
    width: 100%;
    max-width: 270px;
    height: 240px;
    position: relative;
    border: 0;
    margin-bottom: 20px;
    margin-right: 1px;
}
}

/*hover処理*/
@media screen and (min-width:767px) {
.subjects_area ul li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}
}

.subjects_area ul li a:hover::after {
    opacity: 0.2;
}
/*hover処理*/


.subjects_area ul li img {
    display: block;
}


.subjects_area ul li img {
    width: 100%;
    margin: 0 auto;
}

.subjects_area ul li span {
    text-align: left;
    width: 100%;
    display: block;
    font-weight: bold;
    padding: 5px 0 5px 8px;
    top: 0;
    font-size: 15px;
    background: #fff;
    color: #5a5a5a;
}


.subt {
    width: 100%;
    height: 47px;
    font-size: 12px;
    letter-spacing: -1px;
    padding: 0px 10px;
}

/*---------------------------------------------
  Solution_課題別TOP
  ---------------------------------------------*/
.wide_4bar {
    width: 100%;
    margin-bottom: 45px;
    position: relative;
}

.wide_4bar h1 span {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
}

.s_issue_title img {
    position: relative;
    width: 100%;
}

.s_issue_title  h1 {
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    line-height: 1.2;
}




/*---------------------------------------------
  Subject TOP
  ---------------------------------------------*/


ul.web_box_list {
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.web_box_list li {
    width: 274px;
    max-width: 274px;
    margin-bottom: 10px;
    border: 1px solid rgba(128,128,128,0.3);
}

ul.web_box_list li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
}


/*hover処理*/
ul.web_box_list li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}

ul.web_box_list li a:hover::after {
    opacity: 0.2;
}
/*hover処理*/


ul.web_box_list li dl {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: center;
    padding: 6px 8px;
}

ul.web_box_list li dl dt p {
    width: 70px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(128,128,128,0.3);
}

ul.web_box_list li dl dt p img {
    width: 68px;
    height: 68px;
}

ul.web_box_list li dl dd span {
    margin-left: 8px;
    padding-left: 12px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

ul.web_box_list li dl dd span:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2px;
}

ul.web_box_list li a.stand {
    padding: 0 8px;
    padding-left: 1.0em;
    text-indent: -1.0em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.web_box_list li a.stand span {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

ul.web_box_list li a.stand span:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    margin-top: 2px;
    display: inline-block;
    margin-right: 4px;
}


/*---------------------------------------------
  Common
  ---------------------------------------------*/

.SubjectTop3ColumnList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px;
}

.SubjectTop3ColumnList > li {
    width: 270px;
    max-width: 270px;
    height: auto;
    min-height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.SubjectTop3ColumnList  > li:nth-child(3n) {
    margin-right: 0;
}

.SubjectTop3ColumnList > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 15px 15px 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}

.SubjectTop3ColumnList > li > p {
    font-size: 16px;
/*
    margin-left: 10px;
    margin-top: 15px;
*/
}


/*hover*/
.SubjectTop3ColumnList > li > a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.SubjectTop3ColumnList > li > a:hover::after {
    opacity: 0.3;
}
/*hover*/


.SubjectTop3ColumnList {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px;
}

.Subject2ColumnList > li {
    width: 49%;
    max-width: 49%;
    height: auto;
    min-height: 80px;
    margin-right: 2%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.Subject2ColumnList > li:nth-child(2n) {
    margin-right: 0;
}


.Subject2ColumnList > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 15px 15px 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}

.Subject2ColumnList > li > a:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*hover*/
.Subject2ColumnList > li > a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Subject2ColumnList > li > a:hover::after {
    opacity: 0.3;
}
/*hover*/

/*---------------------------------------------
  寿命向上 上記.Subject2ColumnListの右下矢印不要
  ---------------------------------------------*/
.Subject2ColumnDivList {
    margin-top: 10px;
}
.Subject2ColumnDivList > ul {
    width: 834px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Subject2ColumnDivList > ul > li {
    width: 49%;
    max-width: 49%;
    height: auto;
    min-height: 80px;
    margin-right: 2%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    position: relative;
}

.Subject2ColumnDivList > ul > li:nth-child(2n) {
    margin-right: 0;
}


.Subject2ColumnDivList > ul > li  {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0px 15px 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}
.Subject2ColumnDivList > ul > li > div {
    width: 49%;
    max-width: 49%;
    height: auto;
    min-height: 80px;
    float: left;
}
ul.web_box_div_list {
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.web_box_div_list li {
    width: 190px;
    max-width: 190px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(128,128,128,0.3);
}

ul.web_box_div_list li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
}


/*hover処理*/
ul.web_box_div_list li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}

ul.web_box_div_list li a:hover::after {
    opacity: 0.2;
}
/*hover処理*/


ul.web_box_div_list li dl {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: center;
    padding: 6px 8px;
}

ul.web_box_div_list li dl dt p {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(128,128,128,0.3);
}

ul.web_box_div_list li dl dd span {
    margin-left: 8px;
    padding-left: 12px;
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}

ul.web_box_div_list li dl dd span:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 2px;
}

ul.web_box_div_list li a.stand {
    padding: 0 8px;
    padding-left: 1.0em;
    text-indent: -1.0em;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.web_box_div_list li a.stand span {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

ul.web_box_div_list li a.stand span:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    margin-top: 2px;
    display: inline-block;
    margin-right: 4px;
}
.Subject2Column2ndList {
    margin-top: 10px;
}
.Subject2Column2ndList > ul {
    width: 834px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}
.Subject2Column2ndList > ul > li {
    width: 49%;
    max-width: 49%;
    height: auto;
    min-height: 80px;
    margin-right: 2%;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    position: relative;
}

.Subject2Column2ndList > ul > li:nth-child(2n) {
    margin-right: 0;
}


.Subject2Column2ndList > ul > li  {
    display: block;
    width: 100%;
    padding: 15px 0px 15px 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
}
.Subject2Column2ndList > ul > li > img {
    border: 1px solid #c8c8c8;
    margin: 5px 10px 10px 5px;
    float: left;
}
.Subject2Column2ndList > ul > li > p{
    padding-top: 25px;
}
ul.web_box_2nd_list {
    clear: both;
}

ul.web_box_2nd_list li dl dd span {
    margin-bottom: 6px;
    margin-left: 8px;
    padding-left: 14px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
ul.web_box_2nd_list li dl dd span a{
    color: #0072c1;
}
ul.web_box_2nd_list li dl dd span a:hover {
    color: #0072c1;
    opacity: 1.0;
    text-decoration: underline;
}
ul.web_box_2nd_list li dl dd span:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 4px;
}

/**/

.threeColumnList > li > a {
    padding: 0px 10px 0px 10px;
}

.fn16 {
    font-size: 16px;
margin-bottom: 3px;
}

.fn16b {
    font-size: 16px;
    font-weight: 600;
margin-bottom: 5px;
}


.support_ca_box {
    width: 834px;
    margin-top: 60px;
padding-left:140px;
}

.support_ca_box p {
    font-size: 16px;
    padding-left: 180px;
    padding-top: 10px;
}

.support_ca_box p.ft_title {
    font-size: 20px;
    font-weight: 600;
    padding-left: 200px;
    padding-top: 20px;
}

.support_ca_box .ft_title2 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
}

.support_ca_box img {
    float: left;
margin-right: 50px;
}

.support_ca_box ul li {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    flex: 0 50%;
    padding: 20px 20px;
}

.support_ca_box ul li a::before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: auto;
    box-sizing: border-box;
    content: "";
    border: 5px solid transparent;
    border-left: 8px solid #2e7ac8;
}

.support_ca_box ul li a{
	color:#0074BF;
    font-weight: bold;
}


/*---------------------------------------------
  52 製品選定ガイド / 用途例から選ぶ（フロースイッチ・フローセンサ）
  ---------------------------------------------*/

ul.f_use_main {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.f_use_main li {
    margin-right: 22px;
    margin-bottom: 20px;
}

ul.f_use_main li a {
    display: block;
    width: 100%;
}

ul.f_use_main li.f_03,
ul.f_use_main li.f_05,
ul.f_use_main li.f_07,
ul.f_use_main li.f_10 {
    margin-right: 0;
}

ul.f_use_main li.f_01,
ul.f_use_main li.f_02,
ul.f_use_main li.f_03,
ul.f_use_main li.f_04,
ul.f_use_main li.f_07,
ul.f_use_main li.f_08,
ul.f_use_main li.f_09,
ul.f_use_main li.f_10 {
    width: 263px;
    max-width: 263px;
}


ul.f_use_main li.f_05,
ul.f_use_main li.f_06 {
    width: 549px;
    max-width: 549px;
}


/*---------------------------------------------
  52 製品選定ガイド / 用途例から選ぶ（フロースイッチ・フローセンサ）
  ---------------------------------------------*/

ul.use01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.use01 li {
    width: 263px;
    max-width: 263px;
    height: 290px;
    margin-right: 22px;
    margin-bottom: 20px;
}

ul.use01 li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #cccccc;
}

ul.use01 li p {
    font-size: 18px;
    text-align: center;
    background-color: #e6e6e6;
    width: 100%;
    padding: 10px 20px;
}

ul.use01 li.i01 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

ul.use01 li.i02 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img02.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

ul.use01 li.i03 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img03.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0;
}

ul.use01 li.i03 span {
    position: absolute;
    bottom: 0;
    display: block;
    font-size: 13px;
    width: 100%;
    padding: 15px 10px;
    margin: 0 auto;
}

ul.use01 li a:hover {
    border: 1px solid #0072c1;
}

ul.use01 li a:hover p {
    background-color: #0072c1;
    color: #fff;
}

ul.use01 li.i04 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img04.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

ul.use01 li.i05 {
    width: 549px;
    max-width: 549px;
    margin-right: 0;
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img05.png);
    background-repeat: no-repeat;
    background-position: center top 65px;
}

ul.use01 li.i06 {
    width: 549px;
    max-width: 549px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img06.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

ul.use01 li.i06 div.add_tx01 {
    width: 186px;
    padding-top: 30px;
    padding-left: 30px;

}

ul.use01 li.i06 div.add_tx02 {
    width: 186px;
    padding-top: 20px;
    padding-left: 30px;

}

ul.use01 li.i06 div.add_tx01 span {
    display: inline-block;
    font-size: 14px;
    text-indent: -1.0em;
}

ul.use01 li.i06 div.add_tx02 span {
    display: inline-block;
    font-size: 14px;
    text-indent: -1.0em;
}

ul.use01 li.i07 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img07.png);
    background-repeat: no-repeat;
    background-position: center bottom 25px;
    margin-right: 0;
}

ul.use01 li.i07 span {
    display: inline-block;
    font-size: 14px;
    text-indent: -1.0em;
    padding: 15px 30px;
}

ul.use01 li.i08 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img08.png);
    background-repeat: no-repeat;
    background-position: center bottom 35px;
}

ul.use01 li.i08 span {
    display: inline-block;
    font-size: 14px;
    text-indent: -1.0em;
    padding: 15px 30px;
}

ul.use01 li.i09 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img09.png);
    background-repeat: no-repeat;
    background-position: center bottom 75px;
}

ul.use01 li.i10 {
    background-image: url(/assets/smc_img/select_guide/ja-jp/switch_sensor/images/use/img10.png);
    background-repeat: no-repeat;
    background-position: center bottom 15px;
    margin-right: 0;
}


/*---------------------------------------------
  41 水滴除去エア
  ---------------------------------------------*/

ul.youto {
    list-style: disc;
    padding-left: 1.2em;
    margin-left: 20px;

}

/*
table.air_table {
    width: 100%;
    overflow: hidden;
    margin: 30px auto 20px;
    background-color:#ccc;
    border-collapse:separate;
    border-spacing: 0.5;
}

table.air_table th {
    vertical-align: middle;
    word-break: break-all;
    border: 1px solid #ccc;
    border-left: none;
    padding: 8px 10px;
    text-align: center;
}

table.air_table th,
table.air_table td {
    font-size: 13px;
}

table.air_table td.first {
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
    background-color: #e8efef;
    padding-left: 10px;
}

table.air_table th.last,
table.air_table td.last {
    border-right: none;
}

table.air_table th.yel {
    background-color: #fff9b1;
    
}

table.air_table td.yel {
    background-color: #fffef2;
    
}

table.air_table th.ora {
    background-color: #ffdfa9;
    
}

table.air_table td.ora {
    background-color: #fff8ec;
    
}

table.air_table th.gre {
    background-color: #c4e2bd;
    
}

table.air_table td.gre {
    background-color: #edf6eb;
}


table.air_table td.first img {
    margin: 10px 0;
    margin-top: 0;
}

table.air_table td.first span {
    font-weight: 500;
    font-size: 14px;
}

table.air_table th.blank {
    border: none;
}

table.air_table td {
    vertical-align: middle;
    word-break: break-all;
    border: 1px solid #ccc;
    border-left: none;
    padding: 10px 5px;
    text-align: center;
    position: relative;
}

table.air_table tr.v_top td {
    vertical-align: top;
} 

table.air_table td.blank {
    border: none;
}


table.air_table td p.bold {
    font-weight: 700;
    padding: 8px 0;
    font-size: 13px;
}

table.air_table td p.box {
    font-size: 12px;
    padding: 10px 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 10px auto;
}

table.air_table td p.border {
    width: 100%;
    height: 6px;
    background-color: #bed2ea;
}

table.air_table td a {
    z-index: 10;
}

table.air_table td a.ic02 {
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
}
*/


/*
table.air_table td a.ic01 {
    text-align: center;
    font-size: 14px;
    padding: 1px 5px;
    background-color: #bed2ea;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    margin-top: 1px;
    z-index: 10;
    display: block;
    margin: 0 -6px;
    padding: 0 6px;
}
*/

/*
table.air_table td a.ic01 {
    display: block;
    margin: 0 -6px;
    padding: 0 6px;
}

table.air_table td a:hover {
    color: #0072c1;
}
*/

/*
table.air_table td a:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/assets/smc_img/common/table_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
*/

/*
table.air_table tr.pat01 td {
    padding-bottom: 0;
    border-bottom: none;
}

table.air_table td img {
    margin: 10px auto;
    display: block;
}

table.air_table td img.adj01 {
    margin: 20px auto;
}

table.air_table td div.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    position: relative;
    margin: 0 -8px;
    padding: 0 8px;
}

table.air_table td span.or {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: -20px;
}

.ad_top01 {
    margin-top: 42px!important;
}

table.air_table tr.pat01 td.addi {
    background-color: #e8efef;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
*/




a.normal_bt {
    width: 260px;
    min-height: 48px;
    background-color: #0072C1;
    display: block;
    margin-bottom: 5px;
    position: relative;
    padding: 10px 35px 10px 20px;
}

a.normal_bt span {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    line-height: 1.4;
}

a.normal_bt:after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    content: "";
    transform: rotate(45deg);
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

a.normal_bt:hover {
    box-shadow: 0 0 0 4px #6598cf inset;
    opacity: 1.0;
}

table.normal_table {
    width: 100%;
    margin: 30px auto 20px;
}

table.normal_table th {
    vertical-align: middle;
    word-break: break-all;
    border: 1px solid #ccc;
    border-left: none;
    padding: 8px 10px;
    text-align: center;
    background-color: #e6e6e6;
}

table.normal_table td {
    vertical-align: middle;
    word-break: break-all;
    border: 1px solid #ccc;
    border-left: none;
    padding: 8px 10px;
    text-align: center;
}

table.normal_table th.last,
table.normal_table td.last {
    border-right: none;
}

table.air_table tr.vert td {
    padding-top: 0;
    padding-bottom: 30px;
    border-top: none;
    position: relative;
}

table.air_table td span.or01 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 10px;
}

p.ft12 {
    font-size: 12px;
}


/*41のLine_start*/

.l_h41_01 {
    position: relative;
}

.l_h41_01:before {
    content:"";
    display:block;
    width: 100%;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.l_h41_02 {
    position: relative;
}

.l_h41_02:before{
    content:"";
    display:block;
    width:200px;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 24%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.l_h41_03 {
    position: relative;
}

.l_h41_03:before{
    content:"";
    display:block;
    width: 200px;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.l_h41_04 {
    position: relative;
}

.l_h41_04:before{
    content:"";
    display:block;
    width: 200px;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.l_v41_01 {
    position: relative;
}

.l_v41_01:after {
    content:"";
    display: block;
    width: 6px;
    height: 92px;
    background-color: #bed2ea;
    position: absolute;
    right: -3px;
    top: 100px;
    
}

.l_v41_02 {
    position: relative;
}

.l_v41_02:after {
    content:"";
    display:inline-block;
    display: block;
    width: 6px;
    height: 36px;
    background-color: #bed2ea;
    position: absolute;
    right: -3px;
    top: 70px;
    z-index: 9;
}


.l_vh03 {
    position: relative;
}

.l_vh03:before {
    content:"";
    display:inline-block;
    width: 6px;
    height: 406px;
    background-color: #bed2ea;
    position: absolute;
    left: -3px;
    top: 70px;
    z-index: 9;
}

.l_vh03:after {
    content:"";
    display:block;
    width: 200px;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*41のLine_end*/


/*---------------------------------------------
  42 乾燥エア1
  ---------------------------------------------*/

/*42のLine_start*/

.l_h42_01 {
    position: relative;
}

.l_h42_01:before {
    content:"";
    display:block;
    width:100%;
    height:6px;
    background-color:#bed2ea;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.l_h42_02 {
    position: relative;
}

.l_h42_02:before {
    content:"";
    display: block;
    width: 132px;
    height: 6px;
    background-color: #bed2ea;
    position: absolute;
    top: 157px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.l_h42_04 {
    position: relative;
}

.l_h42_04:before {
    content:"";
    display: block;
    width: 476px;
    height: 6px;
    background-color: #bed2ea;
    position: absolute;
    top: 184px;
    right: 0;
}

.l_h42_05 {
    position: relative;
}

.l_h42_05:before {
    content:"";
    display: block;
    width: 100%;
    height: 6px;
    background-color: #bed2ea;
    position: absolute;
    top: 84px;
    right: 0;
}

.l_v42_01 {
    position: relative;
}

.l_v42_01:before {
    content:"";
    display:inline-block;
    width: 6px;
    height: 94px;
    background-color: #bed2ea;
    position: absolute;
    left: -3px;
    top: 98px;
    z-index: 9;
}


.l_v42_02 {
    position: relative;
}

.l_v42_02:before {
    content:"";
    display:inline-block;
    width: 6px;
    height: 62px;
    background-color: #bed2ea;
    position: absolute;
    left: -3px;
    top: 98px;
    z-index: 9;
}


.l_vh42_03 {
    position: relative;
}

.l_vh42_03:before {
    content:"";
    display:inline-block;
    width: 6px;
    height: 440px;
    background-color: #bed2ea;
    position: absolute;
    left: -3px;
    top: 154px;
    z-index: 9;
}

.l_vh42_03:after {
    content:"";
    display: block;
    width: 100%;
    height: 6px;
    background-color: #bed2ea;
    position: absolute;
    top: 51%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.l_v42_04 {
    position: relative;
}

.l_v42_04:after {
    content:"";
    display:inline-block;
    width: 6px;
    height: 274px;
    background-color: #bed2ea;
    position: absolute;
    right: -3px;
    top: 154px;
    z-index: 9;
}

.l_v42_05 {
    position: relative;
}

.l_v42_05:after {
    content:"";
    display:inline-block;
    width: 6px;
    height: 106px;
    background-color: #bed2ea;
    position: absolute;
    top: 84px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.l_v42_06 {
    position: relative;
}

.l_v42_06:after {
    content:"";
    display:inline-block;
    width: 6px;
    height: 72px;
    background-color: #bed2ea;
    position: absolute;
    left: -3px;
    top: 18px;
    z-index: 9;
}

/*42のLine_end*/


table.air_table td.addi01 {
    background-color: #e8efef;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle!important;
}

table.air_table td a.ic01 span{
    text-align: center;
    font-size: 14px;
    padding: 1px 5px;
    background-color: #bed2ea;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

table.air_table td a span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/assets/smc_img/common/table_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -2px;
}


/*---------------------------------------------
  30 4・5ポートソレノイドバルブ
  ---------------------------------------------*/

ul.tabs_select {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

ul.tabs_select li{
    width: 366px;
    max-width: 366px;
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    position: relative;
}

ul.tabs_select li.active {
    color: #fff;
}

ul.tabs_select li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5px 15px 15px 15px;;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}

ul.tabs_select li a:hover {
    background-color: #0072c1;
    opacity: 0.9;
    color: #fff;
}

ul.tabs_select li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}

ul.tabs_select li a:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

ul.tabs_select li a:hover:after {
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
}

ul.tabs_select li.active:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    bottom: 4px;
}

ul.tabs_select li.active a:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    bottom: 3px;
}



.tabs_select_cont {
    padding: 30px 15px 40px;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    width: 100%;
    border-top : 5px solid #0072c1;
}

ul.table_note {
    margin: 20px 0 30px;
}

ul.table_note li {
    font-size: 12px;
}

ul.air_cylinder01 {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    
}

ul.air_cylinder01 li {
    width: 520px;
    max-width: 520px;
}


ul.air_cylinder01 p.title {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #808080;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

ul.air_cylinder01 p.text01 {
    font-size: 12px;
}

ul.air_cylinder01 p.text01 span {
    color: #2178c6;
}

ul.air_cylinder01 li .air_base {
    width: 386px;
    margin: 0 auto;
    margin-top: 30px;
}

ul.air_cylinder01 li .air_base p {
    margin-top: 10px;
    font-size: 12px;
}


/*---------------------------------------------
  51 用途例から選ぶ（圧力スイッチ・センサ）
  ---------------------------------------------*/

.p_use_table01 {
    padding: 20px;
    border: 2px solid #ccc;
    display: inline-block;

}

.p_use_table01 img {
    width: 494px;
}

ul.p_use {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

ul.p_use li {
    width: 400px;
    max-width: 400px;
    margin-right: 34px;
    height: 276px;
    margin-bottom: 30px;
}

ul.p_use li:nth-child(2n) {
    margin-right: 0;
}

ul.p_use li a {
    display: block;
    border: 1px solid #ccc;
    height: 280px;
    padding-bottom: 10px;
}

ul.p_use li a:hover {
    border: 1px solid #0072c1;
}

ul.p_use li a h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background-color: #e6e6e6;
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
}

ul.p_use li a:hover h4 {
    background-color: #0072c1;
    color: #fff;
}


ul.p_use li a h4 span {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

ul.p_use li a div {
    padding: 10px 25px 0;
    height: 199px;
    position: relative;
}

ul.p_use li a div.flex {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

ul.p_use li img {
    display: block;
}

ul.p_use li.p01 img {
    width: 212px;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.p_use li.p02 img {
    width: 176px;
    margin-right: 20px;
}

ul.p_use li.p02 p {
    width: 160px;
}


ul.p_use li.p03 p {
    width: 80%;
}

ul.p_use li.p03 img {
    width: 220px;
    position: absolute;
    right: 20px;
    bottom: 0;
}

ul.p_use li.p04 img {
    width: 178px;
    margin: 0 auto;
    margin-top: 20px;
}

ul.p_use li.p05 img {
    width: 140px;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.p_use li.p06 img {
    width: 116px;
    margin-right: 20px;
}

ul.p_use li.p06 p {
    width: 160px;
}

ul.p_use li.p07 img {
    width: 174px;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.p_use li.p08 img {
    width: 98px;
    margin: 0 auto;
    margin-top: 20px;
}

ul.p_use li.p09 img {
    width: 160px;
    margin: 0 auto;
    margin-top: 20px;
}

ul.p_use li.p10 img {
    width: 182px;
    margin: 0 auto;
    margin-bottom: 10px;
}

ul.p_use li.p11 img {
    width: 128px;
    margin: 0 auto;
    margin-top: 10px;
}

ul.p_use li.p12 img {
    width: 186px;
    margin: 0 auto;
    margin-top: 20px;
}

ul.p_use li.p13 img {
    width: 162px;
    margin-right: 20px;
}

ul.p_use li.p13 p {
    width: 160px;
}

ul.p_use li.p14 img {
    width: 122px;
    margin-right: 20px;
}

ul.p_use li.p14 p {
    width: 160px;
}

.p_use_flex {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding-top: 55px;
}


.p_use_flex h3.p_block {
    position: absolute;
    top: 0;
    margin-top: 0;
}

.p_use_flex h3.left {
    left: 50%;
    margin-left: 17px;
}

ul.p_use li.p15 img {
    width: 108px;
    margin-right: 20px;
}

ul.p_use li.p15 p {
    width: 170px;
}

/* ------------------------------------- 
33 配管仕様から選ぶ ベース配管形 
------------------------------------- */
.tbl_label_txt {
    margin: 20px 0 10px 0;
}
table.b_piptetb td.c02 {
    width: 4.5%;
}

table.b_piptetb {
    margin: 0 0 0 0;
}
.b_piptetbwrap {
    border-bottom: 1px solid #c8c8c8;
}
table.b_piptetb tr {
    border-bottom: 0;
}

table.b_piptetb td.c01 img {
    display: block;
    width: 177.5px;
    margin: 200px auto 0 auto;
}
table.b_piptetb td.c03 p {
    font-weight: bold;
}
table.b_piptetb td.c03 p span {
    padding: 1px 10px;
}
table.b_piptetb td.c01 {
    width: 19.2%;

    vertical-align: top;
}
.b_pipver_txt1,
.b_pipver_txt2 {
    display: block;
    height: 88px;
    margin: 0 auto;

    font-weight: bold;
    line-height: 1;

    text-align: center;
        -ms-writing-mode: bt-rl;
    word-break: break-all;

    text-orientation: upright;
    -webkit-writing-mode: vertical-lr;
            writing-mode: vertical-lr;
}
.b_pipver_txt1 {
    font-size: 16px;
}
.b_pipver_txt2 {
    padding: 5px 3px;
    margin-top: 10px;

    font-size: 12px;

    color: #fff;
    background: #959595;
}
.bpipe_tb_parts_img li {
    display: inline-block;
}
.bpipe_tb_parts_col2 {
    width: 50%;
    padding: 40px 20px 0 20px;

    text-align: left;
}
.basepipe_img02 {
    width: 200.5px;
}
.basepipe_img03 {
    width: 214.5px;
}
.basepipe_img04 {
    width: 190px;
    margin-left: 20px;
}
.bpipe_tb_partscol6 {
    position: relative;

    width: 66%;
}
.bpipe_tb_partscol4 {
    position: relative;

    width: 34%;

    text-align: left;
}
table.pipe_tb .bpipe_row td,
table.pipe_tb .bpipe_row tr {
    text-align: left;

    border: 0;
}
table.b_piptetb td.c03 a:before {
    top: 2px;
    right: auto;
    left: 0;
}
table.b_piptetb td.c03 a:after {
    top: 6px;
    right: auto;
    left: 3px;
}
table.b_piptetb td.c03 a {
    display: inline-block;
    padding-bottom: 4px;
    padding-left: 18px;

    line-height: 1.2;
}
.bpipe_list01 {
    position: absolute;
    top: 25px;
    left: 158px;

    max-width: 110px;
}
.bpipe_list02 {
    position: absolute;
    top: 20px;
    right: 30px;

    max-width: 110px;
}
.bpipe_tb_parts_col2:nth-child(2) {
    padding-left: 0;
}
.bpipe_list03 {
    position: absolute;
    top: 60px;
    right: 10px;
}
.basepipe_img05 {
    width: 185px;
}
.bpipe_tb_partscol2 {
    width: 24%;
}
.bpipe_tb_partscol7 {
    width: 76%;
}
.b_piptetb_mid {
    align-items: center;
}
table.b_piptetb td.c03 div.border_l {
    border-left: 1px solid #c8c8c8;
}
.b_piptetb_mid_ttl {
    display: inline-block;
    margin-left: 10px;

    font-size: 12px;

    text-align: left;
    vertical-align: middle;
}
table.b_piptetb td.c03 ul li {
    margin-right: 10px;
}
#b_piptetb_midtxt01 {
    display: inline-block;
    padding: 0 20px;

    vertical-align: middle;
}
.b_piptetb_mid_sec #b_piptetb_midtxt01 {
    height: 34px;

    line-height: 34px;
}
.basepipe_img06 {
    width: 267.5px;
}

.basepipe_img07 {
    width: 342.5px;

    vertical-align: top;
}
.bpipe_list05 {
    max-width: 268px;
    margin: 0 50px 10px auto;
}
.b_piptetb_top_sec .bpipe_list05 {
    position: relative;
    top: -30px;

    margin: 0 50px -20px auto;
}
.basepipe_img09 {
    width: 380px;
    margin-left: 270px;
}
.b_piptetb_imglist {
    display: inline-block;
}
.b_piptetb_mid_sec {
    position: relative;
}
.basepipe_img08 {
    position: absolute;
    top: 80px;
    left: 5px;

    width: 278.5px;
}
table.pipe_tb td.c03 div.pipe_tb_inner p.b_piptetb_mid_ttl2 {
    margin-bottom: -10px;
}


/* ------------------------------------- 
34 技術資料
------------------------------------- */

.tech_data_tb {
    width: 100%;

    word-break: break-word;
}

.tech_data_tb tr {
    display: table;
    width: 100%;

    border-bottom: 2px solid #ccc;
}

.tech_data_tb tr:last-child {
    border-bottom: 0;
}

.tech_data_tb th {
    width: 20%;
    min-width: 224px;
    padding: 10px 0;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
    display: table-cell;
    color: #0072c1;
}

.tech_data_tb td {
    width: 80%;
    padding: 10px 0;
}

.tb_div li {
    float: left;
}

.wd_214 {
    width: 214px;
}

.tb_b {
    font-size: 16px;
    font-weight: 700;
}

.bg_blue {
    color: #0072c1;
}

.tb_p5px {
    padding-bottom: 5px;
}

.tb_p10px {
    padding-bottom: 10px;
}

.tb_p3px {
    padding-top: 3px;
}

.tb_mr20 {
    margin-right: 20px;
}

.tb_p20 {
    padding-left: 25px;
}

.tb_txt {
    float: left;
}


.td_gp {
    display: block;
}

.td_gp {
    width: 100%;
}

.td_gp li {
    position: relative;

    padding-left: 10px;
}

.td_gp li:before {
    position: absolute;
    top: 10px;
    left: 0;

    width: 4px;
    height: 4px;

    content: " ";

    border-radius: 50%;
    background: #000;
}

.td_gp li:last-child {
    padding-bottom: 0;
}

.txt_img {
    width: 100%;
}

.txt_list {
    float: left;
    padding-right: 20px;
}

.img_list {
    float: left;
}

.mt-40px {
    margin-bottom: 40px;
}

.valve_div li {
    padding-bottom: 5px;
}

.valve_gp {
    display: flex;

    align-items: flex-start;
    flex-wrap: wrap;
}

.valve_gp .valve_txt {
    position: relative;

    width: 55%;
    padding-right: 70px;
    padding-left: 10px;
}

.valve_gp .valve_txt:before {
    position: absolute;
    top: 10px;
    left: 0;

    width: 4px;
    height: 4px;

    content: " ";

    border-radius: 50%;
    background: #000;
}

.valve_gp .valve_img {
    width: 45%;
}

.valve_gp .valve_img .valve_img01 {
    max-width: 96px;
}

.valve_gp .valve_img .valve_img02 {
    max-width: 74px;
}

.valve_gp .valve_img .valve_img03 {
    max-width: 113px;
}

.wd_154 {
    width: 154px;
}

.wd_182 {
    width: 182px;
}

.wd_162 {
    width: 162px;
}

.wd_235 {
    width: 235px;
}

.wd_206 {
    width: 206px;
}

.wd_360 {
    width: 360px;
}

/*
.wd_371 {
    width: 371px;
}
*/

/*
.wd_395 {
    width: 395px;
}
*/

.wd_369 {
    width: 369px;
}

.ip_list_gp {
    width: 100%;
}

.ip_div li:first-child {
    float: left;
}

.ip_div li h4 .fw_normal {
    font-weight: 400;
}

.ip_div li p {
    line-height: 1.7;
}

.oversea {
    width: 370px;
}

.oversea_tb {
    display: table;
    width: 100%;

    word-break: break-all;

    border-top: 2px solid #7b8288;
    border-right: 2px solid #7b8288;
    border-left: 2px solid #7b8288;
}

table.oversea_tb tr th,
table.oversea_tb tr td {
    display: table-cell;

    border-collapse: collapse;

    vertical-align: middle;
}

table.oversea_tb tr th.th_bg {
    text-align: center;

    color: #000;
    background: #daecfa;
}

.oversea .oversea_tb tr th.td01,
.oversea .oversea_tb tr td.td01 {
    width: 10%;

    font-size: 12px;

    text-align: center;

    border-right: 2px solid #7b8288;
    border-bottom: 2px solid #7b8288;
}

.td01_bg {
    background: #fdeded;
}

.oversea .oversea_tb tr th.td02,
.oversea .oversea_tb tr td.td02 {
    width: 70%;
    padding: 0 8px;

    font-size: 12px;

    border-right: 2px solid #7b8288;
    border-bottom: 2px solid #7b8288;
}

.oversea .oversea_tb tr th.td03,
.oversea .oversea_tb tr td.td03 {
    width: 20%;

    font-size: 12px;

    border-bottom: 2px solid #7b8288;
}

.oversea_img {
    text-align: center;
}

/* ------------------------------------- 
107 ワークから選ぶ
------------------------------------- */

.wide_main {
    width: 100%;
    height: 140px;
    margin-bottom: 45px;
    position: relative;
}

.wide_main h1 span {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
}

.subject_title img {
    position: relative;
    width: 100%;
}

.subject_title  h1 {
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 58px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    line-height: 1.2;
}

.padWork_mainImg {
    width: 350px;
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

ul.tabs_select.padWork_tab li {
    width: 270px;
    max-width: 270px;
}

.tabs_select_cont.padWork_tabCont {
    padding: 30px 0 40px;
    background-color: #fff;
    border: none;
    width: 100%;
    border-top: 5px solid #0072c1;
}

ul.padWork_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.padWork_list li {
    width: 270px;
    max-width: 270px;
    height: auto;
    min-height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    position: relative;
}

ul.padWork_list li:nth-child(3n) {
    margin-right: 0;
}

ul.padWork_list li a {
    display: block;
}

ul.padWork_list li p {
    font-size: 16px;
    margin-left: 10px;
    margin-top: 15px;
}

ul.padWork_list li img {
/*    width: 80px;*/
    height: 80px;
    position: absolute;
    top: 0;
    right: 20px;
}

ul.padWork_list li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*hover*/
ul.padWork_list li:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
    z-index: -1;
}

ul.padWork_list li:hover::after {
    opacity: 0.3;
}
/*hover*/


/*---------------------------------------------
  107 真空パッドZP3/ZP2/ZP Series - 機能から選ぶ
  ---------------------------------------------*/


ul.tabs_select.padFunc_tab {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

ul.tabs_select.padFunc_tab li {
    width: 200px;
    max-width: 200px;
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    position: relative;
}

ul.tabs_select.padFunc_tab li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5px 15px 15px 15px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}

ul.tabs_select.padFunc_tab li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}

.tabs_select_cont.padFunc_tabCont {
    padding: 30px 0 40px;
    background-color: #fff;
    border: none;
    width: 100%;
    border-top: 5px solid #0072c1;
}

ul.tabs_select.padFunc_tab li a:hover {
    background-color: #0072c1;
}

/* ------------------------------------- 
108 真空パッドZP3/ZP2/ZP Series - 機能から選ぶ
------------------------------------- */


ul.padFunc_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.padFunc_list li {
    width: 410px;
    max-width: 410px;
    height: auto;
    min-height: 170px;
    margin-right: 12px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    position: relative;
}

ul.padFunc_list li:nth-child(2n) {
    margin-right: 0;
}

ul.padFunc_list li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

ul.padFunc_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 15px;
}

.padFuc_list_tx {
    width: 200px;
    height: 100%;
    position: relative;
}

/*
.padFuc_list_tx div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
*/

.padFuc_list_tx .tx01 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: 600;
}

.padFuc_list_tx .tx02 {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
}

ul.padFunc_list li a img {
    width: 164px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

ul.padFunc_list li a img.exce01 {
    width: 114px;
}

.nowrap {
    white-space: nowrap;
}

/*hover*/
ul.padFunc_list li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}

ul.padFunc_list li a:hover::after {
    opacity: 0.3;
}
/*hover*/


/* ------------------------------------- 
109 真空パッドZP3/ZP2/ZP Series - 業種・用途から選ぶ
------------------------------------- */

ul.padIndustry_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.padIndustry_list li {
    width: 270px;
    max-width: 270px;
    height: auto;
    min-height: 143px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    position: relative;
}

ul.padIndustry_list li:nth-child(3n) {
    margin-right: 0;
}

ul.padIndustry_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 10px;
}

ul.padIndustry_list li p {
    font-size: 16px;
}

ul.padIndustry_list li a img {
    height: 138px;
    width: auto;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


ul.padIndustry_list li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*hover*/
ul.padIndustry_list li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}

ul.padIndustry_list li a:hover::after {
    opacity: 0.3;
}
/*hover*/


/* ------------------------------------- 
101 4・5ポートソレノイドバルブTOP
------------------------------------- */

.solenoid_valve_mainImg {
    width: 460px;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.solenoid_valve_bottom {
    border-top: 1px solid #b3b3b3;
    padding: 30px 0;
    margin: 40px auto 0;
    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


/* ------------------------------------- 
100 製品選定ガイドTOP
------------------------------------- */

.head_border {
    display: flex;
    align-items: center;
    font-size: 18px;
}

.head_border:before,
.head_border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}

.head_border:before {
    margin-right: 1rem;
}

.head_border:after {
    margin-left: 1rem;
}

h2.head_border {
    color: #333;
    background-color: transparent;
    font-size: 18px;
}

h2.head_border:before {
    border: none;
    position: static;
    height: 1px;
}


/* ------------------------------------- 
103 真空用機器TOP
------------------------------------- */

ul.vacuum_top_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.vacuum_top_list li {
    width: 272px;
    max-width: 272px;
    height: auto;
    min-height: 136px;
    margin-right: 9px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    display: block;
    padding: 10px;
    position: relative;
}

ul.vacuum_top_list li:nth-child(3n) {
    margin-right: 0;
}

ul.vacuum_top_list li p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

ul.vacuum_top_list li a.v_frame {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99;
}

ul.vacuum_top_list li a.v_frame:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.pointer {
    cursor: pointer;
}

/*hover*/
ul.vacuum_top_list > li.pointer:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
}

ul.vacuum_top_list > li.pointer:hover::after {
    opacity: 0.2;
}
/*hover*/




ul.vacuum_top_list li a.v_item {
    display: block;
    position: relative;
    padding-left: 15px;
    padding-bottom: 5px;
    z-index: 1;
/*    z-index: 99; SDL20210531*/
}


ul.vacuum_top_list li a.v_item:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
/*    top: 50%;*/
    top: 4px;
    left: 0;
}

ul.vacuum_top_list li a.v_item:hover {
    cursor: pointer;
    color: #0072c1;
}

ul.vacuum_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.vacuum_list li {
    width: 272px;
    max-width: 272px;
    height: auto;
    min-height: 136px;
    margin-right: 9px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

ul.vacuum_list li:nth-child(3n) {
    margin-right: 0;
}

ul.vacuum_list li a.v_frame {
    border: 1px solid #c8c8c8;
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px;
    position: relative;
}

ul.vacuum_list li a.v_frame:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

ul.vacuum_list li a.v_frame img {
    width: 134px;
}

ul.vacuum_list li div.pl_left {
    display: inline-block;
/*    width: 64%;*/
    width: calc(100% - 100px);
}

ul.vacuum_list li img {
    position: absolute;
    width:130px;
    right: 0;
    top: 0;
}

ul.vacuum_list li p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

ul.vacuum_list li div.pl_left a {
    display: block;
    position: relative;
    padding-left: 15px;
    padding-bottom: 5px;
    z-index: 99;
}


ul.vacuum_list li div.pl_left a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
/*    top: 50%;*/
    top: 4px;
    left: 0;
}

ul.vacuum_list li div.pl_left a:hover {
    color: #0072c1;
    opacity: 1;
}


/*hover*/
ul.vacuum_list > li > a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.vacuum_list > li > a:hover::after {
    opacity: 0.2;
}
/*hover*/


/* ------------------------------------- 
104 真空用機器　機種選定方法
------------------------------------- */


table.vacuum_select tr:first-child td {
    border-top: 1px solid #ccc;

}

table.vacuum_select tr td:first-child {
    font-weight: 600;
    font-size: 16px;
}

table.vacuum_select tr td {
    vertical-align: top;
}

table.vacuum_select tr td a.download_bt {
    background: #0072c1;
    color: #fff;
    display: block;
    width: 152px;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
}

table.vacuum_select tr td a.download_bt:hover {
    box-shadow: 0 0 0 4px #6598cf inset;
    opacity: 1.0;
}

table.vacuum_select tr td a.download_bt span {
    position: relative;
}

table.vacuum_select tr td a.download_bt span:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 27px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/vacuum/vacuum_device/images/select/pdf_ic.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: -3px;
}

table.vacuum_select tr td a.download_bt span:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -3px;
  transform: rotate(45deg);
}


/* -------------------------------------
124 真空パッド - 業種・用途から選ぶ » フィルム包装
------------------------------------- */

.cont_inner h2 span.cate {
    padding: 2px 8px;
}



.cont_inner h2 span.cate {
    margin: 0 4px;
}

.cont_inner h2 span.shade_gray {
    color: #fff;
    font-size: 16px;
    background: #808080;
}

.cont_inner h2 span.shade_blue {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
}

.film_img {
    margin-left: 1.5em;
    margin-top: 30px;
    margin-bottom: 50px;
}

.select_bottom_area {
    border: 1px solid #0072c1;
    padding: 20px 40px 70px;;
}

h4.select_bottom_title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #0072c1;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
}


.select_bottom_area ul {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.select_bottom_area ul li {
    position: relative;
    margin: 0 25px;
}

.select_bottom_area ul li:first-child {
    margin-left: 0;
}

.select_bottom_area ul li:nth-child(3n) {
    margin-right: 0;
}


.select_bottom_area ul li img {
    width: 154px;
    display: block;
    margin-bottom: 20px;
}

.select_bottom_area ul li p.text_link {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.select_bottom_area ul li p.text_link a {
    vertical-align: middle;
}

.select_bottom_area ul li p.text_link a:hover {
    color: #0072c1;
}


.select_bottom_area ul li p.text_link a span:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #333;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -3px;
}


.select_bottom_area ul li p.text_link a span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: -12px;
    vertical-align: middle;
    margin-top: -3px;
}

.select_bottom_area ul li p.text_link span.fda {
    font-size: 13px;
    color: #fff;
    background: #727171;
    display: inline;
    padding: 0 5px;
}

.select_bottom_area ul li p.text_link a:hover span:before {
    background: #0072c1;
}

.select_bottom_area ul li p.text_link span.fda:before {
    content: none;
}

.select_bottom_area ul li p.text_link span.fda:after {
    content: none;
}


/* -------------------------------------
130 真空パッド - 業種・用途から選ぶ » 太陽電池セル
------------------------------------- */

ul.cell_list_top li.corresponding_pad {
    border: 1px solid #0072c1;
/*
    width: calc(100% - 280px);
    max-width: calc(100% - 280px);
*/
    width: 580px;
    max-width: 580px;
    margin-right: 0;
}

ul.cell_list_top li.corresponding_pad p.pad_title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #0072c1;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
    height: 45px;
}

/*
ul.cell_list_top li.corresponding_pad > div {
    border: 1px solid #0072c1;
    padding: 20px 20px;
}
*/

ul.cell_list_top li.corresponding_pad > div {
    position: relative;
    width: 100%;
    height: calc(100% - 45px);
    
}

ul.cell_list_top li.corresponding_pad > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

ul.cell_list_top li.corresponding_pad a {
    display: inline;
    border: none;
    width: auto;
    height: auto;
    padding: 0;
}

ul.cell_list_top li.corresponding_pad a:hover {
    color: #0072c1;
}

ul.cell_list_top li.corresponding_pad a:before {
    content: none;
}

ul.cell_list_top li.corresponding_pad a:after {
    content: none;
}

ul.cell_list_top li.corresponding_pad a span {
    display: inline-block;
}

ul.cell_list_top li.corresponding_pad a span:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #333;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -3px;
}

ul.cell_list_top li.corresponding_pad a span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: -12px;
    vertical-align: middle;
    margin-top: -3px;
}

ul.cell_list_top li.corresponding_pad a:hover span:before {
    background: #0072c1;
}

ul.cell_list_top li.corresponding_pad p.text_link {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*
ul.cell_list_top li.corresponding_pad p.text_link {
    margin-left: 0;
}
*/


/* -------------------------------------
129 真空パッド - 業種・用途から選ぶ » ICチップ
------------------------------------- */

ul.ic_list_top {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px;
}

ul.ic_list_top li {
    width: 234px;
    max-width: 234px;
}

ul.ic_list_top li.co_pad {
    width: 580px;
    max-width: 580px;
}

ul.ic_list_top li.co_pad p.pad_title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #0072c1;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    height: 45px;
}

ul.ic_list_top li.co_pad ul {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #0072c1;
    height: 100%;
    margin-top: -45px;
    width: 100%;
}

ul.ic_list_top li.co_pad ul li {
    width: auto;
    max-width: 48%;
    margin: 45px 0 0;
    padding: 20px;
}

ul.ic_list_top li.co_pad ul li:first-child {
    margin-right: 20px;
}

ul.ic_list_top li.co_pad ul li .pad_img {
    margin-bottom: 20px;
}

ul.ic_list_top li.co_pad ul li img {
    display: block;
    margin: 0 auto;
    
}

ul.ic_list_top li.co_pad ul li p.text_link {
    white-space: nowrap;
}

ul.ic_list_top li.co_pad ul li p.text_link a span:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #333;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -3px;
}

ul.ic_list_top li.co_pad ul li p.text_link a span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: -12px;
    vertical-align: middle;
    margin-top: -3px;
}


/* -------------------------------------
110 圧縮空気清浄化機器
------------------------------------- */

ul.airprep_list li p {
    color: #0072c1;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

ul.airprep_list li ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

ul.airprep_list li ul li {
    position: relative;
    padding-left: 15px;
    margin-right: 10px;
    padding-bottom: 2px;
}

ul.airprep_list li ul li:before {
    content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
}


/* -------------------------------------
111 製品選定ガイド スイッチ/センサ
------------------------------------- */

.s_sensor_list li {
    height: 104px;
}

.s_sensor_list li a {
    position: relative;
    
}

.s_sensor_list li a p{
    font-size: 15px;
}
.s_sensor_list li a img {
    width: 174px;
    position: absolute;
    top: 0;
    right: 0;
}


/* -------------------------------------
112 流体制御用 2・3ポートバルブ
------------------------------------- */

.process_top {
    margin-top: 0;
}

.process_top li a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.process_top li a img {
    width: 68px;
}

.process_top li a p {
    margin-left: 10px;
    position: relative;
    padding-left: 12px;
}

.process_top li a p:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #0072c1;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.process_top > li > a:before {
    content: none;
}

.process_top > li > a {
    padding: 10px 15px 10px 10px;
}




/* -------------------------------------
113 選定ガイド - 温調機器
------------------------------------- */

.s_temp_list li a img {
    width: 114px;
}

.s_temp_list li a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.s_temp_list li a p {
    font-size: 15px;
}


/* -------------------------------------
114 選定ガイド - 温調機器 - 機能一覧
------------------------------------- */

table.chiller_func_tbl {
    border-collapse: collapse;
    table-layout: fixed;
    width: 1120px;
}

.chiller_func_tbl tbody tr th {
    font-size: 15px;
    font-weight: 600;
}

.chiller_func_tbl tbody tr th.last {
    background: #808080;
    color: #fff;
}

.chiller_func_tbl tbody tr td {
    text-align: center;
    box-sizing: border-box;
}

.chiller_func_tbl tbody tr td.tdleft {
    text-align: left;
}

.chiller_func_tbl tbody tr td.imghead {
    padding: 0;
    vertical-align: bottom;
    width: 67px;
    height: 124px;
    position: relative;
}

.chiller_func_tbl tbody tr td.imghead a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0 14px;
}

/*
.chiller_func_tbl tbody tr td.imghead a:hover {
    box-shadow: 0 0 0 4px #6598cf inset;
    opacity: 1.0;
    z-index: 99;
}
*/


/*hover*/
.chiller_func_tbl tbody tr td.imghead a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 4px solid #333;*/
    border: 4px solid #0072c1;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

.chiller_func_tbl tbody tr td.imghead a:hover::after {
    opacity: 0.8;
}
/*hover*/


.chiller_func_tbl tr td.imghead img {
    width: 67px;
    display: block;
    margin: 0 auto;
}

.chiller_func_tbl tbody tr td.imghead:before {
    content: '';
    width: 13px;
    height: 13px;
    background: #c3c3c3;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: -9px;
}

.chiller_func_tbl tbody tr td.imghead:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 3px;
    right: 4px;
    transform: rotate(45deg);
}


.chiller_func_tbl tr td.imghead span {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    color: #231815;
    display: block;
    margin-bottom: 5px;
    height: 32px;
}

.chiller_func_tbl tbody tr td span.p_std {
    color: #4e72a4;
    text-align: center;
}

.chiller_func_tbl tbody tr td span.p_opt {
    color: #ebb590;
}

.chiller_func_tbl tbody tr td span.p_acc {
    color: #6ca789;
}


p.func_opt {
    margin: 30px 0 10px;
    font-size: 14px;
}

span.p_std {
    color: #4e72a4;
}

span.p_opt {
    color: #ebb590;
}

span.p_acc {
    color: #6ca789;
}


/* -------------------------------------
135 選定ガイド - 流体制御用 2・3ポートバルブ
------------------------------------- */

table.hot_water_tbl {
    width: 1120px;
}

.hot_water_tbl tbody tr th {
    text-align: center;
    padding: 5px 5px 5px 5px;
    white-space: normal;
}

.hot_water_tbl tbody tr td {
    text-align: center;
    padding: 10px 5px 10px 5px;
    white-space: normal;
}

.hot_water_tbl tbody tr td.opehead {
    background: #fff;
}


.hot_water_tbl tbody tr td.imghead {
    background: #fff;
    vertical-align: middle;
    padding: 0;
}

.hot_water_tbl tbody tr td.imghead img {
    width: 60px;
}


.hot_water_tbl tbody tr td.imghead a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    position: relative;
}

.hot_water_tbl tbody tr td.imghead a span {
    color: #333;
    position: relative;
    padding-right: 20px;
}


.hot_water_tbl tbody tr td.imghead a span:before {
    content: '';
    width: 13px;
    height: 13px;
    background: #c3c3c3;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.hot_water_tbl tbody tr td.imghead a span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(45deg);
    right: 4px;
    margin-top: -3px;
}


/*hover*/
.hot_water_tbl tbody tr td.imghead a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 4px solid #333;*/
    border: 4px solid #0072c1;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

.hot_water_tbl tbody tr td.imghead a:hover::after {
    opacity: 0.8;
}
/*hover*/


/* -------------------------------------
116 選定ガイド - アクチュエータ
------------------------------------- */

.e_act_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.e_act_list > li > a > p {
    width: 65%;
}

.e_act_list > li > a > div {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.e_act_list > li > a img {
    width: 100px;
}


/* -------------------------------------
117  管継手・駆動制御機器(スピードコントローラ)・チューブ
------------------------------------- */

.fitting_list > li {
    min-height: 180px;
    margin-bottom: 30px;
}

.fitting_list > li > a {
    min-height: 180px;
    position: relative;
}

.fitting_list li .fitting_item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.fitting_list li ul {
    position: absolute;
    left: 10px;
    bottom: 15px;
}

.fitting_list li ul li {
    position: relative;
    padding-left: 15px;
}

.fitting_list li ul li:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0072C1;
    position: absolute;
    /* top: 50%; */
    top: 4px;
    left: 0;
}

ul.themes_list {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.themes_list > li {
    box-sizing: border-box;
    width: 158px;
    max-width: 158px;
/*    height: 44px;*/
    border: 1px solid #0072c1;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.themes_list > li:nth-child(5n) {
    margin-right: 0;
}

ul.themes_list > li > a {
    font-size: 14px;
    color: #0072c1;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 5px 10px 10px;
    position: relative;
}

ul.themes_list > li > a:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -4px;
    transform: rotate(45deg);
}

ul.themes_list > li > a > span {
    font-size: 14px;
    color: #0072c1;
    margin-left: 5px;
}

ul.themes_list > li > a img {
    width: 28px;
    display: inline-block;
    vertical-align: middle;
}

/*hover*/
ul.themes_list > li > a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 4px solid #333;*/
    border: 4px solid #0072c1;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

ul.themes_list > li > a:hover::after {
    opacity: 0.8;
}
/*hover*/

.wide_main h1 span.ft12_sp {
    display: inline;
}

/* -------------------------------------
115 エジェクタによる吸着搬送システム
------------------------------------- */

.eject_tx {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

ul.tc_tabs{
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 834px;
    width: 100%;
}

ul.tc_tabs li {
    width: 49%;
    margin-right: 0;
    height: 50px;
    border: 1px solid #0072c1;
    margin-bottom: -1px;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 8px;
    position: relative;
}

ul.tc_tabs li:nth-child(2) {
    margin-right: 0;
}


ul.tc_tabs li.active {
    background-color: #0072c1;
    color: #fff;
}

ul.tc_tabs li.active a {
    color: #fff;
}


ul.tc_tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 17px;
    height: 100%;
    padding-top: 10px;
}

ul.tc_tabs li:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

ul.tc_tabs li.active:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    bottom: 4px;
}

ul.tc_tabs li.active.fixed:after {
    border-top: none;
    border-left: none;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    bottom: 4px;
}

ul.tc_panels {
    clear: both;
    padding: 3% 0;
    position: relative;
    transition: all 0.2s ease;
    padding: 40px 20px;
    background-color: #fff;
    clear: both;
    overflow: hidden;
    border: none;
    width: 100%;
    width: 834px;
    border-top: 4px solid #0072c1;
    margin-top: -1px;
}

ul.tc_panels > li.tc_panel {
  display: none;
}

ul.tc_panels > li.tc_panel.active {
  display: block;
}

ul.tc_panels li.tc_panel {
    
}

ul.tc_panels li.tc_panel img {
    display: block;
    margin: 0 auto;
}

/* -------------------------------------
116 真空ポンプによる吸着搬送システム
------------------------------------- */

.ejector_imgs_single {
    margin: 20px auto 0;
    text-align: center;
}

.ejector_imgs_single img {
/*
    width: 834px;
    max-width: 834px;
*/
    width: 710px;
    max-width: 710px;
}

area:hover {
    border: 4px solid #0072c1;
}

.ejector_imgs_single area:hover {/*210222 SDL追加*/
    border: none;
}



/* -------------------------------------
真空パッドZP3/ZP2/ZP Series
------------------------------------- */

table.pad_table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 834px;
    overflow: hidden;
    border: none;
    border-left: 2px solid #fff;
}


.table_fixed.pad_table tr th:first-child,
.table_fixed.pad_table tr td:first-child {
    border-left: 1px solid #ccc;
}

table.pad_table tr th,
table.pad_table tr td {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 5px;
    white-space: normal;
}

table.pad_table tr th p,
table.pad_table tr td p,
table.pad_table tr th span,
table.pad_table tr td span,
table.pad_table tr th a,
table.pad_table tr td a {
    font-size: 13px;
    font-weight: 500;
}

table.pad_table tr td.vari {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

table.pad_table tr td.vari p {
    margin-bottom: 5px;
}


.table_fixed tr td a.result_link {
    background: #0072c1;
    color: #fff;
    font-size: 13px;
    padding: 5px 0;
    width: 48px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.table_fixed tr td a.result_link:hover {
    box-shadow: 0 0 0 4px #6598cf inset;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1.0;
}

.work_note {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: 10px;
}

.cont_inner h2.noteTitle {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #333;
    padding-bottom: 6px;
    background: transparent;
    padding: 8px 20px 8px 0px;
}

.work_note .work_note_l {
    margin-right: 20px;
}

.work_note .work_note_l p {
    font-size: 14px;
    color: #fff;
    padding: 3px 8px;
    background: #bd272d;
    white-space: nowrap;
}

.cont_inner h2.noteTitle:before {
    content: none;
}

.work_note .work_note_r p {
    color: #bd272d;
    font-size: 14px;
    margin-bottom: 5px;
}

.work_note .work_note_r p.noteSub {
    font-weight: 600;
    font-size: 16px;
}

.work_note .work_note_r ul {
    margin-left: 1.0em;
    padding: 0 0 10px;
}

.work_note .work_note_r ul li {
    color: #bd272d;
    padding-left: 5px;
    list-style-type: decimal;
    padding-bottom: 3px;
}

.js-scrollable.multi_table {
    margin-bottom: 40px;
}


/* -------------------------------------
173 真空パッドZP3/ZP2/ZP Series
------------------------------------- */


ul.pad_frame_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 0;
}

ul.pad_frame_list li {
    width: 270px;
    max-width: 270px;
    height: auto;
    min-height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    position: relative;
}

ul.pad_frame_list li:nth-child(3n) {
    margin-right: 0;
}

ul.pad_frame_list li a {
    display: block;
}

ul.pad_frame_list li p {
    font-size: 16px;
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 10px;
}

ul.pad_frame_list li img {
    width: 62px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 30px;
}

ul.pad_frame_list li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*hover*/
ul.pad_frame_list li:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
    z-index: -1;
}

ul.pad_frame_list li:hover::after {
    opacity: 0.3;
}
/*hover*/


ul.pad_frame_list li.kyuuchakuato img {
    width: 123px;
}

ul.pad_frame_list li.kyuuchakuato span {
    font-size: 11px;
    color: #0072C1;
    padding: 2px 2px;
    border: 1px solid #0072C1;
    position: absolute;
    right: 27px;
    bottom: 8px;
    line-height: 1.0;
}

ul.pad_frame_list li.non_contact img {
    width: 84px;
}

ul.pad_frame_list li.blast img {
    width: 90px;
}


/* -------------------------------------
143  流体制御　業界別用途
------------------------------------- */
#content.subject_cont {
    margin-bottom: 20px !important;
}
.subject_cont .tabs_b li {
    width: auto;
    margin-bottom: 0px;
}
.subject_cont .tabs_b li:last-child {
    margin-right: 0;
}
.subject_cont .tabs_cont {
    margin-top: 20px;
}
.subject_cont > ul > li > img {
    margin-top: 5px;
    margin-bottom: 10px;
}

.box_list {
    margin-right: -5px;
    margin-left: -5px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.box_list > li {
    height: 140px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 0;
}
.box_list > li > a {
    position: relative;
}
.box_list .list_txt p.fn16 {
    line-height: 1.3;
    letter-spacing: -1px;
}
.box_list .list_img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.box_list .list_img.img08 {
    top: 54%;
}
.box_list .txt_box {
    position: absolute;
    top: 80px;
    left: 10px;   
    width: 125px;
}
.box_list .txt_box .txt_bd {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #0072c1;
    border: 1px solid;
    letter-spacing: -0.3px;
}
.box_list .txt_box .txt_bg_gray {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #fff;
    background: #797c87;
    letter-spacing: -0.3px;
}
.box_list .txt_box .txt_bg_blue {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #fff;
    background: #0072c1;
    letter-spacing: -0.3px;
}
.ico_txt span:first-child {
    margin-right: 4px;
}
.ico_txt span img {
    margin-right: 3px;
}
/* .box_list .txt_box .ico_txt .txt_bd {
    padding: 2px 3px;
} */

/* -------------------------------------
144  タブ4つ
------------------------------------- */
.subject_cont .tabs_4 li {
    width: 24%;
}
ul.tabs_4 {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 5px solid #0072c1;
}
ul.tabs_4 li {
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 8px;
    position: relative;
}
ul.tabs_4 li.active {
    color: #fff;
}
ul.tabs_4 li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}
ul.tabs_4 li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 15px 15px 15px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}
ul.tabs_4 li.active a:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    bottom: 4px;
}
ul.tabs_4 li a:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(
45deg);
}
/* -------------------------------------
144  管継手・駆動制御機器(スピードコントローラ)・チューブ
------------------------------------- */
#content.special_cont {
    margin-bottom: 20px !important;
}
.special_cont .tabs_b li {
    width: 32.69%;
}
.special_cont .tabs_b li:last-child {
    margin-right: 0;
}
.special_cont .tabs_cont {
    margin-top: 20px;
}
.special_cont .box_list .txt_box {  
    width: unset;
    top: unset;
    bottom: 10px;
}
.special_cont .p_block h3:before {
    top: 11px;
}
.special_cont .box_list .list_txt p.fn16 span.txt_blue {
    color: #0072c1;
}
.special_cont .d_flex {
    display: flex;
}
.special_cont .box_list .txt_box .txt_bd , 
.special_cont .box_list .txt_box .txt_bg_gray , 
.special_cont .box_list .txt_box .txt_bg_blue {
    margin-bottom: 4px;
}

/* -------------------------------------
145 管継手･オーダーメイド仕様
------------------------------------- */

#content.order_m {
    margin-bottom: 65px;
}
.ordermade_cont  .tabs_b {
    margin-bottom: 23px;
}
.ordermade_cont  .tabs_b li {
    width: 32.85%;
}
.ordermade_cont  .tabs_b li:last-child {
    margin-right: 0;
}
.txt_vertical {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    text-align: start;
    line-height: 1;
}
.ordermade_cont .table_fixed tr th {
    background: #f2f2f2;
}
.ordermade_tbl.table_fixed {
    table-layout: unset;
    border: 1px solid #ccc;
}
.ordermade_tbl.table_fixed tr.tbl_vertical_top th {
    vertical-align: top;
    height: 335px;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead {
    width: 180px;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead a {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 3px;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead a span {
    padding-right: 0;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead a span:before {
    display: none;
    width: 0;
    height: 0;
    background: none;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead a span:after {
    display: none;
    width: 0;
    height: 0;
    border: 0;
}
.ordermade_tbl.hot_water_tbl tbody tr td.imghead a span {
    text-align: left;
    letter-spacing: -.5px;
    color: #231815;
}
.ml-n10 {
    margin-left: -10px;
}
.ordermade_tbl tr:first-child th:not(:first-child){
    width: 55px;
    color: #005bac;
    font-size: 16px;
    line-height: 1;
    background: #e8efef;
    vertical-align: top;
}
.ordermade_tbl tr:first-child th:not(:first-child) span {
    font-size: 10px;
    color: #231815;
}
.ordermade_tbl   td:nth-child(2){
    font-size: 16px;
    background: #e8efef;
}
.ordermade_tbl .x_bg {
    background: #dce3ed;
    text-align: center;
}

.ordermade_tbl .x_bg p:first-child span:first-child {
    margin-left: -20px;
}
.ordermade_tbl .x_bg p:first-child span:last-child {
    margin-right: -20px;
}
.ordermade_tbl .x_bg p:nth-child(2) {
    height: 16px;
    color: #231815;
    font-size: 10px;
}
.ordermade_tbl .x_bg p:first-child {
    color: #005bac;
}
.ordermade_tbl .x_bg p:last-child span {
    margin-right: -10px;
}
.ordermade_tbl tr:last-child td:first-child {
    background: #e6e6e6;
}
.ordermade_tbl tr:last-child  td {
    padding: 2px 5px;
}
.ordermade_tbl tr:last-child td:not(:first-child){
    color: #005bac;
    background: #e8efef;
    vertical-align: top;
}
.ordermade_tbl tr:last-child td:not(:first-child) span{
    font-size: 12px;
    color: #231815;
}
.table_fixed.ordermade_tbl tr th:first-child,
.table_fixed.ordermade_tbl tr td:first-child {
    border-left: 1px solid #ccc;
}
.notice_txt {
    margin-top: 15px;
    color: #000;
}
.notice_txt span {
    display: inline-block;
    width: 56px;
}
.link_wrap {
    padding: 40px 0 100px 0;
    border-top: 1px solid #0072c1;
    margin-top: 50px;
}
ul.link_list {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1120px;
    margin: 0 auto;
}

ul.link_list > li {
    box-sizing: border-box;
    width: 256px;
    border: 1px solid #0072c1;
    margin-right: 10px;
    margin-bottom: 10px;
}
ul.link_list > li > a {
    font-size: 14px;
    color: #0072c1;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 5px 15px 10px;
    position: relative;
}

ul.link_list > li > a > span {
    font-size: 14px;
    color: #0072c1;
    margin-left: 35px;
}

/*hover*/
ul.link_list > li > a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #0072c1;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

ul.link_list > li > a:hover::after {
    opacity: 0.8;
}
/*hover*/
ul.link_list .tec_ban span:before,
ul.link_list .equipment_ban span:before,
ul.link_list .web_catalog_ban span:before,
ul.link_list .cad_ban span:before,
ul.link_list .theme_ban span:before,
ul.link_list .manual_ban span:before,
ul.link_list .contact_ban span:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 10px;
    
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
ul.link_list .tec_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/product/ja/tec_ic.png);
}

ul.link_list .equipment_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/temperature_controller/equipment_ic.png);
}

ul.link_list .web_catalog_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/product/ja/web_catalog_ban_ic.png);
}

ul.link_list .contact_ban span:before {
    width: 38px;
    height: 28px;
    background-image: url(/assets/smc_img/common/sidebar/side_ic_contact.png);
    margin: 0 3px;
}

ul.link_list .cad_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/product/ja/cad_ban_ic.png);
}

ul.link_list .theme_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/product/ja/theme_ban_ic.png);
}

ul.link_list .manual_ban span:before {
    width: 28px;
    height: 28px;
    background-image: url(/assets/smc_img/product/ja/manual_ban_ic.png);
}
.mb_n5 {
    margin-bottom: -5px;
}
.mt_n5 {
    margin-top: -5px;
}


/*---------------------------------------------
  221 エアシリンダ基本特性資料
  ---------------------------------------------*/

ul.tabs_select.tabs_wide {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

ul.tabs_select.tabs_wide li {
    width: auto;
    min-width: 173px;
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    position: relative;
    margin-right: 8px;
}

ul.tabs_select.tabs_wide li:last-child {
    margin-right: 0;
}

ul.tabs_select.tabs_wide li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 5px 15px 15px 15px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
    font-size: 16px;
    display: table;
}

ul.tabs_select.tabs_wide li a span {
    display: table-cell;
    vertical-align: middle;
}

ul.tabs_select.tabs_wide li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}

ul.tabs_select.tabs_wide li a:hover {
    background-color: #0072c1;
}

.tabs_select_cont.padFunc_tabCont {
    padding: 30px 0 40px;
    background-color: #fff;
    border: none;
    width: 100%;
    border-top: 5px solid #0072c1;
}

.tabs_wide_panels {
    width: 100%;
    padding: 25px 15px 25px 15px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    clear: both;
    transition: all .2s ease;
    border-top: 5px solid #0072c1;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    background: #fafafa;
}

h2.in_title {
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    background: transparent;
}

h2.in_title:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    border: none;
}

.sub_title {
    font-size: 16px;
    font-weight: 600;
}

.tabs_wide_panels p {
    margin: 8px 0px;
}

img.wide_normal {
    width: 1088px;
    max-width: 1088px;
}

.table_fixed.table_aircylinder {
    width: 1088px;
    max-width: 1088px;
    border-top: 1px solid #ccc;
}

.table_fixed.table_aircylinder tr th,
.table_fixed.table_aircylinder tr td {
    padding: 10px 10px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.table_fixed.table_aircylinder tr th.bold,
.table_fixed.table_aircylinder tr td.bold {
    font-weight: bold;
}

.table_fixed.table_aircylinder tr td.h_title,
.table_fixed.table_aircylinder tr th.h_title {
    text-align: left;
    background: #e6e6e6;
}

.table_fixed.table_aircylinder tr td.hyphen {
    background-color: rgba(128, 128, 128, 0.05);
}

.table_note {
    font-size: 12px;
}

.img_box img {
    width: 100%;
    max-width: 100%;
}

.img_box618 {
    width: 618px;
}

.img_box p {
    font-size: 13px;
    text-align: center;
}

table.table_aircylinder01 {
    margin-top: 20px;
    width: 600px;
    max-width: 100%;
    border-top: 1px solid #ccc;
}

.table_aircylinder01 tr th,
.table_aircylinder01 tr td {
    padding: 10px 10px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.ft16 {
    font-size: 16px;
}


ul.air_test_spec {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    -webkit-align-items: center;
    align-items: center;
}

ul.air_test_spec li {
    height: 360px;
}


ul.air_test_spec li:first-child {
    width: 600px;
    max-width: 600px;
    margin-right: 30px;
}

ul.air_test_spec li:nth-child(2) {
    width: 458px;
}

ul.air_test_spec li:nth-child(2) div {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
}

ul.air_test_spec li:nth-child(2) img {
    width: 346px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

table.table_aircylinder02 {
    width: 600px;
    max-width: 100%;
    border-top: 1px solid #ccc;
}

table.table_aircylinder02 tr th,
table.table_aircylinder02 tr td {
    padding: 5px 10px;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.sub_title {
    font-size: 14px;
}

.flex_start {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

ul.cylinder01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

ul.cylinder01 li:first-child {
    width: 400px;
    margin-right: 20px;
}

table.table_cylinder01 {
    width: 400px;
    border-top: 1px solid #ccc;
}

table.table_cylinder01 th {
    text-align: left;
}


/*---------------------------------------------
  222 ロッド先端金具
  ---------------------------------------------*/

table.table_rodjoin01 {
    border-top: 1px solid #ccc;
    width: 100%;
    max-width: 100%;
}

.table_rodjoin01 tr th,
.table_rodjoin01 tr td {
    padding: 8px 10px;
    text-align: center;
    font-size: 14px;
}

ul.rodjoin01 {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.rodjoin01 li:first-child {
    width: 360px;
}

ul.rodjoin01 li:nth-child(2) {
    width: 676px;
}

ul.rodjoin01 li:first-child p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0;
}

ul.rodjoin01 li:first-child p span {
    font-size: 13px;
}

ul.rodjoin01 li:first-child p span.alp {
    font-weight: 600;
    font-size: 16px;
}

ul.rodjoin01 li:first-child ul {
    list-style-type: disc;
    margin-left: 2.5em;
}

ul.rodjoin01 li:first-child img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}

ul.rodjoin01.rodjoin02 {
    align-items: center;
}

.table_rodjoin01.table_rodjoin02 {
    width: 360px;
}

.table_rodjoin01.table_rodjoin03 {
    width: 464px;
}


/*---------------------------------------------
  224 ガイド付シリンダ基本特性
  ---------------------------------------------*/

.table_fixed.table_aircylinder tr td.pd_0 {
    padding: 0;
}

.table_fixed.table_aircylinder tbody tr.test_conditions {
    border-bottom: none;
}

.table_fixed.table_aircylinder tbody tr.test_conditions td {
    padding-bottom: 0;
}

.table_fixed.table_aircylinder tbody tr.test_conditions td:first-child {
    text-align: left;
    font-size: 12px;
    vertical-align: top;
}

.table_fixed.table_aircylinder tbody tr.test_conditions01 td {
    padding-top: 0;
}

.table_fixed.table_aircylinder tbody tr.test_conditions01 td:first-child {
    text-align: left;
}

.table_fixed.table_aircylinder tr.tr_guide th,
.table_fixed.table_aircylinder tr.tr_guide td {
    padding: 3px 10px;
}


/*---------------------------------------------
  223 ロッドレスシリンダ基本特性
  ---------------------------------------------*/

.table_caption {
    text-align: center;
}

table.table_rodless01 {
    border-top: 1px solid #ccc;
    background: #fff;
    width: 1088px!important;
}

table.table_rodless01 th {
    font-weight: 400;
}

.table_fixed.table_rodless01 tr td.h_title {
    text-align: left;
    background: #e6e6e6;
}

.table_fixed tr td.center {
    text-align: center;
}

table.table_rodless02 {
    border-top: 1px solid #ccc;
    background: #fff;
    width: 1088px!important;
}

table.table_rodless02 th {
    font-weight: 400;
    padding: 5px 10px;
}

table.table_rodless02 td {
    font-weight: 400;
    text-align: center;
    padding: 5px 10px;
}

.table_stripe.table_rodless02 tbody tr:nth-child(even) td {
    background: #fff;
}

.table_stripe.table_rodless02 tbody tr:nth-child(even) td.h_title {
    background: #e6e6e6;
}

.table_fixed.table_rodless02 tr td.h_title {
    text-align: left;
    background: #e6e6e6;
}


/*---------------------------------------------
  226 真空ポンプシステム_バリエーションから選ぶ
  ---------------------------------------------*/

.e_variation > li > a img.im_w130 {
    width: 130px;
}

.e_variation > li > a img.im_w108 {
    width: 108px;
}

ul.tabs_select.e_variation_tab {
    width: 460px;
    max-width: 460px;
}

.e_variation_tab li {
    margin-right: 8px;
}

.e_variation_list > li > a > p {
    width: 65%;
    height: 88px;
}

.e_variation_list > li > a > div {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.tabs_select.e_variation_tab li {
    width: 270px;
    max-width: 270px;
}

.tabs_select_cont.e_variation_tabCont {
    padding: 30px 0 40px;
    background-color: #fff;
    border: none;
    width: 100%;
    border-top: 5px solid #0072c1;
}

.e_variation_list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}

.e_variation_list li {
    width: 270px;
    max-width: 270px;
    height: auto;
    min-height: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #c8c8c8;
    position: relative;
}

.e_variation_list li:nth-child(3n) {
    margin-right: 0;
}

.e_variation_list li a {
    display: block;
    border: none;
}

.e_variation li p {
    font-size: 16px;
    margin-left: 10px;
    margin-top: 15px;
}

.e_variation_list li img {
    height: 94px;
    top: 0;
    right: 20px;
}

.e_variation li:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*hover*/
.e_variation_list li:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border: 4px solid #333;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
    z-index: -1;/*SDL 210407 リンククリック有効にするため*/
}

.e_variation_list li:hover::after {
    opacity: 0.3;
}
/*hover*/


/*---------------------------------------------
  227 真空用機器_製品分類から選ぶ
  ---------------------------------------------*/

.tabs_select_cont.ejector_func_cont {
    background-color: transparent;
    border: none;
    border-top: 5px solid #0072c1;
    padding: 0 0 40px;
}

/*
ul.ejector_func01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.ejector_func01 li:first-child {
    width: 214px;
}

ul.ejector_func01 li:nth-child(2) {
    width: 590px;
}
*/

.table_fixed.spectbl_01 {
    width: 590px;
    max-width: 590px;
    border-top: 1px solid #ccc;
}

.table_fixed.spectbl_01 th,
.table_fixed.spectbl_01 td {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
}

.table_fixed.spectbl_01 th.ft12,
.table_fixed.spectbl_01 td.ft12 {
    font-size: 12px;
}

.table_fixed.spectbl_01 th.series,
.table_fixed.spectbl_01 td.series {
    text-align: left;
    padding-left: 15px;
    padding-right: 10px;
}

.table_fixed.spectbl_01 th.series a,
.table_fixed.spectbl_01 td.series a {
    color: #333333;
    position: relative;
}

.table_fixed.spectbl_01 td.series a:before {
    content: '';
    width: 13px;
    height: 13px;
    background: #c3c3c3;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.table_fixed.spectbl_01 td.series a:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: rotate(45deg);
    right: -16px;
    margin-top: -3px;
}


.ejector_func01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ejector_func01_left {
    width: 214px;
}

.ejector_func01_right {
    width: 590px;
}

.ejector_func01_left img {
    width: 214px;
    margin-bottom: 25px;
}

.ejector_func01_left a.normal_bt {
    width: 214px;
    min-height: 40px;
    margin: 0 auto;
}

.table_fixed.spectbl_01 td span.tdsmall {
    font-size: 10px;
}


/*---------------------------------------------
  228 電動アクチュエータ・ドライバ
  ---------------------------------------------*/

table.controller_tbl {
    border-top: 1px solid #ccc;
    width: 834px;
}

table.controller_tbl th {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 2px;
}

table.controller_tbl td {
    text-align: center;
    font-size: 12px;
    padding: 5px 2px;
}

table.controller_tbl td.pname {
    text-align: left;
    padding-left: 10px;
}

table.controller_tbl tbody tr:nth-child(even) td {
    background: #fff;
}


/* -------------------------------------
229  駆動制御機器(スピードコントローラ)・汎用
------------------------------------- */
#content.kudou_cont {
    margin-bottom: 20px !important;
}
.kudou_cont .kudou_tabs_b li:last-child {
    margin-right: 0;
}

.kudou_tabs_cont li img {
    top: 0;
    right: 20px;
}

.kudou_cont .kudou_tabs_cont {
    margin-top: 20px;
}

.kudou_tabs_cont li img.w60 {
    width: 60px;
}

.kudou_tabs_cont li img.w90 {
    width: 90px;
}

.kudou_tabs_cont li img.w120 {
    width: 120px;
}

.kudou_tabs_cont li img.w135 {
    width: 135px;
}

ul.kudou_tabs_b {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 5px solid #0072c1
}

ul.kudou_tabs_b li{
    
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 8px;
    position: relative;
}

ul.kudou_tabs_b li.active {
    color: #fff;
}

ul.kudou_tabs_b li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 10px 15px 10px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}

ul.kudou_tabs_b li a:hover {
    background-color: #0072c1;
    opacity: 0.9;
    color: #fff;
}

ul.kudou_tabs_b li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}

ul.kudou_tabs_b li a:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

ul.kudou_tabs_b li a:hover:after {
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
}

ul.kudou_tabs_b li.active:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    bottom: 4px;
}

ul.kudou_tabs_b li.active a:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    bottom: 4px;
}

.ft12_sp.ft32 {
    font-size: 32px;
}

/* -------------------------------------
230  駆動制御機器(スピードコントローラ)・低速制御用
------------------------------------- */

.kudou_tabs_cont li img.w70 {
    width: 70px;
}

.kudou_tabs_cont li img.w84 {
    width: 84px;
}

.kudou_tabs_cont li img.w100 {
    width: 100px;
}

.box_list .list_img.list_img01 {
    transform: translateY(-30%);
}


/* -------------------------------------
231  駆動制御機器(スピードコントローラ)・特殊環境用
------------------------------------- */

.box_list .txt_box-w {
    position: absolute;
    top: 80px;
    left: 10px;
    width: 150px;
}

.box_list .txt_box-w .txt_bg_gray {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #fff;
    background: #797c87;
    letter-spacing: -0.3px;
}

.fn12 {
    font-size:12px;
}

.kudou_tabs_cont li img.w110 {
    width: 110px;
}
    
.kudou_tabs_cont li img.w130 {
    width: 130px;
}

.box_list .list_img.list_img02 {
    transform: translateY(-20%);
}

/* -------------------------------------
232  駆動制御機器(スピードコントローラ)・特殊機能
------------------------------------- */

.kudou_tabs_cont li img.w144 {
    width: 144px;
}

/* -------------------------------------
235  駆動制御機器(スピードコントローラ)・関連機器
------------------------------------- */

.kudou_tabs_cont li img.w104 {
    width: 104px;
}

.kudou_tabs_cont li img.w154 {
    width: 154px;
}


/* -------------------------------------
236  駆動制御機器･オーダーメイド仕様
------------------------------------- */

.table_kudou_ordermade {
    width: 834px;
}

.table_fixed.table_kudou_ordermade th {
    font-size: 14px;
    font-weight: 500;
    
}

.table_fixed.table_kudou_ordermade tr.vertical_title th {
    vertical-align: top;
    border-left: 1px solid #ccc;
/*
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
*/
}

.table_fixed.table_kudou_ordermade tr.vertical_title th span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    white-space:nowrap;
}

.table_fixed.table_ordermade tr.p_name02 th {
    padding: 10px 0;
    color: #0072C1;
    background-color: rgba(232,239,239,0.8);
    font-weight: 600;
    font-size: 13px;
}


.table_fixed.table_kudou_ordermade th.pro_n01 {
    padding: 10px 0;
    color: #0072C1;
    background-color: rgba(232,239,239,0.8);
    font-weight: 600;
}

.table_fixed.table_kudou_ordermade {
    height: 100%;
    border-top: 1px solid #ccc;
}

.table_fixed.table_kudou_ordermade td.pro_n02 {
    padding: 0 0 0 10px;
    height: 100%;
}

.table_fixed.table_kudou_ordermade td.pro_n02 img {
    width: 50px;
}

.table_fixed.table_kudou_ordermade td.pro_n02 ul {
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.table_fixed.table_kudou_ordermade td.pro_n02 ul li {
    height: 100%;
    min-height: 58px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.table_fixed.table_kudou_ordermade td.pro_n02 ul li:first-child {
    min-width: 50px;
    width: 15%
}

.table_fixed.table_kudou_ordermade td.pro_n02 ul li:nth-child(2) {
    width: 60%;
    padding-left: 10px;
    color: #333333;
}

.table_fixed.table_kudou_ordermade td.pro_n02 ul li:nth-child(3) {
    background: #e8efef;
    width: 25%;
    padding-left: 20px;
}

.table_fixed.table_kudou_ordermade td.app {
    color: #0072C1;
    background-color: rgba(78,114,164,0.2);
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
}

.table_fixed.table_kudou_ordermade td.app01 {
    color: #0072C1;
    background-color: rgba(78,114,164,0.2);
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
}

.table_fixed.table_kudou_ordermade td.app_title {
    color: #333333;
    text-align: center;
    background: #e6e6e6;
}

/* -------------------------------------
237  駆動制御機器(スピードコントローラ)・チューブ
------------------------------------- */
.tube_mainImg {
    width: 460px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.tube_list > li {
        height: 140px;
}
.tube_list > li > a {
    position: relative;
}
.tube_list .list_txt p.fn16 {
    line-height: 1.3;
    letter-spacing: -1px;
}
.tube_list .list_img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.tube_list li img.w160 {
    width: 160px;
}
.tube_list li img.w124 {
    width: 124px;
}

/* -------------------------------------
237_2  駆動制御機器(スピードコントローラ)・チューブ
------------------------------------- */

.tube_mainImg {
    width: 460px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}

#content.tube_cont {
    margin-bottom: 20px !important;
}
.tube_cont .tube_tabs_b li:last-child {
    margin-right: 0;
}

.tube_tabs_cont li img {
    top: 0;
    right: 20px;
}

.tube_cont .tube_tabs_cont {
    margin-top: 20px;
}

.tube_tabs_cont li img.w60 {
    width: 60px;
}

.tube_tabs_cont li img.w90 {
    width: 90px;
}

.tube_tabs_cont li img.w120 {
    width: 120px;
}

.tube_tabs_cont li img.w135 {
    width: 135px;
}

ul.tube_tabs_b {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 5px solid #0072c1
}

ul.tube_tabs_b li{
    
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 8px;
    position: relative;
}

ul.tube_tabs_b li.active {
    color: #fff;
}

ul.tube_tabs_b li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 10px 15px 10px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}

ul.tube_tabs_b li a:hover {
    background-color: #0072c1;
    opacity: 0.9;
    color: #fff;
}

ul.tube_tabs_b li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}

ul.tube_tabs_b li a:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}

ul.tube_tabs_b li a:hover:after {
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
}

ul.tube_tabs_b li.active:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    bottom: 4px;
}

ul.tube_tabs_b li.active a:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    bottom: 4px;
}

.threeColumnList.none_photo > li {
    min-height: 64px;
    height: 64px;
}

/* -------------------------------------
238  チューブ・汎用
------------------------------------- */
#content.tube_cont {
    margin-bottom: 20px !important;
}
.tube_cont .tube_tabs_b li:last-child {
    margin-right: 0;
}
.tube_tabs_cont li img {
    top: 0;
    right: 20px;
}
.tube_cont .tube_tabs_cont {
    margin-top: 20px;
}
.tube_tabs_cont li img.w90 {
    width: 90px;
}
.tube_tabs_cont li img.w100 {
    width: 100px;
}
.tube_tabs_cont li img.w110 {
    width: 110px;
}
.tube_tabs_cont li img.w135 {
    width: 135px;
}
.tube_tabs_cont li img.w170 {
    width: 170px;
}
ul.tube_tabs_b {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 5px solid #0072c1
}
ul.tube_tabs_b li{
    margin-bottom: -1px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 8px;
    position: relative;
}
ul.tube_tabs_b li.active {
    color: #fff;
}
ul.tube_tabs_b li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 10px 15px 10px;
    height: 100%;
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    border-bottom: 1px solid #0072c1;
}
ul.tube_tabs_b li a:hover {
    background-color: #0072c1;
    opacity: 0.9;
    color: #fff;
}
ul.tube_tabs_b li.active a {
    color: #fff;
    background-color: #0072c1;
    border: 1px solid #0072c1;
}
ul.tube_tabs_b li a:after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-bottom: solid 2px #0072c1;
    border-right: solid 2px #0072c1;
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
}
ul.tube_tabs_b li a:hover:after {
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
}
ul.tube_tabs_b li.active:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    bottom: 4px;
}
ul.tube_tabs_b li.active a:after {
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    bottom: 4px;
}
.threeColumnList.box_list_tube01 {
    margin-top: 15px;
}

.threeColumnList.box_list_tube01 > li:first-child {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.box_list.box_list_tube01 .txt_box {
    left: 15px;
}
.tube_tabs_cont{
    margin-top:20px;
}


/* -------------------------------------
239 チューブ・特殊環境
------------------------------------- */
.box_list.box_list_tube02 .txt_box {
    left: 15px;
}
.tube_tabs_cont li img.w80 {
    width: 80px;
}
.tube_tabs_cont li img.w120 {
    width: 120px;
}
.tube_tabs_cont li img.w160 {
    width: 160px;
}
.tube_tabs_cont li img.w122 {
    width: 122px;
}
.tube_tabs_cont li img.w130 {
    width: 130px;
}
.box_list .txt_box.bd_top01{
    top:110px
}
.box_list .txt_box.bd_top02{
    top:88px
}


/* -------------------------------------
240 チューブ・関連機器
------------------------------------- */
.tube_tabs_cont li img.w142 {
    width: 142px;
}

/* -------------------------------------
241  製品選定ガイド チューブ･オーダーメイド仕様
------------------------------------- */

.table_fixed.table_ordermade {
    width: 834px;
    border-top: 1px solid #ccc;
}

.table_fixed.table_ordermade th {
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0px;
}

.table_fixed.table_ordermade td {
    font-size: 13px;
}

.table_fixed.table_ordermade th span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    white-space:nowrap;
    color: #333;
}

.table_fixed.table_ordermade tr.p_name01 th {
    vertical-align: top;
}

.table_fixed.table_ordermade tr.p_name01 th.o_title {
    vertical-align: middle;
}

.table_fixed.table_ordermade tr.p_name01 th img {
    width: 43px;
    margin-bottom: 5px;
}

.table_fixed.table_ordermade tr.p_name02 th {
    padding: 10px 0;
    color: #0072C1;
    background-color: rgba(232,239,239,0.8);
    font-weight: 600;
    font-size: 13px;
}

.table_fixed.table_ordermade tr.p_name02 th a {
    font-weight: 600;
}

.table_fixed.table_ordermade td {
    text-align: center;
}

.table_fixed.table_ordermade td.order {
    padding: 10px 10px;
    background-color: rgba(232,239,239,0.8);
    color: #0072C1;
    font-weight: 600;
}

.table_fixed.table_ordermade td.order span {
    display: block;
    color: #333333;
    font-weight: 500;
    font-size: 10px;
}

.table_fixed.table_ordermade td.pro {
    text-align: left;
    padding-right: 2px;
}

.table_fixed.table_ordermade td.app {
    color: #0072C1;
    background-color: rgba(78,114,164,0.2);
    padding: 10px 0;
    font-weight: 600;
}


/* -------------------------------------
242  用途別・テーマ別：クリーン
------------------------------------- */

.common_block_top {
    padding-top: 0;
}

ul.clean_box01 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.clean_box01 > li {
    width: 410px;
    border: 1px solid #0072c1;
}

ul.clean_box01 > li .box_i_title {
    background: #0072c1;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 9px 0;
}

ul.clean_box01 > li > div {
    padding: 20px 18px 20px 18px;
}

ul.clean_box01 > li > div ul {
    list-style: disc;
    padding-left: 1.0em;
    font-size: 14px;
}

ul.clean_box01 > li p.tx_blue {
    color: #0072c1;
    margin-left: 15px;
}

ul.clean_box01 > li > div img {
    width: 370px;
}

ul.clean_box01 > li > div img.p02 {
    margin-top: -15px;
}

.clean_list > li {
    height: 130px;
}

.clean_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.clean_list > li > a > p {
    width: 70%;
    font-size: 16px;
    letter-spacing: -1px;
}

.clean_list > li > a > div {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.clean_list.clean_list_01 > li > a img {
    width: 150px;
}

.clean_list.clean_list_01 > li > a > div {
    top: 60%;
}

.clean_list > li > a > div.tks {
    top: 60%;
}

.clean_list > li > a > div.asv {
    top: 60%;
}

h2 span.clean_logo:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/clean/h2_clean_logo.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

h2 span.clean_logo {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

.clean_list li img.w136 {
    width: 136px;
    transform: translate(10px, 20px);
}

.clean_list li img.w80 {
    width: 80px;
}

.clean_list li img.w88 {
    width: 88px;
}

.clean_list li img.w110 {
    width: 110px;
}

.spatter_list > li {
    height: 130px;
}

.spatter_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.spatter_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.spatter_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* -------------------------------------
251  用途別・テーマ別：耐スパッタ
------------------------------------- */

.common_block_top {
    padding-top: 0;
}

ul.spatter_top {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
/*
    -webkit-justify-content: space-between;
    justify-content: space-between;
*/
}

ul.spatter_top li {
    height: 293px;
}

ul.spatter_top li:first-child {
    width: 340px;
    max-width: 340px;
}

ul.spatter_top li:nth-child(2) {
    background: #e7eded;
    width: 494px;
    max-width: 494px;
    padding: 15px 15px;
}

ul.spatter_top li img.p03{
    width: 460px;
    margin-top: -10px;
}

ul.spatter_top li img.p04{
    width: 358px;
    margin-top: -20px;
    margin-left: 80px;
}

ul.spatter_top li:nth-child(2) .circle:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	behavior: url(border-radius.htc);
    background: #0072c1;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

ul.spatter_top li:nth-child(2) .square:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #0072c1;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}


.spatter_list > li {
    height: 130px;
}

.spatter_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.spatter_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.spatter_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.spatter_list > li > a img {
    width: 130px;
}


.spatter_list.spatter_list_01 > li > a img {
    width: 150px;
}

.spatter_list.spatter_list_01 > li > a > div {
    top: 60%;
}

.spatter_list > li > a > div.tks {
    top: 60%;
}

.spatter_list > li > a > div.asv {
    top: 60%;
}

h2 span.spatter_logo:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/spatter/h2_spatter_logo.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

h2 span.spatter_logo {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

.select_guide h1 span.select_guide_u {
    display: inline-block;
}

.select_guide h1 span.u_ic {
    font-size: 14px;
    color: #fff;
    background: #333333;
    display: inline-block;
    height: 28px;
    margin-bottom: 0;
    vertical-align: middle;
    padding: 6px 3px;
    margin-left: 25px;
    position: relative;
    line-height: 1.0;
}

.select_guide h1 span.u_ic:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -20px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 10px solid #333333;
}

.select_guide h1 span.u_ic:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: -20px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #333333;
}

/* -------------------------------------
252  用途別・テーマ別：省エア
------------------------------------- */

h2 span.air_logo {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

p.th_air_img {
    box-sizing: border-box;
    margin-bottom: 10px;
}

p.th_air_img img {
    width: 834px;
}

/* -------------------------------------
247  用途別・テーマ別：低速制御
------------------------------------- */

.lowsp_list > li {
    height: 130px;
}

.lowsp_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.lowsp_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.lowsp_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.lowsp_list > li > a img {
    width: 106px;
}

.jump_top li ul.related_eq {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
}

.jump_top li ul.related_eq li:nth-child(2) {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.jump_top li ul.related_eq li div {
    text-align: center;
}

.jump_top li ul.related_eq li div p {
    font-weight: 600;
}

.jump_top li ul.related_eq li:nth-child(2) .img01{
    width: 148px;
    margin-right: 10px;
}

.jump_top li ul.related_eq li:nth-child(2) .img02 {
    width: 125px;
    margin-right: 10px;
}

.jump_top li ul.related_eq li:nth-child(2) .img03 {
    width: 125px;
}

.jump_top > li table {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.jump_top > li table tr {
    border-bottom: 1px solid #ccc;
}

.jump_top > li table th, 
.jump_top > li table td {
    padding: 4px;
    font-size: 12px;
}

.jump_top > li table th {
    text-align: center;
    font-weight: 600;
    background: #e4e4e4;
}

.jump_top > li table td {
    padding-left: 30px;
}

.jump_top > li table td.p_name {
    font-weight: 600;
    background: #e4e4e4;
    text-align: center;
    padding-left: 0;
    border-right: 1px solid #ccc;
}

.jump_top > li table th.p_name {
    border-right: 1px solid #ccc;
}

h2 span.lowsp_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.lowsp_ic:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/lowsp/lowsp_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

/* -------------------------------------
250  用途別・テーマ別：飛び出し防止
------------------------------------- */

.jump_list > li {
    height: 130px;
}

.sjump_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.jump_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.jump_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.jump_list > li > a img {
    width: 100px;
}

.jump_top {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 30px;
}

.jump_top > li:first-child {
    width: 270px;
    margin-right: 10px;
}

.jump_top > li:nth-child(2) {
    width: 554px;
}

.jump_top > li:first-child img {
    width: 270px;
}

.jump_top li .circle:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    behavior: url(border-radius.htc);
    background: #0072c1;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.jump_top li .square:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #0072c1;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

h2 span.jump_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.jump_ic:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/jump/jump_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}


/* -------------------------------------
243  用途別・テーマ別：耐食
------------------------------------- */
h2 span.coregi_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.coregi_ic:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/coregi/coregi_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.jump_top li ul.related_eq li:nth-child(2) .img_co{
    width: 270px;
    margin-right: 0px;
    margin-top: -20px;
}

.jump_top li p.indent_18{
    margin-left: 18px;
}

.jump_top li p.left54{
    margin-left: 54px;
    text-indent: -36px;
}
.jump_top > li table th.border {
border-right: 1px solid #ccc;
}

.coregi_list > li {
    height: 130px;
}

.coregi_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.coregi_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.coregi_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.coregi_list > li > a img {
    width: 110px;
}

.coregi_list li img.w124 {
    width: 124px;
}

.coregi_list li img.w130 {
    width: 130px;
}

/* -------------------------------------
245  用途別・テーマ別：耐熱
------------------------------------- */
h2 span.heregi_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 8px;
}

h2 span.heregi_ic:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/heregi/heregi_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0px;
    margin-top: -5px;
}

.jump_top li p.indent_18{
    margin-left: 18px;
}

.jump_top li p .color_bl{
   color: #0072c1;
}

.heregi_list > li {
    height: 130px;
}

.heregi_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.heregi_list > li > a > p {
    width: 70%;
    font-size: 16px;
    white-space: nowrap;
}

.heregi_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.heregi_list > li > a img {
    width: 100px;
}

.heregi_list li img.w120 {
    width: 120px;
}

.heregi_list li img.w130 {
    width: 130px;
}

.heregi_list .txt_box {
    position: absolute;
    top: 90px;
    left: 10px;   
    width: 125px;
}

.heregi_list .txt_box .txt_bg_gray {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #fff;
    background: #797c87;
    letter-spacing: -0.3px;
}

/* -------------------------------------
246  用途別・テーマ別：静電気対策
------------------------------------- */
h2 span.se_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.se_ic:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 18px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/se/se_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.se_list > li {
    height: 130px;
}

.se_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.se_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.se_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.se_list > li > a img {
    width: 100px;
}

.se_list li img.w120 {
    width: 120px;
}

.se_list .txt_box {
    position: absolute;
    top: 90px;
    left: 10px;   
    width: 125px;
}

.se_list .txt_box .txt_bg_gray {
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 2px;
    font-size: 10px;
    color: #fff;
    background: #797c87;
    letter-spacing: -0.3px;
}

/* -------------------------------------
248  用途別・テーマ別：残圧対策
------------------------------------- */
h2 span.lowpre_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.lowpre_ic:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/lowpre/lowpre_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
}

.lowpre_list > li {
    height: 130px;
}

.lowpre_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.lowpre_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.lowpre_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.lowpre_list > li > a img {
    width: 100px;
}

.lowpre_list li img.w120 {
    width: 120px;
}

/* -------------------------------------
249  用途別・テーマ別：落下防止
------------------------------------- */
h2 span.fall_ic {
    color: #fff;
    font-size: 16px;
    background: #0072c1;
    margin-left: 15px;
    padding: 2px 5px;
}

h2 span.fall_ic:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    background-image: url(/assets/smc_img/select_guide/ja-jp/fitting/images/theme/fall/fall_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 0px;
}

.fall_list > li {
    height: 130px;
}

.fall_list > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.fall_list > li > a > p {
    width: 70%;
    font-size: 16px;
}

.fall_list > li > a > div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.fall_list > li > a img {
    width: 100px;
}

/* -------------------------------------
選定ガイド - 産業用通信機器/無線システム
------------------------------------- */

table.wireless_tbl {
    border-collapse: collapse;
    table-layout: fixed;
    width: 1120px;
}

.wireless_tbl tbody tr th {
    font-size: 15px;
    font-weight: 600;
}

.wireless_tbl tbody tr th.last {
    background: #808080;
    color: #fff;
}

.wireless_tbl tbody tr td {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
}

.wireless_tbl tbody tr td.tdleft {
    text-align: center;
    background-color: #FFFFFF;
}

.wireless_tbl tbody tr td.imghead {
    padding: 0;
    background: #dedbdb;
    vertical-align: middle;
    width: 110px;
    height: 110px;
    position: relative;
}

.wireless_tbl tbody tr td.imghead a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 0 14px;
}

/*
.wireless_tbl tbody tr td.imghead a:hover {
    box-shadow: 0 0 0 4px #6598cf inset;
    opacity: 1.0;
    z-index: 99;
}
*/


/*hover*/
.wireless_tbl tbody tr td.imghead a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 4px solid #333;*/
    border: 4px solid #0072c1;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

.wireless_tbl tbody tr td.imghead a:hover::after {
    opacity: 0.8;
}
/*hover*/


.wireless_tbl tr td.imghead img {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.wireless_tbl tbody tr td.imghead:before {
    content: '';
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: -9px;
}

.wireless_tbl tbody tr td.imghead:after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: 3px;
    right: 4px;
    transform: rotate(45deg);
}


.wireless_tbl tr td.imghead span {
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    color: #231815;
    display: block;
    margin-bottom: 5px;
    height: 32px;
}

.wireless_tbl tbody tr td span.p_std {
    color: #4e72a4;
    text-align: center;
}

.wireless_tbl tbody tr td span.p_optb {
    font-size: 11px;
    color: #5e5f5f;
}

.wireless_tbl tbody tr td span.p_acc {
    color: #6ca789;
}

p.func_opt {
    margin: 30px 0 10px;
    font-size: 14px;
}

.w_bcg {
    border-left: solid 1px #f0f0f0;
    background: #e8efef;
}
.w_bcww {
    margin: 30px 0 30px 10px;
    background: #FFFFFF;
}

.stripe2 {
    border-top: solid 1px #cfd1d1;
    background: #e8efef;
}



/*---------------------------------------------
  食品製造業界向機器 202303追加
  ---------------------------------------------*/

.foodco_area {
    padding-top: 15px;
display:flex;
}

.foodco_area ul {
    width: 834px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.foodco_area ul li {
display:block;
    width: 834px;
    max-width: 834px;
    height: 236px;
    position: relative;
    border: 1px #c8c8c8 solid;
    margin-bottom: 12px;
    margin-right: 1px;
}


.foodco_area ul li.none{

    height: 236px;
    position: relative;
    border: 0;
    margin-bottom: 12px;
    margin-right: 1px;
}

.foodco_area ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}

.foodco_area li a:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}


.food_area {
    padding-top: 15px;
}

.food_area ul {
    width: 834px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}



.food_area ul li {
    width: 270px;
    max-width: 270px;
    height: 256px;
    min-height: 80px;
    position: relative;
    border: 1px #c8c8c8 solid;
    margin-bottom: 20px;
    margin-right: 1px;
}





.food_area ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
}

.food_area li a:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/assets/smc_img/common/theme_arrow01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}


@media screen and (min-width:767px) {
.foodco_area ul li:hover {
    width: 100%;
    max-width: 834px;
    height: 236px;
    position: relative;
    border: 1px solid #c8c8c8;
    margin-bottom: 12px;
    margin-right: 1px;
}
.foodco_area ul li.none:hover {
    width: 100%;
    max-width: 834px;
    height: 236px;
    position: relative;
    border: 0;
    margin-bottom: 12px;
    margin-right: 1px;
}

.food_area ul li:hover {
    width: 100%;
    max-width: 270px;
    height: 256px;
    position: relative;
    border: 1px solid #c8c8c8;
    margin-bottom: 20px;
    margin-right: 1px;
}
.food_area ul li.none:hover {
    width: 100%;
    max-width: 270px;
    height: 256px;
    position: relative;
    border: 0;
    margin-bottom: 20px;
    margin-right: 1px;
}
}

/*hover処理*/
@media screen and (min-width:767px) {
.foodco_area ul li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #c8c8c8;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}
.food_area ul li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #c8c8c8;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
/*    -webkit-transition: all .3s;*/
/*    transition: all .3s;*/
}
}

.foodco_area ul li a:hover::after {
    opacity: 1.0;
}
.food_area ul li a:hover::after {
    opacity: 1.0;
}
/*hover処理*/


.food_area ul li img {
    display: block;
}

.foodco_area ul li img {
    display: block;
    float: right;
   padding-top: 22px;
   padding-right: 16px;
}


.food_area ul li img {
    width: 100%;
    margin: 0 auto;
}

.foodco_area ul li span {
    text-align: left;
    width: 100%;
    display: block;
    font-weight: bold;
    padding: 10px 0 5px 10px;
    top: 0;
    font-size: 16px;
    background: #fff;
    color: #5a5a5a;
}

.food_area ul li span {
    text-align: left;
    width: 100%;
    display: block;
    font-weight: bold;
    padding: 10px 0 5px 10px;
    top: 0;
    font-size: 16px;
    background: #fff;
    color: #5a5a5a;
}

.foodco_area .sub12 {
    text-align: left;
    line-height: 22px;
    font-size: 13px;
 padding: 12px 10px;
}


.food_area .sub10 {
    width: 100%;
    height: 47px;
    line-height: 22px;
    font-size: 13px;
    letter-spacing: -1px;
    padding: 6px 12px;
}

/*---------------------------------------------
  半導体業界向機器 202506追加
  ---------------------------------------------*/
.imagemap-container {
  position: relative;
  width: 100%;
  max-width: 834px;
  margin: 0 auto;
}

.responsive-img {
  display: block;
  width: 100%;
  height: auto;
}

.hover-area {
  position: absolute;
  display: block;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0); 
  cursor: pointer;
  text-decoration: none;
}