/*---------------------------------------------------------------------- TYPO ----------------------------------------------------------------------*/ #wrapArea a img:hover, #header a img:hover, #footer a img:hover, #topMain .bx-pager a img:hover{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity: 0.7; } .spDisp{display:none;} .pcDisp{display:block;} /* 画像が自動でリサイズされてしまう件の対策 */ div.cc-m-all,div.cc-m-all-wrapper {padding:0 !important;margin:0 !important;} /* ウィジェットpadding無効 */ .n,.j-text,.j-imageSubtitle,.j-spacing,.j-htmlCode,.j-header,.j-table,.j-htmlCode,.j-hgrid{padding:0!important;margin:0 !important;} .cc-m-htmlcode div{min-height:20px!important;} .cc-pagemode-overlay #navigation,.cc-pagemode-default #navigation,.cc-pagemode-notfound #navigation {display:none;} #navigation{position:fixed;top:5px;left:5px;padding:10px;background:#fff;border:1px solid #ccc;z-index:999;} #navigation .current{font-weight:bold;text-decoration:none;} /* 管理画面でfootreが切れる対策 */ html.ng-scope body{padding:0 0 200px 0;} html.ng-scope #footer{height:580px;} /*---------------------------------------------------------------------- LAYOUT ----------------------------------------------------------------------*/ body *{padding:0;margin:0;} ul,li,dl,ol,dt,dd{list-style:none;padding:0;margin:0;} body{ margin:0; padding:0; font-family:"メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/bg01.jpg?t=1418111879) repeat; } #container{min-width:960px; margin:0 auto 60px auto;} #wrapArea{width:960px; min-height:600px; height:auto; margin:0 auto;} #content{width:960px; margin:0 auto; padding:0;} /*---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ #header{ width:100%; height:215px; margin:0 auto 20px auto; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/header.png?t=1580104324) no-repeat top center; } #headerIn{width:960px; height:145px; margin:0 auto;} #header h1{ width:305px; height:94px; margin:23px 0 0 0; float:left; } #header h1 a{ width:305px; height:94px; display:block; text-indent:-9999px; } #headerInfo{ width:460px; height:94px; margin:23px 0 0 0; float:right; text-indent:-9999px; } div.src{ position:fixed; z-index:100; right:0; bottom:20px; opacity:0; transition:0.5s; } .fixed div.src{ opacity:1; } /*---------------------------------------------------------------------- NAVI ----------------------------------------------------------------------*/ #gnav{width:100%; height:70px; margin:0 auto;transition: 0.5s;} /* LEVEL ONE */ ul.dropdown { width:960px; margin:0 auto; position: relative; height:70px;} ul.dropdown li { float:left; z-index:100; zoom: 1; } ul.dropdown li a { display:block; text-decoration:none; text-align:left; font-size:14px; } ul.dropdown a:hover { color: #ea4c81!important; font-weight:bold!important; } ul.dropdown a:active { color: #ea4c81!important; font-weight:bold!important; } ul.dropdown li a.nav_ttl { height:70px; display:block; } ul.dropdown li a.nav_ttl img { opacity:1!important; } ul.dropdown li ul { margin:0 0 0 -45px; padding:10px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/gnav-arrow.png?t=1418112091) no-repeat top center; border-bottom:6px solid #e5caa3; } ul.dropdown li.nav_list03 ul { margin:0 0 0 -50px; } ul.dropdown li.nav_list04 ul { margin:0 0 0 -65px; } ul.dropdown li.nav_list06 ul { width:160px; margin:0 0 0 -5px; } ul.dropdown li.nav_list06 li a { width:108px; } ul.dropdown li.nav_list07 ul { margin:0 0 0 -35px; } ul.dropdown li li { padding:6px 6px 0 6px; float:none; background-color:#e5caa3;} ul.dropdown li li a { width:188px; padding:10px 10px 10px 30px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/gnav-ico.png?t=1418112097) no-repeat 10px 14px #fff; border-radius:4px; } ul.dropdown li.hover { position: relative; } ul.dropdown li li:hover { position: relative; } /*ul.dropdown li li.hover a { text-decoration:underline; }*/ /* LEVEL TWO */ ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li { float: none; } .fixed #gnav{position:fixed;left:0;top:0;z-index:10000;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/bg01.jpg?t=1418111879) repeat;box-shadow: 0 0 3px rgba(0,0,0,0.3);padding:5px 0;} .fixed ul.dropdown{ width:960px; margin:0 auto; position: relative; height:70px;} /*---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ #footer{ width:100%; height:420px; padding:18px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/footer-bg01.jpg?t=1418111974) repeat-x top; position:relative; z-index:10; } #footerIn{width:100%; padding:18px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/footer-bg02.jpg?t=1418111980) repeat;} #footerInIn{width:960px; margin:0 auto;} #footer .bird{ width:165px; height:165px; margin:0 0 0 -480px; position:absolute; left:50%; top:318px; z-index:10; } #footer a:link, #footer a:visited, #footer a:active{color:#1b1b1b!important; text-decoration:none;} #footer a:hover{color:#1b1b1b!important; text-decoration:underline;} /* pagetop ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #back-top { position:fixed; bottom:210px; right:10px; z-index:100; } #back-top a{ width:73px; height:73px; display:block; text-transform:uppercase; text-decoration: none; text-indent:-9999px; } #back-top span{ width:73px; height:73px; display:block; margin-bottom:7px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/patop.png?t=1418112137) no-repeat 0 0; } /* footerInner ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #footer div.footerHome{ width:148px; margin:0 44px 0 0; float:left; overflow:hidden; } #footer div.footerHome ul{width:148px; margin: 22px 0 0 15px;} #footer div.footerHome li{float:left; margin:0 2px 0 0;} #footer div.footerLeft{width:768px; float:right;} #footer dl{ width:256px; margin:0 0 35px 0; float:left; font-size:14px; z-index:20; } #footer dt{margin:0 0 10px 0;} #footer dd{margin:0 0 8px 16px; overflow:hidden; letter-spacing:-1px;} #footer dd ul{margin:0; padding:0;} #footer dd ul li{margin:0 0 8px 0;} #footer dd a{padding:0 0 0 12px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ico01.png?t=1418112131) no-repeat 0 6px;} #footer dl.footer02{width:503px;} #footer dl.footer02 ul{width:40%; float:left;} /* contentfooter ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #contentfooter{ width:960px!important; margin:0 0 0 -480px!important; overflow:hidden; position:absolute; left:50%; z-index:20; } .inforow{display:none;} .leftrow{overflow:hidden;} .leftrow, .rightrow{display:block!important;} .leftrow{ width:50%!important; margin:15px 15px 15px 150px!important; text-align:right!important; float:left!important; color:#000; } .rightrow{ width:130px!important; margin:15px!important; text-align:right!important; float:right!important; } .rightrow a:link, .rightrow a:visited, .rightrow a:hover, .rightrow a:active,{color:#000!important;} /*---------------------------------------------------------------------- SIDEBAR ----------------------------------------------------------------------*/ #sidebar{display:none;} /*---------------------------------------------------------------------- CONTENT ----------------------------------------------------------------------*/ #content .j-table table{border-collapse:collapse;width:100%;} #content .j-table td, #content .j-table th{text-align:left;padding:2px 2px;font-weight:normal;} #content .j-formnew, #content .j-hgrid{margin:0 !important;padding:0 !important;} /* 共通 -------------------------------*/ .floatL{float:left;} .floatR{float:right;} .alignC{text-align:center; margin:0 auto;} .alignL{text-align:left;} .alignR{text-align:right;} .spDisp{display:none;} .pcDisp{display:block;} .bold{font-weight:bold!important;} .small{font-size:90%!important;} .big{font-size:120%!important;} .red{color:#ed0803!important;} .indent01{padding-left:1em; text-indent:-1em;} .pd05{ padding:5px 0!important;} .pt05{ padding-top:5px!important; } .pt10{ padding-top:10px!important; } .pt20{ padding-top:20px!important; } .pt30{ padding-top:30px!important; } .pr10{ padding-right:10px!important; } .pt10{ padding-top:10px!important; } .mt10{ margin-top:10px!important; } .mb10{ margin-bottom:10px!important; } .mb15{ margin-bottom:15px!important; } .mb20{ margin-bottom:20px!important; } .mb30{ margin-bottom:30px!important; } .border01{border:1px solid #c9c9c9;} /* title :::::::::::::::::::::::::::::: */ div.pagettl{margin:0 0 30px 0;} .ttl{ width:100%; height:64px; margin:0 0 12px 0; text-indent:-9999px; display:block; } .ttl01{height:133px; margin:0 0 24px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl01.png?t=1418112504) no-repeat 0 0;} .ttl02{height:211px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-cam-ttl.png?t=1418112191) no-repeat 0 0;} .ttl03{margin:18px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl07.png?t=1418140253) no-repeat 0 0;} .ttl04{height:80px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl08.png?t=1418140282) no-repeat 0 0;} .ttl05{height:56px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl06.png?t=1418140244) no-repeat 0 0;} .ttl06{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-ttl01.jpg?t=1418727326) no-repeat 0 0;} .ttl07{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-ttl02.jpg?t=1418727331) no-repeat 0 0;} .ttl08{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-ttl03.jpg?t=1418727337) no-repeat 0 0;} .ttl09{height:92px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-ttl04.jpg?t=1418727342) no-repeat 0 0;} .ttl10{height:90px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-ttl05.jpg?t=1418727366) no-repeat 0 0;} .ttl11{height:58px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl01.jpg?t=1418735238) no-repeat 0 0;} .ttl12{height:76px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl02.jpg?t=1418735247) no-repeat 0 0;} .ttl13{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl03.jpg?t=1418735255) no-repeat 0 0;} .ttl14{height:54px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl04.jpg?t=1418735276) no-repeat 0 0;} .ttl15{height:54px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl05.jpg?t=1418735298) no-repeat -2px 0;} .ttl16{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl06.jpg?t=1418735326) no-repeat 0 0;} .ttl17{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ttl07.jpg?t=1418735348) no-repeat 0 0;} .ttl17-0209{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl-ttl17-0209.jpg?t=1423447596) no-repeat 0 0;} .ttl18{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl01.jpg?t=1418789975) no-repeat 0 0;} .ttl19{height:40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl02.jpg?t=1418789944) no-repeat 0 0;} .ttl20{height:72px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl03.jpg?t=1418789991) no-repeat 0 0;} .ttl21{height:88px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl04.jpg?t=1418790004) no-repeat 0 0;} .ttl22{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl05.jpg?t=1418799006) no-repeat 0 0;} .ttl23{height:56px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-ttl06.jpg?t=1418799030) no-repeat 0 0;} .ttl24{height:58px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl01.jpg?t=1418824299) no-repeat 0 0;} .ttl25{height:86px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl02.jpg?t=1418824312) no-repeat 0 0;} .ttl26{height:60px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl03.jpg?t=1418824329) no-repeat 0 0;} .ttl27{height:106px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl04.jpg?t=1418827865) no-repeat 0 0;} .ttl28{height:34px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl05.jpg?t=1418827872) no-repeat 0 0;} .ttl0209-1{height:34px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl-ttl0209-1.jpg?t=1423449999) no-repeat 0 0;} .ttl29{height:34px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl06.jpg?t=1418827898) no-repeat 0 0;} .ttl30{height:34px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl07.jpg?t=1418827913) no-repeat 0 0;} .ttl31{height:90px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-ttl08.jpg?t=1418827931) no-repeat 0 0;} .ttl32{height:72px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl01.jpg?t=1418967405) no-repeat 0 0;} .ttl33{height:28px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl02.jpg?t=1418967413) no-repeat 0 0;} .ttl34{height:72px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl03.jpg?t=1418967427) no-repeat 0 0;} .ttl35{height:72px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl04.jpg?t=1418967434) no-repeat 0 0;} .ttl36{height:28px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl05.jpg?t=1418967454) no-repeat 0 0;} .ttl37{height:68px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl06.jpg?t=1423471658) no-repeat 0 0;} .ttl37-0209{height:67px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl37-0209.jpg?t=1423733028) no-repeat 0 0;} .ttl38{height:68px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-ttl07.jpg?t=1423755521) no-repeat 0 0;} .ttl39{height:88px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl01.jpg?t=1418987309) no-repeat 0 0;} .ttl40{height:162px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl02.jpg?t=1418987318) no-repeat 0 0;} .ttl41{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl03.jpg?t=1418987365) no-repeat 0 0;} .ttl42{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl04.jpg?t=1418987389) no-repeat 0 0;} .ttl43{height:76px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl05.jpg?t=1418987398) no-repeat 0 0;} .ttl44{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl06.jpg?t=1418987432) no-repeat 0 0;} .ttl45{height:70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-ttl07.jpg?t=1418987459) no-repeat 0 0;} .ttl46{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/price-ttl01.jpg?t=1418999615) no-repeat 0 0;} .ttl47{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/price-ttl02.jpg?t=1418999636) no-repeat 0 0;} .ttl48{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/price-ttl03.jpg?t=1418999682) no-repeat 0 0;} .ttl49{height:88px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-ttl01.jpg?t=1419075991) no-repeat 0 0;} .ttl50{height:54px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-ttl02.jpg?t=1419076011) no-repeat 0 0;} .ttl51{height:86px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-ttl01.jpg?t=1419133253) no-repeat 0 0;} .ttl52{height:72px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-ttl02.jpg?t=1419133272) no-repeat 0 0;} .ttl53{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-ttl03.jpg?t=1419133299) no-repeat 0 0;} .ttl54{height:148px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak02-01.png?t=1423472171) no-repeat 0 0;} .ttl55{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl01.png?t=1421142155) no-repeat 0 0;} .ttl56{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl02.png?t=1421142172) no-repeat 0 0;} .ttl57{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl03.png?t=1421142189) no-repeat 0 0;} .ttl58{height:40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl04.png?t=1421142206) no-repeat 0 0;} .ttl59{height:40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl05.png?t=1421142240) no-repeat 0 0;} .ttl60{height:40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl06.png?t=1421142270) no-repeat 0 0;} .ttl61{height:88px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak-ttl07.png?t=1421155673) no-repeat 0 0;} .ttl62{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl01.png?t=1421219677) no-repeat 0 0;} .ttl63{height:54px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl02.jpg?t=1421219731) no-repeat 0 0;} .ttl64{height:32px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl03.png?t=1421219749) no-repeat 0 0;} .ttl65{height:32px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl04.png?t=1421219770) no-repeat 0 0;} .ttl66{height:78px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl05.png?t=1421233343) no-repeat 0 0;} .ttl67{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl06.png?t=1421233381) no-repeat 0 0;} .ttl68{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl07.png?t=1421233423) no-repeat 0 0;} .ttl69{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl08.png?t=1421233448) no-repeat 0 0;} .ttl70{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-ttl09.png?t=1423754544) no-repeat 0 0;} .ttl71{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/roof-ttl01.png?t=1421240877) no-repeat 0 0;} .ttl72{height:54px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/roof-ttl02.png?t=1421240946) no-repeat 0 0;} .ttl73{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/roof-ttl03.png?t=1421240972) no-repeat 0 0;} .ttl74{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/roof-ttl04.png?t=1421240991) no-repeat 0 0;} .ttl75{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/roof-ttl05.png?t=1421241016) no-repeat 0 0;} .ttl76{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-ttl01.png?t=1421246532) no-repeat 0 0;} .ttl77{height:32px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-ttl02.png?t=1421246568) no-repeat 0 0;} .ttl78{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-ttl03.png?t=1421246592) no-repeat 0 0;} .ttl79{height:90px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner-ttl01.jpg?t=1421295289) no-repeat 0 0;} .ttl80{height:74px; margin:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner-ttl02.jpg?t=1421295332) no-repeat 0 0;} .ttl81{height:62px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner-ttl03.jpg?t=1421295356) no-repeat 0 0;} .ttl010120{height:67px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/title1-0120.jpg?t=1423462085) no-repeat 0 0;} .ttl020120{height:67px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/title2-0120.jpg?t=1423462526) no-repeat 0 0;} .ttlBt{ width:100%; margin:0; position:relative; } .ttlBt h2{text-indent:-9999px;} .ttlBt .bt{ width:232px; height:40px; margin:0; top:36px; right:6px; position:absolute; } .ttlBt01 h2{height:96px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl02.png?t=1418112532) no-repeat 0 0;} .ttlBt02 h2{height:98px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl03.png?t=1418112544) no-repeat 0 0;} .ttlBt03 h2{height:98px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ttl04.png?t=1418112582) no-repeat 0 0;} .ttlBtInt h2{height:102px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-ttl.png?t=1418112305) no-repeat 0 0;} .ttlBtInt .bt{top:47px; right:11px;} .ttlLine01{ margin:0 0 10px 0; padding:0 0 10px 0; font-weight:bold; font-size:16px; color:#81511c!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl-bg02.png?t=1419155634) no-repeat bottom left; } .ttlPink{ margin:0 0 12px 0; font-weight:bold; font-size:20px; color:#ff73a2!important; } .boldNone{font-weight:normal!important; font-size:12px!important;} /* キャラ付きフリータイトル ::: */ h2.free { color:#996c33 !important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/00-ttl.png?t=1443408111); height:46px; width:850px; font-size:18px !important; font-weight:bold !important; padding:42px 0 0 110px; } /* icon :::::::::::::::::::::::::::::: */ p.ico01{ padding:0 0 0 22px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ico02.png?t=1418738127) no-repeat 0 9px; } .list01 li{ padding:0 0 12px 16px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ico03.png?t=1418995727) no-repeat 3px 6px; } .list02 li{ padding:0 0 8px 16px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ico04.png?t=1418999403) no-repeat 3px 6px; } /* table :::::::::::::::::::::::::::::: */ .table01{ border:1px solid #c9c9c9; margin:5px 0 10px 0; } #content .table01 th, #content .table01 td{ padding:15px 15px; vertical-align:top; text-align:left; border-bottom:1px dashed #999999; } #content .table01 th{ background-color:#f6f1e8; font-weight:bold; border-left:1px dashed #999999; } #content .table01 td{border-right:1px dashed #999999; background-color:#fff;} /* btn list :::::::::::::::::::::::::::::: */ .btList01{overflow:hidden; margin:0 0 30px 0;} .btList01 li{float:left; margin:0 4px 8px 4px; padding:0;} .btList02{ overflow:hidden; margin:0 0 20px 0; } .btList01 li a img, .btList02 li a img{opacity:1!important;} /*---------------------------------------------------------------------- 01 ホーム ----------------------------------------------------------------------*/ .cc-page-index #wrapArea{background:none;padding:0;} .cc-page-index .n.j-blogSelection{display:none;} /* お客様インタビュー:::::::::::::::::::: */ .topIntTtl{ width:422px; height:25px; padding:12px 20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-bg02.png?t=1418135955) no-repeat top left; } .topIntTtl p{ width:106px; height:10px; margin:8px 0 0 0; text-indent:-9999px; display:block; float:left; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-txt.png?t=1418112311) no-repeat top left; } .topIntTtl h3{ width:302px; float:left; font-weight:bold; font-size:20px; } .topIntTtl h3 a{text-decoration:none!important;} .topIntTxt{ width:202px; float:left; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-bg03.png?t=1418136449) no-repeat top left; } .topIntTxt div.inner{ padding:38px 0 24px 14px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-bg04.png?t=1418136466) no-repeat bottom right; } .topIntTxt p{color:#40a827; font-weight:bold; font-size:16px;} #content #cc-m-10518167472.j-hgrid{ padding:0 10px 10px 10px!important; margin:0 0 18px 0!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-int-bg.png?t=1418112283) repeat-y center; } #cc-m-10518167472 .cc-m-hgrid-column .n.j-textWithImage{ width:437px!important; padding:12px!important; background-color:#fff!important; border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } /* 新着情報・チラシ :::::::::::::::::::: */ #cc-matrix-2845374172{ width:464px; height:auto; position:relative; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-chirashi-bg01.png?t=1418113062) repeat-y right; } .cc-m-hgrid-column #cc-matrix-2845374172 .n{padding:2px 26px!important;} .cc-m-hgrid-column #cc-matrix-2845374172 #cc-m-10518181372.n{height:80px; padding:0!important;} .topChirachiBg{ width:100%; height:20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-chirashi-bg02.png?t=1418222235) no-repeat bottom right; } .newsBox{ width:465px; height:260px; position:relative; overflow-y:scroll; } .newsBox .j-text{height:auto!important;} .newsList{ margin:0; padding:8px 4px; overflow:hidden; border-bottom:1px dotted #a0a0a0; } .newsList dt{ width:120px; float:left; color:#996c33!important; font-weight:bold; } .newsList dd{width:318px; float:right;} /* その他:::::::::::::::::::: */ /*.topCam{margin:0 0 30px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-cam-bg.png?t=1418112184) repeat-y center;}*/ .topCam{margin:0 0 30px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-cam-bg.png?t=1418112184) repeat-y center;height: 655px;} .topCam ul{margin:0 0 0 20px; overflow:hidden;} .topCam li{margin:0 10px 0 0; float:left;} /*.topCam p{ width:100%; height:38px; text-indent:-9999px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-cam-txt.png?t=1418221879) no-repeat top left; }*/ .topCam p{ width:100%; height:245px; text-indent:-9999px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-cam-txt2.png?t=1422491728) no-repeat top left; } .topLayout01{overflow:hidden;} .topLayout01 .floatR{width:365px;} .topLayout01 .floatR li.ban02{margin:-9px 0 0 0;} .topGu{ width:582px; height:442px; display:block; float:left; position:relative; } .topGu p{ width:232px; height:34px; top:355px; left:135px; position:absolute; } .contactBan{ width:746px; height:158px; padding:42px 186px 0 28px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-ban-bg.jpg?t=1418111969) no-repeat top left; } /*---------------------------------------------------------------------- 02 ショールーム ----------------------------------------------------------------------*/ .show01{ min-height:446px; margin:0 0 10px 0; padding:20px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-bg01.jpg?t=1418824056) no-repeat top right; } .show01 p{margin:0 0 17px 0;} .show01 div{width:428px;} .show02{ height:192px; margin:0 0 10px 0; padding:16px 360px 0 38px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-bg02.jpg?t=1418824070) no-repeat top center; } .show02 p{margin:0 0 10px 0;} .show03{margin:0 0 18px 0; overflow:hidden;} .show03 dt{width:110px; float:left;} .show03 dd{width:494px; padding:5px 0; float:left; font-weight:bold; font-size:21px;} .showArrow{margin:10px 0;} .show04{width:610px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-g-bg02.jpg?t=1418824145) repeat-y left;} .show04In{padding:20px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-g-bg01.jpg?t=1418824126) no-repeat top left;} .show04InIn{padding:0 25px 20px 20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-g-bg03.jpg?t=1418824150) no-repeat bottom left; overflow:hidden;} .show04InIn .floatL{width:244px;} .show05{ height:140px; margin:0 0 10px 0; padding:14px 110px 0 40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-bg03.jpg?t=1423295689) no-repeat top center; } .show06{ width:960px; height:340px; margin:0 0 22px 0; text-indent:-9999px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/show-list.jpg?t=1418827954) no-repeat top center; } #cc-m-10520445372{padding:15px!important; background-color:#f0e3cf;} #cc-m-10520445372 embed{width: 930px;height: 698px;} /*---------------------------------------------------------------------- 03-01 三大保証 ----------------------------------------------------------------------*/ .guarantee01{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg02.jpg?t=1418967354) repeat-y left; margin:0 0 50px 0;} .guarantee01In{padding:30px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg01.jpg?t=1418967347) no-repeat top left;} .guarantee01InIn{padding:0 30px 30px 30px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg03.jpg?t=1418967377) no-repeat bottom left; overflow:hidden;} .guarantee01Main{margin:0 0 20px 0;} .guarantee01Main .floatL{width:510px;} .guarantee01Main .floatL p{padding:18px 0 0 0;} .guarantee01 ul{overflow:hidden; margin:0 0 10px 0;} .guarantee01 li{float:left;} .guarantee01 li.last dd{padding:0 0 10px 0; background:none;} .guarantee01 dt{margin:0 0 10px 0;} .guarantee01 dd{padding:0 45px 10px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-arrow.png?t=1418967339) no-repeat 286px 68px;} /*---------------------------------------------------------------------- 03-02 JIOリフォームかし保険 ----------------------------------------------------------------------*/ .jio01{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-b-bg01.jpg?t=1418997648) repeat-y left; margin:0 0 50px 0;} .jio01In{padding:0 44px 44px 44px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/jio-b-bg02.jpg?t=1418997658) no-repeat bottom left; overflow:hidden;} .jio01 dd{width:545px; margin:10px 0 0 10px;} .jio01 .border{padding:24px 0 0 0; border-top:1px dashed #999999;} .jio01 .border dd{width:480px;} .jio01 .alignC img{margin:0 auto; text-align:center;} .jio02{padding:20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-q01.jpg?t=1418799375) repeat-y center;} /*---------------------------------------------------------------------- 04　雨漏り無料診断 ----------------------------------------------------------------------*/ .leak01{ width:960px; height:615px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak01-02.jpg?t=1421142320) no-repeat bottom center; } .leak01 .inner{ width:960px; height:450px; text-indent:-9999px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak01-01.jpg?t=1423794839) no-repeat top center; } .leak01 .clearfix{ padding:0 0 30px 30px; overflow:hidden; } .leak01 .clearfix img{float:left; margin:0 13px 0 0;} .leak02{ min-height:230px; padding:0 288px 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak02-03.png?t=1421142404) no-repeat top right; } .leak03{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak03-02.png?t=1421155691) repeat-y center;} .leak03In{padding:68px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak03-01.jpg?t=1421156811) no-repeat top center;} .leak03InIn{ padding:0 30px 20px 30px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak03-03.png?t=1421142492) no-repeat bottom center; } .leak03InIn div{width:400px;} .leak03 h3{ width:400px; height:8px; text-indent:-9999px; } .leak04{ height:230px; padding:0 304px 0 40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/leak04.png?t=1421142561) no-repeat top center; } .leak04 h3{ width:616px; height:92px; text-indent:-9999px; } /*---------------------------------------------------------------------- 05　外壁塗装 ----------------------------------------------------------------------*/ .yane01{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg02.jpg?t=1418967354) repeat-y left; margin:0 0 30px 0;} .yane01In{padding:15px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg01.jpg?t=1418967347) no-repeat top left;} .yane01InIn{padding:0 20px 20px 20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg03.jpg?t=1418967377) no-repeat bottom left; overflow:hidden;} .yane01 h3 img{margin:0 auto 10px auto!important; text-align:center;} .yane01 .blockIn{ width:408px; padding:20px; border:1px solid #ebebeb; background-color:#fff; } .yane01 .block{ width:450px; padding:0 0 20px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall01-shadow.png?t=1421220186) no-repeat bottom center; } .yane01 .block h4{ color:#996c33!important; padding:0 0 12px 0; margin:0 0 16px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall01-line.png?t=1421220068) no-repeat bottom center; } .yane01 .block h4 span{ display:inline-block; height:28px; padding:0 10px 0 0; } .yane01 .block .line{ padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px dashed #999999; } .yane01 .block .line p{padding:0 0 5px 0;} .yane01Plus{ margin:0 0 20px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y01.jpg?t=1418789822) repeat-y center; } .yane01PlusIn{ padding:18px 28px 32px 28px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y02.jpg?t=1418789835) no-repeat bottom center; } .yane01Plus .line{ padding:0 0 8px 0; margin:0 auto 8px auto; text-align:center; border-bottom:1px dashed #a0a0a0; } .wall01{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg02.jpg?t=1418967354) repeat-y left; margin:0 0 30px 0;} .wall01In{padding:15px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg01.jpg?t=1418967347) no-repeat top left;} .wall01InIn{padding:0 20px 20px 20px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guarantee-bg03.jpg?t=1418967377) no-repeat bottom left; overflow:hidden;} .wall01 h3 img{margin:0 auto 10px auto!important; text-align:center;} .wall01 .blockIn{ width:408px; padding:20px; border:1px solid #ebebeb; background-color:#fff; } .wall01 .block{ width:450px; padding:0 0 20px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall01-shadow.png?t=1421220186) no-repeat bottom center; } .wall01 .block h4{ color:#996c33!important; padding:0 0 12px 0; margin:0 0 16px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall01-line.png?t=1421220068) no-repeat bottom center; } .wall01 .block h4 span{ display:inline-block; height:28px; padding:0 10px 0 0; } .wall01 .block .line{ padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:1px dashed #999999; } .wall01 .block .line p{padding:0 0 5px 0;} .wall01Plus{ margin:0 0 20px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y01.jpg?t=1418789822) repeat-y center; } .wall01PlusIn{ padding:18px 28px 32px 28px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y02.jpg?t=1418789835) no-repeat bottom center; } .wall01Plus .line{ padding:0 0 8px 0; margin:0 auto 8px auto; text-align:center; border-bottom:1px dashed #a0a0a0; } .wall01Plus .clearfix dl { float: left; margin: 0 9px 0 0; width: 219px; } .wall01Plus .clearfix dl.floatR{margin:0; float:right;} .wall01Plus .clearfix dd{padding:5px 0 0 0;} .wall01Plus .clearfix dt{padding:0; height:70px !important;} .yane01Plus .clearfix dl { float: left; margin: 0 12px 0 0; width: 291px; } .yane01Plus .clearfix dl.floatR{margin:0; float:right;} .yane01Plus .clearfix dd{padding:5px 0 0 0;} .yane01Plus .clearfix dt{padding:0; height:70px !important;} .wall02{overflow:hidden;} .wall02 .inner{overflow:hidden; margin:0 0 20px 0;} .wall02 dl{float:left; margin:0;} .wall02 dl.mg{margin:0 12px 0 0;} .wall02 dl.box01{width:230px;} .wall02 dl.box02{width:473px;} .wall02 dl.box03{width:960px;} .wall02 dl img{display:inline-block;} .wall02 dd br{padding:0 0 8px 0;} .wall02 dt{ width:100%; height:30px; margin:0 0 8px 0; text-indent:-9999px; } .wall02 dt.no01{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-01.png?t=1421220232) no-repeat top center;} .wall02 dt.no02{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-02.png?t=1421220248) no-repeat top center;} .wall02 dt.no03{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-03.png?t=1423460661) no-repeat top center;} .wall02 dt.no04{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-04.png?t=1421220287) no-repeat top center;} .wall02 dt.no05{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-05.png?t=1421220310) no-repeat top center;} .wall02 dt.no06{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-06.png?t=1421220338) no-repeat top center;} .wall02 dt.no07{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-07.png?t=1421220359) no-repeat top center;} .wall02 dt.no08{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall02-08.png?t=1421220448) no-repeat top center;} .wall03{ padding:20px 20px 10px 20px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall03-bg.jpg?t=1421221017) repeat-y center; } .wall03 img.floatL{margin:0 30px 0 0;} .wall03 dl{width:230px; margin:0 24px 0 0; float:left;} .wall03 dl.floatR{margin:0; float:right;} .wall03 dd{padding:10px 0 0 0; margin:0 auto; text-align:center;} #cc-m-10529302872.j-imageSubtitle{ padding:20px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } #cc-m-10529372272.n.j-hgrid{ padding:16px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } /*---------------------------------------------------------------------- 06　屋根塗装 ----------------------------------------------------------------------*/ #cc-m-10529412272.j-imageSubtitle{ padding:20px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } #cc-m-10529417972.n.j-hgrid{ padding:16px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } /*---------------------------------------------------------------------- 07　防水塗装 ----------------------------------------------------------------------*/ h4.waterproof{ padding:5px 10px; margin:0 0 15px 0; color:#fff!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-bg01.jpg?t=1421246623) no-repeat top center; } .waterproof01{overflow:hidden;} .waterproof01 div{ width:306px; margin:0 6px 0 0; padding:0 15px 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-arrow01.png?t=1421246645) no-repeat right center; } .waterproof01 div.floatR{background:none; margin:0; padding:0;} .waterproof01 div p{ width:278px; padding:16px 14px; border-radius:4px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-q01.jpg?t=1418799375) repeat; } .waterproof02{ width:960px; height:294px; text-indent:-9999px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/waterproof-img01.png?t=1423741750) no-repeat top center; } #cc-m-10529422672.j-imageSubtitle{ padding:20px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } #cc-m-10529422472.n.j-hgrid{ padding:16px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/wall-btn04-bg.jpg?t=1421224862) no-repeat top center; } /*---------------------------------------------------------------------- 08　塗装料金一覧 ----------------------------------------------------------------------*/ .price01{ height:466px; margin:0 0 26px 0; padding:43px 382px 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/price-bg01.jpg?t=1419000780) no-repeat right top; } .price01 .clearfix{width:530px;} /*---------------------------------------------------------------------- 10　施工の流れ ----------------------------------------------------------------------*/ .flow01{ height:323px; padding:20px 421px 0 0; margin:0 0 8px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-bg01.jpg?t=1419075885) no-repeat top center; } .flow01 p{margin:0 0 15px 0;} .flow02{ margin:0 0 35px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-y-bg01.jpg?t=1419076065) repeat-y center; } .flow02In{ padding:10px 36px 42px 40px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-y-bg02.jpg?t=1419076081) no-repeat bottom center; } .flow02 dl{float:left; width:184px; margin:0 49px 0 0;} .flow02 dl.floatR{margin:0;} .flow02 dd{margin:16px 0 10px 0;} .flow03{ height:200px; padding:64px 404px 0 40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/flow-bg02.jpg?t=1419075897) no-repeat top center; } /*---------------------------------------------------------------------- 11　カラーシミュレーション ----------------------------------------------------------------------*/ .color01{ width:927px; height:487px; padding:33px 0 0 33px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-bg01.jpg?t=1419133028) no-repeat top center; } .color01 div{width:615px; margin:5px 0 0 0;} .colorCase{margin:0 0 18px 0;overflow:hidden;} .colorCase dt{float:left;} .colorCase dd{ padding:7px 14px; width:830px; float:left; font-weight:bold; font-size:17px; color:#81511c; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/case-bg.png?t=1419133007) no-repeat bottom center; } #content .j-hgrid#cc-m-10521635772, #content .j-hgrid#cc-m-10521651872, #content .j-hgrid#cc-m-10521655672, #content .j-hgrid#cc-m-10521658572{ padding:10px 38px 20px 38px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-b02.jpg?t=1418789727) repeat-y center; } .color02{ height:300px; padding:25px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-bg02.jpg?t=1419133045) no-repeat top center; } .color02 div{width:646px; margin:10px 0 0 0;} .color03{ margin:0 0 20px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y01.jpg?t=1418789822) repeat-y center; } .color03In{ padding:20px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y03.jpg?t=1419133451) no-repeat top center; } .color03InIn{ padding:20px 36px 36px 36px; overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y02.jpg?t=1418789835) no-repeat bottom center; } .color03InInIn{ overflow:hidden; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-more02.png?t=1419133228) no-repeat 620px 30px; } .color0301{overflow:hidden; margin:0 0 20px 0;} .color0301 .floatR{width:790px;} .color0302{overflow:hidden; margin:0 0 16px 0; padding:0 0 16px 0; border-bottom:1px dashed #999999;} .color0302 div{width:616px;} .color0303{overflow:hidden;} .color0303 .floatL{width:542px;} .color04{margin:0 0 30px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-iro-bg01.jpg?t=1419133176) repeat-y center;} .color04In{ padding:20px 38px 50px 38px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/color-iro-bg02.jpg?t=1419144904) no-repeat bottom center; } /*---------------------------------------------------------------------- 12　マンション・アパートのオーナー様へ ----------------------------------------------------------------------*/ .owner01{ padding:28px 286px 0 0; min-height:492px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner01-bg.jpg?t=1421295480) no-repeat top center; } .owner01 p{margin:0 0 20px 0;} .owner02{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner-bg01.jpg?t=1421297997) repeat-y center;} .owner02In{ padding:10px 35px 35px 35px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner-bg02.jpg?t=1421298213) no-repeat bottom center; } .owner02 .clearfix{margin:0 0 20px 0;} .owner02 .img{width:290px;} .owner02 .text{width:588px;} .owner04{ padding:26px 0 0 0; min-height:382px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/owner04-bg.jpg?t=1421297547) no-repeat top center; } .owner04 p{margin:0 0 28px 0;} /*---------------------------------------------------------------------- 13-1 お客様インタビュー ----------------------------------------------------------------------*/ .guest01 dl{margin:0 0 15px 0; overflow:hidden;} .guest01 dt{ width:82px; padding:2px; color:#fff!important; font-weight:bold; float:left; text-align:center; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-pink.jpg?t=1418790503) repeat; } .guest01 dd{ padding:6px 0 0 0; width:520px; float:right; } /* インタビュー */ .guest02{padding:0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-b02.jpg?t=1418789727) repeat-y center;} .guest02In{padding:40px 0 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-b01.jpg?t=1418789713) no-repeat top center;} .guest02InIn{padding:0 40px 40px 40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-b03.jpg?t=1418789817) no-repeat bottom center; overflow:hidden;} .guest02InIn .floatL{width:428px;} .guest02InIn p{margin:0 0 12px 0!important;} /* before after */ #cc-m-10520544172 .j-imageSubtitle img, #cc-m-10520588472 .j-imageSubtitle img{width:440px!important;} #cc-m-10520590872 .j-imageSubtitle, #cc-m-10520593772 .j-imageSubtitle{height:171px!important; overflow:hidden;} #cc-m-10520590872 .j-imageSubtitle img, #cc-m-10520593772 .j-imageSubtitle img,{margin:-15px 0 0 0!important;} /* 別途お見積り */ #cc-m-10520374772 .j-imageSubtitle img, #cc-m-10520541172 .j-imageSubtitle img{width:270px!important;} #content .j-hgrid#cc-m-10520374772, #content .j-hgrid#cc-m-10520541172{ padding:14px 40px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-b02.jpg?t=1418789727) repeat-y center; } .guestArrow{ width: 10px; margin: -210px 0 0 0; float: right; text-align:right; } /* 保険 */ #content .j-hgrid#cc-m-10520545672{ padding:20px 40px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-y01.jpg?t=1418789822) repeat-y center; } /* よくある質問 */ .guest03{ padding:26px 30px; margin:0 0 14px 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-bg-q01.jpg?t=1418799375) repeat-y center; } .guest03 dt{ padding:2px 0 6px 36px; margin:0 0 10px 0; font-weight:bold; font-size:16px; color:#e94c81!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-q.png?t=1418799393) no-repeat 0 0; border-bottom:1px solid #cccccc; } .guest03 dd{ min-height:40px; padding:2px 0 0 36px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/guest-a.png?t=1418799407) no-repeat 0 0; } /*---------------------------------------------------------------------- 13-2 お客様アルバム ----------------------------------------------------------------------*/ #page-2086071472 #content .j-hgrid .j-imageSubtitle{width:100%; height:100%; position:relative;} #page-2086071472 #content .j-hgrid .j-imageSubtitle .cc-imagewrapper{ height:234px!important; width:100%!important; overflow:hidden; } #page-2086071472 #content .j-hgrid .j-imageSubtitle .albumframe{ background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/album-frame-new.png?t=1420638238) no-repeat -3px 0; width:310px; height:234px; top:0; left:0; position:absolute; z-index:10; } #page-2086071472 #content .j-hgrid .j-imageSubtitle a{z-index:20;} #page-2086071472 #content .j-hgrid .j-imageSubtitle a:hover{opacity:0.7!important;} #page-2086071472 #content .j-hgrid .j-imageSubtitle img{ height: 216px !important; width: auto!important; position: absolute; top: 6px; left: 2px; } /*---------------------------------------------------------------------- 14 会社案内 ----------------------------------------------------------------------*/ .company01{ width:516px; height:222px; margin:0 0 30px 0; padding:8px 404px 0 40px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/company-bg01.jpg?t=1418727391) no-repeat center top; } /*---------------------------------------------------------------------- 15 お問い合わせ ----------------------------------------------------------------------*/ .contact01{ height:230px; padding:18px; overflow-y:scroll; border:1px solid #dddddd; background-color:#fff; } .contact02{ height:136px; padding:26px 256px 0 38px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-bg01.jpg?t=1418736822) no-repeat center top; } .contact03{ min-height:112px; padding:0 256px 0 0; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-bg02.png?t=1418735089) no-repeat top right; } #cc-m-10520431972 .cc-m-hgrid-column{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-bg03.jpg?t=1418735122) repeat-y left;} #cc-m-10520431972 .j-textWithImage{ padding:14px 38px 20px 38px!important; line-height:1.5; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/contact-bg04.jpg?t=1418735140) no-repeat bottom left; } /* フォーム共通 :::::::::: */ #cc-m-10520416972 .cc-m-form-view-element lastChild, #cc-m-10537935972 .cc-m-form-view-element lastChild, #cc-m-10520417172 .cc-m-form-view-element lastChild{ background: url("https://u.jimdo.com/www40/o/s884f49d5157a2c36/userlayout/img/form-bg.png?t=1418729553") repeat-y scroll center center rgba(0, 0, 0, 0); border-bottom: none!important; padding: 10px 20px !important; } #content #cc-m-10520416972 .cc-m-form-view-sortable, #content #cc-m-10537935972 .cc-m-form-view-sortable, #content #cc-m-10520417172 .cc-m-form-view-sortable{ padding:0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } #cc-m-10520416972 .cc-m-form-view-element, #cc-m-10537935972 .cc-m-form-view-element, #cc-m-10520417172 .cc-m-form-view-element{ padding:10px 20px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/form-bg.png?t=1418729553) repeat-y center; border-bottom:1px dashed #94918b; overflow:hidden; } #cc-m-10520416972 .cc-m-form-view-element.cc-m-form-view-captcha, #cc-m-10537935972 .cc-m-form-view-element.cc-m-form-view-captcha, #cc-m-10520417172 .cc-m-form-view-element.cc-m-form-view-captcha{background:none!important;} #cc-m-10520416972 .cc-m-form-view-element.cc-m-form-submit, #cc-m-10537935972 .cc-m-form-view-element.cc-m-form-submit, #cc-m-10520417172 .cc-m-form-view-element.cc-m-form-submit{ padding:20px 0 0 0!important; border:none; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/bg01.jpg?t=1418111879) repeat; } #cc-m-10520416972 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper, #cc-m-10537935972 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper, #cc-m-10520417172 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper{ padding:20px; width:960px!important; margin:0 auto; } #cc-m-10520416972 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper input[type="submit"], #cc-m-10537935972 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper input[type="submit"], #cc-m-10520417172 form.cc-m-form .cc-m-form-view-element.cc-m-form-submit .cc-m-form-view-input-wrapper input[type="submit"]{ width:215px; height:53px; margin:0 374px; text-indent:-9999px; border:none; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/form-btn.png?t=1418729613) no-repeat top left; } #cc-m-10520416972 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input[type="submit"]:hover, #cc-m-10537935972 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input[type="submit"]:hover, #cc-m-10520417172 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input[type="submit"]:hover{opacity:0.7;} #cc-m-10520416972 p.cc-m-form-note, #cc-m-10537935972 p.cc-m-form-note, #cc-m-10520417172 p.cc-m-form-note{border:none!important;} #cc-m-10520416972 form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label, #cc-m-10537935972 form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label, #cc-m-10520417172 form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label{width: 23%!important; max-width:100%!important; padding-right: 40px; float:left;} #cc-m-10520416972 .cc-m-form-view-element label div, #cc-m-10537935972 .cc-m-form-view-element label div, #cc-m-10520417172 .cc-m-form-view-element label div{width:100%;} #cc-m-10520416972 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper, #cc-m-10537935972 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper, #cc-m-10520417172 form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper{width: 65%!important; float:left;} #cc-m-10520416972 .j-m-required, #cc-m-10537935972 .j-m-required, #cc-m-10520417172 .j-m-required{color:#e94c81!important;} .cc-pagemode-sitetemplate #navigation, .cc-pagemode-overlay #navigation, .cc-pagemode-default #navigation, .cc-pagemode-notfound #navigation {display:none;} select.cc-product-variant-selectbox{ height: 20px !important; } /*---------------------------------------------------------------------- 99 ブログ ----------------------------------------------------------------------*/ .cc-page-blog .datetime, .cc-page-blog .datetime, .cc-page-blog .skiptoform, .cc-page-blog .j-blog-comment-counter, .cc-page-blog .com-list, .cc-page-blog .message-error, .cc-page-blog .message-ok, .cc-page-blog .postmeta, .blogselection .datetime, .blogselection .comment{display:none;} .cc-page-blog .post h2, .blogselection h2{ margin:0 0 20px 0; padding:14px; font-size:19px; font-weight:bold; color:#996c33!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl-bg01.jpg?t=1418700856) no-repeat top left; } .cc-page-blog .post h2 a, .blogselection h2 a{color:#996c33!important; text-decoration:none!important;} .blogselection .j-blogarticle{margin:0 0 60px 0!important;} .blogselection .n.j-text, .cc-page-blog #content_area .n.j-text{margin:5px 0!important;} /* 見出し */ .ttlBeforeS, .ttlAfterS{ width:440px; height:30px; margin:0 0 10px 0; text-indent:-9999px; } .ttlBeforeS{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/blog-before-s.jpg?t=1418700906) no-repeat top left;} .ttlAfterS{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/blog-after-s.jpg?t=1418702309) no-repeat top left;} .ttlBeforeL, .ttlAfterL{ width:960px; height:30px; margin:0 0 10px 0; text-indent:-9999px; } .ttlBeforeL{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/blog-before-l.jpg?t=1418700899) no-repeat top left;} .ttlAfterL{background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/blog-after-l.jpg?t=1418702302) no-repeat top left;} /* 矢印 */ .blogArrow{ width: 30px; margin: -310px 0 0 0; float: right; text-align:center; } /* ページャー */ .pager_navi .pager_navi{ padding:5px 0; margin:0 auto; text-align:center; overflow:hidden; background-color:#f0ede0; } .pager_navi a{ padding:0 12px; margin:0 12px 0 0; text-decoration:underline; display:inline-block; } /* .pager_navi a{border-right:1px solid #333333;} .pager_navi a.next{border-left:1px solid #333333;} .pager_navi a.prev{border:none;} */ .pager_navi a.active{text-decoration:none; } .blogreadmore { padding:5px 50px; border-radius:20px; background-color:#FE9FBF; color:#FFF !important; font-weight:bold; text-align:center; float:right !important; text-decoration:none !important; margin-right:395px; } /*---------------------------------------------------------------------- slider ----------------------------------------------------------------------*/ #topMainSp{display:none;} #topMain{ width:100%; height:680px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-main-bg01.png?t=1418112417) repeat-x 0 22px; } #topMainIn{ width:100%; height:680px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-main-bg02.png?t=1418112398) no-repeat center bottom; } #topMainInIn{ width:1198px; height:680px; margin:0 auto; position:relative; } #topMain .bird{ width:374px; height:388px; right:0; bottom:0; position:absolute; z-index:50; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-main-bird.png?t=1418112439) no-repeat top left; } /** RESET AND LAYOUT ===================================*/ .bx-wrapper { width:1060px; position: relative; margin: 0 auto 14px !important; padding: 0; *zoom: 1; } .bx-wrapper img {max-width: 100%; display: block;} /** THEME ===================================*/ .slider{ width:1060px; height:585px; position:relative; } .slider .sliderBg{position:absolute; top:0; left:0; z-index:5;} .slider p{position:absolute; z-index:10;} .slider p.sliderLink{top:-1px; left:50px; z-index:20;} .slider p.sliderPhoto{top:334px; left:14px;} .slider.slider01 p.sliderLink{top:0; left:50px; z-index:20;} .slider.slider01 p.sliderPhoto{top:303px; left:105px;} .bx-pager{width:490px; margin:0 auto;} .bx-pager a{display:inline-block; margin:0 -5px 0 0;} .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 244px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-main-prev.png?t=1418112496) no-repeat 0 0;} .bx-wrapper .bx-next {right: 244px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-main-next.png?t=1418112490) no-repeat 0 0;} .bx-wrapper .bx-controls-direction a { position: absolute; bottom:-44px; margin:0; outline: 0; width: 23px; height: 23px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*---------------------------------------------------------------------- CLEARFIX ----------------------------------------------------------------------*/ .clearB{clear:both;} .j-gallery:after, .cf:after, .clearfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden;} .cf, .clearfix{ min-height:1px; } * html .cf, * html .clearfix{ height: 1px;/*ﾂ･*//*/ height: auto; overflow: hidden; /**/ } .soudankai-table td { font-size: 16px; padding: 10px 20px !important; } .yoyaku-btn-0209 p{text-align:cebter!important;} /*---------------------------------------------------------------------- top追加 ----------------------------------------------------------------------*/ .ttlpickup { background: rgba(0, 0, 0, 0) url("https://u.jimdo.com/www40/o/s884f49d5157a2c36/userlayout/img/top-pickup-ttl.png") no-repeat scroll 0 0; height: 204px; margin: 0; } .topPickup { background: rgba(0, 0, 0, 0) url("https://u.jimdo.com/www40/o/s884f49d5157a2c36/userlayout/img/top-pickup-bg.jpg") repeat-y scroll center center; height: 393px; margin: 0 0 30px; } .topPickup ul { margin: 0 0 0 20px; overflow: hidden; } .topPickup li { float: left; margin: 0 20px 0 0; } /*---------------------------------------------------------------------- 2020.01.22 追加ページ ----------------------------------------------------------------------*/ /*火災保険*/ .hoken div#content_area ul, .hoken div#content_area div.j-text ul li{margin: 0;padding: 0;right:0;} .hoken div#content_area p{font-size:15px;line-height:2;} .ap01-main { box-sizing: border-box; height: 309px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap01-img01.jpg?t=1579681143) no-repeat right top #EABB21; margin-bottom: 40px;padding: 60px 520px 10px 50px;margin-top:28px; } .hoken div#content_area .ap01-main p{color:#fff;font-size:28px;font-weight:bold;line-height:1.35!important;} .hoken div#content_area .ap01-main p .big1{font-size:47px;} .hoken div#content_area .ap01-main p .mbig { font-size: 91px; display: inline-block; line-height: 65px; top: 11px; position: relative; font-family: Ubuntu,Arial, Helvetica, sans-serif; margin-bottom: 23px; } .hoken div#content_area .ap01-text01 { text-align: center; font-size: 22px; font-weight: bold; color: #90642C; letter-spacing: -0.6px;line-height: 1.5!important; white-space: nowrap; } .ap01-cont01 { padding: 26px; background: #F1EBDF; margin-bottom: 25px; } .ap01-cont01 .inner01{padding:10px 25px 25px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap-ico01.jpg?t=1579675480) no-repeat left 20px bottom 35px, url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap-ico02.jpg?t=1579675491) no-repeat right 19px bottom 38px, #fff;margin:10px 0;} .ap01-title01 { color: #90642C; font-size: 22px; line-height: 1.5; border-bottom: dashed 1px #999999; padding-bottom: 10px; margin-bottom: 15px; } .tcenter{text-align:center;} .ap01-cont01 ul.ap01-check{width:485px;margin:0 auto!important;} ul.ap01-check > li{font-size:18px;font-weight:bold;padding-left:30px!important;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap01-check.png?t=1579683774) no-repeat left top;line-height: 1.6; margin-bottom: 12px!important;} ul.ap01-check > li:last-child{margin-bottom:0;} ul.trou-list{margin: 0 0 18px;} ul.trou-list > li{width:220px;margin-right: 9px!important;} ul.trou-list > li:last-child{margin-right: 0!important;} .flex{width:100%;display: flex;flex-wrap: wrap;box-sizing: border-box;} .ap-yellow-bg { border-radius: 23px; background: #EABB21; color: #fff; text-align: center; font-size: 18px; font-weight: bold; padding: 11px; line-height: 1.5;margin-top:18px; } .ap01-title02 { background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ttl-bg01.jpg?t=1418700856) no-repeat top left; font-size: 21px; font-weight: bold; color: #996C31; padding: 12px 10px 12px 80px; margin-bottom: 15px; position: relative; } .ap01-title02:before{content:"";width:61px;height:62px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap-title-ico.png?t=1580085664) no-repeat left top;position:absolute;left:8px;bottom:-4px;} .ap01-title03 { font-size: 21px; color: #000000; position: relative; padding-left: 18px; margin-bottom: 5px; } .ap01-title03:before{content:"";width:6px;height:20px;border-radius:4px;background:#EA5821;position:absolute;left:0;top:0;bottom:0;margin:auto 0;} .ap01-cont02 { padding: 24px 20px 27px; background: #EFE3CD; } .ap01-cont02 .inner01{background:#E2F0DF;padding:18px 47px 50px;margin-bottom:20px;} .ap01-cont02 .inner01 h2{margin-bottom:20px;} .ap01-cont02 .inner01 .text{padding:0 10px;} .ap01-cont02 .inner02{padding:30px 38px 34px;background:#fff;margin-top:30px;} ul.ap01-flows{} ul.ap01-flows > li{background:#F3EDE1;display:flex;flex-wrap:wrap;position:relative;margin-bottom:22px!important; box-sizing:border-box;padding:10px 10px 10px 60px!important;line-height:1.4;align-items:center;min-height:61px;} ul.ap01-flows > li .num{display:block;background:#6CB947;width:30px;height:30px;line-height:30px;font-size:17px;font-weight:500;position:absolute; top:0;left:20px;bottom:0;margin:auto 0;color:#fff;text-align:center;border-radius:100%;} ul.ap01-flows > li .left{width:260px;margin-right:20px;font-size:18px;} ul.ap01-flows > li .right{width:calc(100% - 290px);font-size:14px;} ul.ap01-flows > li:after{content:"";width:0;height:0;border-top:solid 15px #FEDF74;border-right:solid 22px transparent; border-left:solid 22px transparent;position: absolute;left:0;right:0;bottom:-16px;margin: 0 auto; } ul.ap01-flows > li:last-child:after{content:none;} .inner03 { background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap01-ico03.png?t=1579675503) no-repeat left 35px center,url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap01-ico04.png?t=1579675515) no-repeat right 40px center, #fff; border: solid 22px #E6D8BD; padding: 30px 140px 30px 225px; } .ap01-title05 { font-size: 24px; color: #A47A43; line-height: 1.25; margin-bottom: 10px; } .ap01-title04 { font-size: 20px; color: #535353; border-bottom: dashed 1px #999999; padding-bottom: 5px; margin-bottom: 10px; } div#cc-m-11438617172 { border: dashed 1px #999999; padding: 10px 0 30px!important; background: #fff;margin: 10px 0 25px!important; } .ap01-cont03 { border: solid 1px #90642C; padding: 1px 10px 15px; } .ap01-cont03 ul.ap01-check{justify-content: center;} .ap01-cont03 ul.ap01-check li{margin-bottom:0!important;margin-right:35px!important;} .ap01-cont03 ul.ap01-check li:last-child{margin-right:0!important;} .ap01-cont03 h3{text-align: center;margin-top:-18px;margin-bottom: 15px;} .ap01-cont03 h3 span{text-align: center;margin-top:-18px;display: inline-block;border-radius: 17px;line-height: 36px;padding:0 25px; font-size: 18px;font-weight: bold;color: #fff;background: #90642C; } .ap01-case-title { font-size: 16px; color: #535353; margin-bottom: 5px; } .ap01-case-cont, .ap01-case-cont p { line-height: 1.7!important; } .hoken .ap01-case-cont{min-height: 168px;} .ap01-case-cont { box-sizing: border-box; padding-bottom: 10px; margin-top: 5px; } /*トイレリフォーム*/ .repage div#content_area ul, .repage div#content_area div.j-text ul li{margin: 0;padding: 0;right:0;} .repage div#content_area p{font-size:15px;line-height:2;} .ap02-main { box-sizing: border-box; height: 360px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-main.jpg?t=1580166812) no-repeat right top #EA8690; margin-bottom: 40px;padding: 40px 520px 10px 50px;margin-top:28px; } .ap02-main h2{color:#fff;font-size:28px;line-height:1.35;margin-bottom:10px;font-weight:bold;} .re01 div#content_area .ap02-main p{font-size:16px;font-weight:bold;color:#fff;} .ap-osusume-cont01 { padding: 35px; background: #F0E3CF; } .ap-osusume-cont01 > h3{font-size: 32px;color: #90642C;text-align: center;margin-bottom: 10px;} .ap-osusume-cont01 > div.flex{margin-left: -17px;} .ap-osusume-cont01 > div.flex > div{width:438px;} .ap-osusume-cont01 > div.flex > div.left{margin-right: 14px;} .ap-osusume-cont01 > .inner{border:solid 15px;position: relative;text-align: center;font-size: 25px;color: #90642C;font-weight: bold;background: #fff; padding: 15px 0 15px 25px;line-height: 1.3;} .ap-osusume-cont01 > .inner:after{content:"";background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ico02.png?t=1579693109) no-repeat;width:141px;height:136px;position: absolute;right:-2px;top:-28px;} .ap-osusume-cont01 > .inner:before{content:"";background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ico01.png?t=1579693072) no-repeat;width:162px;height:160px;position: absolute;left:6px;top:-32px;} .re01 .ap-osusume-cont01 > .inner{border-color:#FFB6C7;} h2.ap02-title02{padding-top:28px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line01.jpg?t=1579732806) no-repeat center top;} h2.ap02-title02 img { display: inline-block; } .re01 div#content_area .ap02-text01 p { font-size: 17px; } .ap-q-title { font-size: 21px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap-mark-q.png?t=1579693182) no-repeat left top; color: #535353; line-height: 1.5; padding-left: 35px; } .ap02-rank { padding-top: 10px; } .ap02-rank dl{display: flex;flex-wrap: wrap;font-size:15px;} .ap02-rank dt{font-weight:bold;width:45px;} .ap02-rank dd{width:calc(100% - 45px);} .ap02-voice { border: solid 1px #5FB3DF; background: #fff; align-items: center; box-sizing: border-box; min-height: 90px; padding: 15px 30px;margin:10px 0 8px; } .ap02-voice h4{color: #535353;font-size: 21px;line-height: 40px;padding-left: 55px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ico03.png?t=1579693272) no-repeat left center; width:200px;box-sizing:border-box;} .ap02-voice .text{width:calc(100% - 200px);} .ap02-matome { background: #62B5E1; color: #fff; padding: 25px 30px; align-items: center; } .ap02-matome h4{width:177px;box-sizing:border-box;font-size:21px;text-align:center;border-radius:17px; border:dashed 1px #fff;margin-right:30px;line-height:68px;} .ap02-matome .text{width:calc(100% - 207px);} .ap02-matome .text p{color:#fff;} .ap02-cont02 { padding: 35px 35px 30px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-bg01.jpg?t=1579698608); } .ap02-cont02 .inner { padding: 40px 35px 25px; background: #fff; } .ap02-cont02 .inner h3{text-align:center;width:100%;margin-bottom:10px;} .ap02-cont02 .inner h3 span{display:inline-block;padding:3px 60px 0;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ic04.png?t=1579693258) no-repeat left top,url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ico05.png?t=1579693223) no-repeat right top;} .ap02-cont02 .inner > div{width:400px;} .ap02-cont02 .inner > div.left{margin-right:20px;} .ap02-cont02 .inner > div h4{color:#996C31;font-size:21px;margin:15px 0 5px;} .ap02-copy01 { text-align: center; margin-top: 25px; line-height: 1.3; color: #90642C; font-weight: bolder; font-size: 25px; } h3.ap02-num-title{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 5px;} h3.ap02-num-title .num{color: #fff;text-align: center;font-size: 18px;width:31px;height:31px;line-height: 31px;background: #EA8690;border-radius: 100%; margin-right: 8px; } h3.ap02-num-title .text{color: #90642C;font-size: 21px;width:calc(100% - 39px);} ul.ap02-check > li{font-size: 18px;font-weight: bold;padding-left: 30px!important;margin-bottom: 10px!important; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-check.png?t=1579693287) no-repeat left center;line-height: 25px; padding-top: 3px!important;} ul.ap02-check > li:last-child{margin-bottom:0!important;} ul.ap02-flow{} ul.ap02-flow > li{width:220px;display: flex;flex-wrap: wrap;background: #F3EDE1;padding: 15px 15px 15px 20px!important;position: relative; margin: 0 26px 18px 0!important;align-items: center;box-sizing: border-box;min-height:61px;} ul.ap02-flow > li .text{font-size: 18px;width:calc(100% - 35px); } ul.ap02-flow > li .num{color: #fff;text-align: center;font-size: 17px;width:30px;height:30px;line-height: 30px; background: #66B640;border-radius: 100%;margin-right:5px;} ul.ap02-flow > li:nth-child(4n), ul.ap02-flow > li:last-child{margin-right: 0!important;} ul.ap02-flow > li:after{content:"";width: 0;height: 0;border-left:solid 15px #FEDF74;border-top:solid 17px transparent; border-bottom:solid 17px transparent;position: absolute;top:0;bottom:0;right:-21px;margin: auto 0;} ul.ap02-flow > li:nth-child(4n):after, ul.ap02-flow > li:last-child:after{content:none;} .ap02-line{height:98px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line02.png?t=1579732815) no-repeat left top 53px;} .ap02-line02{height:35px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line02.png?t=1579732815) no-repeat left top 10px;} .ap02-text01 p { font-size: 17px!important; } p.ap02-maker { font-size: 18px!important; font-weight: bold; } p.ap02-brown { color: #90642C; font-size: 21px!important; font-weight: bold; } .ap02-case-cont { width: 450px; margin: 10px 0 5px; } .ap02-case-cont h3{font-size:16px;} /*洗面室リフォーム*/ .ap03-main { box-sizing: border-box; height: 360px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap03-main.jpg?t=1579735825) no-repeat right top #67BDC8; margin-bottom: 40px;padding: 120px 510px 10px 50px;margin-top:28px; } .re02 div#content_area .ap03-main p{font-size:28px;font-weight:bold;color:#fff;line-height:1.35;} .ap03-cont01 {margin:25px 0 40px; padding: 27px 280px 30px 30px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap03-ico01.png?t=1579735817) no-repeat top 8px right 10px #E6F6F8; } .ap03-cont01 h4{font-size: 20px;color: #90642C;margin-bottom: 8px;} ul.ap03-exam li{margin-bottom:8px!important;} ul.ap03-exam li:last-child{margin-bottom:0!important;} ul.ap03-exam li .aptime{display: inline-block;width:30px;height:30px;line-height: 30px;color: #fff;font-weight: bold;font-size: 17px; text-align: center;margin-right: 10px;border-radius:100%;} ul.ap03-exam li.line01 .aptime{background: #69B7DE;} ul.ap03-exam li.line02 .aptime{background: #DEB369;} ul.ap03-exam li.line03 .aptime{background: #5A71E3;} .re02 .ap-osusume-cont01 > .inner:before{background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap03-ico03.png?t=1579736398) no-repeat;} .re02 .ap-osusume-cont01 > .inner{border-color:#C2E2E6;} h2.ap03-title02{padding-top:30px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line01.jpg?t=1579732806) no-repeat center top;} h2.ap03-title02 img { display: inline-block; } .ap03-qBox{} .ap03-qBox > div{width:470px;box-sizing: border-box;border: solid 1px #AFAFAF;padding: 20px;background:#fff;} .ap03-qBox > div.left{margin-right: 20px;} .ap03-qBox > div dl{padding:0 10px;} .ap03-qBox dt{} .ap03-qBox dt:before{content:"●";color:#67BDC8;} .ap03-qBox dd { font-weight: bold; margin-left: auto; } /*風呂・浴室リフォーム*/ .ap04-main { box-sizing: border-box; height: 360px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap04-main.jpg?t=1579753701) no-repeat right top #A1C158; margin-bottom: 40px;padding: 60px 520px 10px 50px;margin-top:28px; } .ap04-main h2{color:#fff;font-size:28px;line-height:1.35;margin-bottom:10px;font-weight:bold;} .re03 div#content_area .ap04-main p{font-size:16px;font-weight:bold;color:#fff;} .re03 .ap-osusume-cont01 > h3 { white-space: nowrap; letter-spacing: -0.5px; } .re03 .ap-osusume-cont01 > .inner:before{background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap04-ico01.png?t=1579753372) no-repeat;} .re03 .ap-osusume-cont01 > .inner{border-color:#D2DEB8;} .ap04-text01 { text-align: center; font-size: 25px; font-weight: bold; color: #90642C; border-radius: 24px; background: #EAF0DF; line-height: 1.3; padding: 28px 10px; } #content .j-table .ap04TBL th,#content .j-table .ap04TBL td{border:solid 1px #bfbfbf;box-sizing: border-box;padding:10px;height:47px;} #content .j-table .ap04TBL th{background: #EFEBE2;text-align: center;font-size:15px;} #content .j-table .ap04TBL td{background: #fff;padding-left:30px;text-align: left;font-size:14px;} .ap04TBL .col01{width:142px;} .ap04TBL .col02{width:140px;} .ap04TBL .col03{width:142px;} .ap04TBL .col04{} /*キッチンリフォーム*/ .ap05-main { box-sizing: border-box; height: 360px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-main.jpg?t=1579761503) no-repeat right top #42B675; margin-bottom: 40px;padding: 50px 500px 10px 35px;margin-top:28px; } .ap05-main h2{color:#fff;font-size:28px;line-height:1.35;margin-bottom:10px;font-weight:bold;} .re04 div#content_area .ap05-main p{font-size:16px;font-weight:bold;color:#fff;padding-right: 28px;} .re04 .ap-osusume-cont01 > h3 { white-space: nowrap; letter-spacing: -0.5px; } .re04 .ap-osusume-cont01 > .inner:before{background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-ico01.png?t=1579761510) no-repeat;} .re04 .ap-osusume-cont01 > .inner{border-color:#B7D9C6;} .re04 .ap01-title03{margin-bottom:5px;} .re04 .ap01-title03:before{background:#42B675;} .ap05-cont01 { border: solid 1px #CFCFCF; padding: 70px 35px 70px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-st01.png?t=1579761532) no-repeat center top 23px,url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-st02.png?t=1579761538) no-repeat left 33px center, url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-st03.png?t=1579761544) no-repeat right 33px center,url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-st04.png?t=1579761550) no-repeat center bottom 23px, url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-liney.png?t=1579761562) no-repeat center,url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap05-linex.png?t=1579761556) no-repeat center, #fff; } .ap05-style { width: 430px;margin-right:28px;box-sizing:border-box; } .ap05-style:nth-child(2n){margin-right:0;padding-left:10px;} .ap05-style:first-child, .ap05-style:nth-child(2){margin-bottom:95px;} .ap05-style .cont{margin-top:5px;} .ap05-style .cont h4{font-size:18px;margin-bottom:5px;} .ap05-style .cont p{line-height:1.6;} .ap05-area-text { margin-top: 10px; } .ap05-area-text p{line-height:1.8;} div#cc-m-11438997172 { border: solid 1px rgba(112,112,112,0.5); background: #fff; } div#cc-m-11439027072 { border: solid 1px rgba(112,112,112,0.5); background: #fff; padding: 20px 0 25px!important; } .ap05-orange-bg { background: #FEAD54; color: #fff; border-radius: 10px; padding: 12px 109px; font-size: 20px; font-weight: bold; line-height: 1.25; } /*エクステリアリフォーム*/ .ap06-main { box-sizing: border-box; height: 360px; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap06-main.jpg?t=1579770572) no-repeat right top #FC9150; margin-bottom: 20px;padding: 60px 500px 10px 35px;margin-top:28px; } .ap06-main h2{color:#fff;font-size:28px;line-height:1.35;margin-bottom:10px;font-weight:bold;} .re05 div#content_area .ap06-main p{font-size:16px;font-weight:bold;color:#fff;padding-right: 28px;} .repage div#content_area p.ap06-text17 { font-size: 17px; } .re05 .ap-osusume-cont01 > div.flex { background: #fff; margin: 0; padding: 26px; } .re05 .ap-osusume-cont01 > div.flex p{margin-top:10px;} .re05 .ap-osusume-cont01 > div.flex > div{width:397px;} .re05 .ap-osusume-cont01 > div.flex > div.left{margin-right:35px;position:relative;} .re05 .ap-osusume-cont01 > div.flex > div.left:after{content:"";background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap06-plus.png?t=1579770598) no-repeat;width:30px;height:49px; position:absolute;top:42px;bottom:0;right:-32px;margin:auto 0;} .ap06-text01 { text-align: center; background: #fff; color: #90642C; font-weight: bold; font-size: 25px; border: solid 15px #F6D2BC; line-height: 1.3; padding: 17px 0; margin-bottom: 40px; } ul.ap06-link.flex{justify-content: center;} ul.ap06-link.flex > li:first-child{margin-right:20px!important;} .ap06TBL{margin-bottom:10px;} .ap06TBL table{width:100%;border-collapse: collapse;} .ap06TBL th,.ap06TBL td{border:solid 1px #BFBFBF;padding:10px;height:47px;box-sizing: border-box; vertical-align: middle;font-size:15px;font-weight: normal;} .ap06TBL th{width:91px;background: #EFEBE2;} .ap06TBL td{background: #fff;padding-left: 20px;} .ap06-case {margin-top:8px; } .ap06-case > h3{font-size:16px;min-height:40px;margin-bottom:10px;line-height:1.3;} .re05.showPage .j-module.n.j-textWithImage { } .re05.showPage .j-module.n.j-textWithImage .cc-imagewrapper{margin-right:12px;} .re05.showPage .last .j-module.n.j-textWithImage { margin-left: auto!important; } #content .j-table .ap06TBL02 th,#content .j-table .ap06TBL02 td{border:solid 1px #BFBFBF;padding:15px;height:76px;box-sizing: border-box; vertical-align: middle;font-size:18px;font-weight: bold;color:#535353;} #content .j-table .ap06TBL02 th{width:204px;background: #EFEBE2;text-align:center;} #content .j-table .ap06TBL02 td{background: #fff;padding-left: 20px;} .ap06-cont02 { border: solid 15px #F6D2BC; position: relative; text-align: center; font-size: 25px; color: #90642C; font-weight: bold; background: #fff; padding:26px 29px 26px 0; line-height: 1.3; } .ap06-cont02:after{content: ""; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-ico02.png?t=1579693109) no-repeat; width: 141px; height: 136px; position: absolute; right: -2px; top: -28px;} /*TOP追加2020.01.23*/ h2.top-ap-title01 { background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line01.jpg?t=1579732806) no-repeat center top; font-size: 36px; font-weight: bolder; color: #A47A43; text-align: center; padding-top: 30px; margin-bottom: 20px;margin-top: 50px; } .top-ap-cont01 { padding: 27px 50px 25px 474px; box-sizing: border-box; min-height: 305px; background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ap01.png?t=1579780460) no-repeat left 25px center #F1EBDF; } .pink-bg { border-radius: 8px; background: #FF85AF; padding: 10px;align-items: flex-end; } .pink-bg .left{font-weight: bold;color: #FFEC92;font-size: 27px;ine-height: 1;} .pink-bg .left .komoji{font-size: 23px;} .pink-bg .right{color: #fff;margin-left: auto;font-size: 15px;} h2.top-ap-title02 { margin: -12px 0 -8px -10px; } h2.top-ap-title03 { padding: 10px 0 10px 60px; line-height: 1; font-size: 36px; color: #A47A43; font-weight: bold; margin-bottom: 10px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ap-line.png?t=1579780481) no-repeat left center; } .line-cont > .left { background: #F1EBDF; width: 515px; padding: 15px; align-items: center; } .line-cont > .left h3 { font-size: 18px;width: 198px; color: #000; } .line-cont > .left .cont { width: 285px; } .line-cont > .left .cont .img { width: 89px;float:right; } .line-cont > .left .cont .img img{max-width:100%;height:auto;} .line-cont > .left .cont .text{width:calc(100% - 105px);float:left;} .repage div#content_area .line-cont > .left .cont .text p{font-size:14px;line-height:1.45;} .line-cont > .right { padding: 15px; align-items: center; background: #F1EBDF; width: 433px; margin-left: auto; } .line-cont > .right h3 { font-size: 18px;width: 178px; color: #000; } .line-cont > .right .cont { width: 209px; text-align: center; margin-left: auto; background: #fff; border-radius: 19px; font-size: 16px; line-height: 38px; } .line-cont.flex { margin: 20px 0; } .top-ap-cont02 { padding: 20px; background: #E2F0DF; align-items: center; } .top-ap-cont02 > .left { width: 470px; box-sizing: border-box; padding: 20px 0 20px 110px;background:url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/top-ap-img02.png?t=1579780467) no-repeat left center; } .top-ap-cont02 > .left h3 { font-size: 20px; color: #90642C; margin-bottom: 5px; } .top-ap-cont02 > .left ul li{margin-bottom:6px!important;} .top-ap-cont02 > .left ul li:before { content: "●"; color: #90642C; } .top-ap-cont02 > .right{margin-left:auto;} div#cc-m-11439259472 { margin-bottom: 60px!important; } #content div#cc-m-11439085872 { padding-bottom: 50px!important; background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ap02-line01.jpg?t=1579732806) no-repeat center bottom; margin-bottom: 50px!important; } div#cc-m-11439094272 { margin: 50px 0!important; } /*ビフォーアフター*/ .repage .cc-m-gallery-stack{background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/bf-arrow-ap.png?t=1580079897) no-repeat center top 60px;} .repage .cc-m-gallery-stack .cc-m-gallery-stack-column{position: relative;} .repage .cc-m-gallery-stack .cc-m-gallery-stack-column:first-child:before{content:"";width:70px;height:28px;background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ba01.png?t=1580079883) no-repeat left top;position: absolute;left:0;top:0;z-index: 2;} .repage .cc-m-gallery-stack .cc-m-gallery-stack-column:nth-child(2):before{content:"";width:70px;height:28px;background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/ba02.png?t=1580079890) no-repeat left top;position: absolute;left:0;top:0;z-index: 2;} .repage.re03 .cc-m-gallery-stack, .repage.re04 .cc-m-gallery-stack{background: url(https://u.jimcdn.com/cms/o/s884f49d5157a2c36/userlayout/img/bf-arrow-ap.png?t=1580079897) no-repeat center top 160px;} /*フッターナビ*/ #footer dl.footer02 { width: 503px; min-height: 170px; } dt.ap-f.mt20 { margin-top: 20px!important; } .tcenter.jBtn a { display: inline-block; width: 200px; height: 50px; background: #D9B989; line-height: 50px; color: #fff; text-decoration: none; } .tcenter.jBtn a:hover{opacity:0.7;} #scr{display:none;} .hoken #scr,.repage #scr{display:block;} .hoken .scr03{display:none;} #scr{position:fixed;top:100px;right:0;z-index:100;} #scr > div{margin-bottom:17px;}