hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
srv
/
www
/
virtual
/
dev1.wccweb.jp.dac4.biz
/
web
/
htdocs
/
sp
/
assets
/
css
/
Upload FileeE
HOME
@charset "utf-8"; /* CSS Document */ body{/*padding: 0;*/margin: 0;-webkit-text-size-adjust:100%;} /*html{margin: 0;}*/ h1{width:100%; height:auto;padding: 0;margin:0;} .h3{width:100%;height:auto;margin:30px auto 0px auto;padding:0; text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:22px;color:#7c481f;letter-spacing:3px;} .h4{width:96%;color:#ad9481;font-size:17px;font-family: "Lucida Grande","メイリオ","Meiryo"; line-height:20px;letter-spacing:2px;padding:14px 1% 13px 1%;margin:20px auto 10px auto;text-align:left;border-bottom:#ad9481 1px solid;border-top:#ad9481 4px solid;} #wrap{ width:100%; height:auto; margin:0 auto;} .box1{width: 100%;height:auto; margin:0 auto;} .box2{width: 96%;height:auto; margin:0 auto;} .box3{width: 92%;height:auto; margin:0 auto;} .box4{width: 88%;height:auto; margin:0 auto;} .box5{width: 84%;height:auto; margin:0 auto;} .box6{width: 80%;height:auto; margin:0 auto;} #title{ width:100%; height:auto; margin:0 auto; background:url(../../image/back_title.jpg) top repeat-x; background-size:auto 100%} #title h2{width:96%;margin:0 auto; padding:14px 0 12px 0;font-size:14px; letter-spacing:3px;color:#1e120e;font-family: "MS P明朝","MS PMincho"; text-align:left; font-weight:normal;} .link_box1 a{ display:block;width:90%;height:auto; margin:0 auto 10px auto;padding:10px 1% 10px 3%; background:#ad9481;color:#FFF; text-decoration:none;letter-spacing:2px;font-family: "Lucida Grande","メイリオ","Meiryo"; line-height:20px} #sitemap{width:100%;height:auto;background-color:#f3f3f3;margin:20px auto 0 auto; padding:18px 0px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:10px; color:#000; letter-spacing:1px; } .sitemap{width:80%;max-width:300px;height: auto;margin:0px auto;cursor: pointer;padding:12px 0px;background:#FFF;font-size:15px;font-weight: bold;color:#2c3838;text-align:center; } .sitemap_row{display: none;width:100%;height: auto;margin:0px auto 0px auto; } #sitemap_list{width:100%;height:auto;margin:0 auto;padding:0px 0 0px 0;list-style:none;} #sitemap_list li{width:90%;height:auto;margin:8px auto 0px auto; padding:0px 0;font-size:15px;color:#000;} #sitemap_list li a{ display:block;color:#000; text-decoration:none; } .sitemap_list2{ width:90%;height:auto; margin:0px auto; padding:0; border-bottom:#666666 1px solid; font-size:18px; color:#000; font-weight:bold; } .sitemap_list2 a{ width:100%; height:auto; display:block; margin:14px auto 0px auto; padding:8px 0 0px 0; color:#000;text-decoration:none; } #page-top { position: fixed; bottom: 5%; right: 10%; } #page-top a { background:#c1b097;width:60px;height:45px;padding-top:15px;display: block;font-family: "MS P明朝","MS PMincho";font-size:16px; line-height:18px;text-align:center;color:#FFFFFF;text-decoration:none;} #copylight{width:100%;height:auto;background-color:#000;padding:8px 0; margin:0 auto;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:10px;text-align:center;color:#fff;letter-spacing:1px;} /**カスターマサポート****************************************************/ #service_policy{width:100%;height:100%;padding-top:60%;position: relative;background:url(../image/service_policy.jpg) no-repeat;background-size:100% auto;background-position:50% 25%;cursor:pointer;} #service_policy h3{position: absolute;top:55%;left: 0;width:100%;height:16%;padding:4% 0 0 0;margin:0;background:#a48c86;font-size:22px;font-family: "MS P明朝","MS PMincho";color:#FFFFFF;letter-spacing:3px; text-align:center;} #service_policy_arrow{position: absolute;top:75%;left:0%;width:100%;height:22%;padding:3% 0 0 0;text-align:center;background:#a48c86;} #service_policy_arrow img{ width:8%} #service_policy_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0px 0% 20px 0%;background:#a48c86;color:#FFFFFF;} #service_policy_movie{width:100%;height:auto; margin:0 auto; text-align:center; background:#000000} #service_policy_movie video{width:96%;height:210px; margin:0 auto;} #service_policy_movie_text1{width:100%;height:auto;margin:0 auto;background:#000000;text-align:center;font-size:18px;font-family: "MS P明朝","MS PMincho";color:#FFF;letter-spacing:2px; line-height:26px;} #service_policy_movie_text2{width:100%;height:auto;margin:0 auto;background:#000000;text-align:center;font-size:12px;font-family: "Lucida Grande","メイリオ","Meiryo";color:#a48c86;letter-spacing:2px;padding:0px 0 14px 0} #maintenance_reception_h3{width:100%;height:auto;margin:40px auto 10px auto;padding:0; text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:20px;color:#7c481f;letter-spacing:3px;} .brand{/*2列,リンク付き,メンテナンス受付 ショップリスト FAQ 共有*/ width:98%;height:auto;margin:0px auto 10px auto;padding:0px 0px 0px 0;list-style:none;} .brand li a{width:50%;height:auto;margin:0px 0; padding:0px 0; float:left;} .brand li a img{width:98%; border:0} .brand2{/*3列,リンクなし,メンテナンス受付 ショップリスト FAQ 共有*/ width:98%;height:auto; margin:10px auto 10px auto;padding:0;list-style:none;} .brand2 li{display:block;width:33.333%;height:auto;margin:0 auto;padding:0px 0 0 0;float:left;text-align:center;} .brand2 li img{width:98%;border:0} #mr_contact{ width:100%; height:100%; padding-top:34%; position: relative; background:url(../image/cs_contact.jpg) center no-repeat; background-size:cover; cursor:pointer; font-family: "Lucida Grande","メイリオ","Meiryo"; } #mr_contact2{ position: absolute; top:0%; left: 0%; width:100%; height:100%; background:rgba(173, 148, 129, 0.9); } #mr_contact h3{ position: absolute; top:7%; left:3%; width:94%; height:35%; padding:6% 0 0px 0; margin:0; background:#ad9481; z-index:1; font-size:20px;color:#FFFFFF;letter-spacing:6px; text-align:center; border-left:#FFF 1px solid; border-top:#FFF 1px solid; border-right:#FFF 1px solid; } #mr_contact_arrow{ position: absolute; top:50%; left:3%; width:94%; height:36%; padding:2% 0 0px 0; margin:0; z-index:1; text-align:center; background:#ad9481; border-left:#FFF 1px solid; border-bottom:#FFF 1px solid; border-right:#FFF 1px solid; } #mr_contact_arrow img{ width:8%} #mr_contact_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:20px 0px 20px 0;color:#5e4833;font-family: "Lucida Grande","メイリオ","Meiryo";} #mr_contact_row h4 { width:96%; height:auto; margin:0 auto 5px auto; padding:10px 0 10px 0; background:#ad9481; font-size:16px; font-weight:bold; color:#FFF; text-align:center; letter-spacing:2px;} .mr_contact_title{ width:78%; height:auto; margin:0 auto 5px auto; padding:3px 0; border-bottom:#7c481f 1px solid; font-size:16px; font-weight:bold;color:#5e4833;letter-spacing:3px;text-align:center; text-decoration:none; } #mr_contact_row h5 a{ display:block; width:86%; height:auto; margin:20px auto 16px auto; padding:2% 0 2% 0; border:#7c481f 1px solid; font-size:18px; font-weight:bold;color:#5e4833;letter-spacing:1px;text-align:center; text-decoration:none; background:url(../image/arrow2.png) right no-repeat; background-size:6% auto; background-position:96% 50%; } #habitual { width:100%; height:100%; padding-top:34%; position: relative; margin:0 auto; /*border-top:3px #7f6a4a solid;*/border-bottom:3px #eae5d6 solid; background:url(../image/habitual.jpg) top center repeat;font-family: "Lucida Grande","メイリオ","Meiryo"; } #habitual h3{ position: absolute; top:26%; left: 0%; width:100%; padding:0px 0 0px 0; margin:0; font-size:20px;color:#7f6a4a;letter-spacing:6px; text-align:center; } #habitual_arrow{ position: absolute; top:55%; left:0%; width:100%; height:auto; z-index:1; text-align:center; } #habitual_arrow img{ width:8%} #habitual_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0;} #habitual_list{ width:100%; height:540px; margin:0px auto 0px auto; padding:0px 0px 0px 0; list-style:none; background:#1d0f0c; } #habitual_list li a{ position:relative;width:50%;height:180px;margin:0px; padding:0 ; float:left; display:block;font-family: "Lucida Grande","メイリオ","Meiryo"; text-decoration:none; } #habitual_list1{background:url(../../image/customer_support/habitual1.jpg) center no-repeat; background-size:cover;color:#FFF; background-position:50% -50px;} #habitual_list2{background:url(../../image/customer_support/habitual2.jpg) center no-repeat; background-size:cover;color:#FFF;} #habitual_list3{background:url(../../image/customer_support/habitual3.jpg) center no-repeat; background-size:cover;color:#FFF; background-position:50% -30px;} #habitual_list4{background:url(../../image/customer_support/habitual4.jpg) center no-repeat; background-size:cover;color:#FFF; background-position:50% -20px;} #habitual_list5{background:url(../../image/customer_support/habitual5.jpg) center no-repeat; background-size:cover;color:#FFF; background-position:50% -30px;} #habitual_list a h4{position:absolute; top:120px; left:0%;width:100%;height:40px;margin:0 auto;padding:10px 0% 10px 0%;background:#1d0f0c;font-size:15px;letter-spacing:1px; font-weight:normal; line-height:18px} #belt{ width:100%; height:100%; padding-top:34%; position: relative; margin:0 auto; font-family: "Lucida Grande","メイリオ","Meiryo"; } #belt h3{ width:100%; height:auto; position: absolute; top:26%; left:0%; margin:0px; padding:0; text-align:center; font-size:20px; color:#be977f; letter-spacing:6px; } #belt_arrow{ position: absolute; top:55%; left:0%; width:100%; height:auto; z-index:1; text-align:center; } #belt_arrow img{ width:8%} #belt_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0;} #belt_image{ width:100%; height:150px; margin:0 auto 10px auto; background:url(../image/belt.jpg) center no-repeat; background-size:auto 100%; } #belt_link a{ display:block; width:90%; max-width:320px; padding:4% 0 4% 0; margin:10px auto 40px auto; background:#be977f; font-size:20px; color:#FFF; letter-spacing:2px; font-weight:bold; text-align:center; font-family: "Lucida Grande","メイリオ","Meiryo"; text-decoration:none; } #catalogue{ width:100%; height:100%; padding-top:40%; position: relative; margin:0px auto 0px auto; background:#000; } #catalogue2{ position:absolute; top:0%; left:0%; width:50%; height:100%; background:url(../image/catalogue.jpg) center center no-repeat; background-size:cover; } #catalogue h3{ position:absolute; top:24%; left:51%; width:48%; height:auto; padding:0; margin:0% 0 0 0; text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:20px;color:#FFF;letter-spacing:2px;line-height:22px; } #catalogue_arrow{ position: absolute; top:62%; left:50%; width:50%; height:auto; text-align:center; } #catalogue_arrow img{ width:16%} /*#catalogue_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:10px 0px 10px 0; list-style:none;background:url(../image/catalogue2.jpg) center no-repeat;background-size:100% auto;} #catalogue_row li a{ width:78%; height:auto; margin:20px 5%; padding:10px 0 10px 12%; display:block; border:#6a6363 2px solid; background:rgba(106, 99, 99, 0.99) url(../image/arrow2.png) right no-repeat; background-size:6% auto; background-position:90% 50%; font-family:"Lucida Grande","メイリオ","Meiryo"; letter-spacing:4px; text-decoration:none; font-size:20px; color:#FFF; text-decoration:none; font-weight:bold; }*/ #catalogue_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0px 0px 0px 0; list-style:none;background:url(../image/catalogue2.jpg) center no-repeat;background-size:100% auto;border-bottom:#FFF 3px solid;border-top:#FFF 3px solid;} #catalogue_row li a{ width:88%; height:auto; margin:0px 0%; padding:16px 0 12px 12%; display:block; border-bottom:#6a6363 1px dotted; background:/*rgba(106, 99, 99, 0.99)*/ url(../image/arrow7.png) right no-repeat; background-size:7% auto; background-position:90% 50%; font-family:"Lucida Grande","メイリオ","Meiryo"; letter-spacing:4px; text-decoration:none; font-size:18px; color:#6a6363; text-decoration:none; font-weight:bold; } #catalogue_row li:last-child a { border-bottom:none;} #warranty{ width:100%; height:100%; padding-top:40%; position: relative; margin:0px auto 0px auto; background:#000; } #warranty2{ position:absolute; top:0%; left:50%; width:50%; height:100%; background:url(../image/warranty.jpg) center center repeat; background-size:cover; } #warranty h3{ position:absolute; top:24%; left:1%; width:48%; height:auto; padding:0; margin:0; text-align:center; font-size:20px; font-family:"Lucida Grande","メイリオ","Meiryo"; color:#FFF; letter-spacing:2px; line-height:22px; } #warranty_arrow{ position:absolute; top:62%; left:0%; width:50%; height:auto; text-align:center; } #warranty_arrow img{width:16%} #warranty_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:20px 0px 20px 0;border-bottom:#be977f 3px solid } #warranty_row h4{ width:100%; height:auto; margin:12px auto 5px auto; padding:10px 0 8px 0; color:#be977f; letter-spacing:1px; text-decoration:none; text-align:center; font-size:16px; border-bottom:#be977f 3px double; border-top:#be977f 3px double; } #warranty_faq{width:100%;height:auto;padding:0;margin:0px auto;list-style-type: none;background:#be977f;} #warranty_faq li a{display: block;color:#FFF;font-size:16px;letter-spacing:1px;text-decoration:none;width:96%;height:auto;margin:0 auto 0px auto;padding:12px 1% 12px 3%;border-bottom:#FFF 1px solid; } #warranty_row li:last-child a { border-bottom:none;} #faq{ width:100%; height:100%; padding-top:34%; position: relative; margin:0px auto 0px auto; background:url(../image/faq.jpg) center no-repeat; background-size:150% auto; text-align:center; color:#ab914e; } #faq h3{ position:absolute; top:15%; left:0%; width:100%; height:auto; padding:0; margin:0; font-size:22px;font-family: "MS P明朝","MS PMincho";letter-spacing:3px; } #faq h4{ position:absolute; top:40%; left:0%; width:100%; height:auto; padding:0; margin:0; letter-spacing:3px; font-size:14px;font-family:"Lucida Grande","メイリオ","Meiryo"; } #faq_arrow{ position:absolute; top:58%; left:0%; width:100%; height:auto; text-align:center; } #faq_arrow img{width:8%} #faq_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0px 0px 0px 0;/*background: url(../image/faq.jpg) top center repeat-y ;background-size:100% auto;*/ border-top:#ab914e 3px solid;border-bottom:#ab914e 3px solid} #faq_row li a{display: block;width:96%;height:auto;margin:0 auto;padding:13px 2% 12px 2%;color:#ab914e;font-size:15px;letter-spacing:2px;text-decoration:none;font-family:"Lucida Grande","メイリオ","Meiryo"; border-bottom:#ab914e 1px dotted;} #faq_row li:last-child a { border-bottom:none;} #shop_list{ width:100%; height:100%; padding-top:34%; position: relative; margin:0px auto 0px auto; background:#be977f; } #shop_list h3{ position:absolute; top:26%; left:0%; width:100%; height:auto; padding:0; margin:0; font-size:22px; font-family: "MS P明朝","MS PMincho"; letter-spacing:3px; text-align:center; color:#FFF; } #shop_list_arrow{ position:absolute; top:54%; left:0%; width:100%; height:auto; text-align:center; } #shop_list_arrow img{width:8%} #shop_list_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:20px 0px 0px 0;} #overhaul{width:100%;height:auto;margin:0 auto;} #overhaul .overhaul {width:98%;height:auto;margin:0 1% 1px 1%; } #overhaul .overhaul .menu{display: block; position:relative;width:86%;height:auto;margin:0px auto;padding:12px 5% 12px 7%;color:#FFF;background:#ad9481;font-size:15px;font-family:"Lucida Grande","メイリオ","Meiryo";letter-spacing:2px;line-height:18px; text-indent:-15px} /*スライドで出て来る部分***/ #overhaul .overhaul .child {display: none;width:96%;height:auto;margin:10px auto;padding: 0;} #overhaul .switch .menu:after{ position: absolute;top:80%;right:3%;margin-top: -1.0rem;content:"\025B8";font-size: 1.5rem;font-weight: bold; -moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg) ;-moz-transition: all, 0.25s, linear;-o-transition: all, 0.25s, linear;-webkit-transition: all, 0.25s, linear;transition: all, 0.25s, linear; } #overhaul .switch .menu.active:after{position: absolute;top:45%;right:5%;margin-top: -1.0rem; -moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);-webkit-transform: translate(0, 50%);transform: translate(0, 50%); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*リクルート*/ #breadcrumb_r{width:100%;height:auto;margin:0 auto;color:#7c481f; text-align:left;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:14px; letter-spacing:3px} #breadcrumb_r ul{max-width:1200px;width:90%;margin:0 auto; padding:0;} #breadcrumb_r a{color:#1e120e; text-decoration:none; } #breadcrumb_r a:hover{color:#7c481f;text-decoration:underline; } #breadcrumb_r ul li {display: inline;margin:0 auto; padding:0;} .recruit_menu{width:100%;height:auto;margin:0 auto;padding:0px;list-style-type: none; font-family: "Lucida Grande","メイリオ","Meiryo";} .recruit_menu li a{width:48%;height:auto;margin:0 1% 10px 1%;padding:0px 0px 0px 0px;display:block;float:left;font-size:16px;line-height:18px;font-weight:bold;letter-spacing:2px;color:#ad9481;text-decoration:none;} .recruit_menu li img{ width:94%; border:0;border:#f8f4f0 5px solid;} .job1{width:80%;height:auto;margin:10px auto 0px auto;padding:20px 14px 0 14px;border:#f8f4f0 5px solid;background:#fefdfd;} .job_q{width:100%;color:#7c481f;font-size:16px;font-family: "Lucida Grande","メイリオ","Meiryo";font-weight:bold;letter-spacing:3px;padding:0px 0 0px 0;margin:0px auto 6px auto;text-align:left;border-bottom:#f8f4f0 3px solid;} .job_a{width:100%;margin:0px auto 20px auto;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:14px;letter-spacing:2px;line-height:20px;} .job_a a{color:#7c481f;text-decoration:underline;} .interview_link{position:relative;width:96%;margin:0px auto 0px auto;} .interview_link a{position:absolute;top:0;left:0;width:100%;height:100%; text-indent:-999px;-webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;transition: 0.8s;} .interview_link a:hover{background-color:#FFF;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;} .interview_link img{display:block;width:100%;} .interview_link .detail{width:90%;margin:5px auto 10px 0;padding-left:5%;border-left:#f8f4f0 4px solid;color:#7c481f;font-size:14px; font-family:"Lucida Grande","メイリオ","Meiryo";letter-spacing:2px;line-height:18px;} .interview_name{width:auto;margin:20px 0 0px 0;padding-left:3%;border-left:#f8f4f0 4px solid;color:#7c481f;font-family:"Lucida Grande","メイリオ","Meiryo";font-size:16px; font-weight:bold;letter-spacing:3px;line-height:20px;} #mynavi{width:90%;height:auto;margin:0px auto 0 auto;padding:15px 0px 0px 0;text-align:center;border:#ad9481 1px solid; border-radius:6px;} #mynavi ul{width:100px;height:75px;margin:16px auto 0 auto;padding:0; list-style:none;} #mynavi ul li{width:auto;margin:0px 5px;padding:0; float:left;} .mynavi_link_img1{width:90px; border:0}} .mynavi_link{width:auto; height:auto;margin:0px auto;} .mynavi_link a{display:block;font-size:14px;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:0px;font-weight:bold;color:#7c481f;text-align:center;text-decoration:none;} /*2つボタンの時 #mynavi{width:94%;height:auto;margin:20px auto 0 auto;padding:15px 0px 16px 0;text-align:center;border:#ad9481 1px solid; border-radius:6px;} #mynavi ul{width:274px;height:75px;margin:16px auto 0 auto;padding:0; list-style:none;} #mynavi ul li{width:auto;margin:0px 5px;padding:0; float:left;} .mynavi_link_img1{width:90px; border:0} .mynavi_link_img2{width:164px; border:0} .mynavi_link{width:auto; height:auto;margin:0px auto;} .mynavi_link a{display:block;font-size:14px;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:0px;font-weight:bold;color:#7c481f;text-align:center;text-decoration:none;} */ #fashionhr img{ width:100%;border:1px solid #E1E1E1;} #fashionhr{display:block; width:60%;margin:20px 20% 0 20%; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} #fashionhr:hover{ opacity:0.5} /*用語集**********************************************************************************/ .displayNone_g{display: none;} .close_g{display:block;width:50%;height:auto;margin:16px auto 20px auto;padding:8px 0 8px 0px;color:#ad9481;font-size:14px;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:3px;text-align:center; border:1px solid #ad9481;} .open_g{text-decoration: underline;} /*text*****************************************************************************/ .text1{font-family: "Lucida Grande","メイリオ","Meiryo";font-size:15px;color:#000;letter-spacing:2px; line-height:22px} .text1 a:link,.text1 a:visited,.text1 a:hover,.text1 a:visited{color:#7c481f;text-decoration:underline;} .text2{font-family: "Lucida Grande","メイリオ","Meiryo";font-size:15px;color:#7c481f;letter-spacing:2px; line-height:22px} .text2 a:link,.text2 a:visited,.text2 a:hover,.text2 a:visited{color:#09C;text-decoration:underline;} .text3{font-family: "Lucida Grande","メイリオ","Meiryo";font-size:13px;color:#000;letter-spacing:2px; line-height:16px} .text3 a:link,.text3 a:visited,.text3 a:hover,.text3 a:visited{color:#7c481f;text-decoration:underline;} .text4{font-family: "Lucida Grande","メイリオ","Meiryo";color:#7c481f;font-size:16px; font-weight:bold;letter-spacing:3px;line-height:20px;} .text5{font-family: "Lucida Grande","メイリオ","Meiryo";font-size:14px;color:#000;letter-spacing:1px; line-height:22px} .text5 a:link,.text1 a:visited,.text1 a:hover,.text1 a:visited{color:#7c481f;text-decoration:underline;} @media screen and (min-width:481px) and ( max-width:1023px) {/*スマホ横*/ /**カスターマサポート****************************************************/ #service_policy{width:100%;height:100%;padding-top:18%; position: relative;background:#a48c86;;cursor:pointer;} #service_policy h3{position: absolute;top:0%;left: 0;width:100%;height:auto;padding:3% 0 0 0;margin:0;background:#a48c86;font-size:22px;font-family: "MS P明朝","MS PMincho";color:#FFFFFF;letter-spacing:3px; text-align:center;} #service_policy_arrow{position: absolute;top:53%;left:0%;width:100%;height:auto;padding:0% 0 0% 0;text-align:center;background:#a48c86;} #service_policy_arrow img{ width:4%} #mr_contact{padding-top:18%;} #mr_contact_arrow img{ width:4%} #mr_contact_row h5 a{background:url(../image/arrow2.png) right no-repeat;background-size:4% auto;background-position:78% 50%;} #mr_contact h3{top:3%;left:1%;width:98%;height:37%;padding:3% 0 0px 0;} #mr_contact_arrow{top:55%;left:1%;width:98%;height:42%;padding:0% 0 0px 0;} #habitual {padding-top:18%;} #habitual_arrow img{ width:4%} #habitual_list1{background-position:50% 78%;} #habitual_list3{background-position:50% 50%;} #habitual_list4{background-position:50% 32%;} #habitual_list5{background-position:50% 70%;} #belt{padding-top:18%; } #belt_arrow img{ width:4%} #belt_image{height:100px;} #belt_link a{padding:2% 0 2% 0;} #catalogue{padding-top:20%; } #catalogue_arrow{ top:50%; } #catalogue_arrow img{ width:8%} /*#catalogue_row li a{width:50%;margin:20px 25%;padding:10px 0 10px 10%;background-size:5% auto;background-position:80% 50%;}*/ #catalogue_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;padding:0px 0px 0px 0; list-style:none;background:url(../image/catalogue2.jpg) center no-repeat;background-size:100% auto;border-bottom:#FFF 3px solid;border-top:#FFF 3px solid;} #catalogue_row li a{ width:68%; height:auto; margin:0px 0%; padding:16px 0 12px 32%; display:block; border-bottom:#6a6363 1px dotted; background:/*rgba(106, 99, 99, 0.99)*/ url(../image/arrow7.png) right no-repeat; background-size:4% auto; background-position:68% 50%; } #catalogue_row li:last-child a { border-bottom:none;} #warranty{padding-top:20%; } #warranty_arrow{ top:50%; } #warranty_arrow img{width:8%} #faq{padding-top:18%; } #faq_arrow img{ width:4%} #shop_list{padding-top:18%; } #shop_list_arrow img{ width:4%} .brand{/*2列,リンク付き,メンテナンス受付とショップリスト共有*/ width:100%; height:auto; margin:0px auto 30px auto; padding:0px 0px 0px 0; list-style:none; } .brand li a{width:25%;height:auto;margin:0px 0; padding:0px 0; float:left;} .brand li a img{width:100%; border:0} .brand2{/*3列,リンクなし,メンテナンス受付 ショップリスト FAQ 共有*/ width:100%; height:auto; margin:10px auto 10px auto;padding:0;list-style:none;} .brand2 li{display:block;width:25%; height:auto;margin:0 auto;padding:0px 0 0 0;float:left;text-align:center;} .brand2 li img{width:100%;border:0} #mynavi{width:55%;} }