@charset "UTF-8"; /* CSS PC */ body {font-size:12px; background-color:#f4f4f4} .f11{ font-size:11px;} .f12{ font-size:12px;} .f12im{ font-size:12px !important;} .f13{ font-size:13px;} .f14{ font-size:14px;} .f18{ font-size:18px !important;} .f20{ font-size:20px;} .f24{ font-size:24px;} .f30{ font-size:30px;} .line-h2{ line-height:2em} .f-right{ float:right;} .hide{ display:none} .w100{ width:100%; height:auto} #Wrapper{ min-width:1000px} .Header{background-color:#d6000f; width:100%;} .HeaderIn{width:1000px;margin:0 auto;padding-bottom:11px;} .HeaderNav{ position:relative} .Logo .mark,.Logo .textlogo{display:inline-block;vertical-align:middle;} .Logo .mark,.HNav{background-color:#fff;border-radius:0 0 10px 10px;} .Logo .mark{width:112px; text-align:center;padding:10px 0} .Logo .mark img{width:84px;height:auto;} .Logo .textlogo{padding-left:24px; margin-top:-14px;} .Logo a:hover img,.op100 a:hover img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .HeaderNav h1{position:absolute;top:65px;left:136px;font-size:12px; font-weight:100;} .HNav{width:429px;position:absolute;top:0;right:0;padding:14px 0;box-sizing:border-box;} .HNav li{display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;line-height:1em;padding:0 9px;} .HNav li a{color:#d90213;padding:3px 18px 3px 5px;display:block;background:url(/img/pc/header-arrow.png) right center no-repeat;} .HNav li a:hover,.alp a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;} .HNav li:first-child{border-right:dotted 1px #d90213;padding-right:20px;} .HeaderNav .wel{position:absolute;right:0;bottom:0;font-size:14px;} .HeaderNav .rakuten{position:absolute;top:19px;left:395px;} .HeaderNav .rakuten img,.HeaderNav .rakuten span{display:inline-block;vertical-align:middle;} .HeaderNav .rakuten img{ margin-right:10px; width:33px; height:33px;} .HeaderNav .rakuten span{ font-size:13px; font-weight:bold; line-height:1.2em;} .gnav{text-align:center;letter-spacing: -.4em;background:url(/img/pc/outline.png) bottom left repeat-x; border-bottom: solid 4px #dfdfdf;} .gnav ul{width:1000px; margin:0 auto} .gnav li{display:inline-block;font-size:16px;font-weight:bold;position:relative;width:165px;text-align:center;letter-spacing: normal; border-right: solid 1px #dadbdd;} .gnav li a{padding:9px;display:block; color:#ea252e;} .gnav li img,.gnav li span{display:inline-block; vertical-align:middle;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;} .gnav li img{ width:auto; margin-right:10px; } .gnav li::before{position:absolute; bottom:0;left:1px;content:"";border-right:1px #fff solid;height:100%;;} .gnav li.reserv-nav{background: rgb(69,179,4);background: -moz-linear-gradient(top, rgba(69,179,4,1) 0%, rgba(67,178,0,1) 2%, rgba(54,144,0,1) 100%);background: -webkit-linear-gradient(top, rgba(69,179,4,1) 0%,rgba(67,178,0,1) 2%,rgba(54,144,0,1) 100%);background: linear-gradient(to bottom, rgba(69,179,4,1) 0%,rgba(67,178,0,1) 2%,rgba(54,144,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b304', endColorstr='#369000',GradientType=0 );} .gnav li.reserv-nav a{color:#fff;} .gnav li:hover{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity:.9} .gnav li:hover span{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity:.75} .gnav li.reserv-nav::before,.gnav li.reserv-nav+li::before{ display:none;} .Contents{width:1000px;margin:0 auto; color:#0d0c0c; position: relative;} .bgW{ background-color:#fff;} .bgG,.bgR,.bgS{padding:15px;-moz-box-sizing: border-box; box-sizing:border-box;} .bgG{ background-color:#f1f1f1;} .bgR{ background-color:#f0313a;} .bgS{ background-color:#0197de} .pm2 p{ margin-bottom:20px;} .bor-all{ border-radius:6px} .bor-btm{ border-radius:0 0 6px 6px} .searchTop{overflow:hidden;clear:both;} .searchBox{float:left;width:375px;margin-bottom:20px;box-shadow:3px 3px 0px 1px #dfdfdf;-moz-box-shadow:3px 3px 0px 1px #dfdfdf;-webkit-box-shadow:3px 3px 0px 1px #dfdfdf;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;} .searchBox h3,.searchArea h3{background-color:#2e49bd;} .corners h3{color:#fff;border-radius:6px 6px 0 0;padding:7px 15px;font-size:18px; font-weight:100;} .corners h3 img,.corners h3 span{display:inline-block; vertical-align:middle;} .corners h3 img{ margin-right:11px} .cornersin{-moz-box-sizing: border-box;box-sizing:border-box; background-color:#fff;border-radius:0 0 6px 6px ; padding:25px 20px;} .searchBoxin{padding:18px 25px;overflow:hidden;letter-spacing: -.4em;} .searchBoxin dt,.searchBoxin dd{vertical-align:top;display:inline-block;letter-spacing: normal; margin-bottom:6px; box-sizing:border-box} .searchBoxin dt{color:#e63d45;font-size:14px;font-weight:bold;width:28%;} .searchBoxin dd { width:72%;} .searchBoxin dd.full_select{ margin-bottom:0} .searchBoxin dd.full_select select{ margin-bottom:5px;} .searchBoxin .picker{ display:inline-block; position:relative; z-index:0; max-width:137px;} .searchBoxin .picker input{ width:100%;} .searchBoxin .picker+img,.ui-datepicker-trigger{ position:absolute; top:4px; right:5px; z-index:10;cursor: pointer;} .littleSearchBox{ width:300px;box-shadow:none;} .littleSearchBox .searchBoxin{padding:17px} .littleSearchBox .searchBoxin .picker{ max-width: 118px;} .littleSearchBox .searchBoxin .CarType label img{ border:solid 1px #c8c8c8; margin:0; border-right:none; border-top:none;} .littleSearchBox .searchBoxin .CarType label:nth-of-type(4) img,.littleSearchBox .searchBoxin .CarType label:nth-of-type(8) img,.littleSearchBox .searchBoxin .CarType label:nth-of-type(10) img { border-right:solid 1px #c8c8c8;} .littleSearchBox .searchBoxin .CarType label:nth-child(-n+4) img{ border-top:solid 1px #c8c8c8;} .littleSearchBox .searchBoxin .CarType{ background-color:#fff;} .Store-dl dt,.Store-dl dd{ width:100%; display:block;} .ui-widget.ui-widget-content{ border-color:#f9535b; border-radius:0; z-index:10001 !important}} .ui-datepicker{ padding:0;width: 20em;} .ui-widget-header{border: none; color: #fff; background-color: #f9535b;border-radius:0} .ui-widget-header .ui-icon{ background-image:url(/img/pc/ui-icons_ffffff_256x240.png)} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: solid 1px #f8ebeb; background: #f8ebeb;font-size:.8rem; color: #0d0d0d;} .ui-datepicker th{font-size:.8rem;} .ui-widget-header .ui-state-hover{border:none; background:none} .ui-state-default.ui-state-hover{ border:solid 1px #f0313a} .ui-datepicker .ui-datepicker-next-hover { right: 2px;} .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {top: 2px;} .ui-datepicker .ui-datepicker-prev-hover { left: 2px;} .ui-datepicker-week-end:nth-last-child(2) .ui-state-default{color:#00F} .ui-datepicker-week-end .ui-state-default,.ui-datepicker-week-end:last-child,.ui-datepicker-week-end:last-child .ui-state-default{color:#d6000f} .ui-datepicker table{ margin-bottom:0} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee; color: #444;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #d8dcdf; font-weight: bold; color: #fff !important; background: #4b6fe9 !important;} .searchBoxin .CarType{background-color:#c8c8c8;padding:1px 1px 0;box-sizing:border-box;margin-bottom:19px;} .searchBoxin .CarType img{ margin:0px 1px 1px 0;} .searchBoxin .CarType label:nth-of-type(5) img,.searchBoxin .CarType label:nth-of-type(10) img{ margin-right:0} .submit{ text-align:center;} .submit img,.CarType label img{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} .submit:hover img,.CarType label:hover img{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; cursor:pointer;} .CarType label{ display:inline-block} .CarType label.is-check{ position:relative; z-index:0} .CarType label.is-check::before{top:15px;left:28px;z-index:10;position: absolute; display: block; content: ""; width: 7px; height: 12px; border: solid 5px #e63d45; border-left: 0; border-top: 0; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .searchArea{width:602px;float:right;} .searchAreain{padding:16px 0;text-align:center;} .searchAreain area{outline: none;} #mapster_wrap_0{ margin:0 auto} .Information{border-bottom:solid 4px #d5d5d5;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(239,239,239,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 67%,rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );margin-bottom:40px;} .Information-In{border-bottom:solid 1px #fff; padding:15px 0} .Information-In p{ display:inline-block; vertical-align:middle;} .Information-In p strong{ color:#ea252e; font-size:16px;} .pinkBox h3{ background-color:#f03a43} .pinkBoxin{ background-color:#f8ebeb; border:solid 1px #f0c0c0;} .GreenBox h3{ background-color:#37b37a;} .GreenBoxin{ padding:0px;} .BlueBox h3{ background-color:#2e49bd} .Blue2Box h3{background-color:#4d85e3} .BlueBoxin{ background-color:#dcf5fb; padding:20px 15px} .limeBox h3{ background-color:#70b149;} .grayBox h3{ background-color:#817778;} .TopCampaign li{display:inline-block; vertical-align:top;width:303px;box-sizing:border-box; margin-left:20px;margin-bottom:30px;} .TopCampaign li:nth-child(3n+1){ margin-left:0} .TopCampaign li p{padding:3px 6px; box-sizing:border-box;font-weight:bold;} .TopCampaign li a{ text-decoration:none} .TopCampaign li img{ width:100%;} .Search-cp{ background-color:#f8ebeb; border-radius:6px;} .Search-cp h4,.Search-cp-in{display:inline-block; vertical-align:middle} .Search-cp h4{color:#fff;background-color:#f03a43;border-radius:5px 0 0 5px;width:245px;font-size:18px;box-sizing:border-box;padding:15px; font-weight:100;} .Search-cp-box{display:inline-block; vertical-align:top;padding:10px 15px 10px 65px; box-sizing:border-box;position:relative;max-width: 400px;} .Search-cp-box h5{ font-size:15px; color:#ea252e} .Search-cp-box img{position:absolute; top:17px; left:20px;} .TopStore{letter-spacing: -.4em;} .TopStore-in{display:inline-block;vertical-align:top;width:50%;letter-spacing:normal;} .TopStore-List li{ margin-bottom:4px;} .TopStore-List li img,.TopStore-List li strong,.TopStore-List li select{display:inline-block; vertical-align:middle;} .TopStore-List li strong{font-size:15px; color:#ea252e; padding:0 11px; width:100px;} .TopStore-List li select{ width: 260px;} .TopStore-List li span a{ padding:0 10px;} .TopStoreOpen{background-color:#f03c44; box-sizing:border-box;letter-spacing: -.4em;border-radius:6px;} .TopStoreOpen h4,.TopStoreOpen-in{display:inline-block; vertical-align:top; height:225px;letter-spacing:normal;box-sizing:border-box;} .TopStoreOpen h4{ width:25%;color:#fff;text-align:center;font-size:18px;padding-top:25px; font-weight:100;} .TopStoreOpen-in{padding:14px 20px;background-color:#f8ebeb;width:75%;border-radius:0 5px 5px 0;} .TopStoreOpen-in .StoreOpenList{height:190px; overflow-y: scroll; box-sizing:border-box} .TopStoreOpen-in .StoreOpenList li,.TopNews li,.NewsList li{ border-bottom:dashed 1px #9f9f9f; padding:10px 0; width:95%;} .TopStoreOpen-in .StoreOpenList li:first-child,.TopNews li:first-child{ padding-top:0;} .TopStoreOpen-in .StoreOpenList li p{ color:#d41f17} .Threerows{ overflow:hidden} .Threerows .rows{float:left;width:317px;margin-left:15px;} .TopNews{padding:20px;height:285px;} .TopNewsin{height:250px;overflow-y: scroll;} .Guidance li{ min-height:100px; border-bottom:solid 1px #ededed; box-sizing:border-box;} .Guidance li a{ text-decoration:none; color:#0d0c0c} .Guidance li:hover{ opacity:.8} .Guidance li:hover h4{color:#0090ff} .Guidance li:nth-child(2n) { background-color:#f8f8f8} .Guidance ul li{position:relative; padding:12px 15px 6px 85px;} .Guidance ol li{ padding:18px 0 15px 15px;} .Guidance ol li img,.Guidance ol li div{display:inline-block;vertical-align:middle;} .Guidance ol li img{ margin-right:10px} .Guidance ol li div{ width:150px;} .Guidance h4{ font-size:14px; color:#0044d0} .Guidance ul li h4:before{width: 65px; height: 65px; display:block;content:"";position:absolute;top:15px; left:10px; background:url(/img/pc/icon_sp1.png) -10px -10px;} .Guidance .icon01 h4:before{} .Guidance .icon02 h4:before{ background-position:-95px -10px;} .Guidance .icon03 h4:before{background-position:-10px -95px;} .Guidance .icon04 h4:before{background-position:-95px -95px;} .Guidance .icon05 h4:before{background-position:-180px -10px;} .Guidance .icon06 h4:before{background-position:-180px -95px;} .topContentLink{ text-align:center; padding-top:40px;letter-spacing: -.4em;} .topContentLink li{display:inline-block;vertical-align:top; margin-left:22px;letter-spacing:normal;} .topContentLink li:first-child{ margin-left:0;} .topslider{ } .Bottomslider{border:solid 15px #f1f1f1; border-radius:6px; padding:25px 66px; position:relative; box-sizing:border-box;} .Bottomslider a{ text-decoration:none; color:#0d0c0c} .Bottomslider h4,.Bottomslider p{ width:264px} .Bottomslider h4{ font-size:14px; color:#0044d0; padding:4px 0 0;} .Bottomslider a:hover{ opacity:.8;} .Bottomslider a:hover h4{color:#0090ff} .slick-prev, .slick-next {position: absolute;top: 50%;display: block; width: 43px;height: 43px; padding: 0; -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none;background:url(/img/pc/slide_arrows.png) -45px -1px no-repeat; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline: none;} .slick-prev:hover, .slick-prev:focus:before, .slick-next:hover, .slick-next:focus:before { opacity: .75;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25;} .slick-prev { left:-55px; background-position:0px -1px;} .slick-next { right:-55px;} .Breadcrumb li{display:inline-block;vertical-align:top;} .Breadcrumb li::after{ content:">";display:inline-block;vertical-align:top;padding:0 10px;} .Breadcrumb li:last-child::after{ content:"";} .footBreadcrumb {width: 1000px; margin: 40px auto -70px;} .PageContents .PageTitle,.CpPage .PageTitle{ color:#f0313a;font-size:32px;border-left: 9px solid #f0313a; padding-left:15px;line-height:1.4em;margin:30px 0 5px 0;} .CpPage .PageTitle{ font-weight:normal;} .Gmap{height:405px;} .Gmap iframe{ height:405px;} .Map-Heading{font-size:13px;} .Map-bodyContent{ position:relative;} .Map-bodyContent p{font-size:12px;} .Map-tel{ font-weight:bold; font-size:13px;} .map-inBtn{ font-weight:bold; font-size:12px; text-align:right;} .map-inBtn a{ color:#fff; display:inline-block; padding:3px 5px; text-decoration:none;background-color:#399800; border-radius:6px;} .map-inBtn a:hover{ opacity:.8;} .borderBox{border:solid 15px #f1f1f1; border-radius:4px; padding:17px 16px; position:relative; box-sizing:border-box;} .borderBoxText,.borderBoxImg{ display:inline-block; vertical-align:top;} .borderBoxText{ width:530px; padding-right:35px; box-sizing:border-box;} .borderBoxText p{ font-size:14px;margin-bottom:10px;} .borderBoxImg{width:186px; margin-left:11px;} .borderBoxImg img{width:100%; height:auto} .AreastoreList li{ background-color:#fff;padding:10px;box-sizing:border-box;margin-bottom:11px;} .AreastoreList li:last-child{ margin-bottom:0} .AreastoreListin{border-left:solid 7px #2e49bd;padding-left:14px;} .AreastoreList li .storeListD{display:inline-block;vertical-align:middle;width:295px;} .AreastoreList li .storeListD p{ margin-bottom:5px;} .AreastoreList li .storeListD.storeListBtn{width:390px; padding-left:10px; box-sizing:border-box;} .AreastoreList li .storeListD.storeName{font-size:16px;width:235px;} .storeListBtn{ padding-right:0} .storeListBtn p{display:inline-block; vertical-align:middle;} .storeListBtn .Btn03,.storeListBtn .Btn04{ width:53px; box-sizing:border-box;} .storeListTTL a {color: #b8f2ff; text-decoration: none;} .StoreNews,.Lowestprice{display:inline-block;vertical-align:top; box-sizing:border-box;} .StoreNews{width:413px} .Lowestprice{ width:531px; margin-left:20px} .StoreNews h3{ padding:9px 15px;} .StoreNews .cornersin{padding:16px;height:305px;} .StoreNewsin{height:275px;overflow-y: scroll;} .Lowestprice h3{ font-size:24px; height:60px; line-height:60px;} .Lowestprice .cornersin{ padding: 12px 11px;} .Lowestpricein{overflow-y: scroll; height:282px;} .Lowestprice .CarList li{ border-radius:7px;background-color:#fff; padding:0 6px; margin-bottom:5px; width:96%;} .Lowestprice .CarList li a{ text-decoration:none} .Lowestprice .CarList li img,.Lowestprice .CarList li div{display:inline-block;vertical-align:middle;} .Lowestprice .CarList li img{ width:122px; height:auto;} .Lowestprice .CarList .CarClass{ width:190px;} .Lowestprice .CarList .CarPrices{ width:150px; color:#e0121c; font-weight:bold; text-align:right;} .CarClass h4{color:#e0121c; font-size:16px;} .CarPrices .price{ font-size:28px;} .CarPrices .price span{font-size:18px;} .StoreCPList .CPList{ margin-bottom:15px;} .StoreCPList .CPList:last-child{ margin-bottom:0} .StoreCPList .cornersin{ padding:15px; border:none;} .StoreCPListin{ background-color:#fff; padding:15px; box-sizing:border-box;} .StoreCPDuration,.StoreCPList_text{display:inline-block;vertical-align:top;} .StoreCPDuration{ width:402px;} .StoreCPDuration img{ width:100%; height:auto;} .StoreCPDuration p{ margin-top:10px;} .StoreCPDuration p span,.StoreCPDuration p strong{display:inline-block;vertical-align:middle} .StoreCPDuration p span{background-color:#72b6cc; color:#fff;padding:6px;margin-right:6px;} .StoreCPDuration p strong{} .StoreCPList_text{ width:510px; margin-left:20px;} .StoreCPList_textin{overflow-y: auto; height:132px; margin-bottom:10px;} .StoreCPList_textin h4{ font-size:20px; margin-bottom:5px;} .StoreCPList_textin p{font-size:14px;} .StoreCPList_Btn{ overflow:hidden} .StoreCPList_Btn li{width:50%; float:left;} /*.StoreCPList_Btn li:last-child{ float:right;}*/ .Participating{ background-color:#f8dddd; padding:7px 15px;} .ParticipatingTorg{ margin-bottom:5px; color:#0044d0; cursor:pointer;} .ParticipatingTorg:after{content:""; position:relative; top:11px; margin-left:10px;width: 0;height: 0;border-style: solid;border-width: 7px 5.5px 0 5.5px;border-color: #0044d0 transparent transparent transparent;} .ParticipatingList{ display:none} .ParticipatingList li{ display:inline-block;vertical-align:middle;margin-right:7px;} .ParticipatingList li a{ text-decoration:none} .ParticipatingList li a:after{content:",";} .StoreSearchBox,#sougei_box00{background-color:#fff;border-radius:6px;padding:18px; box-sizing:border-box;float:right;width:690px;overflow:hidden} #sougei_box00 .text01{font-size: 14px; margin-bottom: 20px;} .StoreSearchBox h4,#sougei_box00 .text02{ color:#fff; text-align:center; font-weight:bold; font-size:16px; background-color:#ff3333; padding:12px; box-sizing:border-box;} #sougei_box00,#sougei_box00 .text02{margin-bottom: 25px;} .sougei_shop{text-align: right; margin-bottom: 25px;} .Store_info{ width:334px;float:left} .Store_info table{width:100%;} .Store_info th,.Store_info td{ border-bottom:dashed 1px #9f9f9f; vertical-align:top;} .Store_info th{ width:70px; color:#f0313a} .Store_info td .row1,.Store_info td .row2,.Store_info td .row3{ overflow:hidden;box-sizing:border-box;} .Store_info td .row1 a,.Store_info td .row2 a,.Store_info td .row3 a{ color:#000; text-decoration:none;} .Store_info td .row1{ max-height:19px;} .Store_info td .row2{ max-height:38px;} .Store_info td .row3{ max-height:57px;} .StoreMaps{ float:right;width:300px;} .StoreMaps .StorePhoto{ margin-bottom:10px;} .StoreMaps .StorePhoto img{ margin:0 10px 0 0; display:inline-block;width:145px;} .StoreMaps .StorePhoto a+a img{ margin:0} .StoreMapsLink{ text-align:right} .StoreMapsLink li,.StoreMapsLink li img,.StoreMapsLink li span{display:inline-block;vertical-align:middle;} .StoreMapsLink li span{ padding:0 5px;} .sougei_subttl{font-size: 14px; font-weight: bold; color: #333; background: #d6d6d6; padding:6px 10px; width: 600px; box-sizing:border-box; margin: 25px auto;} .sougeiMapNote{font-size: 13px; font-weight: bold; width: 600px; box-sizing: border-box; margin: 25px auto 0 auto;} .m_bM{margin-bottom: 15px;} .planBtn{ position:relative; display:block; font-size:16px;letter-spacing:normal;margin:0 auto;border:solid 1px #369000;font-weight:bold;outline:solid 1px #e4ffd5; width:76%;outline-offset: -2px;text-align:center;background: rgb(67,179,0);background: -moz-linear-gradient(top, rgba(67,179,0,1) 0%, rgba(54,144,0,1) 100%);background: -webkit-linear-gradient(top, rgba(67,179,0,1) 0%,rgba(54,144,0,1) 100%);background: linear-gradient(to bottom, rgba(67,179,0,1) 0%,rgba(54,144,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b300', endColorstr='#369000',GradientType=0 );} .planBtn a{color:#fff;text-decoration:none;padding:10px 0;display:block;} .planBtn a::after {position: absolute; top: 0; bottom: 0; right: 8%; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .planBtn a:hover{ opacity:.8;} .adBtn{ width:286px; font-size:24px; text-indent:.5em;} .adBtn a{padding: 15px 0;} .planBtn.adBtn a::before,.planBtn.adBtn a::after{position: absolute;top: 0;bottom: 0;left: 20px;margin: auto;content: "";vertical-align: middle;} .planBtn.adBtn a::before{box-sizing: border-box;width: 25px;height: 25px;border: 2px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;} .planBtn.adBtn a::after{left: 27px; right:auto;width: 6px;height: 6px;border-top: 3px solid #fff;border-right: 3px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .ModerBtn{ font-size:18px; width:269px} .ModerBtn a{padding: 10px 0 10px 10px;} .StoreBana li{ margin-bottom:15px;} .StoreFB,.mujiko{display:inline-block;vertical-align:top;} .StoreFB{margin-right:10px;width:350px;} .mujiko{margin-left:10px;width:177px;} .Storeguide{width:490px; display:inline-block; vertical-align:top; margin-right:15px} .Storeguide+.Storeguide{ margin-right:0;} .Storeguide h3{ font-size:15px;} .Storeguidein{border:solid 15px #f1f1f1;border-top:none;padding:10px;text-align:center;} .Storeguidein li{display:inline-block;vertical-align:top;margin:9px 11px 17px 11px;} .StoreguideinText{ text-align:left; overflow-y:auto; height:214px;} .StoreguideinText p{ margin-bottom:15px;} /* ガソリンスタンド情報追加　*/ .gsTxt { width: 46%; float: left; overflow-y: auto; height: 100%; padding: 5px; box-sizing: border-box; margin: 0 auto !important; } .gsmap { width: 50%; float: right; height: 100%; } .Store-Modal{ max-width:450px; border-radius:6px; box-shadow:0 0 8px gray;} .Store-Modalin{box-sizing:border-box;padding:20px;} .Store-Modal img{ width:100%; height:auto;} .Store-ModalText{ text-align:left; padding:30px; font-size:14px; line-height:1.7em;} .lh12{ line-height:1.2em;} .cp_count{border:solid 1px #f0c0c0; border-radius:6px; letter-spacing:-.4em;background-color:#f03a43; margin-bottom:35px; overflow:hidden;display: flex; align-items: center; height:100px;} .cp_count_title,.cp_count_search{ /*float:left;height:100px;*/ box-sizing:border-box;letter-spacing:normal;} .cp_count_title{ color:#fff; font-size:24px; padding:30px; width:54%} .cp_count_title span{ font-weight:normal; font-size:18px;} .price_count_title{ padding-top:16px; padding-right:0; line-height:1.2em; letter-spacing:-.02em;} .cp_count_search{ background-color:#f8ebeb; width:46%; border-radius:0 5px 5px 0; padding:14px 18px;/* float:right;*/} .cp_count_search p{ margin-bottom:6px} .cp_count_search p img,.cp_count_search p span,.cp_count_search p select{display:inline-block;vertical-align:middle;} .cp_count_search span{ color:#f03a43; font-weight:bold; width:133px; padding-left:10px; box-sizing:border-box;} .cp_areaLink{ text-align:center; margin-bottom:30px;} .cp_areaLink li{display:inline-block; vertical-align:middle; border:solid 1px #f0c0c0; background-color:#f8ebeb; text-align:center; font-size:18px; font-weight:bold; border-radius:6px; min-width:100px; margin:0 1px;} .cp_areaLink li a{color:#f9535b;text-decoration:none;display:block;padding:5px 21px;-moz-box-sizing: border-box;box-sizing:border-box;} .cplist ul{ overflow:hidden} .cplist ul li{width:295px; float:left; margin-left:26px; margin-bottom:45px; overflow:hidden;height:255px;} .cplist ul li img{ width:100%; height:auto;} .cplist ul li a { text-decoration:none} .cplist ul li .label{ line-height:1.9em;} .cplist ul li .label span{font-size:12px; color:#fff; background-color:#f9535b; padding:6px; margin:0 3px 0 0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;} .cplist ul li.col-1{ margin-left:0;} .cplist ul li h4{ font-size:15px; padding:9px 0 12px;height:35px;width: 295px; line-height:1.5em; overflow: hidden; position: relative; word-break: break-all; text-align:justify; text-justify: inter-ideograph;} .cplist ul li h4:before,.cplist ul li h4:after{position: absolute;} .cplist ul li h4:before{ content:'...'; background: #fff; width: 2em; font-size:15px; right: 0px; text-align:center; top:30px;} .cplist ul li h4:after{ content: ""; height: 100%; width: 100%; background: #fff; z-index:4;} .cplist ul li p.duration{ padding:3px; box-sizing:border-box; text-align:center;color:#fff; background-color:#72b6cc; font-size:12px; margin-bottom:9px} .cp_Read span{display:inline-block;vertical-align:middle; padding:0 2px;color:#858585;cursor:pointer;} .cp_area_Search{ border: solid 15px #f1f1f1; border-top: none; padding: 30px 10px; text-align: center;box-sizing: border-box; background-color: #fff; border-radius: 0 0 6px 6px;} .cp_area_Map,.cp_area_Text{ display:inline-block; vertical-align:top;} .cp_area_Map{width:540px; height:400px;margin-right:25px;} .cp_area_Text{ width:346px;} .cp_area_Text a{ text-decoration:none; padding:0 5px;} .cp_area_Text dt,.cp_area_Text dd{ text-align:left} .cp_area_Text dt{ font-weight:bold; padding-top:8px;} .cp_area_Text dd{ border-bottom:dashed 1px #9f9f9f; padding:3px 0 8px 0;} .cp_area_Text dd:last-child{ border-bottom:none} .cp_area_Text dd li{ display:inline-block; vertical-align:middle;} .cp-detail{ padding:20px; box-sizing:border-box; font-size:14px;} .cp-detail{line-height:1.9em;} .cp-pinkBox{ background-color:#fff7fa; border:solid 2px #f587a4; padding:13px 18px; margin:16px 0 25px 0;} .cp-pinkBox strong{ color:#e70570} .campaignPrice,.target_store{ font-size:12px; line-height:1em; margin:50px 0;} .campaignPrice p{ background-color:#666; color:#fff; padding:6px;} .campaignPrice th,.campaignPrice td,.target_store th,.target_store td{ border:solid 1px #ccc; padding:6px 7px; vertical-align:middle;} .campaignPrice th{ text-align:center; font-weight:normal;} .campaignPrice td{ text-align:center; } .campaignPrice td.cpt_clas{ text-align:left} .campaignPrice td.cpt_zn{ font-weight:bold} .campaignPrice td.cpt_zk{font-weight:bold; color:#c9141a;} .target_store{ margin-bottom:30px;} .target_store th{ color:#fff; text-align:center; background-color:#003b60; font-weight:normal; border:none;} .sideSearch{ border:solid 6px #f9535b; background-color:#fffde3; border-radius:6px;} .sideSearch h3{ color:#fff; background-color:#f9535b; font-size:15px;padding:2px 0 7px 5px;} .sideSearch h3 img,.sideSearch h3 span{ display:inline-block; vertical-align:middle;} .sideSearch h3 span{ padding-left:8px;} .sideSearch h5{ color:#ea252e; font-size:15px; margin-bottom:8px;} .sideSearchin{ padding:15px;} .sideSearchin select{ width:100%} .sideSearchin .fselect{ margin-bottom:5px} .sideSearchin .TimeZone{ overflow:hidden;} .sideSearchin .TimeZone .picker{ width:114px; float:left; margin-right:6px; position:relative;} .sideSearchin .TimeZone .picker input{ width:100%;} .sideSearchin .TimeZone select{width:64px; float:left;} .sideSearchin .planBtn{ width:100%;} .remodal{ width:681px; padding:0;} .carSearchBox{ margin: 0 auto; height: 226px; position: relative;-moz-box-sizing: border-box;box-sizing:border-box;} .carSearchTitle{ font-weight:bold; font-size:20px; text-align:left; background-color:#ffecec; color:#f0313a; padding:10px 15px;} .carSearchin{ padding:8px 17px; overflow:hidden} .carSearchinL{float:left;width:340px;} .carSearchinR{width:280px;float:right;} .carSearchin table th,.carSearchin table td{vertical-align:top;text-align:left;box-sizing:border-box;} .carSearchin table th{ font-weight:bold;color:#ea252e;font-size:15px;} .carSearchin table .picker { display: inline-block; position: relative; z-index: 0; max-width: 134px; margin-right:5px;} .carSearchin table .picker input[type="text"]{box-sizing:border-box; width: 123px;} .carSearchinL table th{ padding-right:15px;} .carSearchinL table td div{padding:0 0 4px 0;} .carSearchinL table td select{ width:95%;} .carSearchinL table td p.red{ font-size:11px;} .carSearchinR table th,.carSearchinR table td{ padding-bottom:0;} .carSearchsubmit{ text-align:right; padding-top:30px; cursor:pointer;} .remodal-overlay { background-color: rgba(0, 0, 0, 0.3);} .remodal-close{ right:9px; top:9px; left:auto; background-color:#676767;width: 30px;height: 30px;} .remodal-close:before { font-size:34px; color:#fff;line-height: 30px;width: 30px;} .tenpoSearch{ margin-bottom:20px; overflow:hidden; background-color:#fff; border-radius:6px; padding:14px; box-sizing:border-box;} .tenpoSearchL{float:left; width:380px;} .tenpoSearchR{float:right; width:550px;} .tenpoSearchList li{ margin-bottom:5px;} .tenpoSearchList li img{ width:28px; height:28px; margin-right:7px; display:inline-block; vertical-align:middle;} .tenpoSearchList li strong{ color:#e63d45; font-weight:bold; font-size:14px; display:inline-block; vertical-align:middle; width:105px;} .tenpoSearchList li select{ width:188px;} .AreatenpoList li{display:inline-block;vertical-align:middle; font-weight:bold;text-align:center;font-size:14px;margin-bottom:5px; margin-left:5px;} .AreatenpoList li a{ border:solid 1px #6891e4; border-radius:8px;display:block;padding:5px 9px;color:#6891e4;box-sizing:border-box;text-decoration:none; background-color:#f1f1f1;} .AreatenpoList li a:hover{ opacity:.6;} .tenpoList .storeListD+.storeListD{ width:280px;} .tenpoList .storeListD+.storeListD .Bold{ font-size:14px;} .tenpoList .storeListD+.storeListD+.storeListD{ width:388px;} .reservContents .PageTitle{ font-size:28px; margin-top:40px} .StepBar{background-color:#f5efe9; height:44px; box-sizing:border-box; margin:30px 0 30px 22px;letter-spacing: -.4em;} .StepBar li{display:inline-block;vertical-align:middle; position:relative; font-size:16px;color:#d6bebf;width:20%; font-weight:bold; text-align:center; letter-spacing:normal; box-sizing:border-box;} .StepBar li p{ position:absolute;top:0;left:-22px;border-radius:50%;width:44px;height:44px;background-color:#d6bebf;color:#fff; display:block;font-family:Arial, Helvetica, sans-serif; font-size:10px;text-align:center;box-sizing:border-box;padding-top:6px;font-weight:normal;} .StepBar li p span{font-size:20px; display:block; font-weight:bold;} .StepBar li strong{ line-height:44px;} .StepBar li.is-step-active p{background-color:#f0313a;width:56px;height:56px; top:-6px;padding-top:7px;font-size:12px;} .StepBar li.is-step-active p span{ font-size:28px} .StepBar li.is-step-active strong{ color:#f0313a;} .notices,.notices-b{ font-size:18px; line-height:1.8em; margin:30px 0} .notices{ color:#f0313a;} .notices span{ text-decoration:underline;} .plan_searchBox,.plan_searchBox2{ background-color:#fffde3; border:solid 15px #f9535b; padding:3px 17px; border-radius:6px; -moz-box-sizing: border-box; box-sizing:border-box; margin:25px 0 15px;} .plan_searchBox2{ border-width:1px; margin-top:0;} .searchBox_line{ border-bottom:dotted 1px #f0313a} .searchBox_line li,.searchBox_line li p{display:inline-block; vertical-align:middle;} .searchBox_line li .time{ width:74px;} .searchBox_line li .time input{ width:100%; text-align:center} .searchBox_line li{ padding:10px 0} .searchBox_line li strong{ color:#f9535b; font-weight:bold; font-size:16px; letter-spacing:normal; padding-right:10px} .searchBox_line.dat input{ margin-right:10px;} .searchBox_line.dat .picker input{} .searchBox_line.stores li{ width:24%;} .searchBox_line.stores li select{width:97%} .searchBox_line.stores li:first-child{ width:31%;} .searchBox_line.stores li:first-child select{width:65%} .searchBox_line.stores li:last-child{ width:19%;} .searchBox_linenone{ border-bottom:none} .Price_searchBox{ border-bottom:none;} .use{ width:830px;} .use span{display:inline-block; vertical-align:middle; margin-bottom:5px;} .use label{cursor: pointer; padding:2px 7px; display:block; border: 1px solid #d92709; border-radius: 3px; color:#f0313a; background-color:#fff;} .use input[type="checkbox"]{ position: absolute; width: 100%; height: 100%; opacity: 0; tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .use input[type="checkbox"]:checked + label {color:#fff; background-color:#d92709;} .Price-title{ border-left:solid 6px #f9535b; padding:10px 0 10px 70px; position:relative; color:#f9535b; font-size:24px; font-weight:bold; margin-bottom:19px;} .Price-title:before{ display:inline-block; width:54px; left:0; position:absolute; content:""; border-top:solid 1px #f9535b; top:50%; bottom:50%;} .PriceBox{ border-radius: 6px 6px 0 0;} .PriceBox h5{ background-color:#f9535b; border-radius:6px 6px 0 0; color:#fff; font-size:24px; padding:12px 15px; box-sizing:border-box} .PriceBox h5 span{ font-weight:normal; font-size:14px; padding-left:5px;} .PriceBox-in{ padding:15px; box-sizing:border-box; background-color:#f1f1f1;} .mainCar,.PriceCar-info{ background-color:#fff; float:left;box-sizing:border-box; height:150px;} .mainCar{margin-right:15px; width:321px; position:relative;} .mainCar img{ position:absolute; right:3px; top:3px;} .mainCar p{position:absolute; left:5px; top:5px;} .mainCar p.mainCartext1{ color:#fff; width: 97px;height: 53px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #618bd0; font-weight:bold; text-align:center; font-size:14px; padding-top:7px; box-sizing:border-box;} .mainCar p.mainCartext2{ font-size:11px; top:62px;} .PriceCar-info{ width:634px; padding:17px; font-size:14px} .PriceCar-info li{ display:inline-block; vertical-align:middle;} .PriceCar-info li strong{ color:#f9535b; box-sizing:border-box; border:solid 1px #f0313a; padding:4px 10px;} .PriceCar-info li span{ padding:4px 10px; display:inline-block;min-width:40px; box-sizing:border-box;} .PriceCar-info li span img{ margin-right:4px;} .Price-cars-list li{ display:inline-block; vertical-align:top; margin-left:10px;} .Price-cars-list li:first-child{ margin-left:0;} .Price-cars-list li div{ width:150px; background-color:#fff; height:100px; overflow:hidden; padding:4px; box-sizing:border-box;} .Price-cars-list li div img{ width:100%; height:auto;} .Price-table td{ text-align:center; font-size:14px;} .Price-table thead th{ background:none} .Price-table thead td{ background-color:#618bd0; color:#fff;border:solid 1px #80afff;} .Price-table tbody th,.Price-table tbody td{ border:solid 1px #ff9499;} .Price-table tbody th{ color:#fff; font-size:20px; background-color:#e63d45; padding-left:10px;} .Price-table tbody td{ background-color:#fff; color:#f9535b; } .Price-table tbody td strong{font-size:24px;} .Price-table tbody .Regular th,.Price-table tbody .Regular td{border:solid 1px #80afff; border-bottom:none;} .Price-table tbody .Regular th{ background-color:#59a1de;} .Price-table tbody .Regular td{ background-color:#e8f6fe; color:#000;} .Price-table tbody .Regular td strong{font-size:18px;} .Member_or_not{ overflow:hidden; margin-bottom:5px;} .MoBox{width:530px; float:left;} .MoBoxfull,.MoBoxfull2{ width:100%; float:none} .Members-fc h3{ color:#fff; font-size:20px; padding:16px 15px 16px 60px; background-image:url(/img/pc/icon-box-off.png); background-position:15px center; background-repeat:no-repeat;} .Members-fc h3.is-mem-on{ background-image:url(/img/pc/icon-box-on.png) ;} /*会員登録せず予約*/ .is-m-not .grayBox h3{ background-color:#434343} .is-m-not .Members_not{ width:530px;} .is-m-not .Members{ width:450px;} .is-m-not .Members_not .Membersin{ border-color:#434343;} .is-m-not .pinkBox h3{ background-color:#de8a8e;} .is-m-not .Members .Membersin{ border-color:#de8a8e;} /*会員登録または登録済みで予約*/ .is-m-ok .Members_not{ width:450px;} .MoBox .price{ font-size:18px; font-weight:bold; color:#e63d45; position:relative; padding:15px 0 8px 0;} .MoBox .price p{ display:inline} .MoBox .price .amount{position:absolute; right:0; top:5px;} .MoBox .price .amount span{font-size:30px;} .MoBox .price.under{border-bottom:dashed 1px #f0313a;} .MoBox .Members-fc .price{ padding-bottom:15px;} .Members_not{ float:right;} .MoBox .Membersin{border-top:none; padding:10px;box-sizing:border-box; min-height:230px;} .MoBoxfull .Membersin{ min-height:inherit; padding:5px 15px;} .Members-fc .Membersin{min-height:300px;} .MoBox .Membersin+.Membersin{ border-top:none;} .Members .Membersin{ background-color:#fffde3; border:solid 3px #f03a43;} .Members_not .Membersin{ background-color:#f6f6f6; border:solid 3px #817778;} .MoBoxfull .Membersin li:last-child{ border-bottom:none;} .MoBox .pointText{ font-size:14px;} .MoBox .pointText span{ font-size:18px; font-weight:bold; color:#e63d45} .MoBox .Membersin.form{ padding:0; min-height:inherit} .MoBox .Membersin.form p{background-color:#ffeeee; font-size:16px; font-weight:bold; padding:15px 10px; border-bottom:solid 1px #f0313a;} .breakdown li{ border-bottom:dashed 1px #f0313a; padding:7px 0; font-weight:bold; font-size:14px; position:relative;} .breakdown li span{ font-size:18px; position:absolute; top:3px; right:0;} .tab{ text-align:center; margin:0; letter-spacing:-.4em} .tab li{margin:0 10px -10px 0; padding: 10px 6px; min-height: 77px; width:161px; box-sizing:border-box; display:inline-block; vertical-align:top; background-color:#f0313a; color:#fff; border-radius:6px 6px 0 0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; font-size:14px; letter-spacing:normal;} .tab li span{ display:block; font-size:18px;} .tab_content{ background-color: #ffeeee; border: solid 3px #f03a43; border-top:none; padding:15px 11px; box-sizing:border-box;} .tab li.is-active{ margin-top:-26px; min-height: 103px; background-image:url(/img/pc/tab-icon.png); background-position:center 90%; background-repeat:no-repeat;} .tab li.tab-member{ background-color:#ff7200; padding-top:25px; margin-right:0;} .radio_form input[type="radio"],.check_form input[type="checkbox"]{ display:none;} .radio_form label,.check_form label{ padding-left: 33px; position:relative; display:inline-block; vertical-align:middle; cursor:pointer;} .radio_form label::before,.radio_form input:checked + label::after,.check_form label::before,.check_form label::after{content: ""; display: block; position: absolute; border-radius: 50%;} .radio_form label::before,.check_form label::before{ top: 0; left: 0; width: 20px; height: 20px; background-color:#fff; border: 1px solid #c8c8c8; margin-right:10px;} .radio_form input:checked + label::after{top: 7px; left: 7px; width: 8px; height: 8px; background: #f24a52;} .check_form label::before{ border-radius:0;} .check_form input:checked + label::after{left: 4px;top: 50%; border-radius:0; display: block; width: 12px; height: 7px; position:absolute; margin-top: -5px; border-left: 3px solid #f1444c; border-bottom: 3px solid #f1444c; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .radio_form input:required+label::before,.check_form input:required+label::before{border-color:#f0313a;} .text_form input{ margin-bottom:10px;} input:required{ border-color:#f0313a;} select:required{outline: 1px solid #f0313a;} .Members_not .Membersin.form p{ border-bottom:none;} .MoBox .Membersin.form .Memberslogin{ background-color:#fff; padding:15px;} .Memberslogin{ overflow:hidden;} .Memberslogin .forminput{ width:300px; float:left;} .Memberslogin .formbtn{ float:left; width:151px;} .forminput div{ margin-bottom:13px; width:100%; display:block;} .forminput div span,.forminput div input{display:inline-block; vertical-align:middle;} .forminput div span{width:30%; font-weight:bold; font-size:14px;} .forminput div input{ width:60%;} .hatena img,.hatena span{ display:inline-block; vertical-align:middle;} .hatena span{ padding-left:5px;} .inputcoupon{ background-color:#cae8ff;border:solid 1px #2e49bd; padding:13px; box-sizing:border-box;} .inputcoupon strong,.inputcoupon input,.inputcoupon span{display:inline-block;vertical-align:middle;} .inputcoupon input{ width:235px;} .required{ background-color:#fb4145; color:#fff; border-radius:3px; padding:5px 12px; margin:0 5px; font-size:12px;} .reservForm table{ width:100%; margin-bottom:13px;font-size:14px;border-collapse:separate; border-spacing:6px;} .reservForm th,.reservForm td{ padding:12px 9px; vertical-align:middle;box-sizing:border-box;} .reservForm th{background-color:#618bd0; color:#fff; width:223px;} .reservForm th span{ padding-top:5px; padding-bottom:5px; float:left;} .reservForm th .required{float:right;} .reservForm td{background-color:#fff; padding-right:0} .reservForm td .form_dib ul+ul{ margin-top:10px} .reservForm td .form_dib li{display:inline-block; vertical-align:middle; margin-right:10px;} .reservForm td .form_dib li span{padding-right:5px; min-width:30px; display:inline-block; vertical-align:middle;} .reservForm td .form_dib li span.no_pad{ padding-right:0;} .reservForm td.rule{background-color:#ffeeee; border:solid 4px #f0313a;} .otherBox{-moz-box-sizing: border-box;box-sizing:border-box;background-color: #dcf5fb; padding: 20px 15px;border-radius:6px ;} .otherBox h4{ background-color:#618bd0;color:#fff; font-size:15px;padding:6px 10px; margin-bottom:20px;} .otherBox p{margin-bottom:10px; line-height:1.3em;} .stipulationText{ text-align:left; overflow-y:scroll; height:178px; background-color:#fff; padding:10px 15px;-moz-box-sizing: border-box;box-sizing:border-box; margin-bottom:10px;} .stipulationText .yakan_ttl,.yakan_sub,.yakan_txt{margin-bottom:9px} .Btngroup{text-align:center; padding:20px 0} .Btngroup p.btn{display:inline-block; vertical-align:middle; margin:0 5px;} .Btngroup.Btngroup-top p.btn{vertical-align:top} .btn-Blue{-webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); -moz-box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); border: solid 1px #1066b6; background-image: -webkit-linear-gradient(bottom, #0073bb 54%, #0282cb 55%); background-image: -moz-linear-gradient(bottom, #0073bb 54%, #0282cb 55%); background-image: -o-linear-gradient(bottom, #0073bb 54%, #0282cb 55%); background-image: -ms-linear-gradient(bottom, #0073bb 54%, #0282cb 55%); background-image: linear-gradient(to top, #0073bb 54%, #0282cb 55%); width: 411px; font-size:24px;} .btn-Blue a{ color:#fff; text-decoration:none;} .cancel_date{ width:330px; margin:20px 0} .cancel_date li{ overflow:hidden; font-size:12px;} .cancel_date li span{display:block;float:right;} input.long{ min-width:570px} input.moderate{ min-width:245px;} input.thumbnail{ max-width:90px;} input.email{ min-width:311px;} .searchBox_car li{letter-spacing:-.4em} .searchBox_car li p{ display:inline-block; vertical-align:middle;position: relative;letter-spacing:normal; margin-right:1px;} .searchBox_car li p input{ position: absolute; top: 0; opacity: 0; width: 100%; height: 100%;} .searchBox_car li p input[type="checkbox"] + label { display: block; background-image:url(/img/pc/plan_search_car.png); background-size: calc(830 / 82 * 100%) calc(174 / 86 * 100%); background-repeat: no-repeat; width:82px; height:86px;} .searchBox_car li .car01 input[type="checkbox"] + label { background-position: calc(0 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car02 input[type="checkbox"] + label { background-position: calc(82 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car03 input[type="checkbox"] + label { background-position: calc(166 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car04 input[type="checkbox"] + label { background-position: calc(249 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car05 input[type="checkbox"] + label { background-position: calc(332 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car06 input[type="checkbox"] + label { background-position: calc(415 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car07 input[type="checkbox"] + label { background-position: calc(498 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car08 input[type="checkbox"] + label { background-position: calc(581 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car09 input[type="checkbox"] + label { background-position: calc(664 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car10 input[type="checkbox"] + label { background-position: calc(747 / (830 - 82) * 100%) calc(0 / (174 - 86) * 100%);} .searchBox_car li .car01 input[type="checkbox"]:checked + label {background-position: calc(0 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car02 input[type="checkbox"]:checked + label {background-position: calc(82 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car03 input[type="checkbox"]:checked + label { background-position: calc(166 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car04 input[type="checkbox"]:checked + label { background-position: calc(249 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car05 input[type="checkbox"]:checked + label { background-position: calc(332 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car06 input[type="checkbox"]:checked + label { background-position: calc(415 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car07 input[type="checkbox"]:checked + label { background-position: calc(498 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car08 input[type="checkbox"]:checked + label { background-position: calc(581 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car09 input[type="checkbox"]:checked + label { background-position: calc(664 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .searchBox_car li .car10 input[type="checkbox"]:checked + label { background-position: calc(747 / (830 - 82) * 100%) calc(87 / (174 - 86) * 100%);} .plan_proce{ background-color:#f1f1f1; padding:10px; box-sizing:border-box; overflow:hidden; margin:25px 0 0 0} .sort,.sorticon,.sort li,.sort strong,.sort select{display: inline-block; vertical-align:middle;} .sorticon{ position: relative; padding: 0px; box-sizing: content-box; transition: all .4s; margin-bottom: 0; overflow: hidden;} .icono-list { width: 4px; height: 4px; box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0; margin: 15px 26px 15px 4px;box-sizing: border-box; display: inline-block; vertical-align: middle; position: relative; color: #f9535b; text-align: left; direction: ltr;} .icono-list:after,.icono-list:before { content: ''; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .icono-list:before{ width: 18px; height: 4px; left: 8px; box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0;} .sort li{ padding:0 6px;} .sort strong{ color:#f9535b; font-size:14px; padding-right:10px;} .sort select{ width:163px;} .icong{ display:inline-block; vertical-align:middle;} .icong p{ margin-bottom:6px; overflow:hidden} .icong p+p{ margin-bottom:0;} .icong p img,.icong p span{ float:left; display:block;} .icong p img+span+img{ float:right;} .icong a span{ text-decoration:underline; padding:0 5px;} .hmany{ font-size:18px; margin:15px 0 40px 0} .hmany span{font-size:24px; color:#e63d45;} .campaign-only{ background-color:#f8eded; padding:15px; box-sizing:border-box; border-radius:6px; margin:33px 0 40px;} .campaign-only-in{ overflow:hidden; padding:15px; box-sizing:border-box;} .campaign-only-in img{ width:402; height:auto; float:left;} .campaign-only-text{ float:left; width:510px; box-sizing:border-box; overflow-y:scroll; margin-left:20px; line-height:1.8em; height:145px} .campaign-only-text h3{ font-size:20px; margin-bottom:10px;} .campaign-only-in .Duration{clear:both; padding-top:15px; font-weight:bold;} .campaign-only-in .Duration span,.campaign-only-in .Duration strong{ display:inline-block; vertical-align:middle;} .campaign-only-in .Duration span{ color:#fff; background-color:#72b6cc; padding:4px 0; box-sizing:border-box; margin-right:7px; width:63px; height:27px; text-align:center;} .campaign-onlycheck{background: rgb(251,91,64);background: -moz-linear-gradient(top, rgba(251,91,64,1) 0%, rgba(251,75,46,1) 3%, rgba(244,70,37,1) 26%, rgba(221,51,8,1) 87%, rgba(218,49,4,1) 97%, rgba(220,66,26,1) 100%);background: -webkit-linear-gradient(top, rgba(251,91,64,1) 0%,rgba(251,75,46,1) 3%,rgba(244,70,37,1) 26%,rgba(221,51,8,1) 87%,rgba(218,49,4,1) 97%,rgba(220,66,26,1) 100%);background: linear-gradient(to bottom, rgba(251,91,64,1) 0%,rgba(251,75,46,1) 3%,rgba(244,70,37,1) 26%,rgba(221,51,8,1) 87%,rgba(218,49,4,1) 97%,rgba(220,66,26,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb5b40', endColorstr='#dc421a',GradientType=0 ); color:#fff; font-size:18px; border:solid 1px #ff8809;outline:solid 1px #fff;outline-offset: -2px; margin-bottom:15px; padding:7px 8px; box-sizing:border-box; cursor:pointer;} .campaign-onlycheck label::before{ border:none;width: 29px; height: 29px;top: -2px;} .campaign-onlycheck input:checked + label::after{ border:none; background:url(/img/pc/check-after.png) center center no-repeat;width: 19px; height:19px;transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 32%;} .PlanCarType{background-color:#f4f4f4; border-radius:6px; padding:15px; -moz-box-sizing: border-box; box-sizing:border-box; margin-bottom:70px;} .PlanCarType .Typename{ background-color:#f9535b; color:#fff; font-size:24px; font-weight:bold; padding:7px 15px; margin-bottom:15px} .Car_info{overflow:hidden;} .CarImage,.Cardetail{ background-color:#fff; float:left; padding:6px; -moz-box-sizing: border-box; box-sizing:border-box; height:149px;} .CarImage{ position:relative; width:321px;} .CarImage .ciname,.CarImage .car_image,.CarImage .rice,.CarImage .classBtn{position:absolute; top:6px;} .CarImage .ciname{ color:#fff; background-color:#f9535b; text-align:center; width:97px; height:53px; left:6px; border-radius:3px; font-size:14px; padding-top:6px; -moz-box-sizing: border-box; box-sizing:border-box;} .CarImage .ciname strong{ font-size:22px; display:block; line-height:1.1em;} .CarImage .car_image{right:6px;} .CarImage .rice{ top:65px; font-size:11px;} .CarImage .classBtn{ top:auto; bottom:6px;} .Cardetail{ width:633px; float:right;} .Cardetail li{ display:inline-block; vertical-align:middle; width:49%; font-size:14px;} .Cardetail li:last-child{ width:100%;} .Cardetail li strong,.Cardetail li span,.Cardetail li img{display:inline-block; vertical-align:middle;box-sizing:border-box; padding:11px 0} .Cardetail li strong{ color:#f9535b; font-weight:bold; width:91px; margin-right:10px; text-align:center;border:solid 1px #e7b4b7; border-bottom:none;} .Cardetail li img{ padding:inherit;} .Cardetail li span{ padding-left:4px;} .Cardetail li:last-child strong,.Cardetail li:nth-last-child(2) strong{ border-bottom:solid 1px #e7b4b7;} .Cardetail li .cars{ width:500px; display:inline-block; vertical-align:middle; line-height:1.3em;} .class_num{ padding:30px 0; font-weight:bold; font-size:14px; text-align:center;} .class_num strong{ font-size:18px; color:#f0313a;} .planList section{ border:solid 1px #e7b4b7; -moz-box-sizing: border-box; box-sizing:border-box; background-color:#fff; margin-bottom:20px; overflow:hidden} .planList .more{ text-align:center; font-size:18px; font-weight:bold; color:#0044d0; padding:5px 0 10px;} .planList .more img,.planList .more span{display:inline-block;vertical-align:middle;} .planList .more img{margin-right:10px;} .planListin{padding:5px; width:710px; float:left;} .planListin .plan_dis,.planListin .plan_sub,.planList-calendar .plan_dis,.planList-calendar .plan_sub{display:inline-block; vertical-align:top; -moz-box-sizing: border-box; box-sizing:border-box;} .planListin .plan_dis,.planList-calendar .plan_dis{ width:182px;border-radius:2px;} .planListin .plan_dis p,.planList-calendar .plan_dis p{text-align:center; color:#fff; font-size:14px; font-weight:bold;padding:5px 0;-moz-box-sizing: border-box; box-sizing:border-box;} .planListin .plan_dis img{border-top:solid 5px #fff; width:182px; height:auto;} .planListin .plan_sub{width:510px;padding-left:15px;} .planListin .plan_sub p{ font-size:12px; line-height:1.6em;} .planListin .plan_sub .storename,.planList-calendar .plan_sub .storename{ font-size:14px; padding:5px 0;} .planListin .plan_sub h3,.planList-calendar .plan_sub h3{font-size:18px; color:#0044d0; margin-bottom:10px;} .planListin .plan_sub h3 .liquidation,.planList-calendar .plan_sub h3 .liquidation{ font-size:12px; color:#f0313a;background-color:#ffe1e1; border:solid 1px #f0313a; font-weight:normal; padding:2px 3px; display:inline-block; line-height:1em; margin-left:5px;} .plan_fee{background-color:#f8f1f1; padding:5px; float:right;width:245px; -moz-box-sizing: border-box; box-sizing:border-box; color:#f0313a; position:relative;} .plan_fee .sys{position:absolute; top:5px; left:7px;} .plan_fee .web,.plan_fee .value{ font-weight:bold; position:absolute;} .plan_fee .web{font-size:12px; line-height:1.5em;} .plan_fee .value{font-size:18px} .plan_fee .web span,.plan_fee .value span{font-size:1.5em;} .plan_fee .web span{ display:block;} .planList-calendar{padding: 5px;} .planList-calendar .plan_sub{padding-left: 15px; width:750px;} .planList-calendar .calendar-table{ width:680px; margin:0 auto;} .planList-calendar .calendar-table table{width:100%;} .planList-calendar .calendar-table table th,.planList-calendar .calendar-table table td{text-align:center; border:solid 1px #999; padding: 5px 0;} .planList-calendar .calendar-table table th{color:#fff; background-color:#777; font-weight:normal;} .planList-calendar .calendar-table table th.sat{ background-color:#618bd0} .planList-calendar .calendar-table table th.sun{ background-color:#e63d45} .planList-calendar .calendar-table table td{ background-color:#e8f6fe} .planList-calendar .calendar-table table tr+tr+tr td{ background-color:#fff; font-weight:bold; color:#f0313a} .planList-calendar .calendar-table .slick-prev{ left:-30px; z-index:10;} .planList-calendar .calendar-table .slick-next{ right:-30px; z-index:10;} .Regular .planListin .plan_sub h3{ margin-bottom:0; padding-top:3px;} .Regular .plan_fee{min-height:114px;} .Regular .planListin .plan_dis{ background-color:#3092f6;} .Regular .plan_fee .web{ top:13px; left:35px;} .Regular .plan_fee .value{ top:10px; right:5px;} .Regular .plan_fee .plan_actionBtn{ position:absolute; top:auto;bottom:7px; left:9px;} .Campaign .plan_fee{min-height:227px;} .Campaign .planListin .plan_dis,.Campaign .planList-calendar .plan_dis{ background-color:#f6307b;} .Campaign .plan_fee .web{position:static; padding:8px 5px;} .Campaign .plan_fee .value{ top:9px; right:5px;} .items{ position:relative;} .plan_fee .items .sys{ left:0; top:0;} .items p,.itemsin{ background-color:#fff; margin-left:27px; padding:5px 8px;} .itemsin{ margin-bottom:2px;} .itemsin li,.items p{ overflow:hidden;} .itemsin li span,.items p strong{ float:right;} .items p span,.items p strong{display:block; width:50%; font-weight:bold;} .items p span{ float:left; line-height:1.1em; font-size:14px;} .items p strong{ font-size:18px;} .plan_actionBtn{ text-align:center; padding-top:10px;} .car_status,.article_type{padding:10px; text-align:left; font-size: 120%;background-color: #eee;} .car_status p,.article_type p{ margin-bottom:10px; padding:0 10px;} .Newswrap{ overflow:hidden} .NewswrapL{float:left; width:710px; box-sizing:border-box;} .NewswrapR{ float:right; width:240px; font-weight:bold;} .NewswrapR h4{ background-color:#f03a43; color:#fff; font-size:18px; padding:17px;} .NewswrapR dt{ background-color:#f8ebeb; font-size:18px; border-bottom:solid 1px #fff;color:#f9535b;padding:13px 17px; cursor:pointer} .NewswrapR dd{display:none;} .NewswrapR dd ul li{ font-size:14px;border:solid 1px #f0c0c0; border-bottom:none} .NewswrapR dd ul li:last-child{border-bottom:solid 1px #f0c0c0} .NewswrapR dd ul li a{ text-decoration:none;color:#f9535b;padding:13px 17px; display:block;} .Newsdate{ padding:5px 0 23px 0} .Newsdate span{ width:87px; height:20px; color:#fff; text-align:center; margin-left:15px;display:inline-block; vertical-align:middle;} .plan_set{border: solid 1px #5794e7;font-size: 18px; color: #0044d0; background-color:#ebf7f8; padding:8px; box-sizing:border-box; margin:28px 0;} .planDtop{ overflow:hidden; margin:40px 0 27px;} .planDimage{width:300px; float:left;} .planDimage .planCPI{ width:300px; height:auto;} .planDimage p{ font-size:14px; font-weight:bold; padding:20px 0 5px;} .planDimage .opList li{ display:inline-block; vertical-align:middle;} .planBenefits{ width:649px; float:right; background-color:#f8eded; border-radius:6px;} .planBenefits h4{ color:#fff; border-radius:6px 6px 0 0; background-color:#f9535b; padding:5px 15px; font-size:18px;} .planBenefitsin{ background-color:#fff; padding:10px 15px; width:619px; margin:15px auto; box-sizing:border-box;} .planBenefitsin p{ font-size:14px; margin-bottom:20px;} .planBenefitsin li{ font-size:12px;} .planBenefits h5{ color:#fff; width:619px; box-sizing:border-box; margin:15px auto; font-size:15px; padding:4px 15px; background-color:#979093;} .Representative{ background-color:#f1f1f1; border-radius:6px; padding:15px; box-sizing:border-box; overflow:hidden;} .RepresentativeL{ width:500px; float:left;} .RepresentativeL ul{ letter-spacing:-.4em; margin-top:20px;} .RepresentativeL li{ letter-spacing:normal; display:inline-block; vertical-align:top; width:33.1%;} .Remi{ margin-bottom:15px;} .Remi img,.Remi span{ display:inline-block; vertical-align:middle;} .Remi span{ font-weight:bold; color:#f0313a; font-size:15px; padding:3px 7px; background-color:#fff; border:solid 1px #f0313a; height:32px; box-sizing:border-box;} .RepresentativeR{ width:455px; float:right;} .RepresentativeR table{border-collapse: separate;border-spacing: 8px;} .RepresentativeR th,.RepresentativeR td{ padding:1px 6px;font-size:12px;color:#f0313a;} .RepresentativeR th{ background-color:#fff; border:solid 1px #f0313a; width:90px; box-sizing:border-box;} .plan_calendar{ background-color:#dcf5fb;border-radius:6px 6px 0 0; margin:40px auto;} .plan_calendar h3{color:#fff; background-color:#4d85e3; border-radius:6px 6px 0 0; padding:10px 15px;font-size:18px; position:relative;} .plan_calendar h3 .is-plan-calendar{display:block; position:absolute; top:10px; right:15px;width:25px; height:25px; border-radius:50%; box-sizing:border-box; border:solid 2px #fff; cursor:pointer;} .plan_calendar h3 .is-plan-calendar::after{content: ""; display: block; position: absolute; left: 6px;top: 50%; width: 6px; height: 6px; margin-top: -6px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transition: .8s; transform: rotateZ(-45deg);} .plan_calendar h3 .is-plan-calendar.is-pc-open::after{transform: rotate(135deg); -webkit-transform: rotate(135deg);margin-top: -4px;} .plan_calendarin{ padding:20px; box-sizing:border-box; position:relative; display:none;} .calendar_help{ position:absolute; top:10px; right:10px;} .calendar_help li{ font-weight:bold; padding:3px 0} .calendar_help li img{ margin-right:4px;} .detailCalendar{ width:94%; margin:20px auto;} .detailCalendar li{ padding:5px; box-sizing:border-box;} .detailCalendar table{border-collapse: separate;border-spacing: 1px;} .detailCalendar table caption{ background-color:#72b6cc; color:#fff; font-size:12px;} .detailCalendar table th,.detailCalendar table td{ font-size:14px; text-align:center; width:62px; box-sizing:border-box;} .detailCalendar table th{ color:#006e89; font-weight:normal;} .detailCalendar table td{ background-color:#fff; height:58px; box-sizing:border-box; padding:7px 0;} .detailCalendar table td.sat{ background-color:#c4f2fd} .detailCalendar table td.sun{ background-color:#ffe6f5} .detailCalendar table td span{ font-size:12px;} .detailCalendar .slick-prev,.detailCalendar .slick-next { width:35px; height:36px;background: url(/img/pc/slide_arrows_c.png) -35px 0 no-repeat;} .detailCalendar .slick-prev{ left:-37px; background-position: 0 0;} .detailCalendar .slick-next{ right:-37px;} .detailCalendar table td.acpt{ cursor:pointer;color:#0044d0;text-decoration:underline;} .detailCalendar table td.acpt .is-btn{display: block;margin:0 auto; background-image:url(/img/pc/c_btn.png); background-repeat: no-repeat; background-position: left top; height: 24px; width: 56px;} .detailCalendar table td.acpt.is-rtn .is-btn{ background-position:left -25px;} .detailCalendar table td .is-enquiry{ display:inline-block; background-color:#e5f7ff; border:solid 1px #007cc9; margin:0 auto;height: 19px; width: 45px; font-weight:bold;color:#007cc9; padding:1px 0;} .ReservDetail{ overflow:hidden; margin-bottom:120px} .ReservDetailL{width:520px; float:left;} .ReservDetailL h4{ font-size:15px;} .norisute{ padding:4px 0} .norisute span,.norisute a{ display:inline-block; vertical-align:middle;font-weight:bold;font-size:12px;} .norisute span{ border:solid 1px #f0313a; color:#e63d45; min-width:112px; padding:3px 5px; box-sizing:border-box; text-align:center} .norisute a{ padding:0 6px;} .norisute a img{ margin-right:5px;} .ReservDetailR{width:460px;float:right;} .ReservDetailR .pinkBoxin{ border:none} .ReservDetailR td .Totalprice,.ReservDetailR td .preduc{ font-size:18px;} .ReservDetailR td .Totalprice,.ReservDetailR td .preduc strong{ font-size:24px;} .ReservDetailR td .Totalprice span{ font-size:30px;} .ReservDetailR td .point,.ReservDetailR td .preduc span{ font-size:24px;} .whitebox{background-color:#fff; padding:10px 18px; border-radius:6px; margin:10px 0 16px; font-size:14px} .whitebox dt{ width:20%;margin-bottom:0} .whitebox dd:last-child{ margin-bottom:0} .whitebox li{padding:10px 0; border-bottom:dotted 1px #9f9f9f; position:relative; font-size:12px;} .whitebox li a,.whitebox li img,.whitebox li span{ display:block;} .whitebox li img,.whitebox li span{ position:absolute; top: 50%;} .whitebox li div{ display:inline-block; width:350px;} .whitebox li select{ width:56px; margin-right:2px;} .whitebox li img{ margin-top:-14px; right:73px;} .whitebox li span{ text-align:right; width:78px; right:0; margin-top:-12px;} .bluetable,.redtable,.bluetable3{border-collapse: separate; border-spacing:0 5px;table-layout:fixed;width:100%;} .bluetable3{ border-collapse:collapse;} .bluetable th,.bluetable td,.redtable th,.redtable td{ padding:6px 8px; font-size:14px;} .bluetable th,.redtable th,.bluetable3 th{ color:#fff; text-align:center; width:129px; box-sizing:border-box; word-wrap: break-word; white-space: normal;} .bluetable td,.redtable td{ background-color:#fff} .bluetable th,.bluetable3 th{ background-color:#618bd0} .bluetable th.TextL{ text-align:left} .bluetable2{border-spacing: 5px; margin-top:10px;} .bluetable2 th,.bluetable2 td{ text-align:left; box-sizing:border-box; padding:15px 7px; vertical-align:middle;} .bluetable3 th,.bluetable3 td{border:solid 1px #80afff} .bluetable3 th{ font-size:18px;} .bluetable3 td{ background-color:#e8f6fe; padding:15px; box-sizing:border-box; font-size:14px; vertical-align:middle; font-weight:bold} .th_f14 th{ font-size:14px;} .th_left th{ text-align:left; padding-left:15px;} .redtable th{ background-color:#e63d45} .plan_Store_info{ background-color:#f1f1f1; border-radius:6px; padding:15px; box-sizing:border-box; margin-bottom:35px} .plan_Store_info h3{ padding:5px 0 10px; font-size:15px; position:relative;} .plan_Store_info h3 .StoreBtn{ position:absolute; top:50%; margin-top:-24px; right:5px;} .plan_Store_info h3 a{ font-size:18px;} .plan_Store_infoin{ background-color:#fff; padding:15px; box-sizing:border-box;} .plan_Store_info table{width:100%;} .plan_Store_info th,.plan_Store_info td{ border-bottom:dashed 1px #9f9f9f; vertical-align:top;} .plan_Store_info th{ color:#f0313a;font-size:14px; min-width:104px;} .plan_Store_info .cancel{overflow-y: scroll; height:90px;} .NewswrapL .NewsList{ margin-bottom:30px;} .NewswrapL .borderBox .NewsList li{ width:100%;} .NewswrapL .NewsList li strong,.NewswrapL .NewsList li span,.NewswrapL .NewsList li a{ display:inline-block; vertical-align:middle;} .NewswrapL .NewsList li strong{ width:114px; font-weight:normal;} .NewswrapL .NewsList li span{ width:87px; height:20px; color:#fff; text-align:center; margin-right:15px;} .NewswrapL .NewsList li a{ width:430px;} .NewswrapL span.label1{ background-color:#fb5c50} .NewswrapL span.label2{ background-color:#6a8be8} .NewswrapL span.label3{ background-color:#727272} .NewswrapL span.label4{ background-color:#9abe0a} .NewswrapL .borderBox{ line-height:2em;} ol.pager{ text-align:center; margin-bottom:15px;} ol.pager li{display:inline-block; vertical-align:middle; margin-right:4px;} ol.pager li span,ol.pager li a{border:solid 1px #c3c3c3; width:29px; height:29px; line-height:29px; display:block;} ol.pager li a{border:solid 1px #0044d0;} .r_number{ position:relative} .r_number span,.r_number strong,.quicktitle{ display:inline-block; vertical-align:middle; font-size:24px; font-weight:bold;box-sizing:border-box; border:solid 1px #f0313a;} .r_number span{ background-color:#f0313a; color:#fff; padding:8px 11px; } .r_number strong{ color:#f0313a; margin-left:6px;padding:8px 15px; } .r_number a{ position:absolute; top:0; right:0;} .quicktitle{ border:none; color:#f0313a; margin-bottom:10px; position:relative; padding:0 40px;font-size:28px;} .quicktitle span{padding-bottom:4px; border-bottom: solid 2px #f0313a;} .quicktitle:before,.quicktitle:after{display: block; content: ""; position: absolute; width: 35px; height: 3px; background: #f0313a; bottom:15px;} .quicktitle:before{ left: 0;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);} .quicktitle:after{ right:0;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .quick{ position:relative; margin-bottom:67px;} .quick h4{ color:#fff; background-color:#f0313a; padding:5px 0; text-indent:2.5em; font-size:32px;} .quick_img{ position:absolute; bottom:0; left:10px; z-index:10;} .quickin{ background-color:#fffde3; padding:10px; overflow:hidden} .quick_text,.quick_text2{ font-size:14px; color:#f0313a; font-weight:bold; width:680px; padding:10px 10px 10px 70px; float:left; box-sizing:border-box; letter-spacing:-.05em;} .quick_text2{width:auto;} .quick_btn{ float:right} .confTable{ padding:0 25px; box-sizing:border-box;} .confTable table{ width:100%; margin-bottom:15px; border-collapse:collapse; font-size:13px;} .confTable h4{ font-size:14px; margin-top:20px; margin-bottom:3px;} .confTable th,.confTable td{ padding:12px; border:solid 1px #bebebe} .confTable th{ width:222px; background-color:#eaeaea; font-weight:normal;box-sizing:border-box;} .confTable td span{ padding-right:15px;} .confTable td .total{ font-size:24px; color:#e63d45; font-weight:bold} .card{ width:840px; margin:0 auto} .card iframe{ display:block; margin:0 auto 70px auto;} .mylink{ margin: 33px 0;} .mylink li{ display:inline-block; vertical-align:middle; margin-right:15px; font-weight:bold;} .mylink li a{ text-decoration:underline;position: relative;padding: 0 0 0 16px;} .mylink li a::before{position: absolute;top: 0;bottom: 0;left: 4px;margin: auto;content: "";box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 6px solid #2e49bd;} .remembrance,.request{ background:url(/img/common/remembrance.png) left center no-repeat; background-size:64px; padding-left:91px;} .remembrancein,.requestin{background-color:#fff; border-radius:6px;font-size:14px; padding:15px; box-sizing:border-box;} .remembrancein{ color:#e63d45;} .requestin{font-feature-settings : "palt";} .is-chase{position: fixed;top: 0; z-index:100; width:100%;} .mypagetab{ margin-bottom:35px;} .mypagetab li{ display:inline-block; vertical-align:bottom; font-size:20px; color:#fff; border-radius:6px 6px 0 0; padding:10px 15px; width:49.5%; box-sizing:border-box; min-height:62px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .mypagetab li:before{content:""; background:url(/img/pc/icon-box-off.png) no-repeat center center; width:34px; height:34px;display: inline-block; margin-right:12px;vertical-align:middle;} .mypagetab li.is-active{ padding-top:23px; min-height:84px;margin-top:-22px;} .mypagetab li.is-active:before{ background-image:url(/img/pc/icon-box-on.png)} .mypagetab li.new{ background-color:#de8a8e} .mypagetab li.new.is-active{background-color:#f0313a} .mypagetab li.old{ background-color:#817778; float:right;} .mypagetab li.old.is-active{ background-color:#434343} .my_tabcontent_n,.my_tabcontent_o{ background-color:#fff; padding:24px 11px; box-sizing:border-box;} .my_tabcontent_n{ border:solid 4px #f0313a} .my_tabcontent_o{ border:solid 4px #434343} .mypage_check{ margin-left:90px;} .mypage_check label::before{width: 20px; height: 20px;top: -2px;} .mypage_check input:checked + label::after{ border:none; background:url(/img/pc/check-after.png) center center no-repeat; background-size:contain; width: 13px; height:13px;transform: rotate(0deg); -webkit-transform: rotate(0deg);top: 40%;} .Backtotop{ margin:80px 0 150px; font-size:14px; text-align:center} .passBox{ overflow:hidden;margin-bottom:6px;} .passBox p,.passBox .passBoxR{box-sizing:border-box;} .passBox p{ color:#fff; background-color:#618bd0; width:239px; float:left;padding:15px 13px; font-size:14px;} .passBox .passBoxR{ background-color:#fff; float:right; width:723px; padding:12px 14px;} .colorTab{margin:0 auto 15px} .colorTab .tab{margin-left:10px; text-align:left;} .colorTab .tab li{ width:47%;position:relative; margin-left:1%; font-size:24px;padding: 10px 21px 0; min-height:60px} .colorTab .tab li.color-R{background-color:#f03c44;} .colorTab .tab li.color-G{background-color:#37b37a;} .colorTab .tab li img,.colorTab .tab li strong{ display:inline-block; vertical-align:middle;} .colorTab .tab li strong{ padding-left:10px;} .colorTab .tab li.is-selectTab{margin-bottom:-15px; margin-top:15px;} .colorTab .Tabcontent .is-order { background-color: #fff; border: solid 15px #f1f1f1; padding:5px 20px; border-radius:6px;} .colorTab .Tabcontent .is-order li{ border-bottom:dashed 1px #9f9f9f; padding:3vw 0;} .guide .heading{ font-size:24px; font-weight:normal; margin:30px 0;} .Heads-up{ background:url(/img/common/heads-up.png) left center no-repeat; padding-left:1.5em;} .tell-me{margin-bottom:15px;} .tell-me-in{border: solid 1px #80afff; border-bottom:none;background-color:#e8f6fe; padding:12px; box-sizing:border-box; position:relative;} .tell-me-in:last-child{ border-bottom:solid 1px #80afff;} .tell-me-in p,.Guid-lineR li p,.Guid-lineR li h5{display:inline-block;vertical-align:middle; font-size:20px;} .tell-me-in p+p{letter-spacing:-.04em;font-feature-settings : "palt";} .tell-me-in p strong{ color:#f9535b;} .tell-me-in .number,.Guid-lineR li .number,.Guid-lineList .number{width: 31px; height: 31px; -webkit-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;-moz-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;border-radius: 15px 16px 16px 15px/15px 15px 16px 16px; background-color: #f9535b; color:#fff;text-align:center; font-weight:bold; margin-right:5px;} .Guid-lineList .number{ display:inline-block; vertical-align:top;} .tell-me-in div{ padding-left:40px; display:block;} .tell-me-in div p{ font-size:12px; font-weight:bold;} .tell-btn{position:absolute; right:6px; top:50%; bottom:50%;margin-top:-22px;} .Guid-cars-table th{ font-size:16px} .Guid-cars-table td{ padding:10px 0 5px; vertical-align:top} .Guid-cars-table td img{ width:100%; height:auto;} .Guid-cars-table td p+p{letter-spacing:-.06em; padding:0 3px;} .Guid-line{ border: solid 15px #f1f1f1; padding:0; box-sizing: border-box; background-color: #f1f1f1; border-radius:6px;} .Guid-line h4{color:#fff; background-color:#f9535b; font-weight:bold; font-size:24px; padding:0 15px; box-sizing:border-box; border-radius:6px 6px 0 0; line-height:60px;} .Guid-line h4 img{display:inline-block; vertical-align:middle; margin-right:15px;} .Guid-line-in,.Guid-lineW{border:solid 1px #f0c0c0; border-top:none;-webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; overflow:hidden;box-sizing:border-box;} .Guid-line-in{background-color:#fffde3; padding:11px 25px;} .Guid-line-top{ width:312px; float:left; margin-left:17px;} .Guid-line-top-hed{ background-color:#2e49bd; text-align:center; color:#fff; height:180px; box-sizing:border-box; padding-top:25px;} .Guid-line-top-hed strong{ display:block; font-size:24px; margin-bottom:20px;} .Guid-line-top-in{ background-color:#fff; padding:20px 15px; box-sizing:border-box; font-size:15px; height:250px;} .Guid-line-top-in li{ margin-bottom:10px; border-left:2px solid #2e49bd;font-feature-settings : "palt" 1;} .Guid-line-top-in li a{ text-decoration:none; font-weight:bold; padding: 2px 0 2px 15px; display:block;} .Guid-line-top-in li:last-child{ margin-bottom:0;} .Guid-lineL{float:left;width:106px;} .Guid-lineR{float:right; width:782px;} .Guid-lineR li{border-bottom:dotted 1px #f9535b; padding:8px;} .Guid-lineR li h5{font-size:18px; color:#f9535b;width:220px;line-height:1em; padding-left:7px} .Guid-lineR li h5 span{ display:block;font-size:14px; font-weight:normal;} .Guid-lineR li h5+p{font-size:14px; width:490px;} .Guid-lineR li .number-blue{ background-color:#6a8bf5;} .Guid-lineW{background-color:#fff; padding:20px;} .Guid-lineP{background-color: #f8ebeb;} .Guid-lineList dt,.Guid-lineList dd{ padding-bottom:18px;} .Guid-lineList dt{font-size: 20px; font-weight:bold; color: #f9535b; padding-top:15px;} .Guid-lineList dt p{ max-width:380px; line-height:1.2em;} .Guid-lineList dt .case+strong{ font-size:16px; color:#2e49bd; padding-top:5px; padding-left:12px;} .Guid-lineList dd{ padding-left:38px;line-height:1.7em; font-size:14px;font-feature-settings : "palt" 1;} .Guid-line-table{ width:400px; margin-top:25px;} .Guid-line-table th,.Guid-line-table td{ border:solid 1px #80afff; padding:12px; box-sizing:border-box; vertical-align:middle} .Guid-line-table th{ background-color:#618bd0; color:#fff;} .Guid-line-table td{ background-color:#e8f6fe; text-align:right;} .Guid-line-tableWide,.Guid-line-tableWide2{ width:100%; margin-top:0} .Guid-line-tableWide th,.Guid-line-tableWide2 th{text-align:left; padding-left:10px; font-size:18px; letter-spacing:-.025em;} .Guid-line-tableWide2 th{ text-align:center;} .Guid-line-tableWide2 td{ text-align:left;} .Guid-line-tableWide2 td.TextR{ text-align:right} .Guid-line-tableWide2 thead th{ background-color:#5a77a7;} .Guid-line-tableWide2 thead+tbody td{ text-align:center; font-weight:bold;} .GuidL,.GuidR{ box-sizing:border-box; float:left; width:437px;} .GuidR{ float:right; width:455px;} .GuidR img{ margin-bottom:20px;} .Guid-line-beginning li,.Guid-line-begi li{ font-size:14px; margin-bottom:5px;padding-left:1.4em;text-indent:-1.4em;} .Guid-line-beginning li:before,.Guid-line-begi li:before{content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; border-radius:50%; background-color:#f9535b; margin-right:5px;} .Guid-line-begi li:before{ background-color:#cc040d;} .Guid-line-heding{height: 55px; line-height:55px;font-size: 24px; color: #fff; text-align:center; margin:0 auto 30px auto; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius:28px; background-color: #c0191f;font-feature-settings : "palt" 1;} .comfortable{width:277px;display:inline-block;vertical-align:top;box-sizing:border-box; margin:0 13px; font-size:14px;} .comfortable h5{ color:#f9535b; text-align:center; font-size:20px; margin-bottom:10px;} .comfortable h5 span{ display:block; font-size:24px; text-decoration:underline;} .comfortable h5+img{ margin-bottom:9px} .comfortable .comfortable-in{ background-color:#fff; border:solid 1px #f9535b; border-radius:7px; box-sizing:border-box; height:343px; padding:15px; margin-top:20px;} .comfortable-Botm{position:relative; margin-top:55px; box-sizing:border-box; padding:0 20px;} .comfortable-Botm h4{ background-color:#32a0d3; padding:5px 0; text-indent:3em; font-size:24px; border-radius:0;line-height:inherit;} .comfortable-Botm_img{ position:absolute; bottom:0; left:0; z-index:10;} .comfortable-Botm_img2{position:absolute; right:15px; z-index:10;bottom:10px;} .comfortable-Botmin{ background-color:#fff; padding:15px 20px; overflow:hidden; font-size:14px; padding-left:5em; line-height:1.7em;} .comfortable-Botm.attention{ padding-right:0; margin-bottom:30px;} .comfortable-Botm.attention h4{ background-color:#f9535b} .comfortable-Botm.attention .comfortable-Botmin{background-color:#f8ebeb; padding-right:12em} .rakuten-tokuten table{ border-collapse: separate; border-spacing: 6px; width:100%;font-feature-settings : "palt" 1;} .rakuten-tokuten table th,.rakuten-tokuten td{vertical-align:middle;box-sizing:border-box; padding:20px;} .rakuten-tokuten table th{ color:#fff; background-color:#c70112; width:121px; text-align:center; font-weight:normal;} .rakuten-tokuten table td{ background-color:#fff; overflow:hidden;} .rakuten-tokuten table td div{ float:left; width:618px;} .rakuten-tokuten table td .guid-sp{ float:right;} .rakuten-pt-red{ background-color:#c0191f; color:#fff; padding:25px; box-sizing:border-box;} .rakuten-pt-redin{ overflow:hidden; margin-bottom:15px;} .rakuten-pt-redin img{ float:left; margin-right:20px;} .rakuten-pt-redin h3{ float:left; width:810px; font-size:24px; font-weight:bold;} .rakuten-pt-list{ margin:0 21px;} .rakuten-pt-list li{ margin-bottom:22px; overflow:hidden;font-feature-settings : "palt" 1;} .rakuten-pt-list li img{ float:left; margin-right:25px;} .rakuten-pt-list li div{ float:right; width:813px;} .rakuten-tyui,.rakuten-bg{ background-color:#eaeaf3; padding:20px; box-sizing:border-box; margin:30px 0;} .rakuten-bg{ margin-top:0; padding:30px 20px;} .rakuten-tyui p{ background:url(/img/pc/guid-16.png) 20px center no-repeat; padding-left:120px; font-size:18px; font-weight:bold;} .rakutenBigt{ color:#c0191f; margin-bottom:30px;} .rakuten-top-hed{ background-color:#c0191f; overflow:hidden; padding:20px; box-sizing:border-box;} .rakuten-top-hed img{ float:left; margin-right:15px;} .rakuten-top-hed p{ float:left; width:770px; font-size:24px; color:#fff;} .rakuten-top-hed p span{ font-size:12px;} .rakuten-table{ padding:15px 20px;} .rakuten-table td{ padding-left:10px;} .rakuten-red{ color:#c0191f} .rakuten-dis{ text-align:center;} .rakuten-dis li{ display:inline-block; vertical-align:top; margin:0 4px;} .insurance{ margin:30px 0} .insurance li{ display:inline-block; vertical-align:top; background-color:#f9535b; border-radius:7px; padding:9px 0; width:222px; border:solid 1px #f9535b;font-feature-settings : "palt" 1;text-align:center;font-weight:bold; font-size:14px;} .insurance li h3{color:#fff; font-size:24px; padding-bottom:7px;} .insurance li div{ background-color:#fff; padding:20px 0; height:190px; box-sizing:border-box;} .insurance li .insurancebg-p{ color:#fff; background-color:#f9535b; border-radius:30px; padding:2px; width:110px; margin:0 auto; font-size:18px;} .insurance li .insurance-bigt{ font-size:36px; color:#f9535b;} .insurance li .insurance-bigt span{ font-size:18px;} .insurance li div strong{ color:#c70112;} .quiescence{box-sizing: border-box; float: right; width: 690px; overflow: hidden;} .faq h4,.company h4{ color:#fff; padding:7px 13px; border-radius:6px 6px 0 0; background-color:#f9535b; font-size:18px;} .faq-in,.faq-in dt,.faq-in dd,.faq-in dt strong,.company-in{box-sizing:border-box;} .faq-in,.company-in{ background-color:#fff; padding:25px 13px;font-size:14px;} .faq-in dl{ margin-top:2px;} .faq-in dt{ background-color:#f5ebeb; color:#f9535b; font-weight:bold; padding:6px; position:relative; height:48px;} .faq-in dt strong,.faq-in dt span{ display:inline-block; vertical-align:middle;} .faq-in dt strong{ width:34px; height:34px; background-color:#f9535b; border-radius:5px; text-align:center; color:#fff; margin-right:5px; font-size:18px; padding-top:4px;} .faq-in dt:after{content:""; width: 0;height: 0; border-style: solid; border-width: 8px 6px 0 6px;border-color: #f9535b transparent transparent transparent; position:absolute; top:20px; right:16px;} .faq-in dd{ display:none; border:solid 1px #f5ebeb; border-top:none; padding:15px; margin-bottom:15px;} .company-in table th,.company-in table td{ font-size:12px; padding:8px; box-sizing:border-box; border:solid 1px #80afff;} .company-in table th{ background-color:#618bd0; color:#fff; width:225px;} .company-in table td{ background-color:#e8f6fe;} .company-in table td p{padding:3px;} .company-in table td .link span{ padding-left:10px;} .corporation{background-color:#f1f1f1; border-radius:6px; padding:15px; box-sizing:border-box; overflow:hidden; margin-bottom:30px} .corporation-car h3 strong,.corporation-car h3 span{ display:inline-block; vertical-align:middle;font-weight:bold;} .corporation-car h3 span{ font-size:15px; padding-left:6px;} .corporation-carL,.corporation-carR{box-sizing:border-box;} .corporation-carL{ width:425px;float:left;} .corporation-carL .slider{ margin-bottom:7px;} .corporation-carL .slider li{ width:100%;background-color:#fff; height:318px; text-align:center; position:relative} .corporation-carL .slider li img{position:absolute; top:37%; bottom:50%; left:0; margin-top:-120px;} .corporation-carL .is-slider-nav li{ width:103px !important; height:77px !important; background-color:#fff; text-align:center; display:inline-block; vertical-align:middle; margin-left:5px !important;} .corporation-carL .is-slider-nav li img{ width:100%; height:auto} .corporation-carL .is-slider-nav li:first-child{ margin-left:0 !important;} .corporation-carR{ width:526px; float:right;background-color:#fff;height:318px; padding:5px 22px 0 22px;} .corporation-carR li{ border-bottom:dashed 1px #9f9f9f; padding:12px 0; font-size:14px} .corporation-carR li strong{ color:#f0313a;} .corporation-carR li .type-name{ width:333px;} .modal-box{ letter-spacing:-.4em; padding-bottom:30px;} .modal-box-title,.modal-box-in,.modal-box-bottom{ letter-spacing:normal} .modal-box-in{ padding:30px 34px 0; box-sizing:border-box;} .modal-box-title{ background-color:#c11920; color:#fff; text-align:center; font-size:18px; font-weight:bold; padding:5px 0;} .modal-box-img,.modal-box-text{ display:inline-block; vertical-align:top; box-sizing:border-box;} .modal-box-img{ width:39%;} .modal-box-text{ width:60%; text-align:left; padding-left:27px;} .modal-box-bottom{ text-align:left; padding:0 34px;box-sizing:border-box;} .non-card-btn{ font-size:14px; display:inline-block; vertical-align:middle;} .non-card-btn a,.modal-box-close span{ border:solid 1px #000; padding:6px 9px; text-decoration:none; color:#000; cursor:pointer;} .modal-box-form{ margin:11px 0;} .modal-box-form span{font-size:14px; width:100px; display:inline-block; vertical-align:middle;} .modal-box-form span+input{ margin-left:4px;} .modal-box-form ul,.modal-box-form li{ display:inline-block; vertical-align:middle;} .modal-box-close{ text-align:center; font-size:14px} .foot_top{ background-color:#cc040d; padding:15px 0 10px;} .foot_topin{ width:1000px; margin:0 auto; text-align:center;} .foot_topin li,.footList li{position: relative;} .foot_topin li a,.footList li a{ text-decoration:none;} .foot_topin li a{color:#fff;} .footList li::before,.foot_topin li::before{position: absolute; content: "";margin: auto;top: 6px;left: 2px;box-sizing: border-box;width: 4px; height: 4px;border: 4px solid transparent;} .foot_topin li::before{border-left: 8px solid #fff;} .foot_topin li{display:inline-block;vertical-align:middle;font-size:13px;padding: 0 20px 6px 14px;} .footLinks{width:1000px;margin:0 auto;padding:20px 0;} .footList{display:inline-block;vertical-align:top;min-width:145px;} .footList li{font-size:14px; font-weight:bold; max-width:160px; padding: 0 0 8px 16px;} .footList li p{font-size:13px; font-weight:normal;line-height:1.2em; margin-top:5px;} .footList li::before{border-left: 8px solid #f0313a;} .PageTop{position:relative;width:1000px;margin:0 auto;} .PageTop .is-pagetop{ position:absolute; bottom:-50px; right:0;} .logo_foot{ text-align:center; padding:15px 0;} .logo_foot img{width:395px; height:auto;} .copyright{text-align:center; color:#fff; background-color:#c70112; padding:10px 0 12px; font-size:11px;} .btn_imp a:active{ padding:15px 0 !important; text-decoration:none !important; color:#fff !important} .borGall {padding: 15px; letter-spacing: -0.2px; border-radius: 6px; background: #fff;} table.footLinks02 {font-size: 13px; border-bottom: #ddd dotted 2px;} table.footLinks02:last-child {border-bottom: none;} .footLinks02 th {width: 6%; vertical-align: top;} .footLinks02 td span {padding: 2px;} .footLinks02 td span:after {content: ""; display: inline-block; background: #aaa; height: 14px; width: 1px; margin-left: 6px; margin-bottom: -3px;} .footLinks02 td span:last-child:after {background: none;} .footLinks02 a,.footLink03 a {text-decoration: none;} .footLink03 {font-size: 13px; margin-top: 20px;} .footLink03 span {padding: 2px;} .footLink03 span:after {content: ""; display: inline-block; background: #aaa; height: 14px; width: 1px; margin-left: 6px; margin-bottom: -3px;} /****** 特設LP追加↓ ******/ .lp-slider .slick-prev,.lp-slider .slick-next{ top:45%;} .LP-main{ position:relative; z-index:0} .oki-main-image{ position:absolute; top:220px; left:50%; right:50%; margin-left:-500px;} .toku-main-image{ position:absolute; top:220px; left:50%; right:50%; margin-left:-532px;} .loop{background-size:cover; width: 100%; height: 530px; overflow: hidden; -moz-animation: loop 30s linear infinite; animation: loop 30s linear infinite;} /*メイン背景*/ .loop_oki{ background: url(/img/pc/lp/main_bg.jpg) repeat-x 0 0;} .loop_toku{ background: url(/img/pc/lp/main_bg_toku.jpg) repeat-x 0 0;} .loop_nahakuko{ background: url(/img/pc/lp/nahakuko/main_bg_naha.jpg) repeat-x 0 0;} .loop_miyakojima{ background: url(/img/pc/lp/miyakojima/main_bg_naha.jpg) repeat-x 0 0;} .loop_ishigakijima{ background: url(/img/pc/lp/ishigakijima/main_bg_naha.jpg) repeat-x 0 0;} @keyframes loop { 0% { background-position: 0 0;} 100% { background-position: -1600px 0;} } .lp-bg-red{background-color:#d6000f; padding:32px} .lp-red-title,.lp-red-store{box-sizing:border-box; color:#fff;} .lp-red-store{font-size:36px; background:url(/img/pc/lp/logo_lp.png) left center no-repeat;padding:13px 0 13px 90px; } .lp-red-title{font-size:32px;padding:13px 0;} .lp-store-region{ text-align:center; margin-top:25px;} .lp-store-region li{width:316px; display:inline-block; vertical-align:top; color:#fff;} .lp-store-region li:nth-child(2n) { margin:0 21px;} .lp-store-region li h4{position: relative; background: #fcffd2; font-size:20px; color:#e83837; font-weight:normal; border-radius:8px; padding:4px 0; margin-bottom:20px;} .lp-store-region li h4:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #fcffd2; border-width: 13px; margin-left: -13px;} .lp-store-region li h4 span{ font-size:24px;} .lp-store-region li h5{ font-size:18px; text-align:left; font-weight:normal} .lp-store-region li h5 span{ font-size:20px; font-weight:bold;} .lp-store-region li h5 a{ color: #fff;} .lp-store-region li h5 { position: relative; padding-left: 20px; padding-top: 5px; } .lp-store-region li h5 a:hover { } .lp-store-region li h5::before, .lp-store-region li h5::after { position: absolute; top: 30%; left: 5px; display: block; content: ''; width: 10px; height: 2px; background-color: #fff; border-radius: 4px; } .lp-store-region li h5::before { margin-top: -6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .lp-store-region li h5::after { margin-top: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .lp-slider{box-sizing:border-box} /*バナースライダー背景*/ .lp-slider-oki{ background:url(/img/pc/lp/okinawa/oki_lbgs.png) center center no-repeat; background-size:cover;padding:70px 0; } .lp-slider-toku{ background:url(/img/pc/lp/tokushima/toku_lbgs.png) center center no-repeat; background-size:cover;padding:70px 0; } .lp-slider-nahakuko{ background:url(/img/pc/lp/nahakuko/toku_lbgs.jpg) center center no-repeat; background-size:cover;padding:70px 0; } .lp-slider-miyakojima{ background:url(/img/pc/lp/miyakojima/toku_lbgs.jpg) center center no-repeat; background-size:cover;padding:70px 0; } .lp-slider-ishigakijima{ background:url(/img/pc/lp/ishigakijima/toku_lbgs.jpg) center center no-repeat; background-size:cover;padding:70px 0; } .lp-slider .slick-dots{ text-align:center; margin-top:20px;width: 100%;} .lp-slider .slick-dots li{ display:inline-block; vertical-align:middle;position: relative;width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .lp-slider .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .lp-slider .slick-dots li button::before{position: absolute; top: 0px; left: 0px; width: 14px; height: 14px; display:block; border-radius:50%; content:''; background-color:#aeaeae; -webkit-font-smoothing: antialiased;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li.slick-active button:before{ background-color:#fff;} .bg-pat-lb{background:url(/img/pc/lp/okinawa/oki_lbg_cp.jpg) left top repeat; padding:38px 0;} .LPCPListin{background-color: #fff; padding: 30px; box-sizing: border-box; border-radius:11px; margin-bottom:15px;} .red-lp{ color:#e83837} .lp-title{ font-size:36px; font-weight:bold;} .pl_okinawa_class{ overflow:hidden} .pl_okinawa_class div{ float:left; width:325px;} .pl_okinawa_class_in:nth-child(2n) {margin:0 11px;} .pl_okinawa_class_in h5,.pl_okinawa_class_in h6{text-align:center;color:#e83837;font-weight:bold;} .pl_okinawa_class_in h5{font-size:20px;} .pl_okinawa_class_in h5 img{ margin-right:10px;} .pl_okinawa_class_in h6{font-size:28px; margin-bottom:10px; letter-spacing:-.05em;} .pl_okinawa_class_in p{ font-size:14px; padding:0 5px; box-sizing:border-box;} .pl_okinawa_class .lp-slider .slick-dots{ margin-bottom:15px;} .pl_okinawa_class .lp-slider .slick-dots li button:before{ top:10px} .pl_okinawa_class .slick-dots li button:hover:before,.pl_okinawa_class .slick-dots li.slick-active button:before{ background-color:#4c4c4c;} .bgLB{ background-color:#e5f1f4} .lp-store{ background:url(/img/pc/lp/okinawa/oki_ljnet.png) right top no-repeat; padding:55px 0;} .lp-storeList{ overflow:hidden} .lp-storeListin{ background-color:#fff; float:left; padding:15px; box-sizing:border-box; width:327px; margin-bottom:11px;} .lp-storeListin:nth-child(3n+2) { margin-left:8px; margin-right:8px;} .lp-storeListin h4{text-align:center; font-size:19px; font-weight:normal; margin:15px 0 20px; letter-spacing:-.05em;} .lp-storeListin h4 span{ font-weight:bold; font-size:24px;} .lp-storeListin img{ margin-bottom:6px} .lp-storeListin h5{ font-size:14px} .tokushima-tk{ position:relative; z-index:0; padding:55px 0;} .tokushima-tk .tokushima-lp01{ position:absolute; top: -20px; right:0; z-index:1} .tokushima-tk .tokushima-lp02{ position:absolute; bottom:-32px; right:0; z-index:1} .LPtenpo{background-color:#fff; padding:17px; box-sizing:border-box; border-radius: 11px; z-index:10; overflow:hidden; position:relative; margin:40px 0;} .LPtenpo-L,.LPtenpo-R{ float:left; box-sizing:border-box;} .LPtenpo-L{width:273px; margin-right:25px;} .LPtenpo-L li{ margin-bottom:15px;} .LPtenpo-R{width:652px;} .LPtenpo-R li{ margin-bottom:20px; font-size:14px;} .LPtenpo-R li strong,.LPtenpo-R li span{ display:inline-block; vertical-align:top} .LPtenpo-R li strong{ color:#fff; width:79px; padding:3px; box-sizing:border-box; text-align:center; background-color:#d82122; border-radius:4px; margin-right:20px;} .LPtenpo-R li span{ width:550px; padding-top:3px;} .kanko-photo{ margin-bottom:0px;} .kanko-photo ul{ letter-spacing:-.4em} .kanko-photo ul li{ width:25%; display:inline-block; letter-spacing:normal;} .kanko-photo ul li img{ width:100%; height:auto;} .lp-remodal{ padding:20px 20px 70px; box-sizing:border-box;width: 565px;} .lp-remodal h3{ text-align:left; font-size:1.5em; padding:10px 0} .lp-remodal-img{ width:100%; height:auto;} .lp-remodal p{ font-size:13px; text-align:left;} .lp-remodal-close{ border:solid 1px #a5a5a5; background:none;right:50%; top:auto; bottom:17px; left:50%; width:68px; height:29px; font-size:14px; box-sizing:border-box; padding:0 7px 0 17px; margin-left:-34px;} .lp-remodal-close:before{ font-size:15px; color:#000;line-height:28px; width:20px;}