@media only screen and (min-width:641px) and (max-width:950px){ #header{width:100%;} #header #headerLink{display:none;} #common-search{right:0; left:auto;} #nav ul{width:99%; font-size:14px;} .ba_top{padding:8px 3%; box-sizing:border-box;} #banner{width:98%; padding-left:1%; padding-right:1%;} #banner.top30.clearfix{width:640px; margin:0 auto;} .kyocera_smcp.lm10_01,.kyocera_smcp.lm10,.kyocera_smcp.tm10,.tel_ti{margin:5px;} .kyocera_hotline,#sitemap #banner{width:auto; padding-left:10px; position:relative;} .kyocera_hotline .kyocera_w240{width:315px; float:left;} .kyocera_hotline .kyocera_w390{width:315px; float:left;} /*.kyocera_mail a{position:absolute; top:70px; left:5px;}*/ #sitemap #banner .kyocera_w315,#sitemap #banner .kyocera_w395,#sitemap #banner .kyocera_w240,#sitemap #banner .kyocera_w390{width:auto; padding-right:3%;} .footer_lz,.footernavi{width:auto; padding:0 5px;} .index_new{ width:68%;} .shanghai{width:28%;} .shanghai img{width:100%;} .ba_title{width:100%; padding:0;} /*index end*/ .car1{float:none; text-align:center;} .car2{float:none; padding:0; text-align:center; margin-top:15px;} .car3{float:none; padding:0; text-align:center; margin-top:15px;} /**/ .elec1{float:none; text-align:center;} .elec2{float:none; padding:0;} .elec3{float:none; margin-top:15px;} .elec4{float:none; text-align:center; margin-top:15px;} .elec5{float:none; text-align:center;} .elec6{float:none; padding:0; text-align:center; margin-top:15px;} /* */ /* ----------------------------------------------------------------- services css ----------------------------------------------------------------- */ .services_left{width:75%; float:left;} .services_right_z{width:22%; float:right;} .services_right{ padding:8px; background:#DEDFE1;} .services_right h3{font-size:14px;} .services_right ul{width:auto;} .services_right ul li a{font-size:12px; padding:7px 0 7px 5px; letter-spacing:-0.05em;} .services_right ul li img{margin-right:5px;} .services_right ul li li a{padding:5px 13px;} /* ----------------------------------------------------------------- build css ----------------------------------------------------------------- */ .build_img img{width:100%; max-width:505px;} /* ----------------------------------------------------------------- amb css ----------------------------------------------------------------- */ .amb_cross{padding:15px 0 0 0;} .amb_dl{padding:20px 0 0 0;} .amb_dl dt{width:42%} .amb_dl dt img{width:100%} .amb_dl dd{padding:80px 15px 0 10px;} /* ----------------------------------------------------------------- mic css ----------------------------------------------------------------- */ .mic_ph{width:100%; max-width:500px;} /* ----------------------------------------------------------------- semicon css ----------------------------------------------------------------- */ .semicon_smd{width:44%; padding:30px 0 0 15px; position:relative;} .semicon_tu img{width:120px;} .semicon_smd h4{font-size:16px;} .semicon_tc{color:#666; font-size:14px; line-height:20px;} /**/ .mimic{margin-left:263px;} .mimic_flp{padding:0; margin-left:10px;} /**/ .to_1{float:none; text-align:center;} .to_2{float:none; padding:0px; margin-top:10px; text-align:center;} .to_4{float:none; text-align:center;} .to_6{float:none; margin:0; text-align:center;} .to_8{float:none; text-align:center;} .to_9{float:none; margin:0; text-align:center;} .work_6{float:none; text-align:center;} .work_7{float:none; text-align:center; margin-top:15px; padding:0;} .work_8{float:none;} .work_11{float:none; margin-left:0px; margin-top:10px;} .mems{padding-left:10px;} .smd_r1{float:none; text-align:center;} .smd_r2{float:none; padding:0; text-align:center; margin-top:10px;} .smd_r3{float:none; padding:0; text-align:center; margin-top:10px;} .tosa_3{float:none; padding:0; margin-top:31px;} .tosa_5{float:none; padding:0; margin-top:15px;} .tosa_6{float:none;} .tosa_7{width:160px;} .news_r1{width:80%;} .news_r4{width:90%;} .comm_r2{float:none;} .comm_r3{float:none; padding:0; margin-top:15px;} .sensor_cc1{float:none} .sensor_cc2{float:none; padding:0; margin-top:10px;} #slide_visual{width:100%;} .img-scroll{width:100%;} .services_right_sp{ padding:8px; background:#DEDFE1; display:block; margin-top:25px;} .services_right_sp h3{font-size:16px; line-height:22px; padding:0 0 5px 2px;} .services_right_sp ul{width:auto; border:#CECFD0 1px solid; background:#FFF;} .services_right_sp ul li.services_li{height:20px; font-size:14px; padding:7px 0 7px 8px; display:block; background:#F9F9F9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DEDEDE', GradientType='0'); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 20%, #DEDEDE 100%);background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(20%, #FFFFFF), to(rgb(222, 222, 222))); cursor:default;} .services_right_sp ul li img{vertical-align:middle; margin-right:10px;} .services_right_sp ul ul{border:none;} .services_right_sp ul ul li a{height:auto; color:#333; font-size:12px; line-height:18px; padding:5px 20px; display:block; border-bottom:#CECFD0 1px solid; background:#F9F9F9;} .product_b1{display:none;} .product_b2{display:block;} .product_b3{float:none;} .product_b5{text-align:center;} .product_b6{ margin-top:30px;} .product_a_a1{width:100%;} .product_a_a2{margin-left:0px;} .product_a_a5{display:none;} .product_a_a8{width:100%;} .product_a_a4 table th, .product_a_a4 table td{width:24%;} .top50{padding-top:25px;} .sp_top2{padding-top:25px;} }