@charset "UTF-8"; body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :placeholder-shown {color: #b4b4b4; }::-webkit-input-placeholder {color: #b4b4b4;}:-moz-placeholder {color: #b4b4b4; opacity: 1;}::-moz-placeholder {color: #b4b4b4; opacity: 1;}:-ms-input-placeholder {color: #b4b4b4;}:focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse:separate;border-spacing: 0;} caption, th, td {font-weight: normal;text-align: left;} blockquote:before, blockquote:after,q:before, q:after {content: "";} blockquote, q {quotes: "" "";} figure{margin:0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} img {padding:0; margin:0;} br.sp{display:none;} br.pc{display:auto;} a{color:#444;text-decoration:none;} a img{border: 0; margin:0; padding:0;} a:hover{text-decoration:none;} header a:hover img, a.btn:hover{opacity:0.6;} .btn a,h2 a,h3 a,h4 a,aside a, nav a{text-decoration:none;} .caption{font-size:86%;} small{font-size:71%;} .clear {clear: both;} .hidden {display: none;visibility: hidden;} .clearfix,.row{clear:both;position:relative;} .clearfix:after,.row:after,header:after,footer:after,article:after,main:after,#frontpage section#service:after, .main:after{content:"";clear:both;visibility: hidden;display:block;} /*f #main section.saled .wrp, */ #second #main.sellitem section#parts .slider .slick-slide span.scc, header .resevebtn a img,.pagetop a,p.btn a,.gmenu a, header .hm .inner > ul li a:hover:after, #main section#topix .row ul li a,#archivelist ul li a, #main section#service .sol4 > * h3 a, #main section.saled .salelists > div p, #second.results .result_pickup li a, #second.results .grid .item a, #gnavi #gm > div > a+div.cont.active ul li a:after{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity:1;} #second.sell #main section.selltab ol li, #second #pagesns ul li a img, #main section.satei .row > a > div.hover,#main section#yearmonth a, header .hm .inner > a.logo img,.more a span,#main section.saled .salelists > div.active img, header a,header p{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0.3s;} body{color:#2a2a2a;background:#FFF;font-size:1rem;line-height:1.7; -webkit-text-size-adjust: none;font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",sans-serif;} sup{font-size:60%;vertical-align:top;} .min{line-height:1.3em;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .caption{font-size:0.7em;line-height:1.4em;} #main section.saled:after, #main section.saled .salelists:after, header .ht:after, header .hm:after{clear:both;display:block;content:"";} header{position:fixed;width:100%;top:0px;left:0px;z-index:1000;border-bottom:1px solid #e0e0de;} header .inner{margin:0px auto;padding:0px 0px;max-width:1200px;} header .ht{background:#f7f7f7;} header .ht ul{float:right;font-size:0px;margin:0px 0px;line-height:0em;} header .ht ul li{float: left;border-left:1px solid #e0e0e0;} header .ht ul li form, header .ht ul li a{display:block;padding:0.5rem;color:#575757;line-height:1em;font-weight:bold;font-size:0.75rem;} header .ht ul li a{padding:1rem 0.7rem;} header .ht ul li a:hover{background:#d4d4d4;} header .site-discription{float:left;color:#acacac;padding:10px;font-size:0.714rem;} header .ht ul li form input[type=text]{line-height:1rem;padding:4px;font-size:0.86rem;border:1px solid #e0e0e0;border-radius:5px 0px 0px 5px;margin:0px 0px 0px 0.3rem;} header .ht ul li form input[type=submit]{font-size:0.7rem;background:#575757 url(./images/submit_search.png) 4px center no-repeat;color:#FFF;font-weight:bold;border:1px solid #e0e0e0;border-left:0px;border-radius:0px 5px 5px 0px;padding:4px 8px 4px 1.6rem;} /*google検索*/ header .ht ul li div.g_search div.gsc-control-searchbox-only{ width: 300px; } header .ht ul li div.g_search div.gsc-control-searchbox-only form{ padding: 0; } header .ht ul li div.g_search div.gsc-control-searchbox-only form .gsc-input{ padding-right: 0; } /* 入力時に出る「×」ボタンの位置調整 */ input::-ms-clear { visibility:hidden } /* 入力時に出る×ボタン -- Firefox位置調整 -- */ #gsc .gsib_b span{ display: none !important; } .g_search{ padding-left: 15px; padding-top: 10px; width: 240px; } .g_search *{ box-sizing: border-box; } input[type="text"]:focus { border: 2px solid #b2e0eb !important; outline: 0!important; /*safariの自動フォーカスを切る */ } table{ border:none !important; } header .ht ul li div.g_search div.gsc-control-searchbox-only form .gsc-input input[type=text]{ border: 1px solid #e0e0e0!important; border-radius: 5px 0px 0px 5px; margin: 0px 0px 0px 0.3rem!important; line-height: 1rem; padding: 4px!important; font-size: 0.86rem; margin: 0 !important; width: 180px!important; } table.gsc-search-box{ width: 238px !important; } .gsc-input{ width: 180px !important; } .gsc-search-button{ position: relative; } .gsc-search-button:before { position: absolute; top: 8px; left: 24px; content: '検索' !important; color: #FFF; font-size: 12px; font-weight: bold; z-index: 2; } .gsib_a{ padding: 0!important; } .gsc-input-box { height: auto!important; border: none !important; background: none !important; } .gsc-input-box-hover{ box-shadow:none!important; } input[type=image]{ margin: 0 !important; padding: 0 !important; height: 26px !important; width: 57px !important; border-radius: 0px 5px 5px 0px!important; border: 1px solid #e0e0e0 !important; border-left: !important; padding: 12px 12px 13px !important; background: none; background: #575757 url(./images/submit_search.png) 4px center no-repeat !important; } /*IE,FF用検索ボタン*/ @media all and (-ms-high-contrast: none){ .gsc-search-button:before{ top: 12px; } input[type=image]{ margin-top: 3px !important; } } @-moz-document url-prefix(){ .gsc-search-button:before{ top: 12px; } input[type=image]{ margin-top: 3px !important; } } td.gsc-search-button{ width: 57px!important; } .gsst_a{ position: absolute; left: -32px; top: -22px; } .gsst_b{ padding: 0 !important; } header .hm {text-align:center;background:#FFF;} header .hm .inner > a.logo{display:block;float:left;padding:20px 0px 20px 10px;} header .hm .inner > ul{display:inline-block;font-size:0px;line-height:1em;} header .hm .inner > ul li{display:inline-block;font-size:1.14rem;font-weight:bold;line-height:1.2em;margin:0px 1.2rem;} header .hm .inner > ul li a{text-align:center;padding:13px 0px;display:block;box-sizing:border-box;position:relative;} header .hm .inner > ul li a small{font-size:0.7em;display:block;text-align:center;margin:0px auto;} header .hm .inner > ul li a:after{position:absolute;bottom:0px;left:50%;width:0%;height:5px;background:#f49b37;content:"";} header .hm .inner > ul li a:hover:after{left:0%;width:100%;height:5px;background:#f49b37;content:"";} header .hm .inner > ul li a:before{display:block;margin:0px auto;} header .hm .inner > ul li a#hm1:before{content:url(./images/hm1.png);} header .hm .inner > ul li a#hm2:before{content:url(./images/hm2.png);} header .hm .inner > ul li a#hm3:before{content:url(./images/hm3.png);} header .hm .inner > ul li a#hm4:before{content:url(./images/hm4.png);} header .hm .inner > p{float:right;line-height:1em;margin-top:23px;padding-right:20px;} header .hm .inner > p small{font-size:0.89rem;} header .hm .inner > p tel{display:block;font-size:2.1rem;font-weight:bold;margin-top:0px;line-height:1.4em;} header .hm .inner > p tel:before{content:url(./images/free.png);display:inline-block;vertical-align:top;margin-right:5px;} header.small .site-discription{padding:10px 13px;} header.small .ht ul li form{padding:4px 0.7rem;} header.small .ht ul li a{padding:12px 0.7rem;} header.small .hm .inner > a.logo{padding:0px 0px;line-height:0px;} header.small .hm .inner > a.logo img{transform:scale(0.80);margin-top:0px;} header.small .hm .inner > ul.pc li{width:143px;margin: 8px 0.3rem 0px;} header.small .hm .inner > ul.pc li a{font-size:0.714rem;line-height:1.2em;text-align:left;padding:0.8rem 0px;} header.small .hm .inner > ul.pc li a small{font-size:1em;text-align:left;} header.small .hm .inner > ul.pc li a:before{float:left;} header.small .hm .inner > p{margin-top:6px;} header.small .hm .inner > p small{font-size:0.75rem;} header.small .hm .inner > p tel{font-size:1.8rem;} #gnavi{margin-top:100px;position:relative;} #frontpage #visual{height:550px;} #frontpage #visual ul li{width:100%;background-size:cover;background-position:center center;height:260px;} #frontpage #visual .title{position:absolute;top:50%;left:50%;margin-left:320px;margin-top:-150px;} #frontpage #visual ul li{height:550px;} #gnavi #gm{border-radius:7px;text-align:center;margin:-70px auto 0px;width:1000px;position:relative;font-size:0px;line-height:0px;z-index:100; box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15); } #gnavi #gm > div{display:block;float:left;width: 142.8px;font-size:0.86rem;line-height:1.3em;box-sizing:border-box;} #gnavi #gm > div:first-child a{border-left:0px;border-radius:7px 0px 0px 10px;} #gnavi #gm > div:nth-of-type(8) a{border-radius:0px 7px 7px 0px;} #gnavi #gm.hover > div:first-child a{border-left:0px;border-radius:7px 0px 0px 0px;} #gnavi #gm.hover > div:nth-of-type(8) a{border-radius:0px 7px 0px 0px;} #gnavi #gm > div > a{z-index:900;background:#FFF;text-align:center;font-weight:bold;padding:15px 0px;display:block;height:100px;box-sizing:border-box;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;position:relative;} #gnavi #gm > div > a.active{background:#f49b37;color:#FFF;border-bottom:1px solid #f49b37;} #gnavi #gm > div > a.arrow:after{content:"";border:7px solid transparent;border-top:12px solid #f49b37;position:absolute;top:100%;left:50%;margin-left:-8px;} #gnavi #gm > div > a+div{display:none;} #gnavi #gm > div > a:before{display:block;margin:0px auto;} #gnavi #gm > div > a#gm1:before{content:url(./images/gm1_off.png);} #gnavi #gm > div > a#gm2:before{content:url(./images/gm2_off.png);} #gnavi #gm > div > a#gm3:before{content:url(./images/gm3_off.png);} #gnavi #gm > div > a#gm4:before{content:url(./images/gm4_off.png);} #gnavi #gm > div > a#gm5:before{content:url(./images/gm5_off.png);} #gnavi #gm > div > a#gm6:before{content:url(./images/gm6_off.png);} #gnavi #gm > div > a#gm7:before{content:url(./images/gm7_off.png);} #gnavi #gm > div > a#gm1.active:before{content:url(./images/gm1_on.png);} #gnavi #gm > div > a#gm2.active:before{content:url(./images/gm2_on.png);} #gnavi #gm > div > a#gm3.active:before{content:url(./images/gm3_on.png);} #gnavi #gm > div > a#gm4.active:before{content:url(./images/gm4_on.png);} #gnavi #gm > div > a#gm5.active:before{content:url(./images/gm5_on.png);} #gnavi #gm > div > a#gm6.active:before{content:url(./images/gm6_on.png);} #gnavi #gm > div > a#gm7.active:before{content:url(./images/gm7_on.png);} #gnavi #gm > div > a+div.active{border-radius:0px 0px 10px 10px;display:block;position:absolute;top:100%;width:100%;left:0px;background:#FFF;padding:30px 20px;box-sizing:border-box;z-index:-1;box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 6px 2px rgba(0,0,0,0.15); } #gnavi #gm > div > a+div.cont.active ul{text-align:left;} #gnavi #gm > div > a+div.cont.active ul li{display:inline-block;font-weight:bold;margin:10px 20px;} #gnavi #gm > div > a#gm2+div.cont.active ul, #gnavi #gm > div > a#gm7+div.cont.active ul{margin-left:20px;} #gnavi #gm > div > a#gm2+div.cont.active ul li{width:19%;margin:10px 0px;} #gnavi #gm > div > a#gm7+div.cont.active ul li{width:16%;margin:10px 0px;} #gnavi #gm > div > a+div.cont.active ul li a{display:inline-block;position:relative;padding:6px 0px;} #gnavi #gm > div > a+div.cont.active ul li a:after{position:absolute;display:block;left:50%;top:100%;width:0%;height:3px;background:#f49b37;content:"";} #gnavi #gm > div > a+div.cont.active ul li a:hover:after{width:100%;left:0%;} #gnavi,header,footer, #main{min-width:1205px;} @media screen and (max-width: 120px){ } #main section .row{max-width:1000px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;} #main section{padding:70px 0px;position:relative;} #main section h2{letter-spacing:0.2em;font-size:2rem;font-weight:bold;text-align:center;margin:0px auto 1rem;} #main section h2 img{width:auto;max-width:100%;margin:0px auto;} #main section.yellow{background:#faf8e9;} p.lead{font-weight:normal;text-align:center;font-size:1rem;line-height:1.7em;} p.lead.big{font-weight:bold;font-size:1.2rem;line-height:1.5em;} #main section#topix{background:#f7f7f7;padding:40px 0px 30px;} #main section#topix h2{position:absolute;left:50%;margin-left:-560px;top:40px;} #main section#topix .row{max-width:800px;} #main section#topix .row ul li a{display:block;padding:1rem;border-bottom:1px solid #eaeaea;} #main section#topix .row ul li a:hover{background:#eaeaea;} #main section#topix .row ul li a time{font-weight:normal;font-size:0.88rem;display:inline-block;margin-right:30px;} #main section p.more{position:absolute;top:0px;left:50%;margin-left:450px;} #main section#komi p.more{top:80px;} .more a{font-weight:bold;position:relative;display:inline-block;padding-left:1.2rem;line-height:1.3em;} .more a:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-0.4rem;width:0.8rem;height:0.8rem;background:#F49B37;border-radius:50%;} .more a:after{content:"";display:block;position:absolute;left:3px;top:50%;margin-top:-3px;border-right:2px solid #FFF;border-top:2px solid #FFF;width:5px;height:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-sizing:border-box;} .more a span{width:0%;height:2px; background:#2a2a2a;position:absolute;left:50%;top:100%;} .more a:hover span{width:100%;left:0%;} #main section.saled{position:relative;overflow:hidden;padding:0px 0px;} #main section.saled .wrp{background:rgba(35,35,59,0.6);width:100%;height:100%;text-align:center;position:absolute;left:0px;top:0px;color:#FFF;z-index:200;} #main section.saled .wrp.active{} #main section.saled .wrp p{border-bottom:5px solid #FFF;padding-bottom:3px;font-size:1.1rem;display:inline-block;} #main section.saled h2{font-size:3rem;font-weight:bold;margin-top:150px;} #main section.saled .salelists{width:1200px;margin:0px auto;} #main section.saled .salelists > div{float:left;position:relative;overflow:hidden;width:150px;height:150px;cursor:pointer;} #main section.saled .salelists > div p{opacity:0;text-align:center;background:rgba(72,97,131,0.7);padding:10px;font-size:0.86rem;color:#FFF;position:absolute;top:0%;width:100%;height:100%;box-sizing:border-box;} #main section.saled .salelists > div img{display:block;position:relative;} #main section.saled .salelists > div.active img{} #main section.saled .salelists > div.active img{transform:scale(1.1,1.1);} #main section.saled .salelists > div.active p{opacity:1;} #main section.saled .salelists > div p em{display:block;color:#FFF;font-size:0.92rem;padding:10px 0px;font-weight:bold;} #main section.saled .salelists > div p span{display:block;color:#FFF;font-size:0.714rem;margin-bottom:5px;} #main section.satei h2{text-align:center;margin-bottom:2rem;} #main section.satei h2 span, #main section.satei h2 img{display:inline-block;vertical-align:middle;} #main section.satei .row > a{border-radius:5px;display:block;text-align:center;font-weight:bold;background-size:cover;color:#FFF;box-sizing:border-box;position:relative;height:230px;overflow:hidden;} #main section.satei .row > a#st1{background-image:url(./images/st1.jpg);} #main section.satei .row > a#st2{background-image:url(./images/st2.jpg);} #main section.satei .row > a#st3{background-image:url(./images/st3.jpg);} #main section.satei .row > a#st4{background-image:url(./images/st4.jpg);} #main section.satei .row > a p{padding:70px 0px 0px;border-bottom:3px solid #FFF;display:inline-block;text-align:center;} #main section.satei .row > a p em{font-size:1.4rem;} #main section.satei .row > a p em small{font-size:1rem;} #main section.satei .row > a > div.hover{position:absolute;top:0%;width:100%;height:100%;line-height:1.5em;opacity:0;position:absolute;background:#f49b37 url(./images/stbg.jpg) center bottom no-repeat;bottom:0px;left:0px;padding:20px 0px;box-sizing:border-box;} #main section.satei .row > a:nth-child(1) > div.hover{background:#fd9c9d url(./images/stbg1.png) center bottom no-repeat;} #main section.satei .row > a:nth-child(2) > div.hover{background:#a8bf60 url(./images/stbg2.png) center bottom no-repeat;} #main section.satei .row > a:nth-child(3) > div.hover{background:#9acccd url(./images/stbg3.png) center bottom no-repeat;} #main section.satei .row > a:nth-child(4) > div.hover{background:#d6c194 url(./images/stbg4.png) center bottom no-repeat;} #main section.satei .row > a.active > div.hover{top:0%;opacity:1;} @keyframes vertical {0% { transform:translateY(-25px); }100% { transform:translateY(25px); }} @keyframes vertical15 {0% { transform:translateY(0px); }100% { transform:translateY(-15px); }} @keyframes vertical30 {0% { transform:translateY(-30px); }100% { transform:translateY(0px); }} @keyframes horizontal {0% { transform: scale(0.8,0.95); }100% { transform: scale(1,1); }} @keyframes tori1 {0% { opacity:1; }50% { opacity:1; }51% { opacity:0; }100% { opacity:0; }} @keyframes tori2 {0% { opacity:0; }50% { opacity:0; }51% { opacity:1; }100% { opacity:1; }} #main section#komi{background:#f7f7f7;padding-bottom:2rem;} #main section#komi h2{text-align:left;padding-left:3.6rem;position:relative;margin-left:-50px;letter-spacing:0;} #main section#komi h2:before{content:"";width:3rem;height:3rem;display:block;position:absolute;left:0px;top:50%;margin-top:-1.6rem;background:url(./images/icon_fk.png) center center no-repeat;background-size:contain;} #main section#komi h2:after{content:url(./images/komi_arrow.png);display:inline-block;vertical-align:middle;} #main section#komi .wrap{width:100%;overflow:hidden;height:240px;margin:2rem auto 0px;position:relative;} .loopSliderWrap {top: 0;left: 0;height: 240px;overflow: hidden;position: absolute;} .loopSliderWrap:after {content: "";display: block;clear: both;} #main section#komi ul{position:relative;display:inline-block;} #main section#komi ul.slider li{position:relative;background-size:100% auto;box-sizing:border-box;width:230px;height:240px;display:block;float:left;} #main section#komi ul.slider li.tori {width:70px!important;height:97px;opacity:1;position:relative;margin-top:140px;} #main section#komi ul.slider li.tori img{position:absolute;left:0px; top:0px;display:none;} #main section#komi ul.slider li.tori img.active{display:block;} #main section#komi ul.slider li.tori.active{background:url(./images/tr_ov.png) top left no-repeat;} #main section#komi ul.slider li.tori.active img{display:none;} #main section#komi ul.slider li:hover p{opacity:1;animation-play-state: paused;} #main section#komi ul.slider li p{color:#FFF;line-height:1.3em;min-height:13.5rem;opacity:0.5;box-sizing:border-box;padding:70px 40px 60px 50px;cursor:pointer;animation: vertical 2s ease-in-out infinite alternate;} #main section#komi ul.slider li.komi1 p{background:url(./images/fk_1.png) center 10px no-repeat;animation-name:vertical;animation-duration: 3s} #main section#komi ul.slider li.komi2 p{background:url(./images/fk_2.png) center 0px no-repeat;animation-name:vertical15;animation-duration: 4s} #main section#komi ul.slider li.komi3 p{background:url(./images/fk_3.png) center 20px no-repeat;animation-name:vertical30;animation-duration: 3s} #main section#komi ul.slider li.komi4 p{background:url(./images/fk_4.png) center top no-repeat;padding-top:75px;animation-name:vertical;animation-duration: 4s} #main section#komi ul.slider li.komi5 p{background:url(./images/fk_5.png) center 20px no-repeat;animation-name:vertical15;animation-duration: 3s} #main section#komi ul.slider li:not(.tori):after{animation: horizontal 2s ease-in-out infinite alternate;content:"";width:50%;height:23px;background:rgba(0,0,0,0.10);border-radius:100%;display;block;position:absolute;bottom:0px;left:25%;display:block;} #main section#komi ul.slider li.komi1:after{animation-duration: 3s} #main section#komi ul.slider li.komi2:after{animation-duration: 2.3s} #main section#komi ul.slider li.komi3:after{animation-duration: 2.6s} #main section#komi ul.slider li.komi4:after{animation-duration: 2.2s} #main section#komi ul.slider li.komi5:after{animation-duration: 2.4s} #main section#komi ul.slider li.hidden{display:none;} #main section#komi ul.sp.slider li{height:220px;} #main section#komi ul.sp.slider li p{font-size:1rem;background-size:100% 100%;padding:60px 45px;} .slick-slider{position: relative; display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .controll{position:absolute;left:0%;margin-right:40px;top:50%;margin-top:14px;width:100%;} .controll .slick-arrow{top:0px;position:absolute;display:block;width:20px;height:20px;font-size:0px;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;} .controll .slick-arrow:hover{opacity:0.5;} .controll .slick-arrow:before{content:"";display:block;width:20px;height:20px;box-sizing:border-box;border-left:5px solid rgba(70,70,0,0.3);border-top:5px solid rgba(70,70,0,0.3);} .controll .slick-prev.slick-arrow{transform:rotate(-45deg);left:-40px;} .controll .slick-next.slick-arrow{transform:rotate(135deg);right:-40px;} .frontpage #main section#service{padding-bottom:0px;} #main section#service h2{text-align:left;max-width:1100px;margin-left:auto;margin-right:auto;margin-bottom:30px;line-height:1.1em;} #main section#service h2 small{font-size:1rem;display:block;margin-left:0rem;line-height:1.2em;} #main section#service .heightline > *{padding:30px;box-sizing:border-box;} #main section#service .heightline > * h3{text-align:center;font-size:1.2rem;font-weight:bold;margin-bottom:1rem;} #main section#service .heightline > * h3:before{content:"";display:block;margin:20px auto 0px;width:78px;height:68px;background-position:center center;background-size:contain;background-repeat:no-repeat;} #main section#service .heightline > * h3 a{position:relative;background:#000;display:inline-block;padding:12px 30px 12px 15px;font-size:1rem;line-height:1em;text-align:center;border-radius:5px;color:#FFF;} #main section#service .heightline > * h3 a:after{content:"";display:block;position:absolute;right:10px;top:50%;margin-top:-5px;border-right:3px solid #FFF;border-top:3px solid #FFF;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;} #main section#service .heightline > * h3 a:hover{background:#f49b37;} #main section#service .heightline > *:nth-child(even){color:#000;} #main section#service .heightline > *:nth-child(odd){color:#FFF;} #main section#service .heightline > *:nth-child(even) a.question{color:#000;} #main section#service .heightline > *:nth-child(odd) a{color:#FFF;} #main section#service .heightline > * p{font-size:0.92rem;line-height:1.8em;} #main section#service .s1{background:#63bbe3;} #main section#service .s2{background:#e0ded1;} #main section#service .s3{background:#fd9c9d;} #main section#service .s4{background:#d7ebb0;} #main section#service .s1 h3:before{background-image:url(./images/se1.png);} #main section#service .s2 h3:before{background-image:url(./images/se2.png);} #main section#service .s3 h3:before{background-image:url(./images/se3.png);} #main section#service .s4 h3:before{background-image:url(./images/se4.png);} #main section#service .heightline > * .question{border:2px solid #FFF;border-radius:0px;margin-top:20px;} #main section#service .heightline > *:nth-child(2) .question{border:2px solid #000;} #main section#service .question{display:block;padding-bottom:50px;position:relative;} #main section#service .question p{padding:20px;z-index:200;position:relative;font-weight:bold;} #main section#service .question > img{display:block;margin-bottom:1rem;width:100%;text-align:center;height:auto;border-radius:0px 0px 0px 0px;} #main section#service .question span.bottom{position:absolute;width:100%;font-weight:bold;bottom:0px;padding:8px 0px;text-align:center;display:block; } #main section#service .sol4 > *:nth-child(even) span.bottom{background:#000;} #main section#service .sol4 > *:nth-child(odd) span.bottom{background:#FFF;} #main section#service .question p:before{border-radius:50%;height:50px;box-sizing:border-box;padding-top:7px;width:50px;text-align:center;background:#FFF;content:"Q";font-weight:bold;display:block;font-size:2rem;margin:-50px auto 0px;} #main section#service .s1 .question p:before{color:#63bbe3;border:2px solid #63bbe3;} #main section#service .s2 .question p:before{color:#FFF;border:2px solid #FFF;background:#000;} #main section#service .s3 .question p:before{color:#fd9d9e;border:2px solid #fd9d9e;} #main section#service .s1 .question span.bottom{color:#63bbe3;} #main section#service .s2 .question span.bottom{color:#FFF;} #main section#service .s3 .question span.bottom{color:#fd9d9e;} #main section#service .question span.bottom:after{border-right:3px solid #FFF;border-top:3px solid #FFF;content:"";display:block;position:absolute;right:10px;top:50%;margin-top:-3px;width:10px;height:10px;transform:rotate(45deg);box-sizing:border-box;} #main section#service .s1 .question span.bottom:after{border-color:#51b2e9;} #main section#service .s3 .question span.bottom:after{border-color:#fd9d9e;} #main section#service a.question:hover{opacity:0.5;} #main section#service .s4 dl{border-borrom:1px dotted #000;padding:1rem 0px;} #main section#service .s4 dl:after{content:"";display:block;clear:both;} #main section#service .s4 dl dt{font-weight:bold;float:left;width:22%;} #main section#service .s4 dl dd{float:right;width:76%;} #main section#service .s4 dl dd ul li{display:inline-block;width:48%;box-sizing:border-box;font-size:0.86rem;} #main section#service .s4 dl dd ul li.w100{width:98%;} #main section#service .s4 dl dd ul li a{display:block;padding-left:20px;text-decoration:underline;position:relative;} #main section#service .s4 dl dd ul li a:before{width:12px;height:12px;border-radius:2px;position:absolute;left:0px;top:50%;margin-top:-6px;background:#000;display:block;content:"";} #main section#service .s4 dl dd ul li a:after{border-right:2px solid #FFF;border-top:2px solid #FFF;content:"";display:block;position:absolute;left:2px;top:50%;margin-top:-3px;width:6px;height:6px;transform:rotate(45deg);box-sizing:border-box;} #main section#service .s4 dl dd ul li a:hover{text-decoration:none;} #main section#contact{} #main section#contact h2{margin-bottom:2rem;} #main section#contact h3{margin-bottom:2rem;letter-spacing:0.05em;background:#f49b37;color:#FFF;font-weight:bold;font-size:1.2rem;padding:5px 0px;text-align:center;position:relative;} #main section#contact h3:before{content:"";border:20px solid transparent;border-left:20px solid #FFF;position:absolute;top:50%;left:0%;margin-top:-20px;} #main section#contact h3:after{content:"";border:20px solid transparent;border-right:20px solid #FFF;position:absolute;top:50%;right:0%;margin-top:-20px;} #main section#contact .formblock{} #main section#contact .row.col2.formblock > *{width:47%;} #main section#contact .row.col2.formblock > *:nth-child(even){float:right;} #main section .formblock dl:after{content:"";display:block;clear:both;} #main section .formblock dl dt{position:relative;font-weight:bold;float:left;width:120px;box-sizing:border-box;padding:5px 0px;} #main section .formblock dl.need dt:before{content:"必須";font-size:0.86rem;line-height:1em;padding:7px 7px 7px;background:#d62b23;color:#FFF;display:block;border-radius:3px;position:absolute;left:100%;top:8px;width:2rem;text-align:center;} #main section .formblock dl dd{position:relative;padding:5px 0px 5px 50px;float:right;box-sizing:border-box;width:870px;} #main section .formblock.row.col2 dl dd{width:340px;} #main section .formblock dl.need dd:before{} #main section .formblock input[type=tel], #main section .formblock input[type=text], #main section .formblock textarea{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:2px;font-size:1rem;padding:5px;width:100%;-webkit-appearance: none;} #main section .formblock dl dd small{font-size:14px;color:#999;line-height:1.4em;} #main section .formblock dl dd.col2 input, #main section .formblock dl dd.col2 select{width:48%;float:left;} #main section .formblock dl dd.col2 input+input{float:right;} #main section .formblock select{color:#b4b4b4;font-size:1rem;position: relative;width: 100%;padding: 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #e0e0e0;background: #FFF;} #main section .formblock select::-ms-expand{display: none;} #main section .formblock dl dd select option{color:#000;} #main section .formblock dl dd ul li{padding-bottom:10px;} #main section .formblock dl dd label{position:relative;} #main section .formblock dl dd label:after{content:"";display:block;position:absolute;right:8px;top:50%;margin-top:-4px;border-right:2px solid #b2b2b2;border-bottom:2px solid #b2b2b2;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;} #main section .formblock dl dd label.rd{display:inline-block;} #main section .formblock dl dd label.rd:after{display:none;} #main section .formblock a#zipserch{margin-left:0.5rem;display:inline-block;padding:2px 1rem;background:#000;color:#FFF;text-align:center;border-radius:2px;box-sizing:border-box;} .btn2 button{display:block;margin:3rem auto;background:#f49b37;padding:10px 150px 13px;border-radius:5px;border:0px;font-weight:bold;color:#FFF;font-size:2rem;position:relative;line-height:1em;cursor:pointer; box-shadow:0px 5px 0px 0px #ce720b;-moz-box-shadow:0px 5px 0px 0px #ce720b;-webkit-box-shadow:0px 5px 0px 0px #ce720b;} .btn2 button:before{content:url(./images/btn_b.png);display:block;bottom:-5px;left:30px;position:absolute;} .btn2 button:after{content:url(./images/btn_a.png);display:block;bottom:-5px;right:30px;position:absolute;} .btn2 button > small{display:block;position:relative;font-size:0.5em;} .btn2 button > small:before{display:inline-block;content:"";width:2px;height:16px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);background:#FFF;vertical-align:middle;margin-right:10px;} .btn2 button > small:after{display:inline-block;content:"";width:2px;height:16px;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:#FFF;vertical-align:middle;margin-left:10px;} .btn2 button > em{border-bottom:3px solid #FFF;padding-bottom:0px;} .btn2 button:hover{background:#d62b23;margin:52px auto 44px;box-shadow:0px 1px 0px 0px #ce720b;-moz-box-shadow:0px 1px 0px 0px #ce720b;-webkit-box-shadow:0px 1px 0px 0px #ce720b;} .toplink{width:100%;} .toplink ul{padding:20px;font-size:0.93rem;} .toplink ul li{position:relative;padding-left:18px;display:inline-block;margin-left:10px;} footer .fm3 ul.left li:before,#second.sitemap #main .sitemap_cont div > dl > dt:before,#second.sitemap #main dl dd ul li:before, .toplink ul li:before{content:"";display:block;position:absolute;left:4px;top:50%;margin-top:-4px;border-right:2px solid #999;border-top:2px solid #999;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;} .toplink ul li a{text-decoration:none;} .toplink ul li a:hover{text-decoration:underline;} footer{background:#4e4e4e;position:relative;color:#FFF;} footer a{color:#FFF;} footer .pagetop{position:absolute;right:20px;top:-40px;} footer .pagetop a{color:#FFF;font-family:"Impact";width:75px;height:75px;box-sizing:border-box;display:block;text-align:center;font-weight:normal;font-size:1.2rem;padding-top:16px ;line-height:1em;border-radius:50%;box-shadow:0px 0px 0px 3px rgba(255,255,255,0.5);background:#ff9933;} footer .pagetop a:hover{background:#d62b23;} footer > small{font-weight:700;display:block;text-align:center;font-size:0.714rem;padding:15px 0px;margin:0px auto;} footer .fm1{font-size:0.93rem;padding:20px;} footer .fm1 ul li{display:inline-block;margin-right:20px;vertical-align:middle;} footer .fm1 ul li a{display:block;padding-left:20px;color:#FFF;position:relative;font-size:0.94rem;} footer .fm1 ul li a:before{content:"";display:block;position:absolute;left:4px;top:50%;margin-top:-4px;border-right:2px solid #FFF;border-top:2px solid #FFF;width:8px;height:8px;transform:rotate(45deg);8px;-webkit-transform:rotate(45deg);box-sizing:border-box;} footer .fm2 {display:table;width:100%;font-size:0.88rem;line-height:1.1em;border-bottom:1px solid #646464;} footer .fm2 > dl{display:table-cell;} footer .fm2 > dl > dt{border-left:1px solid #4e4e4e;display:block;background:#646464;padding:1.5rem 1rem;white-space:nowrap;font-size:0.88rem} footer .fm2 > dl > dd{padding:7px 0px;border-left:1px solid #646464;font-size:0.8em;} footer .fm2 > dl dd ul > li{padding:7px 18px;} footer .fm2 > dl dd a{color:#a0a0a0;text-decoration:underline;} footer .fm2 > dl dd a:hover{text-decoration:none;} footer .fm2 > dl > dd > dl > dt{cursor:pointer;color:#a0a0a0;padding:7px 12px;border-bottom:1px solid #646464;position:relative;} footer .fm2 > dl > dd > dl > dt:after{content:"";display:block;position:absolute;right:7px;top:50%;margin-top:-7px;border-right:2px solid #a0a0a0;border-bottom:2px solid #a0a0a0;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box;} footer .fm2 > dl > dd > dl > dt.active:after{transform:rotate(-135deg);margin-top:-4px;} footer .fm2 > dl > dd > dl > dd{display:none;font-size:0.714rem;background:#646464;} footer .fm2 > dl > dd > dl > dd ul{padding:10px;} footer .fm2 > dl > dd > dl > dd ul > li{padding:7px 0px 7px 1em;line-height:1em;} footer .fm3{border-bottom:1px solid #646464;} footer .fm3 ul{margin:0.5rem 20px;line-height:1em;} footer .fm3 ul.left{float:left;margin-top:1rem;} footer .fm3 ul li{display:inline-block;position:relative;} footer .fm3 ul li+li{margin-left:1rem;} footer .fm3 ul li a{color:#a0a0a0;font-size:0.88rem;} footer .fm3 ul.left li{padding-left:1.2rem;} footer .fm3 ul.left li a:hover{text-decoration:underline;} footer .fm3 ul.right{float:right;} footer .fm3 ul.right li+li{margin-left:0.2em;} footer .fm3 ul.right li a{display:block;} footer .fm3 ul.right li a:hover{opacity:0.5;} footer .fm3:after{content:"";display:block;clear:both;} #second article section > time{display:block;margin-bottom:1rem;font-weight:bold;} #second article section img.tmn{margin:1rem auto;display:block;width:100%;height:auto;} #second article h1{font-size:1.6rem;margin:1em 0px;font-weight:bold;} article section p{margin:1rem 0px;} #second #pagesns{position:absolute;right:0px;top:3rem;} #second #pagesns ul li{display:inline-block;} #second #pagesns ul li a:hover img{opacity:0.5;} #second #gnavi{} #second #visual{display:table;width:100%;;margin-top:160px;height:300px;background-position:center center;background-repeat:no-repeat;background-size:cover;} #second #visual .title{padding-bottom:2rem;display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;line-height:1em;text-align:center;font-weight:bold;font-size:2.4rem;color:#FFF;letter-spacing:0.1em;} #second #visual .title small{display:block;font-size:1rem;margin-top:-1rem;} #second.news #visual{background-image:url(./images/news_visual.jpg);} #second.sitemap #visual{background-image:url(./images/sitemap_visual.jpg);} #second.faqs #visual{background-image:url(./images/faqs_visual.jpg);} #second.review #visual{background-image:url(./images/review_visual.jpg);} #second.review-term #visual{background-image:url(./images/review_visual.jpg);} #second.results #visual{background-image:url(./images/results_visual.jpg);} #second.shop #visual{background-image:url(./images/shop_visual.jpg);} #second.flow #visual{background-image:url(./images/flow_visual.jpg);} #second.contact #visual{background-image:url(./images/flow_visual.jpg);} #second.sell #visual{background-image:url(./images/sell_visual.jpg);} #second.video #visual{background-image:url(./images/video_visual.jpg);} #second.sellcar #visual{background-image:url(./images/sellcar_visual.jpg);} #second.selltire #visual{background-image:url(./images/selltire_visual.jpg);} #second.selljobcar #visual{background-image:url(./images/selljobcar_visual.jpg);} #second.sellhobby #visual{background-image:url(./images/sellhobby_visual.jpg);} #second #main section{max-width:1000px;margin-left:auto;margin-right:auto;} #main section .row.w800, #second #main section.w800{max-width:800px;} #second #main section.w860{max-width:860px;} #second #main h2{font-size:1.5rem;} #second #main h3{} #second #main h4{font-size:1.2rem;font-weight:bold;margin-bottom:1rem;} #second #main p+h4 {margin-top:2rem;} #second #main h5{font-size:1.1rem;font-weight:bold;margin-bottom:0.6rem;} #second #main p+h5 {margin-top:1.2rem;} #second #main p.center{text-align:center;} #second #main p.center a, #second #main p.center em{color:#FF9900;font-weight:bold;} #second #main p.center a{text-decoration:underline;} #second #main p.center a:hover{text-decoration:none;} #second .topicpath{background:#f7f7f7;padding:2.4rem 1rem 0.5rem;margin-top:-2rem;} #second .topicpath ul{max-width: 1200px;margin: 0px auto;} #second .topicpath ul li{position:relative;display:inline-block;color:#2a2a2a;font-size:0.9rem;} #second .topicpath ul li+li{margin-left:2rem;} #second .topicpath ul li+li:before{content:"";display:block;position:absolute;left:-1.5rem;top:50%;margin-top:-0.35rem;border-right:1px solid #000;border-top:1px solid #2a2a2a;width:0.5rem;height:0.5rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-sizing:border-box;} #second .topicpath ul li a:hover{text-decoration:underline;} #second .inline.row.btn a{font-weight:bold;position:relative;display:inline-block;border-radius:1rem;padding:0.3rem 2rem 0.3rem 1rem;border:1px solid #999} #second .inline.row.btn a:after{content:"";width:0.5rem;height:0.5rem;display:block;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-sizing:border-box;position:absolute;right:0.8rem;top:50%;margin-top:-0.18rem;} #second .inline.row.btn a.active, #second .inline.row.btn a:hover{border-color:#ff9900;background:#ff9900;color:#FFF;} #second .inline.row.btn a.active:after, #second .inline.row.btn a:hover:after{border-top-color:#FFF;border-right-color:#FFF;} #second .inline.row.btn a+a{margin-left:0.5rem;} #second.faqs article em{color:#ff9933;font-weight:bold;} #second.faqs #faq_tab {margin:4rem auto;padding-left:4rem;padding-right:4rem;} #second.faqs #faq_tab a{position:relative;font-weight:bold;font-size:1rem;text-align:center;padding:0.3rem 1rem 0.2rem 0rem;box-sizing:border-box;border-radius:0.5rem;color:#FFF;} #second.faqs #faq_tab a:before{display:inline-block;vertical-align:middle;} #second.faqs #faq_tab a.pnk:before{content:url(./images/faqs_ico_pnk.png);} #second.faqs #faq_tab a.grn:before{content:url(./images/faqs_ico_grn.png);} #second.faqs #faq_tab a.pep:before{content:url(./images/faqs_ico_pep.png);} #second.faqs #faq_tab a.active:after{display:block;width:0px;height:0px;content:"";border:12px solid transparent;position:absolute;top:100%;left:50%;margin-left:-6px;} #second.faqs #faq_tab a.active.pnk:after{border-top:20px solid #fd9d9d;} #second.faqs #faq_tab a.active.grn:after{border-top:20px solid #a8bf60;} #second.faqs #faq_tab a.active.pep:after{border-top:20px solid #c4a5c9;} #second.faqs #faq_tab .pnk, #second.faqs #main .acc.pnk dt{background:#fd9d9d;} #second.faqs #faq_tab .grn, #second.faqs #main .acc.grn dt{background:#a8bf60;} #second.faqs #faq_tab .pep, #second.faqs #main .acc.pep dt{background:#c4a5c9;} #second.faqs #main .acc.pep dt:after{content:"";width:0px;} #second.faqs #main .acc{counter-reset: faqs_nm;display:none;} #second.faqs #main .acc.active{display:block;} #second.faqs #main .acc dl{margin-top:1px;} #second.faqs #main .acc dt{color:#FFF;font-size:1rem;font-weight:bold;padding:1rem 2rem 1rem 3.5rem;cursor:pointer;position:relative;} #second.faqs #main .acc dt:after{content:"";position:absolute;right:1rem;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #FFF;} #second.faqs #main .acc dt.active:after{border:6px solid transparent;border-bottom:8px solid #FFF;margin-top:-10px;} #second.faqs #main .acc dt:before{font-size:1.2rem;color: #FFF;counter-increment:faqs_nm;content:'0' counter(faqs_nm);display:block;position:absolute;left:1rem;top:50%;margin-top:-1rem;} #second.faqs #main .acc dl:nth-child(n+10) dt:before{content:counter(faqs_nm);} #second.faqs #main .acc dd{display:none;font-size:0.9rem;padding:1rem 2rem;box-sizing:border-box;border:1px solid #dcdcdc;border-top:0px;margin-bottom:2rem;} #second.faqs #main .acc dd ol{padding:0rem 3rem;counter-reset: ol_nm;margin:1rem 0px;} #second.faqs #main .acc dd .faq_inline ol{display:none;} #second.faqs #main .acc dd ol li{padding:1.8rem 0px 1.8rem 2.7rem;position:relative;border-bottom:2px dotted #ccc;} #second.faqs #main .acc dd ol li:not(.caption):before{content:counter(ol_nm);color:#FFF;font-size:1.1rem;text-align:center;border-radius:50%;width:1.8rem;height:1.8rem;line-height:2rem;position:absolute;left:0.2rem;top:1.7rem;display:block;background:#FF9900;counter-increment:ol_nm;} #second.faqs #main .acc dd ol li.caption{padding-left:0px;font-size:100%;} #second.faqs #main .acc dd ol li:last-child{border-bottom:0px;} #second.faqs #main .acc dd ol li h5+span{margin-left:-2.7rem;display:block;} #second.faqs #main .acc dd img{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:middle;} #second.faqs #main .acc dd img+small{display:inline-block;vertical-align:middle;font-size:0.9rem;} #second.faqs #main .acc dd i{display:inline-block;font-style:normal;margin-right:1rem;padding-left:1rem;position:relative;} #second.faqs #main .acc dd i:before{content:"";width:0.6rem;height:0.6rem;border:1px solid #999;display:block;position:absolute;left:0px;top:5px;} #second.faqs #main .acc dd h3{font-weight:bold;background:#FF9900;color:#FFF;display:inline-block;padding:0.2rem 1rem;margin:2rem 3rem 0px;border-radius:1rem;} #second.faqs #main .acc dd h3+ol{padding-top:0px;margin-top:0rem;} #second.review-term #main h2{font-size:1.2rem;text-align:left;letter-spacing:0;padding-left:2.2rem;position:relative;} #second.review-term #main h2:before{content:url(./images/review_ico_memo.png);display:block;width:1.8rem;height:1.8rem;text-align:center;line-height:2em;border-radius:50%;background:#FF9900;position:absolute;left:0px;top:50%;margin-top:-1rem;} #second.review-term #main h3{font-size:1rem;font-weight:bold;background:#f9f8e9;padding:0.5rem 1rem;border-radius:2rem;} #second.review-term #main p{font-size:0.9rem;margin-left:1rem;margin-right:1rem;} #second.review-term #main p+h3, #second.review-term #main ol+h3{margin-top:3rem;} #second.review-term #main p em{color:#FF9900;} #second.review-term #main ol{margin:1rem 0px;counter-reset: term_nm;font-size:0.9rem;} #second.review-term #main ol li:not(.caption){padding:1rem 1rem 1rem 3rem;border-bottom:1px dotted #ccc;position:relative;} #second.review-term #main ol li:not(.caption):before{color:#FF9900;counter-increment:term_nm;content:'0' counter(term_nm);display:block;position:absolute;left:1rem;top:1rem;font-weight:bold;} #second.review-term #main ol li:nth-child(n+10):before{content:counter(term_nm);} #second.review-term #main ol li.caption{font-size:0.9rem;padding:1rem;} #second.review-term #main ol li.caption:before{display:none;} #second.sell #main section.selltab ol{text-align:center;position:relative;} #second.sell #main section.selltab ol li{top:0px;border-radius:0.3rem;display:inline-block;margin:0px 0.8rem;width:164px;box-sizing:border-box;position:relative;} #second.sell #main section.sellcont#c1:before, #second.sell #main section.selltab ol li:nth-of-type(1){background:#fd9d9d;} #second.sell #main section.sellcont#c2:before, #second.sell #main section.selltab ol li:nth-of-type(2){background:#a8bf60;} #second.sell #main section.sellcont#c3:before, #second.sell #main section.selltab ol li:nth-of-type(3){background:#64bbe2;} #second.sell #main section.sellcont#c4:before, #second.sell #main section.selltab ol li:nth-of-type(4){background:#e1cea2;} #second.sell #main section.sellcont#c5:before, #second.sell #main section.selltab ol li:nth-of-type(5){background:#f2cf01;} #second.sell #main section.selltab ol li:after{position:absolute;left:50%;top:100%;margin-left:-4px;content:"";display:block;width:0px;height:0px;border:8px solid transparent;} #second.sell #main section.selltab ol li:nth-of-type(1):after{border-top:14px solid #fd9d9d;} #second.sell #main section.selltab ol li:nth-of-type(2):after{border-top:14px solid #a8bf60;} #second.sell #main section.selltab ol li:nth-of-type(3):after{border-top:14px solid #64bbe2;} #second.sell #main section.selltab ol li:nth-of-type(4):after{border-top:14px solid #e1cea2;} #second.sell #main section.selltab ol li:nth-of-type(5):after{border-top:14px solid #f2cf01;} #second.sell #main section.selltab ol li a{position:relative;display:block;color:#FFF;line-height:1.3em;font-weight:bold;padding:3rem 1.4rem 1.4rem;} #second.sell #main section.selltab ol li a .num{border:2px solid #000;font-size:0.88rem;padding-top:1rem;width:100px;height:100px;position:absolute;top:-60px;left:50%;background:#FFF;color:#000;border-radius:50%;margin-left:-50px;box-sizing:border-box;} #second.sell #main section.selltab ol li a .num img{width:3rem;height:auto;} #second.sell #main section.selltab ol li a .num.nu1{border-color:#fd9d9d;} #second.sell #main section.selltab ol li a .num.nu2{border-color:#a8bf60;} #second.sell #main section.selltab ol li a .num.nu3{border-color:#64bbe2;} #second.sell #main section.selltab ol li a .num.nu4{border-color:#e1cea2;} #second.sell #main section.selltab ol li a .num.nu5{border-color:#f2cf01;} #second.sell #main section.selltab ol li a em{position:relative;} #second.sell #main section.selltab ol li a em:before{width:45px;height:45px;content:"";display:block;background-size:contain;background-position:left top;background-repeat:no-repeat;margin:0px auto 0.5rem;} #second.sell #main section.selltab ol li:nth-of-type(1) a em:before{background-image:url(./images/sell_ico1.png);} #second.sell #main section.selltab ol li:nth-of-type(2) a em:before{background-image:url(./images/sell_ico2.png);} #second.sell #main section.selltab ol li:nth-of-type(3) a em:before{background-image:url(./images/sell_ico3.png);} #second.sell #main section.selltab ol li:nth-of-type(4) a em:before{background-image:url(./images/sell_ico4.png);} #second.sell #main section.selltab ol li:nth-of-type(5) a em:before{background-image:url(./images/sell_ico5.png);} #second.sell #main section.selltab ol li:hover{top:-2rem;} #second.sell #main section.sellcont{position:relative;overflow:hidden;max-width:100%;height:530px;padding:0px 0px;background-size:auto,62%;background-repeat:repeat,no-repeat;} #second.sell #main section.sellcont#c1{background-image:url(./images/dot.png),url(./images/sell_img1.jpg);background-position:left top,left center;} #second.sell #main section.sellcont#c2{background-image:url(./images/dot.png),url(./images/sell_img2.jpg);background-position:left top,right center;} #second.sell #main section.sellcont#c3{background-image:url(./images/dot.png),url(./images/sell_img3.jpg);background-position:left top,left center;} #second.sell #main section.sellcont#c4{background-image:url(./images/dot.png),url(./images/sell_img4.jpg);background-position:left top,right center;} #second.sell #main section.sellcont#c5{background-image:url(./images/dot.png),url(./images/sell_img5.jpg);background-position:left top,left center;margin-bottom:4rem;} #second.sell #main section.sellcont:before{top:-400px;position:absolute;z-index:0;content:"";display:block;width:2000px;height:1500px;} #second.sell #main section.sellcont:nth-child(odd):before{left:52%;transform:rotate(20deg);8px;-webkit-transform:rotate(20deg);box-sizing:border-box;} #second.sell #main section.sellcont:nth-child(even):before{right:52%;transform:rotate(-20deg);8px;-webkit-transform:rotate(-20deg);box-sizing:border-box;} #second.sell #main section.sellcont .inner{position:relative;z-index:10;width:480px;} #second.sell #main section.sellcont .inner h3{margin-bottom:3rem;font-size:3.5rem;font-weight:bold;color:#FFF;line-height:1.3em;} #second.sell #main section.sellcont .inner p{font-size:0.86rem;line-height:2em;} #second.sell #main section.sellcont#c1 .inner h3{margin-bottom:3.5rem;} #second.sell #main section.sellcont#c4 .inner{top:70px;} #second.sell #main section.sellcont#c4 .inner h3{margin-bottom:1.6rem;line-height:1.1em;} #second.sell #main section.sellcont .inner h3 .num{font-weight:bold;text-align:center;border:5px solid #000;line-height:1.2em;font-size:1.2rem;padding-top:25px;width:220px;height:220px;position:absolute;top:-60px;background:#FFF;color:#000;border-radius:50%;box-sizing:border-box;} #second.sell #main section.sellcont .inner h3 .num img{width:auto;height:auto;margin:0px auto;} #second.sell #main section.sellcont .inner h3 .num.nu1{border-color:#fd9d9d;} #second.sell #main section.sellcont .inner h3 .num.nu2{border-color:#a8bf60;} #second.sell #main section.sellcont .inner h3 .num.nu3{border-color:#64bbe2;} #second.sell #main section.sellcont .inner h3 .num.nu4{border-color:#e1cea2;top:-30px;} #second.sell #main section.sellcont .inner h3 .num.nu5{border-color:#f2cf01;} #second.sell #main section.sellcont .inner h3 span, #second.sell #main section.sellcont .inner h3 small{display:block;line-height:1.2em;font-size:0.6em;font-size:1.8rem;} #second.sell #main section.sellcont .inner h3 small span{line-height:1.5em;font-size:1.2rem;} #second.sell #main section.sellcont .inner{color:#FFF;position:absolute;top:120px;} #second.sell #main section.sellcont:nth-child(odd) .inner{left:52%;} #second.sell #main section.sellcont:nth-child(even) .inner{right:52%;} #second.sell #main section.sellcont:nth-child(odd) .inner h3{text-align:right;} #second.sell #main section.sellcont:nth-child(odd) .inner h3 .num{margin-left:-100px;left:0%;} #second.sell #main section.sellcont:nth-child(even) .inner h3 .num{margin-right:-100px;right:0%;} #second.sell p.btn{text-align:center;padding:2rem 0px 0px;} #second.sell p.btn a{display:inline-block;background:#333;padding:0.5rem 3rem;color:#FFF;position:relative;} #second.sell p.btn a:after{display:inline-block;margin-left:1rem;content:"";width:0.6rem;height:0.6rem;border-top:2px solid #FFF;border-right:2px solid #FFF;transform:rotate(45deg);8px;-webkit-transform:rotate(45deg);box-sizing:border-box;} #second.sell p.btn a:hover{opacity:0.6;} #main section#yearmonth{padding-bottom:0px;font-weight:bold;} #main section#yearmonth.pclist a{position:relative;padding:4px 0px;} #main section#yearmonth.pclist a:after{width:0%;height:2px;background:#f49b37;display:block;position:absolute;top:100%;left:50%;content:"";} #main section#yearmonth.pclist a.active:after, #main section#yearmonth.pclist a:hover:after{background:#f49b37;width:100%;left:0px;} #main section#yearmonth h2{margin-bottom:2rem;} #yearmonth > .row > div:nth-child(odd){width:10%;float:left;font-weight:bold;} #yearmonth > .row > div:nth-child(even){width:88%;float:right;} #yearmonth dl dt, #yearmonth dl dd ul li, #yearmonth dl dd{display:inline-block;vertical-align:top;margin-right:1rem;} #yearmonth dl{margin-bottom:1rem;} #main section#yearmonth dl dd > ul > li a+ul{display:none;} #main article+#yearmonth{padding:0px 0px 3rem;} #archivelist ul li a{position:relative;display:block;padding:2rem;border-bottom:1px solid #dcdcdc;} #archivelist ul li a:hover{background:#f49b37;color:#FFF;} #archivelist ul li a time{display:inline-block;width:14%;font-size:0.88rem;} #archivelist ul li a:after{content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-4px;border-right:2px solid #FFF;border-top:2px solid #FFF;width:8px;height:8px;transform:rotate(45deg);8px;-webkit-transform:rotate(45deg);box-sizing:border-box;} .pagecontroll{padding:3rem 0px;text-align:center;} .pagecontroll a{position:relative;display:inline-block;margin:0px 2rem;padding:1rem;} .pagecontroll a:before{top:50%;margin-top:-0.5rem;display:block;position:absolute;left:0.5rem;content:"";width:1rem;height:1rem;background:#f49b37;border-radius:50%;} .pagecontroll a:after{top:50%;margin-top:-0.2rem;display:block;position:absolute;left:0.9rem;content:"";width:0.4rem;height:0.4rem;border-top:1px solid #FFF;border-left:1px solid #FFF;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);box-sizing:border-box;} .pagecontroll a.back:before, .pagecontroll a.back:after{display:none;} .pagecontroll a.prev{padding-left:2rem;} .pagecontroll a.next{padding-right:2rem;} .pagecontroll a.next:before{left:auto;right:0.5rem;} .pagecontroll a.next:after{left:auto;right:0.9rem;transform:rotate(135deg);-webkit-transform:rotate(135deg);} .pagecontroll a:hover{text-decoration:underline;} #main section#reviewform .formblock dl.evaluation dt, #main section#reviewform .formblock dl.evaluation dd{float:none;} #main section#reviewform .formblock dl.evaluation dd{padding-left:8rem;width:100%;box-sizing:border-box;} #main section#reviewform .formblock dl.evaluation dd div{display:inline-block;width:100%;padding:1rem 0px;} #main section#reviewform .formblock dl.evaluation dd div+div{margin-left:5%;width:45%;} #main section#reviewform .formblock dl.evaluation dd div em{display:inline-block;width:5rem;font-weight:bold;} #main section#reviewform .formblock dl.evaluation dd div ul{display:inline-block;} #main section#reviewform .formblock dl.evaluation dd div ul li{padding:0px;background: url(./images/newstars.png) 0px 0px no-repeat;width:15px; height:17px;display:inline-block;} #main section#reviewform .formblock dl.evaluation dd div ul li.active{background: url(./images/newstars.png) 0px -15px no-repeat;} #main section#reviewform .formblock dl dd{padding-left:0px;width:280px;} #main section#reviewform .formblock dl dd select.hide{display:none;} #main section#reviewform .formblock dl dt{line-height:2rem;padding-left:3.3rem;box-sizing:border-box;width:200px;} #main section#reviewform .formblock dl.need dt:before{left:0px;line-height:1em;padding:0.3rem 0.5rem;} #main section#reviewform .formblock .inline > *{display:inline-block;vertical-align:top;} #main section#reviewform .formblock dl.need.row dt, #main section#reviewform .formblock dl.need.row dd{display:block;width:100%;} #second.sitemap #main{} #second.sitemap #main .row.col2 > div{width:48%;} #second.sitemap #main .sitemap_cont div > dl > dt{border-bottom:3px solid #FF9900;padding:0.5rem 0px 0.5rem 1.4rem;font-weight:bold;margin-bottom:0.5rem;position:relative;} #second.sitemap #main dl+dl{margin-top:2rem;} #second.sitemap #main dl dd ul li{border-bottom:1px solid #ccc;padding:0.5rem 0px 0.5rem 1.4rem;font-size:0.8rem;position:relative;} #second.sitemap #main dl dd dl:first-child{margin-top:2.5rem;} #second.sitemap #main dl dd dl+dl{margin-top:1rem;} #second.sitemap #main dl dd dl dt{font-weight:bold;padding:0rem 0px 0rem 1.4rem;} #second.sitemap #main dl dd dl dd ul li{} #second.review #main{color: #666;font-size: 0.9rem;line-height: 150%;} #second.review #main h3{border-left: 3px solid #368491;color: #666;font-size: 1.2rem;padding: .2em 0 .2em .5em;margin:4rem 0 20px;} #second.review #main .hreview{margin-top:3rem;} #second.review #main .hreview .btn{text-align:center;padding:1rem 0px;} #second.review #main section#reviewform form .btn button, #second.review #main .hreview .btn a{background:#d13542;border-radius:7px;color:#FFF;max-width:200px;font-size:1.2rem;padding:1rem;display:block;margin:5px auto;box-shadow:0px 4px 0px 0px #972e3f;-moz-box-shadow:0px 4px 0px 0px #972e3f;-webkit-box-shadow:0px 4px 0px 0px #972e3f;} #second.review #main section#reviewform form .btn button{border:0px;max-width:300px;} #second.review #main .hreview > div:nth-child(even){border-left:1px dotted #CCC;padding:0px 0px 0px 2rem;} #second.review #main .hreview h2{font-weight:100;text-align:left;font-size:1.1rem;color:#73868c;} #second.review #main .hreview h2 em{color:#FE8604;} #second.review #main .hreview .total{color:#666;padding:0px 30px;} #second.review #main .hreview .total.reviewlist p{color:#666;} #second.review #main .hreview .total .lines{margin-top:0.5rem;padding:0.5rem 0px 0px;border-top:1px solid #999;} #second.review #main .hreview .total .lines em{color:#000;font-weight:bold;font-size:1rem;} #second.review #main .hreview .total dl dt{display:inline-block;width:4rem;} #second.review #main .hreview .total dl dd{display:inline-block;} #second.review #main .hreview .grf{width:80px;height:14px;display:inline-block;background:#d9d9d9;margin-right:10px;} #second.review #main .hreview .grf > div{background:#ff8607;height:14px;width:50px;} #second.review .ancer{text-align:center;padding:2rem 0px 0px;margin-bottom:0px;} #second.review .ancer a{width:100%;background:#eeeeee;padding:0.5rem 0px;display:block;} #second.review #main .shops ul li{background:#FAFAFA url(./images/ico_mapmaker.png) 1px center no-repeat;background-size:15px 18px;display:inline-block;padding:0rem 0.3rem 0rem 1rem;border: 1px solid #BBB;border-radius: 3px;margin-bottom:5px;margin-right:3px;} #second.review #main .shops ul li a{font-size:0.8rem;} #second.review #main .shops ul li a:hover{text-decoration:underline;} #second.review #main .reviewlist .st{display:inline-block;vertical-align:top;text-align:left;position:relative;margin-bottom:10px;background: url(./images/newstars.png) 0 0 no-repeat; width: 85px;height: 17px;padding-right: 4px;overflow: hidden;} #second.review #main .reviewlist .st div{display:inline-block;width:85px;height: 17px;} #second.review #main .reviewlist .st.av5 div{background: url(./images/newstars.png) 0px -15px no-repeat;} #second.review #main .reviewlist .st.av4 div{background: url(./images/newstars.png) -17px -15px no-repeat;} #second.review #main .reviewlist .st.av3 div{background: url(./images/newstars.png) -34px -15px no-repeat;} #second.review #main .reviewlist .st.av2 div{background: url(./images/newstars.png) -51px -15px no-repeat;} #second.review #main .reviewlist .st.av1 div{background: url(./images/newstars.png) -68px -15px no-repeat;} #second.review #main .reviewlist .st.av0 div{background: url(./images/newstars.png) -85px -15px no-repeat;} #second.review #main .reviewlist li{border-bottom: 1px solid #dfdfdf;padding: 10px 0 40px;} #second.review #main .reviewlist i{margin-right:5px;color:#FF0000;font-weight:bold;font-style:normal;font-size:1rem;} #second.review #main .reviewlist time, #second.review #main .reviewlist span{font-size:0.8rem;color:#666;dispaly:inline-block;margin-right:5px;} #second.review #main .reviewlist p{color:#000;margin:10px 0px;} #second.review .page_controll{text-align:center;padding:2rem 0px;} #second.review .page_controll a{display:inline-block;background: #fff;color: #666666;border: 1px solid #ff8607;border-radius: 3px;font-size: 1rem;padding: 4px 10px;} #second.review .page_controll a.active, #second.review .page_controll a:hover{background:#ff8607;color:#FFF;} #second.review #main section#reviewform{margin-bottom:2rem;padding:3rem 2rem 2rem;box-sizing:border-box;border:1px solid #bbbbbb;background:#fafafa;padding-bottom:0px;max-width:860px;} #second.review #main section#reviewform p{text-align:center;padding:2rem 0px;} #second.review #main section#reviewform form div, #second.review #main section#reviewform form dl{margin:0rem auto 0rem;max-width:500px;} #second.review #main section#reviewform form a{color:#0069cf;text-decoration:underline;} #second.results{} #second.results #main .areatab{margin-top:3rem;} #second.results #main .areatab li{display:inline-block;width:10.5%;text-align:center;vertical-align:bottom;line-height:1.2em;} #second.results #main .areatab li+li{margin-left:0.2%;} #second.results #main .areatab li:nth-of-type(8) label, #second.results #main .areatab li:nth-of-type(9) label{padding:0.4rem;} #second.results #main .areatab li label{display:block;border-radius:7px 7px 0px 0px;color:#FFF;padding:1rem 0px;box-sizing:border-box;border-bottom:3px solid #FFF;} #second.results #main .result_pickup.all h2, #second.results #main .areatab li label.all{background:#f49b37;} #second.results #main .result_pickup.hkd h2,#second.results #main .btn.insta.hkd a, #second.results #main .areatab li label.hkd{background:#fd9d9d;} #second.results #main .result_pickup.thk h2,#second.results #main .btn.insta.thk a, #second.results #main .areatab li label.thk{background:#64bbe2;} #second.results #main .result_pickup.knt h2,#second.results #main .btn.insta.knt a, #second.results #main .areatab li label.knt{background:#c4a5c9;} #second.results #main .result_pickup.hkr h2,#second.results #main .btn.insta.hkr a, #second.results #main .areatab li label.hkr{background:#e1cea2;} #second.results #main .result_pickup.tok h2,#second.results #main .btn.insta.tok a, #second.results #main .areatab li label.tok{background:#a8bf60;} #second.results #main .result_pickup.kns h2,#second.results #main .btn.insta.kns a, #second.results #main .areatab li label.kns{background:#f2cf01;} #second.results #main .result_pickup.chg h2,#second.results #main .btn.insta.chg a, #second.results #main .areatab li label.chg{background:#e68a99;} #second.results #main .result_pickup.ksy h2,#second.results #main .btn.insta.ksy a, #second.results #main .areatab li label.ksy{background:#9acccd;} #second.results #main .areatab li input[type=checkbox]{display:none;} #second.results #main .areatab li label.active.all{border-bottom-color:#f49b37;} #second.results #main .areatab li label.active.hkd{border-bottom-color:#fd9d9d;} #second.results #main .areatab li label.active.thk{border-bottom-color:#64bbe2;} #second.results #main .areatab li label.active.knt{border-bottom-color:#c4a5c9;} #second.results #main .areatab li label.active.hkr{border-bottom-color:#e1cea2;} #second.results #main .areatab li label.active.tok{border-bottom-color:#a8bf60;} #second.results #main .areatab li label.active.kns{border-bottom-color:#f2cf01;} #second.results #main .areatab li label.active.chg{border-bottom-color:#e68a99;} #second.results #main .areatab li label.active.ksy{border-bottom-color:#9acccd;} #second.results .result_pickup{display:none;} #second.results .result_pickup.active{display:block;} #second.results .result_pickup h2{color:#FFF;padding:1rem 0px;} #second.results .result_pickup{padding-top:0px;} #second.results section.hresult{padding-bottom:0px;} #second.results .result_pickup li{position:relative;} _::-webkit-full-page-media, _:future, :root #second.results .result_pickup li a { -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, #second.results .result_pickup li a { -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; } } #second.results .grid .item em, #second.results .result_pickup li em{line-height:1.3em;display:block;width:100%;box-sizing:border-box;position:absolute;bottom:0px;padding:0.5rem;background:rgba(0,0,0,0.6);color:#FFF;text-align:center;} #second.results .result_pickup li br.hosp{display:none;} #second.results .result_pickup li{margin:0px 1px;box-sizing:border-box;} #second.results .grid .item em small, #second.results .result_pickup li em small{display:block;} #second.results .grid .item em span, #second.results .result_pickup li a span, #second.results .grid .item a p.epsode, #second.results .result_pickup li a p.epsode{display:none;} #second.results .result_pickup li a, #second.results .grid .item a{display:block;height:240px;} #second.results .result_pickup li a:hover, #second.results .grid .item a:hover{opacity:0.6;} #second #main.wid section, #second #main.wid{max-width:100%;} #second.results #main section.result_pickup{padding-bottom:2rem;} #second.results #main section.result_list{padding-top:1rem;} #second.results #main section.result_list .grid .item.disable{display:none;} #second.results #main section .row.pen3{max-width:1200px;margin-top:3rem;padding-left:1rem;padding-right:1rem;box-sizing:border-box;} #second.results #main .more_cont{display:block;text-align:center;font-weight:bold;font-size:1rem;margin:2rem auto;position:relative;width:200px;} #second.results #main .more_cont:after{width:0px;height:0px;content:"";display:block;position:absolute;left:50%;margin-left:-0.4rem;top:100%;;border:0.4rem solid transparent;border-top:0.5rem solid #000;} #second.results #main .more_cont a:hover{opacity:0.6;} #second.results #main .roundbtn, #second.results #main .btn.insta{display:none;max-width:900px;margin:2rem auto;text-align:center;} #second.results #main .roundbtn.active, #second.results #main .btn.insta.active{display:block;position:relative;} #second.results #main .roundbtn{margin-top:-1rem;} #second.results #main .roundbtn span{position:absolute;display:block;margin-top: -0.45rem;font-size:0.9rem;right:0px;top:50%;} #second.results #main .roundbtn span a{color:#f2cf01;} #second.results #main .roundbtn > a{line-height:1.3em;position:relative;font-weight:bold;border-radius:50%;display:inline-block;width:6rem;height:6rem;border:2px solid #ddd;padding-top:1rem;box-sizing:border-box;margin:0px 0.2rem;background:#fafafa;text-align:center;} #second.results #main .roundbtn > a:after{content:"";margin:7px auto;width:0px;height:0px;display:block;border:5px solid transparent;border-top:7px solid #000;} #second.results #main .roundbtn > a:hover{opacity:0.5;} #second.results #main .roundbtn > a small{display:block;} #second.results #main .roundbtn > a.hkd{color:#fd9d9d;} #second.results #main .roundbtn > a.thk{color:#64bbe2;} #second.results #main .roundbtn > a.knt{color:#c4a5c9;} #second.results #main .roundbtn > a.hkr{color:#e1cea2;} #second.results #main .roundbtn > a.tok{color:#a8bf60;} #second.results #main .roundbtn > a.kns{color:#f2cf01;} #second.results #main .roundbtn > a.chg{color:#e68a99;} #second.results #main .roundbtn > a.ksy{color:#9acccd;} #second.results #main .roundbtn > a.hkd:after{border-top-color:#fd9d9d;} #second.results #main .roundbtn > a.thk:after{border-top-color:#64bbe2;} #second.results #main .roundbtn > a.knt:after{border-top-color:#c4a5c9;} #second.results #main .roundbtn > a.hkr:after{border-top-color:#e1cea2;} #second.results #main .roundbtn > a.tok:after{border-top-color:#a8bf60;} #second.results #main .roundbtn > a.kns:after{border-top-color:#f2cf01;} #second.results #main .roundbtn > a.chg:after{border-top-color:#e68a99;} #second.results #main .roundbtn > a.ksy:after{border-top-color:#9acccd;} #second.results #main .btn.insta > a{display:block;text-align:center;color:#FFF;font-size:1.3rem;padding:0.7rem 0px;border-radius:2rem;} #second.results #main .btn.insta > a:before{content:"";width:35px;height:33px;background:url(./images/ico_insta.png) center center no-repeat;background-size:contain;display:inline-block;vertical-align:top;margin-right:0.5rem;} #second.results #main .btn.insta > a:hover{opacity:0.6;} #second.results .grid{display:block;width:100%;max-width:1000px;margin:0px auto;} #second.results .grid .item{padding:0px;margin:0px;width:24.5%;margin-bottom:1px;height:240px;overflow:hidden;} _::-webkit-full-page-media, _:future, :root #second.results .grid .item a{ -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome, #second.results .grid .item a { -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; } } #second.results .grid .item img{width:auto;height:100%;display:block;} #second.shop .areawrap{position:relative;} #second.shop .areawrap #areamap{position:absolute;left:0px;top:0px;width:50%;height:auto;display:block;} #second.shop #shop_area{max-width:100%;width:100%;padding-top:0px;} #second.shop #shop_area ol{box-sizing:border-box;padding-top:0rem;background-repeat:no-repeat;background-position:0% -40px;background-size:50% auto;padding-left:50%;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;} #second.shop #shop_area ol > li{position:relative;padding:1rem 1rem;margin-bottom:2px;} #second.shop #shop_area ol > li:before{width:43px;height:50px;background-size:contain;background-position:left top;background-repeat:no-repeat;display:block;position:absolute;left:1rem;top:0.7rem;content:"";width:} #second.shop #shop_area ol > li dl{color:#FFF;} #second.shop #shop_area ol > li dl dt{font-size:2rem;font-weight:bold;line-height:1em;letter-spacing:0.07rem;margin-left:3.2rem;margin-top:0.4rem;} #second.shop #shop_area ol > li dl dt a{color:#FFF;} #second.shop #shop_area ol > li dl dt a:hover{text-decoration:underline;} #second.shop #shop_area ol > li dl dd{margin-top:1rem;} #second.shop #shop_area ol > li dl dd ul li{display:inline-block;margin-top:0.3rem;margin-right:1rem;} #second.shop #shop_area ol > li dl dd ul li a{color:#FFF;display:block;padding-left:1.2rem;position:relative;} #second.shop #shop_area ol > li dl dd ul li a:before{position:absolute;left:0px;top:0.3rem;px;width:1rem;height:1rem;background:#FFF;border-radius:50%;display:block;content:"";} #second.shop #shop_area ol li dl dd ul li a:after{width:0.3rem;height:0.3rem;display:block;content:"";position:absolute;left:3px;top:0.6rem;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #second.shop #shop_area ol li dl dd ul li a:hover{text-decoration:underline;} #second.shop #shop_area ol li.hkd{background:#fd9d9d;} #second.shop #shop_area ol li.hkd:before{background-image:url(./images/ico_num_01.png);} #second.shop #shop_area ol li.hkd dl dd ul li a:after{border-bottom:2px solid #fd9d9d;border-right:2px solid #fd9d9d;} #second.shop #shop_area ol li.thk{background:#64bbe2;} #second.shop #shop_area ol li.thk:before{background-image:url(./images/ico_num_02.png);} #second.shop #shop_area ol li.thk dl dd ul li a:after{border-bottom:2px solid #64bbe2;border-right:2px solid #64bbe2;} #second.shop #shop_area ol li.knt{background:#c4a5c9;} #second.shop #shop_area ol li.knt:before{background-image:url(./images/ico_num_03.png);} #second.shop #shop_area ol li.knt dl dd ul li a:after{border-bottom:2px solid #c4a5c9;border-right:2px solid #c4a5c9;} #second.shop #shop_area ol li.hkr{background:#e1cea2;} #second.shop #shop_area ol li.hkr:before{background-image:url(./images/ico_num_04.png);} #second.shop #shop_area ol li.hkr dl dd ul li a:after{border-bottom:2px solid #e1cea2;border-right:2px solid #e1cea2;} #second.shop #shop_area ol li.tok{background:#a8bf60;} #second.shop #shop_area ol li.tok:before{background-image:url(./images/ico_num_05.png);} #second.shop #shop_area ol li.tok dl dd ul li a:after{border-bottom:2px solid #a8bf60;border-right:2px solid #a8bf60;} #second.shop #shop_area ol li.kns{background:#f2cf01;} #second.shop #shop_area ol li.kns:before{background-image:url(./images/ico_num_06.png);} #second.shop #shop_area ol li.kns dl dd ul li a:after{border-bottom:2px solid #f2cf01;border-right:2px solid #f2cf01;} #second.shop #shop_area ol li.chg{background:#e68a99;} #second.shop #shop_area ol li.chg:before{background-image:url(./images/ico_num_07.png);} #second.shop #shop_area ol li.chg dl dd ul li a:after{border-bottom:2px solid #e68a99;border-right:2px solid #e68a99;} #second.shop #shop_area ol li.ksy{background:#9acccd;} #second.shop #shop_area ol li.ksy:before{background-image:url(./images/ico_num_08.png);} #second.shop #shop_area ol li.ksy dl dd ul li a:after{border-bottom:2px solid #9acccd;border-right:2px solid #9acccd;} #second.shop #staff_slider_wrap{width:100%;margin:0px auto;} #second.shop #staff_slider_wrap.fixed{position:absolute;top:0px;left:0px;z-index:900;} #second.shop #staff_slider_wrap.fixed+#arealist{margin-top:180px;background-position:5% 50px;} #second.shop #staff_slider{position:relative;margin:0px auto ;padding:2rem 0px;background:#fafafa;} #second.shop #staff_slider div.item{border-radius:50%;oveflow:hidden;position:relative;} #second.shop #staff_slider div img{width:84%;height:auto;border-radius:50%;margin:0px 8%;} #second.shop #staff_slider div img+img{position:absolute;top:0px;left:0px;width:84%;height:auto;} #second.contact{} #second.contact #main.wid{width:100%;max-width:100%;} #second.contact #main.wid .row{width:90%;} #second.contact #main h3{text-align:center;font-weight:bold;font-size:1.3rem;margin-bottom:1rem;} #second.contact #main h3:before{display:inline-block;width:42px;height:42px;vertical-align:middle;margin-right:0.5rem;content:"";background-repeat:no-repeat;background-size:contain;} #second.contact #main h3.faq:before{background-image:url(./images/icon_faqs.png);} #second.contact #main h3.tel:before{background-image:url(./images/icon_tel.png);} #second.contact #main h3.web:before{background-image:url(./images/icon_mail.png);} #second.contact #main .contact_type div{position:relative;font-size:14px;border:1px dashed #000;background:#FFF;padding:2rem;text-align:center;margin-bottom:1rem;} #second.contact #main .contact_type div tel{display: block;font-size: 2.4rem;font-weight: bold;margin-top: 0px;line-height: 1.4em;} #second.contact #main .contact_type div tel:before{content:"";width: 3.2rem;height: 2.4rem;background-size:contain;margin-top:-6px;background:url(./images/free.png) center center no-repeat;display: inline-block;vertical-align: middle;margin-right: 5px;} #second.contact #main .contact_type div small{font-size:0.9em;} #second.contact #main .contact_type div p.more{position:relative;left:auto;top:auto;padding:1rem 0px;margin:0px auto;} #second.contact #main .formblock{width:100%;max-width:1000px;margin:0px auto;} #second.contact #main .formblock dl+dl{margin-top:1rem;} #second.contact #main .formblock dl dt, #second.contact #main .formblock dl dd{display:block;width:100%;} #second.contact #main .formblock dl dd input, #second.contact #main .formblock dl dd select, #second.contact #main .formblock dl dd textarea{font-size:1rem;padding:1rem 0.5rem;} #second.contact #main .formblock dl dd{padding-left:0px;} #second.contact #main .formblock dl dt{line-height:2rem;ltter-spacing:0.2em;box-sizing:border-box;padding-bottom:0px;} #second.contact #main .formblock dl.need dt:before{left:auto;top:auto;margin-right:0.5rem;line-height:1em;padding:0.3rem 0.5rem;position:relative;display:inline-block;vertical-align:baseline;} #second.contact #main .formblock .inline > *{display:inline-block;vertical-align:top;} #second.contact #main .formblock dl dt{padding-left:0px;} #second.contact #main .formblock .btn{padding:2rem 0px 0px;text-align:center;} #second.contact #main .formblock .btn button{background:#FF9900;color:#FFF;text-align:center;font-size:1.2rem;border:0px;border-radius:3px;display:inline-block;padding:1rem 2rem;max-width:80%;width:400px;box-sizgin:border-box;} #second.flow #main{} #second.flow #main section.w1080{max-width:1080px;} #second.flow #main #stepwrap{position:relative;margin-top:3rem;height:1250px;margin-bottom:250px;} #second.flow #main #stepwrap:before{content:"";height:100%;width:4px;display:block;background:#CCC;position:absolute;left:50%;top:7%;margin-left:-2px;} #second.flow #main .step{width:41.7%;position:absolute;} #second.flow #main .step h3{font-weight:bold;color:#FFF;font-size:1.6rem;text-align:center;margin-bottom:1rem;line-height:1em;} #second.flow #main .step .tit{border:3px solid #FFF;padding-top:0.8rem;width:6rem;height:6rem;box-sizing:border-box;border-radius:50%;color:#FFF;text-align:center;position:absolute;left;50%;top:2rem;} #second.flow #main .step .tit em{display:block;font-size:2rem;font-family:"Impact";font-weight:100;line-height:1em;} #second.flow #main .step .tit em img{width:2.4rem;height:auto;display:block;margin:0px auto;} #second.flow #main .step .cont{padding:1.5rem;} #second.flow #main .step .cont:after{border:15px solid transparent;content:"";display:block;position:absolute;margin-top:30px;} #second.flow #main .step .cont p{background:#FFF;padding:1rem;font-size:0.9rem;} #second.flow #main .step .cont p+p{padding-top:0px;} #second.flow #main .step .cont p em{color:#FF9900;} #second.flow #main .step .cont p.lines small{font-size:0.86rem;display:block;padding-top:1rem;position:relative;border-top:1px dotted #999;font-weight:bold;} #second.flow #main .step .cont p.lines small span{display:inline-block;vertical-align:middle;line-height:1.3em;} #second.flow #main .step .cont p.lines small:after{content:"";display:inline-block;position:relative;vertical-align:middle;background:url(./images/flow_ico.png) center center no-repeat;background-size:contain;width:45px;height:45px;} #second.flow #main .step .cont p small{display:block;} #second.flow #main .step#step1 .tit{left:100%;top:10%;margin-left:9.4%;} #second.flow #main .step#step1 .cont:after{border-left:20px solid #64bbe2;left:100%;top:10%;} #second.flow #main .step#step1 .tit, #second.flow #main .step#step1 .cont{background:#64bbe2;} #second.flow #main .step#step1 .cont .contact{background:rgba(255,255,255,0.3);color:#FFF;padding:1rem;} #second.flow #main .step#step1 .cont .contact dl+dl{margin-top:1rem;} #second.flow #main .step#step1 .cont .contact dl dt{position:relative;padding-left:2.2rem;font-weight:bold;line-height:1.4em;border-bottom:2px dotted #FFF;padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0.5rem;} #second.flow #main .step#step1 .cont .contact dl dt:before, #second.flow #main .step#step1 .cont .contact dl.tel dd tel:before{content:"";background-size:contain;width:2rem;height:2rem;position:absolute;left:0px;top:50%;margin-top:-1rem;display:block;} #second.flow #main .step#step1 .cont .contact dl.tel dt:before{background:url(./images/flow_ico_tel.png) center center no-repeat;background-size:contain;} #second.flow #main .step#step1 .cont .contact dl.web dt:before{background:url(./images/flow_ico_web.png) center center no-repeat;background-size:contain;} #second.flow #main .step#step1 .cont .contact dl.tel dd{text-align:center;} #second.flow #main .step#step1 .cont .contact dl.tel dd tel{position:reltive;display:inline-block;;font-size:2rem;line-height:1.1em;position:relative;padding-left:3rem;} #second.flow #main .step#step1 .cont .contact dl.tel dd tel:before{background:url(./images/flow_ico_free.png) center center no-repeat;background-size:contain;width:2.6rem;} #second.flow #main .step#step1 .cont .contact dl dd{font-size:0.86rem;padding-top:0.2rem;} #second.flow #main .step#step1 .cont .contact ul li{margin-bottom:2px;} #second.flow #main .step#step1 .cont .contact ul li a{padding:1rem;font-weight:bold;font-size:0.88rem;line-height:1.5em;display:block;background:#FFF;text-align:center;position:relative;} #second.flow #main .step#step1 .cont .contact ul li a:hover{opacity:0.5;} #second.flow #main .step#step1 .cont .contact ul li a:before{display:block;margin:0px auto;} #second.flow #main .step#step1 .cont .contact ul li:nth-child(1) a:before{content: url(./images/hm1.png);} #second.flow #main .step#step1 .cont .contact ul li:nth-child(2) a:before{content: url(./images/hm2.png);} #second.flow #main .step#step1 .cont .contact ul li:nth-child(3) a:before{content: url(./images/hm3.png);} #second.flow #main .step#step1 .cont .contact ul li:nth-child(4) a:before{content: url(./images/hm4.png);} #second.flow #main .step#step1 .cont .contact ul li a:after{position:absolute;content:"";display:block;width:0px;height:0px;border:6px solid transparent;border-top:6px solid #64bbe2;right:-4px;bottom:-4px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #second.flow #main .step#step1 .cont .contact ul li a em{display:block;font-size:1rem;} #second.flow #main .step#step2{right:0px;top:3rem;} #second.flow #main .step#step2 .tit{right:100%;top:55%;margin-right:9.4%;} #second.flow #main .step#step2 .cont:after{content:"";border-right:20px solid #fd9d9d;right:100%;top:55%;} #second.flow #main .step#step2 .tit, #second.flow #main .step#step2 .cont{background:#fd9d9d;} #second.flow #main .step#step3{right:0px;top:600px;} #second.flow #main .step#step3 .tit{right:100%;top:5%;margin-right:9.4%;} #second.flow #main .step#step3 .cont:after{content:"";border-right:20px solid #a8bf60;right:100%;top:5%;} #second.flow #main .step#step3 .tit, #second.flow #main .step#step3 .cont{background:#a8bf60;} #second.flow #main .step#step4{left:0px;top:880px;} #second.flow #main .step#step4 .tit{left:100%;top:55%;margin-left:9.4%;} #second.flow #main .step#step4 .cont:after{border-left:20px solid #f2cf01;left:100%;top:55%;} #second.flow #main .step#step4 .tit, #second.flow #main .step#step4 .cont{background:#f2cf01;} #second.flow #main .step#step5{right:0px;top:1160px;} #second.flow #main .step#step5 .tit{right:100%;top:40%;margin-right:9.4%;} #second.flow #main .step#step5 .cont:after{content:"";border-right:20px solid #e1cea2;right:100%;top:40%;} #second.flow #main .step#step5 .tit, #second.flow #main .step#step5 .cont{background:#e1cea2;} .sellflow{width:600px;max-width:90%;text-align:center;margin:2rem auto;counter-reset: flow_nm;} .sellflow li{position:relative;background:#faf8e9;padding:1rem 1rem 1rem 3rem;font-weight:bold;display:inline-block;width:32%;box-sizing:border-box;text-align:center;} .sellflow li.active{background:#FF9900;color:#FFF;} .sellflow li:before{font-size:2rem;font-family:"Impact";font-weight:100;counter-increment:flow_nm;content:'0' counter(flow_nm);display:block;position:absolute;left:1rem;top:50%;margin-top:-1rem;font-weight:bold;line-height:1em;} .sellflow li:first-child{border-radius:2rem 0px 0px 2rem;} .sellflow li:last-child{border-radius:0px 2rem 2rem 0px;} #second.video #main #modal{padding:2.4rem 0px;} #second.video .toplink{margin-top:-4rem;} #modal .inner iframe{width:100%;height:30vw;} #second.video #main{max-width:100%;} #second.video #main section#pickup{max-width:1200px;background:#000;padding:0px;} #second.video #main section#pickup ul{position:relative;} #second.video #main section#pickup ul li{padding:3rem 0px;width:50vw;} #second.video #main ul li.now a:before{content:"";display:block;width:5rem;height:5rem;background:url(./images/video_ico4.png) center center no-repeat;background-size:contain;position:absolute;left:1rem;top:-1rem;z-index:100;} #second.video #main section#pickup ul li a{display:block;position:relative;} #second.video #main section#pickup ul li a span{display:none;position:absolute;padding:0.5rem 0px;text-align:center;width:100%;bottom:0px;background:rgba(0,0,0,0.8);color:#FFF;} #second.video #main section#pickup ul li.slick-current a span{} #second.video #main section#pickup ul li.slick-current a:hover span{display:block;} #second.video #main section#pickup ul li a img{width:100%;height:auto;display:block;} #second.video #main section#pickup ul li a:hover:after, #second.video #main section.videocont .lists li a:hover:after{width:0px;height:0px;border:1.5rem solid transparent;border-left:2rem solid #FFF;position:absolute;left:50%;top:50%;margin-top:-2rem;margin-left:-1rem;content:"";} #second.video #main section#pickup .slick-arrow{z-index:1010;position:absolute;top:50%;margin-top:-2rem;background:none;border:1px solid #FFF;width:40px;height:40px;border-radius:50%;text-indent:-9999px;} #second.video #main section#pickup .slick-arrow:hover{opacity:0.5;} #second.video #main section#pickup .slick-prev{left:30%;margin-left:-1.2rem;} #second.video #main section#pickup .slick-next{right:30%;margin-right:-1.2rem;} #second.video #main section#pickup .slick-arrow:before{width:1rem;display:block;content:"";height:1rem;border-top:2px solid #FFF;position:absolute;top:50%;left:50%;margin-top:-0.6rem;} #second.video #main section#pickup .slick-prev:before{border-left:2px solid #FFF;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-left:-0.4rem;} #second.video #main section#pickup .slick-next:before{border-right:2px solid #FFF;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left:-0.8rem;} #second.video #main section#videotab{padding-bottom:0px;} #second.video #main section#videotab ul{text-align:center;} #second.video #main section#videotab ul li{display:inline-block;margin:0px 2px 0px;width:30%;max-width:200px;} #second.video #main section#videotab ul li a{display:block;line-height:1em;border-radius:0.3rem 0.3rem 0px 0px;color:#FFF;position:relative;padding:1rem 1rem 0.6rem;font-size:1.2rem;border-bottom:4px solid #FFF;} #second.video #main section#videotab ul li a:before{position:relative;top:-2px;background-size:contain;background-position:center center;background-repeat:no-repeat;content:"";width:1.8rem;height:1.8rem;display:inline-block;margin-right:5px;vertical-align:middle;} #second.video #main section#videotab ul li:nth-of-type(1) a{background:#fd9d9d;} #second.video #main section#videotab ul li:nth-of-type(2) a{background:#f2cf01;} #second.video #main section#videotab ul li:nth-of-type(3) a{background:#a8bf60;} #second.video #main section#videotab ul li:nth-of-type(1) a.active{border-bottom-color:#fd9d9d;} #second.video #main section#videotab ul li:nth-of-type(2) a.active{border-bottom-color:#f2cf01;} #second.video #main section#videotab ul li:nth-of-type(3) a.active{border-bottom-color:#a8bf60;} #second.video #main section#videotab ul li:nth-of-type(1) a:before{background-image:url(./images/video_ico1.png);} #second.video #main section#videotab ul li:nth-of-type(2) a:before{background-image:url(./images/video_ico2.png);} #second.video #main section#videotab ul li:nth-of-type(3) a:before{background-image:url(./images/video_ico3.png);} #second.video #main section.videocont{display:none;margin-top:-1px;padding-top:0px;max-width:100%;background:#fafafa;padding-bottom:8rem;} #second.video #main section.videocont.active{display:block;} #second.video #main section.videocont ul.sns{margin-top:0.3rem;float:right;line-height:1px;font-size:1px;} #second.video #main section.videocont ul.sns li{display:inline-block;} #second.video #main section.videocont ul.sns li a{background:#FFF;border-radius:50%;display:inline-block;} #second.video #main section.videocont ul.sns li a img{display:block;} #second.video #main section.videocont h3{float:left;color:#FFF;font-size:1.4rem;max-width:1000px;line-height:2.5em;} #second.video #main section.videocont#new_cont{} #second.video #main section.videocont#new_cont .tit{margin-bottom:2rem;background:#fd9d9d;padding:0.5rem 0px;} #second.video #main section.videocont#recomend_cont .tit{margin-bottom:2rem;background:#f2cf01;padding:0.5rem 0px;} #second.video #main section.videocont#post_cont .tit{margin-bottom:2rem;background:#a8bf60;padding:0.5rem 0px;} #second.video #main section.videocont ul li.now a:before{width:3rem;height:3rem;} #second.video #main section.videocont .lists li{margin-bottom:2px;padding-left:1px;} #second.video #main section.videocont .lists li img{background:#000;border-top:1rem solid #000;border-bottom:1rem solid #000;} #second.video #main section.videocont .lists li span{display:block;padding:1rem;line-height:1.5em;background:#FFF;} #second.video #main section.videocont .lists li span em{color:#FF9900;} #second.video #main section.videocont .lists li a{display:block;position:relative;} p.btn.inq{padding-top:3rem;} p.btn.inq a img{display:block;width:auto;height:auto;max-width:100%;margin:0px auto;} #second.sellcar #main{} #second #main.sellitem section.w100{max-width:100%;} #second #main.sellitem section.pnk{background:#fc9c9c;color:#FFF;} #second #main.sellitem section.wht{background:#FFF;} #second #main.sellitem section.gry{background:#ecebe5;} #second #main.sellitem section.grn{background:#a5bc60;} #second #main.sellitem section.brw{background:#d5c194;} #second #main.sellitem section.ble{background:#64bbe2;} #second #main.sellitem section.arrow_b+section{padding-top:5rem;} #second #main.sellitem section.arrow_b:after{content:"";width:0px;height:0px;top:100%;left:50%;margin-left:-3rem;position:absolute;z-index:100;border:3rem solid transparent;border-top:2rem solid #999;} #second #main.sellitem section.pnk.arrow_b:after{border-top:2rem solid #fc9c9c;} #second #main.sellitem section.wht.arrow_b:after{border-top:2rem solid #FFF;} #second #main.sellitem section.gry.arrow_b:after{border-top:2rem solid #ecebe5;} #second #main.sellitem section.grn.arrow_b:after{border-top:2rem solid #a5bc60;} #second #main.sellitem section.brw.arrow_b:after{border-top:2rem solid #d5c194;} #second #main.sellitem section.ble.arrow_b:after{border-top:2rem solid #64bbe2;} #second #main.sellitem section h2.fk{letter-spacing:0px;font-size:2.3rem;} #second #main.sellitem section h2.fk small{letter-spacing:0.4rem;display:block;margin-bottom:0rem;padding-bottom:1rem;font-size:1.4rem;background:url(./images/selltire_line.png) center bottom no-repeat;} #second #main.sellitem section h2.lines{margin:1rem auto 2rem;text-align:center;} #second #main.sellitem section h2.lines small{display:block;text-align:center;margin-bottom:1rem;font-size:1.3rem;} #second #main.sellitem section h2.lines span{display:inline-block;padding:1rem 1.6rem;border-top:4px solid #000;border-bottom:4px solid #000;font-size:2.4rem;line-height:1.3em;text-align:center;} #second #main.sellitem section#ensure .col2.row > *:after{} #second #main.sellitem section#ensure .col2.row small{text-align:center;font-size:1.3rem;position:relative;margin:0px auto 0.5rem;display:block;font-weight:bold;} #second #main.sellitem section#ensure .col4.sp_col2{margin-top:3rem;} #second #main.sellitem section#ensure .col4.sp_col2 > div{background:#FFF;margin-bottom:15px;} #second #main.sellitem section#ensure .col4.sp_col2 > div dl{padding:15px;} #second #main.sellitem section#ensure .col4.sp_col2 > div dl dt{font-weight:bold;padding-bottom:7px;text-align:center;} #second #main.sellitem section#ensure .col4.sp_col2 > div dl dd{font-size:0.86rem;} #second #main.sellitem section#ensure .col2.row small:before, #second #main.sellitem section#ensure .col2.row small:after{content:"";width:2px;height:1rem;background:#000;display:inline-block;vertical-align:middle;} #second #main.sellitem section#ensure .col2.row small:before{margin-right:0.6rem;transform: rotate(-20deg);-webkit-transform: rotate(-20deg);} #second #main.sellitem section#ensure .col2.row small:after{margin-left:0.6rem;transform: rotate(20deg);-webkit-transform: rotate(20deg);} #second #main.sellitem section#ensure .inner{border-radius:0.5rem;color:#FFF;position:relative;padding-bottom:45px;} #second #main.sellitem section#ensure .inner:after{content:"";display:block;clear:both;} #second #main.sellitem section#ensure .inner img{border-radius:0.5rem 0.5rem 0px 0px;} #second #main.sellitem section#ensure .inner h3{text-align:cetner;font-size:1.5rem;font-weight:bold;padding:15px 30px 15px;text-align:center;} #second #main.sellitem section#ensure .inner p{padding:0px 30px 30px;} #second #main.sellitem section#ensure .inner p:after{content:"";background:url(./images/sellcar_dk.png) center center no-repeat;background-size:contain;width:10rem;height: 4rem;display: block;position: absolute;right: 10px;bottom: 10px;} #second #main.sellitem section#ensure .inner h3:before{content:"";display:inline-block;vertical-align:middle;} #second #main.sellitem section#ensure .inner.green{background:#a5bc60;} #second #main.sellitem section#ensure .inner.green h3:before{width:120px;height:60px;background:url(./images/sellcar_ico2.png) center center no-repeat;background-size:contain;} #second #main.sellitem section#ensure .inner.blue{background:#64b8df;} #second #main.sellitem section#ensure .inner.blue h3:before{width:80px;height:60px;background:url(./images/sellcar_ico1.png) center center no-repeat;background-size:contain;} #second #main.sellitem section .staff{margin:2rem auto;position:relative;max-width:800px;border-radius:70px;background:#FFF;} #second #main.sellitem section .staff img{width:auto;max-width:9rem;position:absolute;bottom:0px;left:0px;border-radius:0px 0px 0px 70px; } #second.selljobcar #main.sellitem section .staff img{max-width:10rem;} #second #main.sellitem section .staff h4{margin:0px;background:#f89600;color:#FFF;padding:1.2rem;border-radius:70px 70px 0px 0px;text-align:center;font-size:1.1rem;} #second #main.sellitem section .staff dl{padding:0px 2rem 1rem 0px;margin-left:10rem;} #second #main.sellitem section .staff dl dt{text-align:center;font-weight:bold;font-size:1.3rem;border-bottom:1px dashed #000;padding:0.5rem 0px;margin-bottom:0.5rem;} #second #main.sellitem section .staff dl dt em{color:#f89600;} #second #main.sellitem section .staff dl dd{font-size:0.86rem;} #second.sellcar #main.sellitem section .staff img{max-width:6rem;} #second.sellcar #main.sellitem section .staff dl{margin-left:6.8rem;} #second #main.sellitem section fieldset{border:2px solid #FFF;border-radius:0.5rem;padding:3rem;margin:3rem auto;} #second #main.sellitem section fieldset legend{background:#FFF;border-radius:5rem;padding:1rem 2rem;width:88%;font-size:1.8rem;line-height:1.4em;font-weight:bold;text-align:center;} #second.sellcar #main.sellitem section fieldset legend{font-size:1.3rem;} #second.selljobcar #main.sellitem section fieldset legend, #second.sellhobby #main.sellitem section fieldset legend, #second.selltire #main.sellitem section fieldset legend{position:relative;width:auto;} #second.selljobcar #main.sellitem section fieldset legend:before, #second.selljobcar #main.sellitem section fieldset legend:after, #second.sellhobby #main.sellitem section fieldset legend:before, #second.sellhobby #main.sellitem section fieldset legend:after, #second.selltire #main.sellitem section fieldset legend:before, #second.selltire #main.sellitem section fieldset legend:after{content:"";display:inline-block;width:3rem;height:3rem;background-position:center center;background-repeat:no-repeat;background-size:contain;vertical-align:middle;margin:0px 1rem;} #second.selljobcar #main.sellitem section fieldset legend:before, #second.sellhobby #main.sellitem section fieldset legend:before, #second.selltire #main.sellitem section fieldset legend:before{background-image:url(./images/selltire_q1.png);} #second.selljobcar #main.sellitem section fieldset legend:after, #second.sellhobby #main.sellitem section fieldset legend:after, #second.selltire #main.sellitem section fieldset legend:after{background-image:url(./images/selltire_q2.png);} #second #main.sellitem section fieldset dl dt{position:relative;background:#FFF;} #second #main.sellitem section fieldset dl dt span{display:block;font-size:1.4rem;line-height:1.2em;height:4rem;padding:0.5rem 1rem 0rem;text-align:center;font-weight:bold;} #second #main.sellitem section fieldset dl dt em{display:block;margin:-1.2rem auto 0rem;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid #FFF;padding:0.4rem;position:relative;} #second #main.sellitem section fieldset dl dt em img{display:block;margin:0px;width:100%;height:auto;} #second #main.sellitem section fieldset dl dd{text-align:center;font-size:0.79rem;margin-top:1rem;color:#FFF;padding:0px 0.8rem;} #second.sellcar #main.sellitem section fieldset dl:first-child dd{padding:0px 0.3rem;} #second #main.sellitem section.pnk fieldset dl dt em{background:#fc9c9c;} #second #main.sellitem section.pnk fieldset legend, #second #main.sellitem section.pnk fieldset dl dt span{color:#fc9c9c;} #second #main.sellitem section.grn fieldset dl dt em{background:#a5bc60;} #second #main.sellitem section.grn fieldset legend, #second #main.sellitem section.grn fieldset dl dt span{color:#a5bc60;} #second #main.sellitem section.brw fieldset dl dt em{background:#d5c194;} #second #main.sellitem section.brw fieldset legend, #second #main.sellitem section.brw fieldset dl dt span{color:#d5c194;} #second #main.sellitem section.ble fieldset dl dt em{background:#64bbe2;} #second #main.sellitem section.ble fieldset legend, #second #main.sellitem section.ble fieldset dl dt span{color:#64bbe2;} #second #main.sellitem section#service .heightline{margin-top:3rem;} #second #main.sellitem section#service .heightline > *{padding-top:0px;} #second #main.sellitem section#service h2 img{margin-bottom:3rem;max-width:50%;} #second #main.sellitem section#selljobcar h2{font-size:2.5rem;letter-spacing:0px;position:relative;} #second #main.sellitem section#selljobcar h2:before, #second #main.sellitem section#selljobcar h2:after{vertical-align:middle;margin:0px 0.5em;content:"";display:inline-block;width:0px;height:0px;border:0.3rem solid transparent;border-top:3rem solid #333;} #second #main.sellitem section#selljobcar h2:before{transform: rotate(-20deg);-webkit-transform: rotate(-20deg);} #second #main.sellitem section#selljobcar h2:after{transform: rotate(20deg);-webkit-transform: rotate(20deg);} #second #main.sellitem section .slider{margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto;} #second #main.sellitem section#selljobcar .slider .slick-slide{position:relative;padding-top:2rem;} #second #main.sellitem section#selljobcar .slider .slick-slide:before{position:absolute;display:block;content:"";width:3rem;height:4rem;top:0rem;left:50%;margin-left:-1.5rem;background-position:center center;background-repeat:no-repeat;background-size:contain;} #second #main.sellitem section#selljobcar .slider .slick-slide{padding:2rem 0.5rem 0rem;} #second #main.sellitem section .slider2 .slick-slide small, #second #main.sellitem section .slider .slick-slide small{display;block;padding:1rem 0px;margin:0px auto;font-weight:bold;font-size:1rem;text-align:center;display:block;} #second #main.sellitem section#selljobcar .slider .slick-slide:nth-child(1):before{background-image:url(./images/sellcar_ok_num1.png);} #second #main.sellitem section#selljobcar .slider .slick-slide:nth-child(2):before{background-image:url(./images/sellcar_ok_num2.png);} #second #main.sellitem section#selljobcar .slider .slick-slide:nth-child(3):before{background-image:url(./images/sellcar_ok_num3.png);} #second #main.sellitem section#selljobcar .slider .slick-slide:nth-child(4):before{background-image:url(./images/sellcar_ok_num4.png);} #second #main.sellitem section#selljobcar .slider .slick-slide:nth-child(5):before{background-image:url(./images/sellcar_ok_num5.png);} #second #main.sellitem section .pinkblock, #second #main.sellitem section .yellowblock{padding:2rem 0px;text-align:center;} #second #main.sellitem section .pinkblock p, #second #main.sellitem section .yellowblock p{font-size:1.2rem;font-weight:bold;display:inline-block;padding:0.5rem 2.4rem;border-radius:3rem;color:#FFF;text-align:center;} #second #main.sellitem section .pinkblock p{background:#fc9c9c;} #second #main.sellitem section .yellowblock p{background:#efcc01;} #second #main.sellitem section .sp_slider1{margin:2rem auto;} #second #main.sellitem section .sp_slider1 > div{border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #second #main.sellitem section .slider .tbl{background:#FFF;color:#000;display:table;width:100%;} #second #main.sellitem section .slick-arrow{z-index:400;margin-top:-3rem;width:3rem!important;height:6rem;position:absolute;top:50%;border:0px;background-position:center center;background-repeat:no-repeat;background-size:contain;} #second #main.sellitem section .slick-prev{left:0px;background-image:url(./images/slick_prev.png);margin-left:-5vw;} #second #main.sellitem section .slick-next{right:0px;background-image:url(./images/slick_next.png);margin-right:-5vw;} #second #main.sellitem section#seller h2{font-size:2.4rem;letter-spacing:0.05rem;color:#FFF;} #second #main.sellitem section#seller h2 small{display:block;font-size:1.2rem;} #second #main.sellitem section#seller .blk{box-sizing:border-box;padding:1rem;background:#FFF;text-align:center;line-height:1.3em;font-weight:bold;min-height:4.6rem;} #second #main.sellitem section#seller .tbl > div{display:table-cell;box-sizing:border-box;padding:0.5rem 1rem 0.5rem;border:0px;} #second #main.sellitem section#seller .tbl:after{content:"";display:block;clear:both;} #second #main.sellitem section#seller .tbl >div em{display:block;font-weight:bold;line-height:1.2;} #second #main.sellitem section#seller .tbl >div ul li{font-size:0.76rem;} #second #main.sellitem section#seller .tbl >div span{font-weight:bold;display:block;letter-spacing:0.1em;font-size:0.92rem;} #second #main.sellitem section#seller .tbl >div:nth-child(even){text-align:center;background:#fafafa;line-height:2.2em;width: 44%;padding:0.5rem 0.2rem;} #second #main.sellitem section#seller .tbl >div:nth-child(even) em{font-size:3rem;color:#f89600;} #second #main.sellitem section#seller .tbl >div:nth-child(even) em small{font-size:1rem;color:#000;display:inline;} #second #main.sellitem section#sellcar_faqs{padding-top:1rem;} #second #main.sellitem section#sellcar_faqs p.btn.inq{padding-bottom:3rem;} #second #main.sellitem section#document h2, #second #main.sellitem section#sellcar_faqs h2{position:relative;text-align:left;padding:0rem 0px 0rem 3.5rem;margin-bottom:1.5rem;font-size:1.7rem;} #second #main.sellitem section#document h2:before, #second #main.sellitem section#sellcar_faqs h2:before{content:"";width:3rem;height:3rem;background:url(./images/sellcar_ico3.png) center center no-repeat;background-size:contain;position:absolute;left:0px;top:50%;margin-top:-1.5rem;} #second #main.sellitem section#document h2:before{background:url(./images/sellcar_ico4.png) center center no-repeat;background-size:contain;} #second #main.sellitem section#sellcar_faqs dl.acc{border:2px solid #ecebe5;margin-bottom:0.3rem;} #second #main.sellitem section#sellcar_faqs dl.acc dt{background:#ecebe5;position:relative;padding:1rem 1rem 1rem 2.2rem;font-weight:bold;cursor:pointer;} #second #main.sellitem section#sellcar_faqs dl.acc dt:before{position:absolute;left:0.5rem;top:50%;margin-top:-1rem;content:"";display:block;width:1.2rem;height:2rem;background:url(./images/sellcar_q.png) center center no-repeat;background-size:contain;} #second #main.sellitem section#sellcar_faqs dl.acc dt:after{width:0px;height:0px;content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-0.15rem;border:0.3rem solid transparent;border-top:0.4rem solid #000;} #second #main.sellitem section#sellcar_faqs dl.acc dt.active:after{;border:0.3rem solid transparent;border-bottom:0.4rem solid #000;margin-top:-0.6rem;} #second #main.sellitem section#sellcar_faqs dl.acc dd{display:none;padding:1.5rem 2rem 1.5rem 4rem;position:relative;font-weight:bold;font-size:0.86rem;line-height:1.9em;} #second #main.sellitem section#sellcar_faqs dl.acc dd:before{position:absolute;left:1rem;top:50%;margin-top:-2rem;content:"";display:block;width:2.4rem;height:4rem;background:url(./images/sellcar_a.png) center center no-repeat;background-size:contain;} #second #main.sellitem section#voice{background:#efcc01;color:#FFF;} #second #main.sellitem section#voice h2{position:relative;text-align:left;padding:0rem 0px 0rem 3.5rem;margin-bottom:1rem;font-size:1.7rem;} #second #main.sellitem section#voice h2:before{content:"";width:3rem;height:3rem;background:url(./images/sellcar_fk.png) center center no-repeat;background-size:contain;position:absolute;left:0px;top:50;margin-top:-0.5rem;} #second #main.sellitem section#voice .slider{margin-top:1rem;} #second #main.sellitem section#voice .sol3 dl{padding:15px 30px 22px;background:#FFF;color:#000;border:2px solid #efcc01;box-sizing:border-box;} #second #main.sellitem section#voice .sol3 dl dt{background:url(./images/sellcar_voice.png) left top no-repeat;background-size:27px;border-bottom:2px dotted #454545;padding:3px 0px 6px 30px;position:relative;margin-bottom:8px;font-weight:bold;} #second #main.sellitem section#voice .sol3 dl{position:relative;} #second #main.sellitem section#voice .sol3 dl:after{content:"";border:1rem solid transparent;border-top:1rem solid #efcc01;position:absolute;right:-17px;bottom:-17px;display:block;width:0px;height:0px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #second #main.sellitem section#voice .sol3 dl dd h5{font-size:1.4rem;} #second #main.sellitem section#voice .sol3 dl dd p{font-size:0.86rem;line-height:1.9em;} #second #main.sellitem section#voice .sol3 dl dd em{font-weight:bold;color:#f89600;} #second #main.sellitem section#step h2{letter-spacing:0.03em;} #second #main.sellitem section#step h2 em{color:#f89600;} #second #main.sellitem section#parts .wht h3{margin:0rem auto 1rem;} #second #main.sellitem section#parts .wht h3+p{font-weight:bold;} #second #main.sellitem section#parts .wht h3:before, #second #main.sellitem section#parts .wht h3:after{display:none;} #second #main.sellitem section#parts h3 em.pnk{color:#fc9c9c;font-size:1.2em;} #second #main.sellitem section#parts h3 em.grn{color:#a5bc60;font-size:1.2em;} #second #main.sellitem section#parts h3 em.brw{color:#d5c194;font-size:1.2em;} #second #main.sellitem section#parts h3 em.ble{color:#64bbe2;font-size:1.2em;} #second #main.sellitem section#parts h3{margin:2rem 0px;font-weight:bold;font-size:1.8rem;letter-spacing:0px;position:relative;text-align:center;} #second #main.sellitem section#parts h3:before, #second #main.sellitem section#parts h3:after{vertical-align:middle;margin:0px 0.5em;content:"";display:inline-block;width:0px;height:0px;border:0.3rem solid transparent;border-top:2rem solid #333;} #second #main.sellitem section#parts h3:before{transform: rotate(-20deg);-webkit-transform: rotate(-20deg);} #second #main.sellitem section#parts h3:after{transform: rotate(20deg);-webkit-transform: rotate(20deg);} #second #main.sellitem section#document{} #second #main.sellitem section#document ol li{padding:1rem 0px;border-bottom:1px solid #d5d3bc;font-size:0.86rem;} #second #main.sellitem section#document ol li dl dt{margin-bottom:0.7rem;position:relative;padding-left:2.8rem;font-weight:bold;font-size:1.3rem;} #second #main.sellitem section#document ol li dl dt:before{content:"";width:2rem;height:3rem;position:absolute;left:0px;top:50%;margin-top:-1.5rem;background-repeat:no-repeat;background-position:center center;background-size:contain;} #second #main.sellitem section#document ol li dl dd{} #second #main.sellitem section#document ol li:nth-of-type(1) dl dt:before{background-image:url(./images/sell_num1.png);} #second #main.sellitem section#document ol li:nth-of-type(2) dl dt:before{background-image:url(./images/sell_num2.png);} #second #main.sellitem section#document ol li:nth-of-type(3) dl dt:before{background-image:url(./images/sell_num3.png);} #second #main.sellitem section#document ol li:nth-of-type(4) dl dt:before{background-image:url(./images/sell_num4.png);} #second #main.sellitem section#document ol li:nth-of-type(5) dl dt:before{background-image:url(./images/sell_num5.png);} #second #main.sellitem section#document ol li p em{font-weight:bold;color:#f89600;} #second #main.sellitem p.center.lead+form{margin-top:3rem;} #second #main.sellitem section#parts .slider2 .slick-slide, #second #main.sellitem section#parts .slider .slick-slide{padding:0.3rem;position:relative;} #second #main.sellitem section#parts .slider2 .slick-slide img, #second #main.sellitem section#parts .slider .slick-slide img{display:block;width:100%;height:auto;} #second #main.sellitem section#parts .slick-prev{margin-left:0vw;margin-top:-5rem;} #second #main.sellitem section#parts .slick-next{margin-right:0vw;margin-top:-5rem;} #second #main.sellitem section#parts .slider .slick-slide .sccwrap{position:relative;display:block;} #second #main.sellitem section#parts .slider .slick-slide span.scc{box-sizing:border-box;padding:1rem;font-size:0.76rem;width:100%;height:100%;display:block;position:absolute;left:0px;top:0px;opacity:0;color:#FFF;background:rgba(0,0,0,0.8);} #second #main.sellitem section#parts .slider .slick-slide span.scc:hover{opacity:1;} #second #main.sellitem section#parts .wht{background:#FFF;padding:3rem;margin-top:3rem;} #second #main.sellitem section#parts p.btn{text-align:center;padding:1rem 0px;margin-top:-3rem;} #second #main.sellitem section#parts p.btn a{border-radius:0.3rem;font-weight:bold;font-size:1.3rem;display:inline-block;background:#f89600;padding:1rem 3rem;color:#FFF;position:relative;} #second #main.sellitem section#parts p.btn a:hover{background:#d62b23;} #second #main.sellitem section#parts .inline_col2{max-width:760px;margin:0px auto;} #second #main.sellitem section#parts .inline_col2 > div{margin:0px 2.3%;} #second #main.sellitem section#parts .inline_col2.ble > div dl dt{background:#64bbe2;color:#FFF;padding:0.5rem 0px;font-size:1.2rem;font-weight:bold;} #second #main.sellitem section#parts .inline_col2.ble > div dl dd{font-size:0.86rem;text-align:center;padding:1rem 0px;} #second #main.sellitem section#parts .inline_col2 > div img{display:block;width:100%;} #second #main.sellitem section h2 strong{font-size:1.1em;} #second #main.sellitem section h2 strong.ble{color:#a5bc60;} #second #main.sellitem section h2 strong.grn{color:#64bbe2;} #second #main.sellitem section h2 strong.brw{color:#d5c194;} #second #main .btn2 button > em{color:#FFF;} .inline_col3, .inline_col2{text-align:center;} .inline_col2 div{position:relative;width:45%;display:inline-block;margin-bottom:2rem;vertical-align:top;} .inline_col3 div{position:relative;width:30%;display:inline-block;margin-bottom:2rem;vertical-align:top;} section#step .inline_col3 div:after, section#step .inline_col2 div:after{content:"";display:block;width:4rem;height:2rem;background:url(./images/sellcar_step_arrow.png) center center no-repeat;background-size:contain;position:absolute;right:0px;top:2.5rem;margin-right:-2rem;} section#step .inline_col3 > div img, section#step .inline_col2 > div img{width:auto;max-width:100%;margin:0px auto;} section#step .inline_col3 div:last-child:after{display:none;} section#step .inline_col2 div:nth-child(even):after{display:none;} #second #main section#step .inline_col3 > div h4, #second #main section#step .inline_col2 > div h4{font-size:1.1rem;} #second #main section#step .inline_col3 > div p, #second #main section#step .inline_col2 > div p{font-size:0.86rem;} section#step .inline_col2.slick-slider div, section#step .inline_col3.slick-slider div{width:auto;display:block;margin-bottom:1rem;} section#step .inline_col2.slick-slider div:after, section#step .inline_col3.slick-slider div:after{margin-right:0px;top:50%;} section#step .inline_col2.slick-slider div:last-child:after, section#step .inline_col3.slick-slider div:last-child:after{display:none;} section#step .inline_col2.slick-slider div img, section#step .inline_col3.slick-slider div img{margin:0px auto;max-width:40%;} #modalwrap{display:none;z-index: 1100;position: fixed;overflow-y: scroll;right: 0px;top: 0px;background: rgba(0,0,0,0.6);padding: 0rem;box-shadow: 0px;width: 100%;height: 100%;box-sizing: border-box;} #modalwrap.active{} #modal{text-align:cetner;display:inline-block;width:90%;max-width:750px;height:auto;padding:3rem;box-sizing:border-box;background:#000;color:#FFF;position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #modal.w480{max-width:480px;} #modal img{width:100%;max-width:700px;height:auto;margin-bottom:1rem;display:block;} #modal .inner em{text-align:center;display:block;} #modal .inner em small{text-align:center;display:block;} #modal .inner em small span{} #modal .inner p.epsode{position:relative;text-align:center;font-size:0.92rem;} #modal .inner p.epsode:before{content:"エピソード";background:#FF9900;padding:0.2rem 1rem;border-radius:1rem;display:block;width:5rem;line-height:1em;text-align:center;margin:1rem auto 0.5rem;} #modal .closebtn{background:#FF9900;position:absolute;right:-1rem;top:-1rem;border-radius:50%;width:2.5rem;height:2.5rem;display:block;} .closebtn:before, .closebtn:after{margin-top: -0.1rem;display: block;content: "";position: absolute;top: 50%;left: 0.7rem;width: 1.2rem;height: 4px;background: #000;} .closebtn:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .closebtn:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} @media all and (-ms-high-contrast:none){ #second.review #main .hreview .btn a{padding-top:1.4rem;} #second.review .page_controll a{padding-top:7px;} #main section .formblock dl.need dt:before{padding-top:6px;} } @media screen and (max-width: 640px){ .onlysp_mt{margin-top:25px;} html{font-size:14px;} .more {display:block;padding:2rem 0px;text-align:center;} .more a{display:inline-block;background:#f49b37;padding:1rem 2rem 1rem 1rem;border-radius:0.5rem;min-width:180px;max-width:90%;color:#FFF;} .more a:before{display:none;} .more a:after{background:none;left:100%;margin-left:-1.5rem;width:0.5rem;height:0.5rem;} .more a span{display:none;} header.small .site-discription, header .site-discription{padding:0.3rem;font-size:0.7rem;line-height:1.3em;} header.small .hm .inner > a.logo, header .hm .inner > a.logo{display:inline-block;float:none;vertical-align: middle;width:30%;box-sizing:border-box;padding:3vw 2vw 0px;} header.small .hm .inner > a.logo img, header .hm .inner > a.logo img{display:block;width:auto;height:auto;max-height:45px;transform:scale(1);margin-top:0px;max-width:100%;} header.small .ht{display:none;} header .hm .inner > ul.sp{width: 70%;display: inline-block!important;vertical-align: middle;} header .hm .inner > ul.sp li {margin:0px 0px;width:33%;border-left:1px solid #ddd;box-sizing:border-box;} header .hm .inner > ul.sp li a{padding:2vw 0.1vw;font-size:1rem;background-position:center center;} header .hm .inner > ul.sp li a:before{width:4rem;height:2rem;content:"";background-position:center top;background-repeat:no-repeat;background-size:contain;} header .hm .inner > ul li a:after{display:none;} header .hm .inner > ul.sp li a#hm1_sp:before{background-image:url(./images/sp_hm_1.png);} header .hm .inner > ul.sp li a#hm2_sp:before{background-image:url(./images/sp_hm_2b.png);} header .hm .inner > ul.sp li a#hm3_sp:before{background-image:url(./images/sp_hm_3b.png);} header .hm .inner > ul.sp li a#hm3_sp.close:before{background-image:none;} header .hm .inner > ul.sp li a#hm3_sp.close{color:rgba(0,0,0,0);background:url(./images/sp_hm_close.png) center center no-repeat;background-size:contain;} header .hm .inner > a.logo{float:left;} header .hm .inner > ul{float:right;} #frontpage #visual{height:auto;} #frontpage #visual ul li{height:50vw;} #frontpage #visual .title{width:50%;margin-left:0px;margin-top:-18%;} #frontpage #visual .title img{max-width:100%;} #second header+div#gnavi #visual{margin-top:97px;} #second header.small+div#gnavi #visual{margin-top:69px;} #second #visual .title{padding-bottom:0px;font-size:2rem;} #gnavi, header, footer, #main{min-width:0px;} #gnavi{margin-top:80px;} #main{padding-bottom: 2rem;} #main h2{text-align:left;} #main h2 img{margin-left:0px;} #main article{width:90%;margin-left:auto;margin-right:auto;} #main > section{width:90%;margin-left:auto;margin-right:auto;padding:3rem 0px;} #main section h2{font-size:1.4rem;} #main section p.more{position:relative;left:auto;top:auto;text-align:center;margin-left:auto;margin-right:auto;} #main h2{line-height:1.3em;} #main h2 img{margin-left:auto;margin-right:auto;display:block;} #main > section#topix{width:100%;padding:3rem 0px 0px;} #main section#topix h2{position:relative;left:auto;margin-left:auto;top:auto;text-align:left;width:90%;} #main section#topix h2 img{margin-left:0px;} #main section#topix ul{width:90%;margin-left:auto;margin-right:auto;} #main section#topix .row ul li a time{display:inline-block;font-weight:normal;font-size:1rem;color:#f89600;line-height:1em;} #main section#topix .row ul li a span{display:block;} #main section.saled{padding:3rem 0px 0px;} #main section.saled .wrp{background:none;width:100%;height:100%;text-align:center;position:relative;left:auto;top:auto;color:#000;z-index:1;} #main section.saled .wrp h2{margin-top:0rem;font-size:1.4rem;} #main section.saled .wrp.active{top:auto;bottom:auto;} #main section.saled .wrp p{margin-bottom:2rem;font-size:1rem;border-bottom:0px;padding-bottom:3px;font-size:1.1rem;display:inline-block;} #main section.saled .salelists{width:100%;} #main section.saled .salelists > div{position:relative;overflow:auto;width:48%;height:auto;cursor:auto;margin-bottom:2rem;overflow:hidden;} #main section.saled .salelists > div:nth-child(even){float:right;} #main section.saled .salelists > div:nth-child(odd){float:left;clear:both;} #main section.saled .salelists > div.sp_dis{display:none;} #main section.saled .salelists > div img{width:100%;height:auto;display:block;} #main section.saled .salelists > div p{top:auto;height:auto;opacity:1;position:absolute;bottom:0px;left:0px;padding:0.3rem 0px;background:rgba(0,0,0,0.6);display:block;} #main section.saled .salelists > div p em{color:#FFF;font-size:0.92rem;padding:0px;font-weight:bold;} #main section.saled .salelists > div p span{display:none;} #main section.saled .salelists+p.more{padding-top:0px;} #main > section#komi{width:100%;padding-bottom:0px;} #main > section#komi:after{content:"":display:block;clear:both;} #main section#komi p.more{top:auto;} #main section#komi h2{margin: 0px 1rem;letter-spacing:0.03em;} #main section#komi h2:after{display:none;} #main section#komi .wrap{min-width:0px;} #main section#service .heightline > *{line-height:1.3em;padding:1.5rem 1.5rem 1.5rem 6rem;position:relative;} #main section#service .heightline > * h3{box-sizing:border-box;text-align:left;} #main section#service .heightline > * h3:before{position:absolute;left:1rem;top:50%;margin-top:-3rem;width:4rem;} #main section#service .heightline > * h3 a{box-sizing:border-box;min-width:50px;width:100%;margin-top:1rem;padding: 12px 1rem 12px 0px;} #main section#contact .row.col2.formblock > *:nth-child(even){float:none;margin-top:2rem;} #main section#contact{padding-bottom:1rem;} #main section .formblock dl dt, #main section .formblock dl dd, #main section .formblock.row.col2 dl dd{padding-left:0px;float:none;width:100%;} #main section .formblock dl.need dt:before{padding:0.2em;vertical-align:middle;position:relative;display:inline-block;left:0%;top:auto;margin-right:0.4rem;} #main section#komi ul.slider li.komi1 p, #main section#komi ul.slider li.komi2 p, #main section#komi ul.slider li.komi3 p, #main section#komi ul.slider li.komi4 p, #main section#komi ul.slider li.komi5 p{background-size:90% auto;} #second #main section#satei_sp2{padding:0px 0px;width:90%!important;} #satei_sp2{padding-top:1rem;padding-bottom:0px;} #satei_sp2:after{content:"";display:block;clear:both;} #satei_sp2 > a{overflow:hidden;line-height:1.3em;margin-bottom:0.6rem;display:block;float:left;width:44vw;height:44vw;position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat;} #satei_sp2 > a:nth-child(even){float:right;} #satei_sp2 > a:nth-child(odd){clear:both;} #satei_sp2 > a em{font-size:1.2rem;position:absolute;right:10px;bottom:10px;text-align:right;color:#FFF;} #satei_sp2 > a em small{display:block;margin-top:5px;} #satei_sp2 > a:before{content:"";width:100%;height:300%;display:block;position:absolute;left:50%;top:-60%;transform: rotate(55deg);-webkit-transform: rotate(55deg);} #satei_sp2 > a:nth-child(1){background-image:url(./images/st1.jpg);} #satei_sp2 > a:nth-child(2){background-image:url(./images/st2.jpg);} #satei_sp2 > a:nth-child(3){background-image:url(./images/st3.jpg);} #satei_sp2 > a:nth-child(4){background-image:url(./images/st4.jpg);} #satei_sp2 > a:nth-child(1):before{background:rgba(255,162,162,0.8);} #satei_sp2 > a:nth-child(2):before{background:rgba(173,196,104,0.8);} #satei_sp2 > a:nth-child(3):before{background:rgba(140,210,240,0.8);} #satei_sp2 > a:nth-child(4):before{background:rgba(214,193,148,0.8);} div.btn.inline.col2{clear:both;text-align:center;padding:1rem 0px 0rem;} div.btn.inline.col2 a{margin:0px 0.2rem;position:relative;display:inline-block;padding:0.7rem 2rem 0.5rem 4rem;border:2px solid #ddd;font-weight:bold;} div.btn.inline.col2 a:before{background-image: url(./images/sp_hm_2.png);width: 4rem;display:block;height: 3rem;content: "";background-position: center top;background-repeat: no-repeat;background-size: contain;position:absolute;left:0rem;top:50%;margin-top:-1.5rem;} div.btn.inline.col2 a+a:before{background-image: url(./images/sp_hm_3.png);height:2rem;margin-top:-1rem;} #main section#satei_sp {padding-top:0rem;padding-bottom:0px;} #main section#satei_sp ul li{padding:1rem;margin-bottom:1px;background-color:#fd9c9d;background-position:10px 10px;background-repeat:no-repeat;background-image:url(./images/sp_cm_1.png);background-size:4rem;} #main section#satei_sp ul li:nth-child(2){background-color:#9acccd;background-image:url(./images/sp_cm_2.png);} #main section#satei_sp ul li:nth-child(3){background-color:#f2cf01;background-image:url(./images/sp_cm_3.png);} #main section#satei_sp ul li:nth-child(4){background-color:#a8bf60;background-image:url(./images/sp_cm_4.png);} #main section#satei_sp ul li > a{position:relative;color:#FFF;display:block;font-size:1.5rem;font-weight:bold;line-height:1.1em;padding:0rem 1rem 0rem 4rem;} #main section#satei_sp ul li > a em{display:block;} #main section#satei_sp ul li > a small{} #main section#satei_sp ul li{position:relative;} #main section#satei_sp ul li > a:before{position:absolute;width:1.4rem;height:1.4rem;background:#FFF;content:"";border-radius:50%;right:0rem;top:50%;margin-top:-0.7rem;} #main section#satei_sp ul li > a:after{width:0px;height:0px;content:"";display:block;position:absolute;right:0.4rem;top:50%;margin-top:-0.15rem;border:0.3rem solid transparent;border-top:0.4rem solid #fd9c9d;} #main section#satei_sp ul li:nth-child(2) a:after{border-top-color:#9acccd;} #main section#satei_sp ul li:nth-child(3) a:after{border-top-color:#f2cf01;} #main section#satei_sp ul li:nth-child(4) a:after{border-top-color:#a8bf60;} #main section#satei_sp ul li > a.active:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);margin-top:-0.5rem;} #main section#satei_sp ul li > a+div{display:none;} #main section#satei_sp ul li > a.active+div{margin-top:1rem;background:#FFF;padding:1rem;display:block;} #main section a.inner{position:relative;border-radius:0.5rem;border:2px solid #000;display:block;padding:1rem 2rem 1rem 3rem;background:url(./images/megane.png) 1rem center no-repeat;background-size:1.5rem;font-size:1.2rem;font-weight:bold;margin-bottom:0.5rem;} #main section a.inner:after{content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-0.3rem;border-right:2px solid #000;border-top:2px solid #000;width:0.7rem;height:0.7rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-sizing:border-box;} #main section a.telbtn{display:block;text-align:center;font-weight:bold;color:#f49b37;} #main section a.telbtn span{display:block;} #main section a.telbtn span:before{display:inline-block;content:"";width:2px;height:16px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);background:#f49b37;vertical-align:middle;margin-right:10px;} #main section a.telbtn span:after{display:inline-block;content:"";width:2px;height:16px;-webkit-transform:rotate(30deg);transform:rotate(30deg);background:#f49b37;vertical-align:middle;margin-left:10px;} #main section a.telbtn div{background-color:#f49b37;background-repeat:no-repeat;background-image:url(./images/btn_b.png),url(./images/btn_a.png);background-size:contain; padding:14px 50px 13px;border-radius:5px;border:0px;font-weight:bold;color:#FFF;font-size:1.3rem;position:relative;line-height:1em;background-position: -5% bottom, 105% bottom;} #main section a.telbtn div small{display:block;font-size:0.6em;} #main section a.telbtn div:before{display:inline-block;width:2rem;height:1.3rem;margin-right:0.2rem;content:"";background:url(./images/free_w.png) center center no-repeat;background-size:contain;vertical-align:top;} aside section#shoplist_sp{border-top:1px solid #ccc;padding:0px;margin-top:0rem;} aside section#shoplist_sp .row.ttl > div{cursor:pointer;position:relative;font-size:1.1rem;box-sizing:border-box;width:50%;float:left;padding:0.8rem 1em;border-bottom:1px solid #ccc;} aside section#shoplist_sp .row.ttl > div:before{background:#000;width:1.3rem;height:1.3rem;border-radius:50%;display:block;content:"";position:absolute;top:50%;right:0.6rem;margin-top:-0.7rem;} aside section#shoplist_sp .row.ttl > div.active{border-bottom:0px;} aside section#shoplist_sp .row.ttl > div:after{width:0px;height:0px;content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-0.15rem;border:0.3rem solid transparent;border-top:0.4rem solid #FFF;} aside section#shoplist_sp .row.ttl > div.active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-0.5rem;} aside section#shoplist_sp .row.ttl > div:nth-child(odd){clear:both;border-right:1px solid #ccc;} aside section#shoplist_sp .acc ul{display:none;} aside section#shoplist_sp .acc ul.active{border-bottom:1px solid #ccc;} aside section#shoplist_sp .acc ul li a{position:relative;display:block;padding:1rem;border-bottom:1px dotted #ccc;} aside section#shoplist_sp .acc ul li a:after{content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-7px;border-right:2px solid #000;border-bottom:2px solid #000;width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;} .btn2 button{display:block;margin:2rem auto;background-color:#f49b37; background-position: -5% bottom, 105% bottom;background-repeat:no-repeat;background-image:url(./images/btn_b.png),url(./images/btn_a.png);background-size:contain; padding:10px 55px 13px;border-radius:5px;border:0px;font-weight:bold;color:#FFF;font-size:1.1rem;position:relative;line-height:1em;cursor:pointer; box-shadow:0px 5px 0px 0px #ce720b;-moz-box-shadow:0px 5px 0px 0px #ce720b;-webkit-box-shadow:0px 5px 0px 0px #ce720b;} .btn2 button:before, .btn2 button:after{display:none} .btn2 button > small{font-size:0.8em;margin:0.3em auto;} .btn2 button > em{border-bottom:0px;} .btn2 button:hover{background-color:#d62b23;margin:2rem auto;top:5px;background-position: -5% bottom, 105% bottom;background-repeat:no-repeat;background-image:url(./images/btn_b.png),url(./images/btn_a.png);background-size:contain} body.no-scroll{overflow: hidden;} #sitenavi{} #modal{width:100%;padding:2rem 2rem 2rem;} #modal .inner p.epsode{text-align:left;} #modal .closebtn{position:relative;top:auto;right:auto;margin:1rem auto;} #panel-btn{border-radius:8px 0px 0px 8px;position:fixed;z-index:120;right:0px;bottom:2rem;background:#000;font-size:0.7em;text-align:center;color:#FFF;font-weight:600;box-sizing:border-box;display: block;width:45px;height: 45px;} #panel-btn-icon{display: block;position: absolute;top: 50%;left: 12px;width: 26px;height: 2px;background: #FFF;transition: .2s;margin-top: -2px;} #panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 50%;left: 0;width: 26px;height: 2px;background: #FFF;transition: .3s;} #panel-btn-icon:before{margin-top: -8px;} #panel-btn-icon:after{ margin-top: 6px;} #panel-btn.close{display:none;} #closebtn{margin-top:1rem;background:#000;box-sizing:border-box;display: block;width:45px;height: 45px;border-radius:8px 0px 0px 8px;position:relative;float:right;clear:both;} #closebtn #closebtn-icon{display: block;position: absolute;top: 50%;left: 12px;width: 26px;height: 2px;background:none;margin-top: -2px;} #closebtn #closebtn-icon:before, #closebtn-icon:after{margin-top: 0;display: block;content: "";position: absolute;top: 50%;left: 0;width: 26px;height: 2px;background: #FFF;} #closebtn #closebtn-icon:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #closebtn #closebtn-icon:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} #panel-wrap{display:none;} #panel-wrap.active{z-index:990;display:block;position:fixed;overflow-y: scroll;right:0px;top:0px;background:rgba(0,0,0,0.6);padding:0rem;box-shadow:0px;width:100%;height:100%;box-sizing:border-box;} #gnavi #gm{width:86%;background:#FFF;float:right;} #gnavi #gm a{position:relative;font-size:1.2rem;} #gnavi #gm > div{display:block;float:none;width: 100%;font-size:1rem;line-height:1.3em;box-sizing:border-box;} #gnavi #gm > div > a{font-weight:normal;display:block;line-height:1.2em;height:auto;padding:1rem 2rem 1rem 1rem;text-align:left;background:none;border-left:0px;border-bottom:1px solid #999;} #gnavi #gm, #gnavi #gm > div, #gnavi #gm > div > a+div.active, #gnavi #gm > div:last-child a, #gnavi #gm > div:first-child a{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px 0px 0px 0px!important;} #gnavi #gm > div > a.arrow:after{display:none;} #gnavi #gm > div > a:before{display:none;} #gnavi #gm > div > a+div.active{background:none;position:relative;top:auto;left:auto;padding:0rem;} #gnavi #gm > div > a+div.cont{display:none;} #gnavi #gm > div > a:after{content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-7px;border-right:2px solid #DDD;border-bottom:2px solid #DDD;width:10px;height:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;} #gnavi #gm > p.btn{text-align:center;} #gnavi #gm > p.btn a{background:#FF9900;color:#FFF;display:block;padding:2rem 0px;margin:1rem;} #gnavi #gm > div.sell > a{color:#FFF;} #gnavi #gm > div.sell > a:nth-of-type(1){background:rgba(255,162,162,1);} #gnavi #gm > div.sell > a:nth-of-type(2){background:rgba(173,196,104,1);} #gnavi #gm > div.sell > a:nth-of-type(3){background:rgba(140,210,240,1);} #gnavi #gm > div.sell > a:nth-of-type(4){background:rgba(214,193,148,1);} footer .fm2{border-bottom:0px;} footer .fm2 > dl > dt, footer .fm2 > dl > dd{border-left:0px;position:relative;} footer .fm2 dl{display:none;} footer .fm2 dl.fm2_sp{display:block;border-top:1px solid #000;border-bottom:1px solid #000;} footer .fm2 dl.fm2_sp dt{font-weight:bold;font-size:1rem;box-sizing:border-box;background:#FFF;color:#000;} footer .fm2 dl.fm2_sp dd {display:none;padding:0px;} footer .fm2 dl.fm2_sp dd ul li{box-sizing:border-box;border-top:1px solid #ccc;background:#FFF;font-size:1rem;padding:0px;} footer .fm2 dl.fm2_sp dd ul li:nth-child(odd){width:50%;float:left;clear:both;} footer .fm2 dl.fm2_sp dd ul li:nth-child(even){width:50%;float:right;border-left:1px solid #ccc;} footer .fm2 dl.fm2_sp dd ul li a{position:relative;padding:1rem 2rem 1rem 1rem;display:block;text-decoration:none;color:#000;} footer .fm2 dl.fm2_sp dd ul li a:after{content:"";display:block;position:absolute;right:1rem;top:50%;margin-top:-2px;border-right:2px solid #DDD;border-bottom:2px solid #DDD;width:6px;height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;} footer .fm2 > dl > dt:before{background:#000;width:1.3rem;height:1.3rem;border-radius:50%;display:block;content:"";position:absolute;top:50%;right:0.7rem;margin-top:-0.7rem;} footer .fm2 > dl > dt:after{background:none;width:0px;height:0px;content:"";display:block;position:absolute;right:1.07rem;top:50%;margin-top:-0.15rem;border:0.3rem solid transparent;border-top:0.4rem solid #FFF;} footer .fm2 > dl > dt.active:after{top:50%;margin-top:-0.6rem;border:0.3rem solid transparent;border-bottom:0.4rem solid #FFF;} footer .fm3{position:relative;margin-top:75px;} footer .fm3 .fttl{float:left;width:170px;text-align:center;font-size:small;line-height:1.3;padding:1.5rem 1rem 0.5rem;box-sizing:border-box;} footer .fm3 .fttl img{display;block;width:auto;height:auto;max-width:100%;} footer .fm3 ul{margin:2rem 20px;line-height:1em;} footer .fm3 ul.left.pc{height:75px;background:#FFF;width:100%;margin:0px;display:block!important;position:absolute;bottom:100%;border-top: 1px solid #000;} footer .fm3 ul.left.pc li{width:33%;margin:0px;padding:0px;float:left;box-sizing:border-box;} footer .fm3 ul.left.pc li+li{border-left:1px solid #000;} footer .fm3 ul.left.pc li a{font-weight:bold;height:75px;box-sizing:border-box;text-align:center;display:block;color:#000;font-size:1rem;padding-top:50px;background-position:center 5px;background-repeat:no-repeat;background-size:auto 40px;} footer .fm3 ul.left.pc li:nth-of-type(1) a{background-image:url(./images/icon_fm3_faqs.png);} footer .fm3 ul.left.pc li:nth-of-type(2) a{background-image:url(./images/icon_fm3_sitemap.png);} footer .fm3 ul.left.pc li:nth-of-type(3) a{background-image:url(./images/icon_fm3_contact.png);} footer .fm3 ul.left.pc li:before{display:none;} #second #gnavi{margin-top:60px;} #second #visual{ margin-top:80px; height:calc(0.31* 100vw); /* height:220px;margin-top:90px; */ } .topicpath{background:#f7f7f7;padding:1rem 1rem 1rem;margin-top:0rem;} #second #main section.w100{width:100%;} #second #main section.w100 > .row{width:90%;} #second #main section h2{text-align:left;letter-spacing:0.05em;} #second.sell #main section h2{letter-spacing:0;} #second #main p.center, #second #main section p.lead{text-align:left;} #second #main section p.lead.big{text-align:left;} #main section#yearmonth{padding-top:0px;} #main section#yearmonth > .row > div:nth-child(odd){display:none;} #main section#yearmonth > .row > div:nth-child(even){width:100%;float:none;font-weight:bold;} #main section#yearmonth dl{margin-bottom:1rem;} #main section#yearmonth dl dt, #main section#yearmonth dl dd ul li{display:block;margin-right:0rem;} #main section#yearmonth dl dt a{display:block;background:#797979;padding:1rem;color:#FFF;} #main section#yearmonth dl dd{display:none;margin-right:0rem;} #main section#yearmonth dl dt.active+dd{display:block;} #main section#yearmonth dl dd > ul{border-left:1px solid #ababab;border-right:1px solid #ababab;} #main section#yearmonth dl dd > ul li a{display:block;padding:1rem;font-weight:normal;border-bottom:1px solid #ababab;} #main section#yearmonth dl dd > ul > li a+ul{display:none;} #main section#yearmonth dl dd > ul > li.active a+ul{display:block;} #main section#yearmonth dl dd ul li time{display:block;width:100%;} #main section#yearmonth dl a{position:relative;} #main section#yearmonth a:after{background:none;width:0px;height:0px;content:"";display:block;position:absolute;right:1.07rem;top:50%;margin-top:-0.15rem;border:0.3rem solid transparent;border-top:0.4rem solid #797979;} #main section#yearmonth .active a:after{margin-top:-0.5rem;display:block;border-bottom:0.4rem solid #797979;border-top:0.3rem solid transparent;} #main section#yearmonth a:before{background:#FFF;width:1.3rem;height:1.3rem;border-radius:50%;display:block;content:"";position:absolute;top:50%;right:0.7rem;margin-top:-0.7rem;} #main article+#yearmonth{padding:0px 0px 0rem;} #main section#yearmonth dl dd > ul > li.active a+ul li a:after{display:none;} #second #archivelist ul li a{padding:1rem;} #second #archivelist ul li a time{display:block;font-weight:normal;font-size:0.86rem;} .pagecontroll{padding:2rem 0px;text-align:center;font-size:0px;} .pagecontroll a{font-size:1rem;position:relative;display:inline-block;margin:0px 0.2rem;padding:0.2rem;padding:0.7rem 0.7rem;background:#f49b37;border-radius:0.5rem;color:#FFF;} .sellflow{} .sellflow li{display:block;width:100%;margin-bottom:2px;} .sellflow li:first-child{border-radius:1rem 1rem 0px 0px;} .sellflow li:last-child{border-radius:0px 0px 1rem 1rem;} #second.faqs #main .acc dd{} #second.faqs #main .acc dd ol{padding:0px 0px;} #second.faqs #faq_tab a, #second .inline.row.btn a{display:block;} #second .inline.row.btn a+a{margin-left:0px;margin-top:0.3rem;} #second.faqs #faq_tab{padding:0px 0px;margin-bottom:1rem;} #second.faqs #faq_tab a.active:after{display:none;} #second.faqs #faq_tab a+a{margin-left:0px;margin-top:0.3rem;} #second.results .grid .item{width:44vw;margin:1px;height:44vw;} #second.results .grid .item a{height:44vw;} #second #main.wid{width:90%;margin-left:auto;margin-right:auto;} #second #main.wid section{margin-left:auto;margin-right:auto;width:100%;} #second .row.pen3, #second #main.wid section.result_list{width:100%;} #second.results #main .areatab{width:100%;margin-bottom:2rem;} #second.results #main .areatab li{display:inline-block;width:18%;} #second.results #main .areatab li label{border-radius:7px;border-bottom:0px;margin-bottom:2px;} #second.results #main .areatab li label.active{opacity:0.7;} #second.results #main section.result_pickup h2{text-align:center;} #second.results #main section#satei_sp2{width:100%!important;} #second.results #main .roundbtn span{position:relative;right:auto;top:auto;margin-top:1rem;} #second.review #main .hreview .total{padding:0px 0px;width:220px;margin:0px auto 2rem;} #second.review #main .hreview > div:nth-child(even){padding:0px;border-left:0px;} #second.review #main .shops ul li{width:32%;padding:0.3rem 0.5rem 0.3rem 1.3rem;} #second.review #main .shops ul li:nth-child(3n){margin-right:0px;} #second.review #main section#reviewform{padding-top:2rem;} #second.review #main section#reviewform h2{margin-bottom:0px;} #second.review #main section#reviewform .formblock dl dt{padding-left:0px;} #second.review #main section#reviewform .formblock dl dd{width:auto;} #main section#reviewform .formblock dl.evaluation dd{padding-left:0rem;} #main section#reviewform .formblock dl.evaluation dd div{display:block;padding:0.5rem 0px;} #main section#reviewform .formblock dl.evaluation dd div+div{width:100%;} #main section#reviewform .formblock dl.evaluation dd div em, #main section#reviewform .formblock dl.evaluation dd div ul{vertical-align:middle;} #main section#reviewform .formblock dl.evaluation dd div ul li{width:34px;height:34px;background-size:170px 96px;} #main section#reviewform .formblock dl.evaluation dd div ul li.active{background-size:170px 96px;background-position:0px -32px;} #second.review #main .reviewlist .eva{margin-bottom:10px;} #second.review #main .reviewlist .st{margin-bottom:4px;} #second.shop #shop_area{width:90%;} #second.shop #shop_area ol{background-image:none!important; width:100%;padding-left:0px;} #second.shop #shop_area ol > li:before{width:2.4rem;height:2.4rem;top:0.5rem;} #second.shop #shop_area ol li dl dd ul:after{content:"";display:block;clear:both;} #second.shop #shop_area ol li dl dd ul li{display:block;margin:0px 0px 1px 0px;width:49.5%;float:left;} #second.shop #shop_area ol > li dl dt{font-size:1.5rem;margin-left:2.4rem;margin-top:0px;} #second.shop #shop_area ol li dl dd ul li:nth-child(even){margin-left:1px;} #second.shop #shop_area ol li dl dd ul li a{display:block;background:#FFF;box-sizing:border-box;padding:0.7rem 1rem 0.5rem 2rem;} #second.shop #shop_area ol li dl dd ul li a:before{top:50%;margin-top:-0.5rem;left:0.5rem;} #second.shop #shop_area ol li dl dd ul li a:after{top:50%;margin-top:-0.2rem;left:0.7rem;border-bottom: 2px solid #FFF!important;border-right: 2px solid #FFF!important;} #second.shop #shop_area ol li.hkd dl dd ul li a{color:#fd9d9d;} #second.shop #shop_area ol li.thk dl dd ul li a{color:#64bbe2;} #second.shop #shop_area ol li.knt dl dd ul li a{color:#c4a5c9;} #second.shop #shop_area ol li.hkr dl dd ul li a{color:#e1cea2;} #second.shop #shop_area ol li.tok dl dd ul li a{color:#a8bf60;} #second.shop #shop_area ol li.kns dl dd ul li a{color:#f2cf01;} #second.shop #shop_area ol li.chg dl dd ul li a{color:#e68a99;} #second.shop #shop_area ol li.ksy dl dd ul li a{color:#9acccd;} #second.shop #shop_area ol li.hkd dl dd ul li a:before{background:#fd9d9d;} #second.shop #shop_area ol li.thk dl dd ul li a:before{background:#64bbe2;} #second.shop #shop_area ol li.knt dl dd ul li a:before{background:#c4a5c9;} #second.shop #shop_area ol li.hkr dl dd ul li a:before{background:#e1cea2;} #second.shop #shop_area ol li.tok dl dd ul li a:before{background:#a8bf60;} #second.shop #shop_area ol li.kns dl dd ul li a:before{background:#f2cf01;} #second.shop #shop_area ol li.chg dl dd ul li a:before{background:#e68a99;} #second.shop #shop_area ol li.ksy dl dd ul li a:before{background:#9acccd;} #second.shop .areawrap #areamap{display:none;} #second.flow #main #stepwrap{height:auto;margin-bottom:3rem;} #second.flow #main #stepwrap:before{top:-110px;} #second.flow #main .step .tit{top:-120px!important;left:50%!important;right:50%!important;margin-left:-3rem!important;margin-right:auto!important;} #second.flow #main .step .tit {padding-top:0.4rem;} #second.flow #main .step{margin-top:150px;position:relative;top:auto!important;;left:auto!important;right:auto!important;;width:100%;} #second.flow #main .step:after{display:block;content:"";clear:both;} #second.flow #main .step .tit em img{width:3rem;} #second.flow #main .step .cont:after{display:none;} #second.flow #main .step#step1 .cont .contact ul li a{text-align:left;padding-left:50px;} #second.flow #main .step#step1 .cont .contact ul li a:before{position:absolute;left:0rem;top:50%;margin-top:-15px;} #second.sell #main section.selltab{padding-top:0px;} #second.sell #main section.selltab ol li{display:block;width:90%;margin:1rem auto 1.5rem 10%;} #second.sell #main section.selltab ol li:after{display:none;} #second.sell #main section.selltab ol li a{text-align:left;padding:1.2rem 1rem 1.2rem 5rem;} #second.sell #main section.selltab ol li a em{padding-left:1rem;} #second.sell #main section.selltab ol li a em:before{display:block;width:3rem;position:absolute;left:0rem;margin-left:-3rem;top:50%;margin-top:-1.5rem;} #second.sell #main section.selltab ol li:hover{top:0rem;} #second.sell #main section.selltab ol li a .num{padding-top:0.4rem;text-align:center;font-size:0.6rem;width:60px;height:60px;left:0px;top:50%;margin-top:-30px;margin-left:-40px;} #second.sell #main section.selltab ol li a .num img{width:2rem;} #second.sell #main section.sellcont{height:auto;padding-bottom:8rem;background-size:auto,100%;background-repeat:repeat,no-repeat;background-position:left top,center -2rem!important;width:100%;} #second.sell #main section.sellcont:before{top:150px;left:0%!important;right:0%!important;width:100%;height:80%;transform:rotate(0deg)!important;8px;-webkit-transform:rotate(0deg)!important;} #second.sell #main section.sellcont .inner{position:relative;top:150px!important;width:90%!important;left:0px!important;right:0px!important;margin:1rem auto;text-align:center!important;padding-top:3rem;padding-bottom:3.4rem;} #second.sell #main section.sellcont .inner h3{text-align:center!important;font-size:2.4rem;margin-bottom:1rem!important;} #second.sell #main section.sellcont .inner p:not(.btn){text-align:left;} #second.sell #main section.sellcont .inner h3 .num{margin-bottom:0rem!important;padding-top:1rem;width:70px;height:70px;position:absolute;top:-50px!important;left:50%!important;margin-top:0px;margin-left:-30px!important;font-size:0.7rem;border-width:2px;} #second.sell #main section.sellcont .inner h3 .num img{width:2rem;} #second.sell p.btn{padding-bottom:2rem;} #second.video #main{padding-bottom:2rem;} #second.video #main section#pickup{width:100%;padding:0px;background:#FFF;} #second.video #main section#pickup ul li{padding:3rem 0px;} #second.video #main section#pickup ul li a span{display:block;} #second.video #main section#pickup ul li a:after, #second.video #main section.videocont .lists li a:after{width:0px;height:0px;border:1.5rem solid transparent;border-left:2rem solid #FFF;position:absolute;left:50%;top:50%;margin-top:-2rem;margin-left:-1rem;content:"";} #second.video #main #modal .inner iframe{height:60vw;} #second.video #main #modal{padding:2rem 0px 0px;} #second.video #main section#videotab ul li a:before{display:block;margin:0px auto;} #second.video #main section.videocont{margin-top:-1px;width:100%;padding-bottom:0rem;margin-bottom:2rem;} #second.video #main section.videocont ul.sns{margin-top:0.7rem;} #second.video #main section.videocont ul.sns li a img{width:32px;height:auto;} #second.video #main section.videocont .tit .row{width:90%;} #second.video #main section.videocont .lists{width:90%;} #second.video #main section.videocont .lists li.sp_hide{display:none;} #second.contact #main .contact_type div small{text-align:center;display:block;margin:0px auto;} #second.contact #main .contact_type div > p:not(.more){text-align:left;} #second.contact #main h3 span{display:inline-block;line-height:1.2em;vertical-align:middle;} #second #main.sellitem section#ensure .inner{border-radius:0px;padding-top:1rem;} #second #main.sellitem section#ensure .inner img{width:40%;margin:0px 1rem 1rem;border-radius:0px;float:left;} #second #main.sellitem section#ensure .inner p:after{clear:both;float:right;} #second #main.sellitem section#ensure .inner h3{float:right;width:50%;font-size:1.2rem;line-height:1.3em;padding:0px 15px 15px 0px;box-sizing:border-box;} #second #main.sellitem section#ensure .inner h3:before{display:block;margin:0px auto;height:40px!important;} #second #main.sellitem section#ensure .inner p{clear:both;} #second #main.sellitem section .staff h4{padding-left:0px;line-height:1.2em;} #second #main.sellitem section .staff dl{ margin-left:8rem;} #second.sellcar #main.sellitem section .staff dl{margin-left:8rem;} #second #main.sellitem section .staff img{max-width:8rem;} #second.selljobcar #main.sellitem section .staff img{max-width:8rem;} #second.sellcar #main.sellitem section .staff img{max-width:7rem;} #second #main.sellitem section .staff dl dt{font-size:1rem;} #second #main.sellitem section#contact h2{text-align:center;} #second #main.sellitem section h2.lines{letter-spacing:0px;} #second #main.sellitem section h2.lines small{font-size:0.9rem;margin-bottom:0.5rem;} #second #main.sellitem section h2.lines span{text-align:center;font-size:1.5rem;} #second #main.sellitem section#selljobcar h2{font-size:1.6rem;} #second #main.sellitem section#service .heightline > *{padding-top:2rem;} #second #main.sellitem section#seller h2{text-align:center;line-height:1.3em;} #second #main.sellitem section#seller h2 small{line-height:1.3em;margin-bottom:0.5rem;} #second #main.sellitem section#voice h2{letter-spacing:0;font-size:1.4rem;} #second #main.sellitem section#selljobcar .yellowblock p{font-size:1rem;} #second #main.sellitem section fieldset{padding:1rem 1rem 1rem;} #second #main.sellitem section fieldset legend{width:90%;border-radius:3rem;font-size:1rem;padding:1rem;} #second #main.sellitem section fieldset dl dt{margin:1rem 0px;display:table;width:100%;} #second #main.sellitem section fieldset dl dt img{margin-right:0.5rem;display:table-cell;width:30vw;} #second #main.sellitem section fieldset dl dt em{width:2rem;height:2rem;top:50%;left:24vw;display:block;position:absolute;} #second #main.sellitem section fieldset dl dt span{font-size:1.2rem;text-align:left;display:table-cell;vertical-align:middle;} #second #main.sellitem section fieldset dl dt:after{content:"";display:block;clear:both;} #second #main.sellitem section fieldset dl dd{font-size:0.86rem;text-align:left;} #second #main.sellitem section h2.fk{text-align:center;} #second #main.sellitem section#parts .wht{padding:1.8rem;} #second #main.sellitem section#parts h3{font-size:1.5rem;margin-bottom:1rem;} #second #main.sellitem section#parts .inline_col2 > div{margin:0px;} #second #main.sellitem section#parts .inline_col2.ble > div dl dd{padding:0.5rem 1rem;text-align:left;} #second #main.sellitem section .pinkblock p, #second #main.sellitem section .yellowblock p{font-size:1rem;} #second #main.sellitem section .sp_slider1 > div{border:0px;} #second #main.sellitem section fieldset legend{padding:0.5rem 1rem;} #second.selljobcar #main.sellitem section fieldset legend:before, #second.selljobcar #main.sellitem section fieldset legend:after, #second.selltire #main.sellitem section fieldset legend:before, #second.selltire #main.sellitem section fieldset legend:after, #second.sellhobby #main.sellitem section fieldset legend:before, #second.sellhobby #main.sellitem section fieldset legend:after{width:2rem;} #second #main.sellitem section#front{padding:1rem 0px 1rem;} section#step .inline_col2 > div.slick-track:after, section#step .inline_col2 > div.slick-list:after, section#step .inline_col3 > div.slick-track:after, section#step .inline_col3 > div.slick-list:after{display:none;} section#step .inline_col3 > div:after, section#step .inline_col2 div:after{top:20vh;right:10vw;} section#step .inline_col2 div:nth-child(even):after{display:block;} section#step .inline_col2 div:last-child:after{display:none;} } /*-----404-----*/ .bg_404{background:#f7f7f7;} .image_404 img{max-width:320px;margin:0 auto 40px;} .txt_404{text-align:center;} @media screen and (max-width: 640px){ .image_404 img{max-width:260px;margin:0 auto 20px;} } /*-----search-----*/ .sc{margin:0 0 20px 0;} .search_left{float:left;width:860px;} .search_left span{font-size:32px;font-weight:bold;display:inline-block;padding:0 4px 0 0;} .search_right{float:right;width:140px;text-align:right;} .search_right span{font-size:32px;font-weight:bold;display:inline-block;padding:0 4px;} .clear_block{zoom:1;} .clear_block:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear_block{display:inline-table;} * html .clear_block {height: 1%;} .clear_block{display: block;} .search_block dl{border-bottom:1px dotted #e0e0e0;padding:20px 0;} .search_block dt a{display:block;color:#fb9900;font-weight:bold;text-decoration:underline;background:url(./images/search_icon.png) left 5px no-repeat;background-size:15px 15px;padding:0 0 0 20px;} .search_block dt a:hover{text-decoration:none;} .search_block dd{padding:0 0 0 20px;} @media screen and (max-width: 640px){ .search_block dt a{background:url(./images/search_icon.png) left center no-repeat;background-size:15px 15px;} .search_left{float:left;width:70%;} .search_left span{font-size:18px;font-weight:bold;display:inline-block;padding:0 4px 0 0;} .search_right{float:right;width:25%;text-align:right;} .search_right span{font-size:18px;font-weight:bold;display:inline-block;padding:0 4px;} .sc{margin:0 0 0px 0;} } @media screen and (max-width: 360px){ html{font-size:12px;} header .hm .inner > a.logo{padding:4vw 2vw 0px;} #second.sell #main section.selltab ol li a .num{padding-top:1rem;} #second.sell #main section.sellcont .inner h3 .num img{width:2.4rem;} } .new_sp_tel{ text-align:center; color:#FFF; font-size:15px; background:#6b6b6b; padding:12px 0; } .new_sp_tel p span{ display:block; } .new_sp_tel a{ color:#FFF; font-size:36px; line-height:32pt; font-weight:bold; background:url(./images/free_sp.png) left center no-repeat; padding:0 0 0 45px; display:inline-block; } #main section#contact{ margin-top:-50px; padding-top:100px; }