{"version":3,"sources":["webpack://gatsby-starter-hello-world/./src/newcar/ui/common/molecule/BreadcrumbSchemaMarkup.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/contract/function.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SEO.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Information.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Information.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanSP.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/core/model/plan.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanPC.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanPC.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/arrow-black.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanDialog.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalSP.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalTerm.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalGrade.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalGradeSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalBodyColor.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/ColorSquare.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/ColorSquare.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalBodyColorSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalOption.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-carnavi.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-etc.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-backcamera.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-floormat.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-doorvisor.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-moraeru.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalOptionSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/option-number.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-link-blank.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalMaintenance.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalMaintenanceSP.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalResult.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/modal/ModalLease.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/PlanDialog.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/saved_plan_sp.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/saved_plan_pc.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SavedPlanModal.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/SavedPlanModal.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Simulation.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Simulation.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Introduction.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Introduction.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ModalSimulateAlert.tsx","webpack://gatsby-starter-hello-world/./src/newcar/util/const/bodyType.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ModalSimulateAlert.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/core/store/relatedCarStore.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reviews.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reviews.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/img-shop-manager.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/img-shop-manager.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Trial.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Trial.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/object/icon/arrow-red.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/triple_crown_carmo_logo.jpg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommend.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupport.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCost.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommendSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupportSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCostSp.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommend.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupport.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCost.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonRecommendSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonSupportSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/reasonCostSp.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Charm.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Charm.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/triple_crown_carmo_logo.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/FAQ.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/FAQ.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-teigaku.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-soukou.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-hiyou.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/icon-option.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reason.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Reason.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/orix_logo.jpg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Partner.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/Partner.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/orix_logo.webp","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedPointsSummary.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/good.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/excellent.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/store-manager.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedPointsSummary.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/great.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/store-manager.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/rating/comment-shape.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/checkicon.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/CarModelPanelRecommended.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/molecule/CarModelPanelRecommended.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedCarList.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/RecommendedCarList.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-first.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-first.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-second.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-second.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-third.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-third.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-fourth.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/img/points/img-point-fourth.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPoints.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPoints.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPointsMovie.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/organism/ChosenPointsMovie.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/template/index.tsx","webpack://gatsby-starter-hello-world/./src/newcar/ui/detail/template/index.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/top/img/uservoice/starHalf.svg","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/molecule/Color.tsx","webpack://gatsby-starter-hello-world/./src/newcar/util/const/contract.ts","webpack://gatsby-starter-hello-world/./src/newcar/util/const/maker.ts","webpack://gatsby-starter-hello-world/./src/newcar/util/setAllList.ts","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/molecule/Color.module.styl","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/reviews/bnr-google-point.avif","webpack://gatsby-starter-hello-world/./src/newcar/ui/common/img/reviews/bnr-google-point.png","webpack://gatsby-starter-hello-world/./src/newcar/ui/lineup/img/icon-chevron-right-grey.svg"],"names":["items","when","length","Helmet","type","JSON","stringify","itemListElement","map","index","position","name","item","getAvailableYearList","ageRange","OLDEST_AGE","YOUNGEST_AGE","oldestYear","Date","getFullYear","Array","from","_x","i","scrollToId","id","height","setTimeout","target","document","getElementById","window","scrollTo","top","scrollY","getBoundingClientRect","behavior","makerId","taxedMinPrice11","carName","CARMO_CONST","manYen","priceText","Math","floor","toFixed","title","description","ogTitle","ogDescription","ogUrl","process","twitterTitle","twitterDescription","inner","innerLight","roundedBox","specHeading","photos","summary","bodyColors","jc08","wltc","minVehiclePrice","has4SeatOrLess","has5Seat","has6Seat","has7Seat","has8SeatOrMore","isNowSale","thumbnailUrl","seatArr","minSeat","indexOf","maxSeat","lastIndexOf","hasSeats","useState","isOpen","setIsOpen","gasMillage","NEWCAR_CONST","src","imageUrl","interruptionStore","useContext","InterruptionStoreContext","simulationManagerStoreShaped","SimulationManagerStoreContext","className","MAKER_NAME","styles","width","alt","decoding","toLocaleString","value","Color","desktop","nowRecommendSPSelection","price","onClick","addItem","simulationManagerStore","navigate","NEWCAR_DEFINE","role","tabIndex","itemWrap","itemBgWhiteter","itemTitle","selectBox","selected","notSelected","width4_5rem","width2rem","iconArrowRightGrey","priceColorBlue","textSimulationSelected","textUpRight","simulationChangeButton","onClickCustomizePlan","simulationResultManagerStore","SimulationResultManagerStoreContext","ctaButton","useRef","showDialog","dialogMode","step","nowSelectGrade","isOldSimulation","selectedGrade","nowSelectBodyColor","selectedBodyColor","nowSelectOption","selectedOption","nowSelectMaintenance","selectedMaintenance","hasGrade","undefined","hasBodyColor","list","isSelected","hasOption","hasMaintenance","isAvailableMaintenance","maintenancePlanList","Card","data-gtm","selectedTerm","nowSelectTerm","sub","viewBox","colorCode2","r","cx","cy","fill","colorCode1","stroke","strokeWidth","x","y","clipPath","bodyColorName","isResetBodyColor","isResetOption","isResetMaintenance","selectedNomalPrice","nowSelectBasePrice","nowSelectPrice","nowSelectDiscountPrice","ref","nowCar","changeUserSelect","nowSimulation","saveEntryBreakdownFromSimulationResult","saveEntryBreakdown","nowCarToUndefined","PlanTitle","SIMPLE","OSUSUME","YOKUBARI","ORIGINAL","nextStepBtn","customizeBtn","classname","isOriginal","openSavedPlanModal","location","useLocation","isSaved","setIsSaved","goToEntryForm","plan","Object","entries","forEach","key","Number","result","planName","gtmCta","gtmCustom","nowSimpleSelection","nowRecommendSelection","recommendPlanPrice","nowRichSelection","richPlanPrice","nowOriginalSelection","oldOriginalSelection","originalPrice","data","grade","gradeName","color","option","maintenance","term","isNotApplicable","arrowWhite","planId","find","PlanTitleToId","addSimulation","customerSelection","nowCustomerSelection","carDigest","nowCarDigest","nowGrade","bodyColor","nowSimulationBodyColor","totalPrice","optionstring","nowSimulationOpstions","test","search","paramstring","urlParams","pathname","slice","history","replaceState","onClickSave","disabled","dialogWrap","dialog","height100","stepPadding","dialogToTop","dialogClose","redBand","scrollContent","stepWrap","stepWrapSmall","yetStep","nowStep","endStep","headerTitle","closeBtn","helpBtn","isLeaseTerm","iconArrowPosition","helpSupportItems","closeButton","contentContainer","contentView","content","showContent1","showContent2","showContent3","showContent4","showContent5","showContent6","inputLease","decreaseBtn","increaseBtn","bodycolorBox","bodycolorBoxSelected","colorCircleWrap","osusumeLabel","maintenanceBox","maintenanceBoxSelected","mainteplanIcon","maintePlatinum","mainteGold","mainteSilver","plus","overview","maintenanceTableHead","maintenanceTableBody","verticalAlignTextTop","footer","isSp","bottomButtonWrap","backButton","scrim","isBlack","leaseContents","leaseLabel","leaseBox","leaseBoxSelected","radioRow","isEngine","isWd","isMission","gradeHeader","checkboxContainer","checkboxRow","optionNoticeContainer","isGrade","recommend","labels","gradeEngineTypeContainer","gradeEquipmentContainer","gradeEquipmentName","gradeEquipmentTip","gradeStepItemContainer","gradeStepItemName","gradeStepItemContent","gradeStepItemHelp","isLarge","gradeCardContainer","isBodyColor","isMainte","overviewHeading","overviewNotice","overviewList","overviewListItem","overviewAsterisk","platinum","gold","silver","maintenanceMemo","resultPrice","adjust","resultPriceGap","resultPriceContentRight","resultPriceMonthlyLabel","resultCarContainer","resultCarThumbnail","resultCarName","annotation","asterisk","resultCta","resultDetail","termInformationContainer","termTipAffordable","termNoticeUnder","isTextRed","termNoticeListBottom","resultCategoryTitle","optionLabel","optionLabelInnerTop","optionLabelInnerBottom","optionLabelPrice","optionLabelThumbnail","optionLabelDescription","optionLabelAttention","optionLabelSubscript","isEquipped","whiteButton","saveText","saved","isShow","termList","term11SelectPrice","term10SelectPrice","term9SelectPrice","term8SelectPrice","term7SelectPrice","term6SelectPrice","term5SelectPrice","term4SelectPrice","term3SelectPrice","term2SelectPrice","term1SelectPrice","style","setStyle","useEffect","data-type","toString","checked","onChange","prevTerm","setIsShowSimulateAlert","changeTerm","htmlFor","leaseTerm","includedInFee","icon","popup","setPopup","Log","incrementTerm","decrementTerm","engineList","engine","setEngine","label","kudouList","kudou","setKudou","missionList","mission","setMission","PowerSlideDoorBDf","PowerSlideDoorLDf","KeylessEntryDf","SmartKeyDf","CruiseControlDf","AutoBrakeDf","SupportBrakeDf","LaneAlertDf","PowerSlideDoorLOption","PowerSlideDoorLImpossible","gradeList","setGrade","defaultGrade","keylessEntry","powerSlideDoor","smartKey","automaticBrake","cruiseControl","laneDepartureAlert","pedalSupport","next","currentStep","maxStep","selectedPlanID","simplePlansBodyColorList","recommendPlansBodyColorList","richPlansBodyColorList","bodyColorList","colorCircle","isChecked","changeSimpleBodyColor","changeRecommendBodyColor","changeRichBodyColor","changeBodyColor","hasWantCar","checkBox","isStandard","event","notid","optionType","simplePlansCarNaviList","recommendPlansCarNaviList","richPlansCarNaviList","carNaviList","changeSimpleCarNavi","changeRecommendCarNavi","changeRichCarNavi","changeCarNavi","simplePlansEtcList","recommendPlansEtcList","richPlansEtcList","etcList","changeSimpleETC","changeRecommendETC","changeRichETC","changeETC","simplePlansbackCameraList","recommendPlansbackCameraList","richPlansbackCameraList","backCameraList","changeSimpleBackCamera","changeRecommendBackCamera","changeRichBackCamera","changeBackCamera","simplePlansFloorMatList","recommendPlansFloorMatList","richPlansFloorMatList","floorMatList","changeSimpleFloorMat","changeRecommendFloorMat","changeRichFloorMat","changeFloorMat","simplePlansDoorVisorList","recommendPlansDoorVisorList","richPlansDoorVisorList","doorVisorList","changeSimpleDoorVisor","changeRecommendDoorVisor","changeRichDoorVisor","changeDoorVisor","simplePlansWantNoList","recommendPlansWantNoList","richPlansWantNoList","wantNoList","changeSimpleWantNo","changeRecommendWantNo","changeRichWantNo","changeWantNo","selectTerm","simplePlansWantCarPrice","recommendPlansWantCarPrice","richPlansWantCarPrice","wantCarPrice","nowSelectSimpleWantCar","nowSelectRecommendWantCar","nowSelectRichWantCar","nowSelectWantCar","changeSimpleWantCar","changeRecommendWantCar","changeRichWantCar","changeWantCar","optionData","image","optionCarnavi","text","etc","optionEtc","optionBackcamera","optionFloormat","optionDoorvisor","optionMoraeru","wantCarTarget","wantCar","href","getColorStyle","changeMaintenance","rel","iconLinkBlank","planStyle","onClickBack","searchCarStore","searchCarStoreContext","lastViewCarDigest","makerName","nomalPrice","discountPrice","hasCarNavi","nowSelectCarNavi","carNaviPrice","hasBackCamera","nowSelectBackCamera","backCameraPrice","hasEtc","nowSelectEtc","etcPrice","hasFloorMat","nowSelectFloorMat","floorMatPrice","hasWantNo","nowSelectWantNo","wantNoPrice","hasDoorVisor","nowSelectDoorVisor","doorVisorPrice","maintenanceName","nowPickedMaintenancePlan","maintenanceColor","maintenancePrice","targetId","maintenancePlan","closeDialog","isShowDialog","timeoutToClose","mode","initialStep","setStep","toTop","setToTop","modalRef","modalEl","current","addEventListener","preventDefault","passive","removeEventListener","scrollTop","scrollarea","onClickNext","max","showContentNum","num","nowSelectSimplePrice","nowSelectRecommendPrice","nowSelectRichPrice","isSkip","getModalName","gtmTagModalCloseBtn","gtmTagModalNextBtn","nextStepText","redText","NOT_SHOW_KEY","open","active","setActive","notShowChecked","setNotShowChecked","localStorage","getItem","close","setItem","aria-hidden","savedPlanSP","savedPlanPC","e","setShowDialog","setMode","setSelectedPlanID","setInitialStep","setOpenSavedPlanModal","planID","url","carId","split","startSimulation","to","arrowBlack","CARMO_UTIL","htmlString","carModelImage","review","captionImageUrl1","captionImageUrl2","captionImageUrl3","caption1","caption2","caption3","point1","point2","point3","introClose","setIntroClose","src1","src2","src3","processedReview","lines","line","includes","splice","filter","join","dangerouslySetInnerHTML","__html","loading","currentTarget","blur","BODY_ID","isShowSimulateAlert","BODY_DATA","UNSELECTED","metaName","isUnselected","modalName","count","MINI_CAR","COMPACT_CAR","HATCH_BACK","MINIVAN","SUV","SEDAN","STATION_WAGON","COUPE","OTHER","bodyTypeDataFind","findIndex","BODY_NAME","rankCarDigest","carDigests","sort","a","b","StoreUtil","skipped","targetCarDetail","detail","id__normalized","publishStatus","push","rank","imgUrl","relatedCarStore","store","persist","setRelatedCarId","this","targetCarId","digest","targetBodyType","bodyType","isMiniCar","car","observable","computed","action","reviewsUserCommentContainer","isSecond","isFourth","reviewsUserCommentItem","reviewsUserCommentText","reviewsUserCommentTextMin","srcSet","reviewPointAvif","reviewPointPng","planMonth","goToTrialEntryForm","shopManagerAvif","shopManager","ButtonRequestAssessmentSP","buttonText","handlerOnClick","orderName","sankanItem","sankanImage","tripleCrown","tripleCrownCarmoLogo","reasonRecommendWebpSp","media","reasonRecommendSp","reasonRecommendWebp","reasonRecommend","reasonSupportWebpSp","reasonSupportSp","reasonSupportWebp","reasonSupport","reasonCostWebpSp","reasonCostSp","reasonCostWebp","reasonCost","CTA_SP","CTA_PC","showAnswer","setShowAnswer","accordion","question","answer","val","FAQSchemaMarkup","isFlexDirectionColumnReverse","reasonImg","reasonNumber","isMarginLeft3Mobile","reasonBorder","reasonLead","hasTextDecoration","iconTeigaku","iconSoukou","iconHiyou","iconOption","orixLogoJpg","borderRightGrey","borderLeftGrey","borderBottomGrey","backgroundGrey","ratingImages","good","great","excellent","recommendedPointsSummary","points","storeManagerRemark","rating","filteredPoints","point","storeManager","fuelEfficiency","commute","family","easeOfDriving","rideComfort","storageSpace","interiorSpace","outdoor","maintenanceCost","femaleFriendly","link","gatsbyImageData","layout","images","fallback","placeholder","G","listArrow","recommendedListContainer","recommendedEmptyText","recommendDigests","sameBodyTypeSameMakerDigests","d","sameBodyTypeDigests","sameMakerDigests","appealPointContainer","appealPointCard","appealPointContent","appealPointContentItem","appealPointText","appealPointHeading","appealPointThumbnailContainer","appealPointNoticeList","appealPointNoticeListItem","appealPointAsteriskSub","isChosenPoints","pointFirstAvif","pointFirst","pointSecondAvif","pointSecond","pointThirdAvif","pointThird","pointFourthAvif","pointFourth","appealPointContentMiddle","isFifth","appealPointMovie","frameBorder","allow","referrerPolicy","allowFullScreen","IMAGE_STAR_STYLE","pageContext","userVoices","isShowOldSimulation","setIsShowOldSimulation","isInvalidURL","setIsInvalidURL","query","QueryString","isCriteoTarget","GTM","CriteoProductID","viewCarDetail","g","noCount","s1","c2","keys","m2","masterNumber","changeGrade","changeUserSelectFromParam","params","checkIsSavedWithParameter","isSavedWithParameter","simulationList","nowSimulationList","simulation","selection","changeId","setAllList","identifiedBodyType","breadcrumbItems","breadcrumbSchemaMarkupItems","averageRatingOverall","ceil","reduce","_result","_voice","ratingOverall","toPrecision","Layout","BreadcrumbSchemaMarkup","Header","Breadcrumb","Partner","maker","carModel","ImageStarOn","$image","ImageStarOff","jst","postedAt","unix","userVoice","UserVoiceCard","comment","Footer","ScrollToTop","reload","require","colors","calcRgb","colorCodeOrigin","colorCode","substring","parseInt","resultColors","Boolean","color1","color2","compareColors","size","liArray","array","partsWrap","parts","MIDDLE_AGE","YES_OR_NO","YES_OR_NO_2","YES_OR_NO_3","HOUSING_TYPE_FAMILY","HOUSING_TYPE","HOUSING_TYPE_2","OCCUPATION_TYPE","OCCUPATION_TYPE_2","OTHER_INDUSTRY_TYPE","INDUSTRY_TYPE","INDUSTRY_TYPE_2","公務員","公的資格者","一次産業","鉱業","不動産","金融","製造","卸","小売","その他サービス","医療機関","POSITION","MAKER_ID","MAKER_DATA","img","LEXUS","TOYOTA","NISSAN","HONDA","MAZDA","SUBARU","SUZUKI","DAIHATSU","MITSUBISHI","makerDataFind","Error","useStaticQuery","allCarDigest","nodes","allCarDetail"],"mappings":"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","file":"component---src-newcar-ui-detail-template-index-tsx-ac7b0d960e30030890d9.js","sourcesContent":["import React, { FC } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Show from '@/newcar/ui/molecule/Show';\n\ntype Props = {\n  items: {\n    name: string;\n    item: string;\n  }[];\n};\n\n/**\n * パンくずの構造化マークアップ\n */\nconst BreadcrumbSchemaMarkup: FC<Props> = ({ items }) => (\n  <Show when={items.length > 0}>\n    <Helmet>\n      <script type=\"application/ld+json\">\n        {JSON.stringify({\n          '@context': 'https://schema.org',\n          '@type': 'BreadcrumbList',\n          itemListElement: items.map(({ name, item }, index) => ({\n            '@type': 'ListItem',\n            position: index + 1,\n            name,\n            item,\n          })),\n        })}\n      </script>\n    </Helmet>\n  </Show>\n);\n\nexport default BreadcrumbSchemaMarkup;\n","/* eslint-disable @typescript-eslint/naming-convention */\nimport { OLDEST_AGE, YOUNGEST_AGE } from '@/newcar/util/const/contract';\n\n/**\n * カルモで申込み可能な年数（西暦）をリストで返す\n *\n * @export\n * @returns カルモでの申込が可能な西暦のリスト\n */\nexport function getAvailableYearList(): number[] {\n  const ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY = 1;\n  const ageRange = OLDEST_AGE\n    + ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY\n    - YOUNGEST_AGE;\n  const oldestYear = new Date().getFullYear()\n    - OLDEST_AGE\n    - ONE_YEAR_FOR_OLDEST_PERSON_IS_BEFORE_BIRTHDAY;\n  return Array.from(new Array(ageRange + 1), (_x, i) => i + oldestYear);\n}\n\n/**\n * 指定位置までスムーススクロール\n * @param id\n*/\nexport function scrollToId(id: string, height?: number): void {\n  if (id) {\n    // 画面の変更を考慮して気持ち遅らせる\n    setTimeout(() => {\n      const target: HTMLElement | null = document.getElementById(id);\n      if (target) {\n        window.scrollTo({\n          top:\n            window.scrollY + target.getBoundingClientRect().top - (height || 0),\n          behavior: 'smooth',\n        });\n      }\n    }, 100);\n  }\n}\n","import React, { FC } from 'react';\nimport CARMO_CONST from '@/common/util/const';\nimport CarDigest from '@/common/core/model/carDigest';\nimport SEOBase from '@/newcar/ui/common/organism/SEO';\n\ntype DetailSEOProps = Pick<CarDigest, 'name' | 'makerId' | 'bodyType' | 'taxedMinPrice11'>;\n\nconst SEO: FC<DetailSEOProps> = ({\n  name, makerId, taxedMinPrice11,\n}) => {\n  const carName = `${CARMO_CONST.MAKER.NAME(makerId)} ${name}`;\n  const manYen = taxedMinPrice11 / 10000;\n  const priceText = manYen && manYen > 0\n    ? `${manYen >= 1 ? `${Math.floor(manYen)}` : `${manYen.toFixed(1)}`}`\n    : '';\n\n  // title\n  const titlePriceText = priceText ? ` 月額${priceText}万円台から` : '';\n  const title = `${carName}の新車カーリース・サブスク｜定額カルモくん${titlePriceText}`;\n\n  // description\n  const DESCRIPTION_PREFIX = '【ネット割最大49,500円】';\n  const DESCRIPTION_SUFFIX = '頭金・ボーナス払い無しで毎月定額、税金コミコミで安心の新車カーリース（車のサブスク）ならおトクにマイカー 定額カルモくん。メンテナンスも月額定額、契約満了後に車がもらえるプランもご用意。';\n  const descriptionPriceText = priceText ? `${carName}の新車が月々${priceText}万円台から｡` : '';\n  const description = `${DESCRIPTION_PREFIX}${descriptionPriceText}${DESCRIPTION_SUFFIX}`;\n\n  return (\n    <SEOBase\n      title={title}\n      description={description}\n      ogTitle={title}\n      ogDescription={description}\n      ogUrl={`${process.env.GATSBY_SITE_URL}`}\n      twitterTitle={title}\n      twitterDescription={description}\n    />\n  );\n};\n\nexport default SEO;\n","// extracted by mini-css-extract-plugin\nexport const borderLikeCard = \"Information-module--border-like-card--1isjS\";\nexport const titleWrap = \"Information-module--title-wrap--TT-ML\";\nexport const carName = \"Information-module--car-name--30HlZ\";\nexport const carNameAddition = \"Information-module--car-name-addition--fO8LB\";\nexport const makersiteIconWrap = \"Information-module--makersite-icon-wrap--28Vhb\";\nexport const mainSpacing = \"Information-module--main-spacing--1qmXI\";\nexport const mainImg = \"Information-module--main-img--1JTgU\";\nexport const mainInfo = \"Information-module--main-info--2Qk9G\";\nexport const maxWidthColor = \"Information-module--max-width-color--3g2Lz\";\nexport const isMarginMinus = \"Information-module--is-margin-minus--33cpj\";\nexport const inner = \"Information-module--inner--2xpd_\";\nexport const minVehiclePrice = \"Information-module--min-vehicle-price--2Ltqw\";\nexport const innerLight = \"Information-module--inner-light--3Bc9T\";\nexport const boxLeftLineGrey = \"Information-module--box-left-line-grey--31Wjp\";\nexport const roundedBox = \"Information-module--rounded-box--ECONA\";\nexport const blueButton = \"Information-module--blue-button--3Bfqj\";\nexport const isShaped = \"Information-module--is-shaped--2bqGn\";\nexport const iconArrowRightBig = \"Information-module--icon-arrow-right-big--35jpR\";\nexport const makerSiteBtn = \"Information-module--maker-site-btn--2lCfM\";\nexport const plusBtn = \"Information-module--plus-btn--1fkgh\";\nexport const active = \"Information-module--active--2M2MO\";\nexport const isUnderline = \"Information-module--is-underline--3B-zN\";\nexport const isBorderGreyLighter = \"Information-module--is-border-grey-lighter--2tg4k\";\nexport const balloonCampaign = \"Information-module--balloon-campaign--3GoP9\";\nexport const naviPlanBalloon = \"Information-module--navi-plan-balloon--3TMUV\";\nexport const naviPlanText = \"Information-module--navi-plan-text--3TBT5\";\nexport const naviPlanTextMin = \"Information-module--navi-plan-text-min--3kKPA\";\nexport const anchorLinkButton = \"Information-module--anchor-link-button--2syiA\";\nexport const salesStopMessage = \"Information-module--sales-stop-message--3Y3xl\";\nexport const monthlyFeeContainer = \"Information-module--monthly-fee-container--1rK7R\";\nexport const specListContainer = \"Information-module--spec-list-container--1pmxX\";\nexport const specHeading = \"Information-module--spec-heading--1nUTB\";","import React, { FC, useState, useContext } from 'react';\nimport { MAKER_NAME, MAKER_ID } from '@/newcar/util/const/maker';\nimport { Observer } from 'mobx-react-lite';\nimport Color from '@/newcar/ui/detail/molecule/Color';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport CarDigest from '@/common/core/model/carDigest';\nimport { simulationManagerStore } from '@/newcar/core/store/simulationManagerStore';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { scrollToId } from '@/newcar/ui/contract/function';\n// import loading from '@/newcar/ui/lineup/img/loading.svg';\n\nimport * as styles from '@/newcar/ui/detail/organism/Information.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { navigate } from 'gatsby';\n\ntype PickVehicleType = Pick<VehicleTypes, 'photos' | 'summary'>;\ntype PickDigest = Pick<CarDigest, 'name' | 'makerId' | 'bodyColors' | 'wltc' | 'jc08' | 'minVehiclePrice' | 'taxedMinPrice11' | 'has4SeatOrLess' | 'has5Seat' | 'has6Seat' | 'has7Seat' | 'has8SeatOrMore' | 'thumbnailUrl'>;\ntype IsNowSale = {isNowSale: boolean}\ntype InformationProps = PickVehicleType & PickDigest & IsNowSale;\n\nconst Information:FC<InformationProps> = ({\n  photos,\n  summary,\n  name,\n  makerId,\n  bodyColors,\n  jc08,\n  wltc,\n  minVehiclePrice,\n  taxedMinPrice11,\n  has4SeatOrLess,\n  has5Seat,\n  has6Seat,\n  has7Seat,\n  has8SeatOrMore,\n  isNowSale,\n  thumbnailUrl,\n}) => {\n  const seatArr = [has4SeatOrLess, has5Seat, has6Seat, has7Seat, has8SeatOrMore];\n  const minSeat = seatArr.indexOf(true);\n  const maxSeat = seatArr.lastIndexOf(true);\n  const hasSeats = minSeat === maxSeat ? `${minSeat + 4}人${minSeat === 0 ? '以下' : ''}` : `${minSeat + 4}〜${maxSeat + 4}人`;\n  const [isOpen, setIsOpen] = useState(false);\n  const gasMillage = NEWCAR_CONST.MILEAGE.WHICH_USE(jc08, wltc);\n  const src = (photos && photos[1].imageUrl) || thumbnailUrl || '';\n\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const toggleAccordion = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const goToEntryForm = () => {\n    // 申し込みへ進んだ内容を記録\n    interruptionStore.addItem(simulationManagerStore, NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n\n    // シミュレーションの履歴を保存\n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    simulationManagerStore.nowCarToUndefined();\n    simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  const simulationManagerStoreShaped = useContext(SimulationManagerStoreContext);\n  const afterPrice = () => simulationManagerStoreShaped.nowRecommendSPSelection?.price?.toLocaleString() || '';\n\n  return (\n    <div className={styles.borderLikeCard}>\n      <div className={`columns is-mobile ${styles.titleWrap}`}>\n        <div className=\"column\">\n          <h1 className={`has-text-weight-bold ${styles.carName}`}>\n            {MAKER_NAME(makerId as unknown as MAKER_ID)}\n            &nbsp;\n            <span className=\"is-hidden-desktop\"> </span>\n            {name}\n            <span className={`${styles.carNameAddition} has-text-weight-normal is-block`}>のカーリース情報</span>\n          </h1>\n        </div>\n      </div>\n\n      <div className={`columns ${styles.mainSpacing}`}>\n        <div className=\"column is-7-tablet is-two-fifths-desktop\">\n          <div className=\"has-text-centered-mobile\">\n            <img\n              className={`${styles.mainImg}`}\n              src={src}\n              width=\"512\"\n              height=\"288\"\n              alt=\"車画像\"\n              decoding=\"async\"\n            />\n          </div>\n        </div>\n\n        <div className={`column ${styles.mainInfo}`}>\n          {isNowSale ? (\n            <>\n              <h2 className=\"is-hidden-touch is-size-3 has-text-grey\">{summary}</h2>\n\n              {/* 価格表示PC */}\n              <div className={`columns is-mobile is-hidden-touch ${styles.boxLeftLineGrey}`}>\n                <dl className=\"column columns is-narrow is-vcentered\">\n                  <dt className=\"column is-narrow is-size-6 has-text-weight-semibold is-line-height-small\">\n                    最安料金&nbsp;&nbsp;月額定額\n                  </dt>\n                  <dd className=\"column is-narrow is-mobile is-vcentered is-margin-left-3\">\n                    <strong className=\"is-size-3 has-text-weight-semibold\">\n                      {taxedMinPrice11.toLocaleString()}\n                      <span className=\"is-size-7 has-text-grey\">円〜×132回(11年)</span>\n                    </strong>\n                  </dd>\n                </dl>\n                <ul className=\"column columns\">\n                  <li className=\"column is-narrow\">\n                    <p className={`is-size-6 has-text-grey has-text-weight-semibold ${styles.roundedBox}`}>\n                      頭金・ボーナス払い0円\n                    </p>\n                  </li>\n                  <li className=\"column is-narrow\">\n                    <p className={`is-size-6 has-text-grey has-text-weight-semibold ${styles.roundedBox}`}>\n                      法的費用・手数料コミ\n                    </p>\n                  </li>\n                </ul>\n              </div>\n              {/* //_価格表示PC */}\n\n              {/* 価格表示SP */}\n              <div className={`${styles.monthlyFeeContainer}`}>\n                <div className=\"is-size-6 has-text-weight-semibold\">\n                  最安料金&nbsp;\n                  <br />\n                  月額定額\n                </div>\n                <strong className=\"is-size-1\">{taxedMinPrice11.toLocaleString()}</strong>\n                <div className=\"is-padding-1 is-line-height-small\">\n                  <span className=\"is-size-6 has-text-black-ter\">円〜</span>\n                  <br />\n                  <span className=\"is-size-7 has-text-grey\">×132回(11年)</span>\n                </div>\n              </div>\n              {/* //_価格表示SP */}\n\n              {/* PC表示 */}\n              <ul className=\"is-hidden-touch columns is-mobile\">\n                <li className={`column is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">\n                      燃費\n                      <span className=\"has-text-weight-normal\">{gasMillage.name}</span>\n                    </dt>\n                    <dd className=\"is-size-4 has-text-grey\">\n                      {gasMillage.value}\n                      km/L\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column is-3-tablet-only is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">定員</dt>\n                    <dd className=\"is-size-4 has-text-grey\">{hasSeats}</dd>\n                  </dl>\n                </li>\n                <li className={`column is-narrow-desktop ${styles.inner}`}>\n                  <dl>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">車両本体価格</dt>\n                    <dd className={`has-text-grey ${styles.minVehiclePrice}`}>\n                      {minVehiclePrice.toLocaleString()}\n                      円〜\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.inner} ${styles.maxWidthColor}`}>\n                  <dl className={styles.isMarginMinus}>\n                    <dt className=\"is-size-6 has-text-weight-semibold\">カラー</dt>\n                    <dd>\n                      <Color bodyColors={bodyColors} desktop />\n                    </dd>\n                  </dl>\n                </li>\n              </ul>\n\n              {/* SP表示 */}\n              <ul className={`is-hidden-desktop columns is-mobile ${styles.specListContainer}`}>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>\n                      {`燃費${gasMillage.name}`}\n                    </dt>\n                    <dd className=\"is-size-4\">\n                      {`${gasMillage.value}km/L`}\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>定員</dt>\n                    <dd className=\"is-size-4\">{hasSeats}</dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl>\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>車両本体価格</dt>\n                    <dd className={`${styles.minVehiclePrice}`}>\n                      {`${minVehiclePrice.toLocaleString()}円〜`}\n                    </dd>\n                  </dl>\n                </li>\n                <li className={`column ${styles.innerLight}`}>\n                  <dl className=\"is-hidden-desktop is-mobile is-vcentered is-centered is-margin-top-1\">\n                    <dt className={`${styles.specHeading} has-text-weight-bold`}>カラーバリエーション</dt>\n                    <dd className=\"is-size-4\">\n                      <Color bodyColors={bodyColors} desktop={false} />\n                    </dd>\n                  </dl>\n                </li>\n              </ul>\n\n              <div className=\"is-hidden-desktop has-text-centered is-margin-bottom-4\">\n                {/*\n                  <div className=\"has-text-center is-margin-top-5 balloon-campaign-parent\">\n                    <span className={`is-size-6 is-relative ${styles.balloonCampaign}`}>\n                    無料！5分でかんたんお申し込み</span>\n                  </div>\n                 */}\n                <div className={`${styles.naviPlanBalloon}`}>\n                  おすすめ!\n                  <span className={`${styles.naviPlanText}`}>\n                    ナビ付きプラン\n                    <span className={`${styles.naviPlanTextMin}`}>\n                      (月額\n                      <Observer>\n                        {() => (\n                          <>\n                            {afterPrice()}\n                          </>\n                        )}\n                      </Observer>\n                      円)\n                    </span>\n                  </span>\n                  で\n                </div>\n                <button\n                  type=\"button\"\n                  className={`button is-large is-size-4 ${styles.blueButton} ${styles.isShaped}`}\n                  onClick={() => goToEntryForm()}\n                >\n                  <strong className=\"is-size-4\">まずはお試しで審査に申込む</strong>\n                  <span className={styles.iconArrowRightBig} />\n                </button>\n                <p className=\"is-size-6\">※審査申込みは契約ではありません</p>\n              </div>\n              <div\n                className=\"columns is-mobile is-multiline is-centered is-vcentered is-padding-bottom-4 is-hidden-desktop\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => toggleAccordion()}\n              >\n                <p\n                  className={`column is-narrow is-size-6 is-padding-right-2 ${styles.isUnderline}`}\n                >\n                  ナビ付きプランの詳細\n                </p>\n                <span className={`${styles.plusBtn} ${isOpen ? styles.active : ''}`} />\n              </div>\n              {isOpen && (\n              <div className={`columns is-hidden-desktop is-multiline is-centered is-vcentered is-size-6 is-padding-5 is-margin-bottom-5 ${styles.isBorderGreyLighter}`}>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">グレード</p>\n                  <p className=\"has-text-grey\">{simulationManagerStore.nowRecommendSPSelection.orderName}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">オプション装備</p>\n                  <p className=\"has-text-grey\">{simulationManagerStore.nowRecommendSPSelection.option}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">賃貸期間</p>\n                  <p className=\"has-text-grey\">{`${(simulationManagerStore.nowRecommendSPSelection.term || 11) * 12}ヶ月 ${simulationManagerStore.nowRecommendSPSelection.term || 11}年`}</p>\n                </div>\n                <div className=\"column is-padding-bottom-3\">\n                  <p className=\"has-text-weight-semibold\">月額料金</p>\n                  <p className=\"has-text-grey\">{`${(simulationManagerStore.nowRecommendSPSelection.price?.toLocaleString())}円/月（税込）`}</p>\n                </div>\n              </div>\n              )}\n\n              <button\n                className={`is-hidden-desktop ${styles.anchorLinkButton}`}\n                type=\"button\"\n                onClick={() => scrollToId('simulation')}\n              >\n                自分でプランを作成する\n              </button>\n            </>\n          ) : (\n            <p className={`${styles.salesStopMessage}`}>\n              現在、この車は販売停止中のため、\n              <br />\n              入荷・再販までお時間を\n              <br />\n              頂戴しております。\n              <br />\n              お待ちいただく間、他の車も\n              <br />\n              あわせてご検討ください。\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Information;\n","// extracted by mini-css-extract-plugin\nexport const cardPadding = \"PlanSP-module--card-padding--2BPoY\";\nexport const bandSizeLarge = \"PlanSP-module--band-size-large--YyJ5t\";\nexport const itemWrap = \"PlanSP-module--item-wrap--StFQC\";\nexport const itemBgWhiteter = \"PlanSP-module--item-bg-whiteter--3lhXJ\";\nexport const itemTitle = \"PlanSP-module--item-title--3LQ_M\";\nexport const selectBox = \"PlanSP-module--select-box--2FLoZ\";\nexport const selectBoxBig = \"PlanSP-module--select-box-big--TLwji\";\nexport const selected = \"PlanSP-module--selected--3D8EL\";\nexport const notSelected = \"PlanSP-module--not-selected--2U_zk\";\nexport const priceWrap = \"PlanSP-module--price-wrap--3BIQ8\";\nexport const priceTrico = \"PlanSP-module--price-trico--3gRsJ\";\nexport const isTablet = \"PlanSP-module--is-tablet--1IR23\";\nexport const clearButton = \"PlanSP-module--clear-button--2lNzv\";\nexport const width4_5rem = \"PlanSP-module--width4_5rem--1mVN8\";\nexport const width2rem = \"PlanSP-module--width2rem--2OszQ\";\nexport const width6_5rem = \"PlanSP-module--width6_5rem--3F8pW\";\nexport const leaseTerm = \"PlanSP-module--lease-term--ESoK5\";\nexport const leaseSelectable = \"PlanSP-module--lease-selectable--3h935\";\nexport const balloonCampaign = \"PlanSP-module--balloon-campaign--10cqO\";\nexport const balloonCampaignItem = \"PlanSP-module--balloon-campaign-item--1FfvQ\";\nexport const saveButton = \"PlanSP-module--save-button--3SpuQ\";\nexport const saveButtonText = \"PlanSP-module--save-button-text--1kMWT\";\nexport const blueButton = \"PlanSP-module--blue-button--32fSx\";\nexport const isDisabled = \"PlanSP-module--is-disabled--1xcZk\";\nexport const iconArrowRightGrey = \"PlanSP-module--icon-arrow-right-grey--mr4PJ\";\nexport const iconArrowRightBig = \"PlanSP-module--icon-arrow-right-big--1YX42\";\nexport const popupPosition = \"PlanSP-module--popup-position--2wlWo\";\nexport const popupContent = \"PlanSP-module--popup-content--p-z0w\";\nexport const popupContentHalf = \"PlanSP-module--popup-content-half---xwa-\";\nexport const simulator_two_colorchip = \"PlanSP-module--simulator_two_colorchip--2SYOF\";\nexport const simulator_above_colorchip = \"PlanSP-module--simulator_above_colorchip--3Gciv\";\nexport const leaseHelp = \"PlanSP-module--lease-help--1WFeA\";\nexport const dokidoki = \"PlanSP-module--dokidoki--3P_xx\";\nexport const naviPlanBalloon = \"PlanSP-module--navi-plan-balloon--20e8N\";\nexport const naviPlanText = \"PlanSP-module--navi-plan-text--1H33F\";\nexport const naviPlanTextMin = \"PlanSP-module--navi-plan-text-min--3e8X2\";\nexport const priceColorBlue = \"PlanSP-module--price-color-blue--3-Zxd\";\nexport const textSimulationSelected = \"PlanSP-module--text-simulation-selected--3Cs92\";\nexport const textMonthlyAfter = \"PlanSP-module--text-monthly-after--2Yn-r\";\nexport const textUpRight = \"PlanSP-module--text-up-right--6XOIG\";\nexport const simulationChangeButton = \"PlanSP-module--simulation-change-button--3WK5q\";","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useRef,\n} from 'react';\nimport { navigate } from 'gatsby';\n// import { useLocation } from '@reach/router';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { Observer } from 'mobx-react-lite';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanSP.module.styl';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\ntype PlanSPProps = {\n  thumbnailUrl: string;\n  onClickCustomizePlan: (\n    dialogMode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID,\n    initialStep?: number,\n  )=>void;\n}\n\nconst PlanSP:FC<PlanSPProps> = ({\n  thumbnailUrl,\n  onClickCustomizePlan,\n}) => {\n  // const location = useLocation();\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const ctaButton = useRef<HTMLDivElement>(null);\n\n  // const [viewCtaButton, setViewCtaButton] = useState(false);\n\n  // function getIntersectionObserver() {\n  //   try {\n  //     const observer = new IntersectionObserver(\n  //       ([entry]) => {\n  //         setViewCtaButton(entry.isIntersecting);\n  //       },\n  //       {\n  //         threshold: 0.5,\n  //       },\n  //     );\n  //     return observer;\n  //   } catch (e) {\n  // iOS12.1搭載のSafariなどIntersectionObserverに非対応ブラウザの場合はnullを返却\n  //     return null;\n  //   }\n  // }\n\n  // CTAボタンが表示領域に入っているかどうかを監視\n  // useEffect(() => {\n  //   const observer = getIntersectionObserver();\n\n  //   if (observer && ctaButton.current) {\n  //     observer.observe(ctaButton.current);\n  //   }\n\n  //   return () => {\n  //     if (observer && ctaButton.current) {\n  //       observer.unobserve(ctaButton.current);\n  //     }\n  //   };\n  // }, []);\n\n  const showDialog = (dialogMode: ModeType, step: number):void => {\n    onClickCustomizePlan(dialogMode, NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL, step);\n  };\n\n  // const showLeaseTerm = () => {\n  //   onClickCustomizePlan('leaseTerm', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL, 1);\n  // };\n\n  const nowSelectGrade = (): { name: string, sub: string } | undefined => {\n    if (!simulationManagerStore.isOldSimulation || simulationManagerStore.nowSelectGrade) {\n      // 最新のマスタから情報を表示する\n      return simulationManagerStore.nowSelectGrade;\n    }\n    return simulationResultManagerStore.selectedGrade;\n  };\n\n  const nowSelectBodyColor = (): {\n    bodyColorId?: string,\n    bodyColorName?: string,\n    colorCode1?: string,\n    colorCode2?: string,\n    isSelected?: boolean\n  } | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 最新のマスタから情報を表示する\n      return simulationManagerStore.nowSelectBodyColor;\n    }\n    // 保存済みシミュレーションの情報を表示する\n    return simulationResultManagerStore.selectedBodyColor;\n  };\n\n  const nowSelectOption = (): string | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 最新のマスタから情報を表示する\n      return simulationManagerStore.nowSelectOption;\n    }\n    // 保存済みシミュレーションの情報を表示する\n    return simulationResultManagerStore.selectedOption;\n  };\n\n  const nowSelectMaintenance = (): string | undefined => {\n    if (!simulationManagerStore.isOldSimulation) {\n      // 最新のマスタから情報を表示する\n      return simulationManagerStore.nowSelectMaintenance;\n    }\n    // 保存済みシミュレーションの情報を表示する\n    return simulationResultManagerStore.selectedMaintenance;\n  };\n\n  const hasGrade = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectGrade;\n      return (list !== undefined);\n    }\n    // 保存済みシミュレーションのため常にtrue\n    return true;\n  };\n\n  const hasBodyColor = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectBodyColor;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedBodyColor;\n    return (list !== undefined && list.isSelected !== undefined && list.isSelected);\n  };\n\n  const hasOption = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectOption;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedOption;\n    return (list !== undefined);\n  };\n\n  const hasMaintenance = (): boolean => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectMaintenance;\n      return (list !== undefined);\n    }\n    const list = simulationResultManagerStore.selectedMaintenance;\n    return (list !== undefined);\n  };\n\n  const isAvailableMaintenance = (): boolean => {\n    const result = simulationManagerStore.maintenancePlanList.length > 0;\n    return result;\n  };\n\n  const nowSelectNomalPrice = (): string => {\n    let price: number | undefined;\n    if (!simulationManagerStore.isOldSimulation) {\n      price = simulationManagerStore.nowSelectBasePrice;\n    } else {\n      price = simulationResultManagerStore.selectedNomalPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nowSelectDiscountPrice = (): string => {\n    let price: number | undefined;\n    if (!simulationManagerStore.isOldSimulation) {\n      price = simulationManagerStore.nowSelectPrice;\n    } else {\n      price = simulationResultManagerStore.selectedNomalPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nowSelectTerm = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      return NEWCAR_CONST.TERM.NAME[simulationManagerStore.nowSelectTerm];\n    }\n    return NEWCAR_CONST.TERM.NAME[simulationResultManagerStore.selectedTerm];\n  };\n\n  // const doClear = () => {\n  //   simulationManagerStore.clearSelection();\n  //   simulationResultManagerStore.clearSelection();\n  //   // URLからパラメータを削除\n  //   if (window) {\n  //     window.history.replaceState(null, '', location.pathname);\n  //   }\n  // };\n\n  // シミュレーション結果を保存\n  // const onClickSave = () => {\n  //   simulationResultManagerStore.addSimulation({\n  //     customerSelection: simulationManagerStore.nowCustomerSelection,\n  //     carDigest: simulationManagerStore.nowCarDigest,\n  //     grade: simulationManagerStore.nowGrade,\n  //     bodyColor: simulationManagerStore.nowSimulationBodyColor,\n  //     totalPrice: simulationManagerStore.nowSelectPrice,\n  //     optionstring: simulationManagerStore.nowSelectOption,\n  //     option: simulationManagerStore.nowSimulationOpstions,\n  //   });\n  //   // パラメータを変更\n  //   if (window && !/s1=/.test(location.search)) {\n  //     const paramstring = simulationManagerStore.urlParams;\n  //     if (paramstring) {\n  //       if (location.pathname.slice(-1) === '/') {\n  //         window.history.replaceState(null, '', `${location.pathname}?${paramstring}&s1=1`);\n  //       } else {\n  //         window.history.replaceState(null, '', `${location.pathname}/?${paramstring}&s1=1`);\n  //       }\n  //     }\n  //   }\n  // };\n\n  const goToEntryForm = () => {\n    // 申し込みへ進んだ内容を記録\n    interruptionStore.addItem(simulationManagerStore);\n\n    // シミュレーションの履歴を保存\n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    if (!simulationManagerStore.isOldSimulation) {\n      if (!hasGrade()) {\n        simulationManagerStore.nowCarToUndefined();\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n      } else {\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n      }\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (simulationResultManagerStore.nowSimulation) {\n      simulationResultManagerStore.saveEntryBreakdownFromSimulationResult(\n        simulationResultManagerStore.nowSimulation,\n      );\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <Card className={`${styles.cardPadding}`}>\n          <h2 className=\"title is-3 has-text-centered\">\n            <span className=\"is-size-5\">お好きなプランを作成して</span>\n            <br />\n            月額料金をみてみる\n          </h2>\n          {/* <div className=\"is-relative\">\n            <button\n              className={`${hasGrade() || 'is-hidden'} button is-text is-size-5 ${styles.clearButton}`}\n              type=\"button\"\n              onClick={doClear}\n              data-gtm=\"gtm-newcar-detail-simulatorSP-clear\"\n            >\n              条件をクリア\n            </button>\n          </div> */}\n\n          <div>\n            {/* ご利用期間 */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>ご利用期間</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <div\n                    className={`is-size-4 input-warning ${styles.selectBoxBig} ${styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 1)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-start\"\n                  >\n                    ご利用期間を選択してください\n                    <span className={styles.iconArrowRightGrey} />\n                  </div>\n                ) : (\n                  <div\n                    className={`input-inputted has-text-weight-semibold ${styles.textSimulationSelected} ${styles.selectBox} ${styles.selected}`}\n                    onClick={():void => showDialog('sp', 1)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-term\"\n                  >\n                    {nowSelectTerm()}\n                    <span className={styles.simulationChangeButton}>変更</span>\n                  </div>\n                )}\n              </dd>\n            </dl>\n\n            {/* グレード */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>グレード</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">未選択</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${styles.selected}`}\n                    onClick={():void => showDialog('sp', 2)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-grade\"\n                  >\n                    <strong className={`is-block has-text-weight-semibold ${styles.textSimulationSelected}`}>\n                      {nowSelectGrade()?.name}\n                    </strong>\n                    <small>{nowSelectGrade()?.sub}</small>\n                    <span className={styles.simulationChangeButton}>変更</span>\n                  </div>\n                )}\n              </dd>\n            </dl>\n\n            {/* ボディカラー */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>ボディカラー</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">未選択</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasBodyColor() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 3)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-bodyColor\"\n                  >\n                    {!hasBodyColor() ? (\n                      <>\n                        <p>ボディーカラーを選択</p>\n                        <span className={styles.iconArrowRightGrey} />\n                      </>\n                    ) : (\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className=\"column is-narrow is-flex is-padding-right-2\">\n                          <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\" className={!nowSelectBodyColor()?.colorCode2 ? '' : 'is-hidden'}>\n                            <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode1} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                          </svg>\n                          <div className={`${styles.simulator_two_colorchip} ${nowSelectBodyColor()?.colorCode2 ? '' : 'is-hidden'}`}>\n                            <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\">\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode1} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                            </svg>\n                            <svg viewBox=\"0 0 30 9\" width=\"30 \" height=\"9\" className={styles.simulator_above_colorchip}>\n                              <clipPath id=\"simulator_bodycolor_clip\">\n                                <rect x=\"0\" y=\"0\" width=\"30\" height=\"9\" />\n                              </clipPath>\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill={nowSelectBodyColor()?.colorCode2} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" clipPath=\"url(#simulator_bodycolor_clip)\" />\n                            </svg>\n                          </div>\n                        </div>\n                        <span className={`column has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectBodyColor()?.bodyColorName}</span>\n                        <span className={styles.simulationChangeButton}>変更</span>\n                      </div>\n                    )}\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetBodyColor && 'is-hidden'}`}>グレードの変更によりリセットされました</div>\n              </dd>\n            </dl>\n\n            {/* オプション */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>オプション</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() ? (\n                  <p className=\"is-padding-left-5\">未選択</p>\n                ) : (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasOption() && nowSelectOption() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 4)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-option\"\n                  >\n                    {!hasOption() || !nowSelectOption() ? (\n                      <p>オプションを選択</p>\n                    ) : (\n                      <p className={`has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectOption()}</p>\n                    )}\n                    <span className={styles.simulationChangeButton}>変更</span>\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetOption && 'is-hidden'}`}>グレードの変更によりリセットされました</div>\n              </dd>\n            </dl>\n\n            {/* メンテナンスプラン */}\n            <dl className={`columns is-mobile is-padding-1 ${styles.itemWrap} ${!hasGrade() && styles.itemBgWhiteter}`}>\n              <dt className=\"column is-narrow has-text-weight-bold\">\n                <span />\n                <p className={styles.itemTitle}>メンテナンス</p>\n              </dt>\n              <dd className=\"column has-text-grey is-margin-right-3\">\n                {!hasGrade() && (\n                  <p className=\"is-padding-left-5\">未選択</p>\n                )}\n                {hasGrade() && !isAvailableMaintenance() && (\n                  <div className={`is-size-4 input-warning ${styles.selectBox} ${styles.notSelected}`}>\n                    この車種ではご利用いただけません\n                  </div>\n                )}\n                {hasGrade() && isAvailableMaintenance() && (\n                  <div\n                    className={`input-inputted ${styles.selectBox} ${hasMaintenance() ? styles.selected : styles.notSelected}`}\n                    onClick={():void => showDialog('sp', 5)}\n                    data-gtm=\"gtm-newcar-detail-simulatorSP-MaintePlan\"\n                  >\n                    {!hasMaintenance() ? (\n                      <>\n                        <p>メンテナンスを選択</p>\n                        <span className={styles.iconArrowRightGrey} />\n                      </>\n                    ) : (\n                      <div className=\"columns is-mobile is-vcentered\">\n                        {nowSelectMaintenance() !== 'メンテプランなし' && (\n                          <div className=\"column is-narrow is-flex is-padding-right-2\">\n                            <svg viewBox=\"0 0 30 30\" width=\"30\" height=\"30\">\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#2c5488\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== 'プラチナメンテプラン' ? 'is-hidden' : ''} />\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#dfaf2e\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== 'ゴールドメンテプラン' ? 'is-hidden' : ''} />\n                              <circle r=\"15\" cx=\"15\" cy=\"15\" fill=\"#b2b2b2\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" className={nowSelectMaintenance() !== 'シルバーメンテプラン' ? 'is-hidden' : ''} />\n                            </svg>\n                          </div>\n                        )}\n                        <span className={`column has-text-weight-semibold ${styles.textSimulationSelected}`}>{nowSelectMaintenance()}</span>\n                        <span className={styles.simulationChangeButton}>変更</span>\n                      </div>\n                    )}\n                  </div>\n                )}\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetOption && 'is-hidden'}`}>グレードの変更によりリセットされました</div>\n                <div className={`is-size-6 is-padding-top-1 has-text-danger ${!simulationManagerStore.isResetMaintenance && 'is-hidden'}`}>リース期間の変更により選択解除されました</div>\n              </dd>\n            </dl>\n          </div>\n\n          {/* 合計金額 */}\n          <div className={`is-padding-3 is-padding-top-5 is-padding-bottom-5 ${styles.priceWrap}`}>\n            <div className=\"columns is-mobile\">\n              <div className=\"column\">\n                <h3 className=\"title is-5 has-text-black-ter is-margin-bottom-3\">お選びのプラン合計金額</h3>\n              </div>\n            </div>\n            <div className=\"columns is-mobile\">\n              <div className=\"column\">\n                <div>\n                  <dl className=\"columns is-mobile is-vcentered is-size-6\">\n                    <dt className={`column is-narrow ${styles.width4_5rem}`}>通常価格</dt>\n                    <dd className=\"column is-narrow\">\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className={`column is-size-7 is-narrow has-text-right is-margin-right-3 ${styles.textUpRight} ${styles.width2rem}`}>\n                          月額\n                        </div>\n                        <div className=\"column is-narrow\">\n                          <strong className={`is-size-3 ${hasGrade() ? 'is-strikethrou' : ''}`}>{hasGrade() ? nowSelectNomalPrice() : '---,--- '}</strong>\n                          円(税込)\n                        </div>\n                      </div>\n                    </dd>\n                  </dl>\n                  <div className={`${styles.priceTrico} ${styles.isTablet}`} />\n                  <dl className=\"columns is-mobile is-vcentered is-size-6\">\n                    <dt className={`column is-narrow has-text-weight-bold is-line-height-small ${styles.priceColorBlue} ${styles.width4_5rem}`}>\n                      ネット割\n                      <br />\n                      適用後価格\n                    </dt>\n                    <dd className=\"column is-narrow\">\n                      <div className=\"columns is-mobile is-vcentered\">\n                        <div className={`column is-size-7 is-narrow has-text-right is-margin-right-3 has-text-weight-semibold ${styles.textUpRight} ${styles.width2rem}`}>\n                          月額\n                        </div>\n                        <div className=\"column is-narrow\">\n                          <strong className={`${styles.priceColorBlue} is-size-2`}>\n                            {nowSelectDiscountPrice()}\n                            {' '}\n                          </strong>\n                          <span className=\"has-text-weight-semibold\">円(税込)</span>\n                        </div>\n                      </div>\n                    </dd>\n                  </dl>\n                </div>\n              </div>\n              <div className=\"is-flex has_vertical_centered\">\n                <img\n                  src={thumbnailUrl}\n                  width=\"80\"\n                  height=\"45\"\n                  alt=\"車画像\"\n                  decoding=\"async\"\n                />\n              </div>\n            </div>\n\n            <div className=\"has-text-right is-margin-top-3 is-flex is-hidden-desktop is-hidden-mobile is-hidden-touch\">\n              <span className={`${styles.balloonCampaign}`}>\n                <span className={`is-relative ${styles.balloonCampaignItem}`}>無料！5分でかんたんお申し込み</span>\n              </span>\n            </div>\n            <div className={`${styles.naviPlanBalloon}`}>\n              最大\n              <span className={`${styles.naviPlanText}`}>\n                3万円\n              </span>\n              分当たる！キャンペーン対象\n            </div>\n\n            <div className=\"columns is-mobile has-text-centered\">\n              {/* CTAボタン */}\n              <div className=\"column\" ref={ctaButton}>\n                <button\n                  type=\"button\"\n                  className={`\n                    button is-large is-size-4 is-full-width has-text-white \n                    ${hasGrade() ? `${styles.blueButton}` : `${styles.blueButton} ${styles.isDisabled}`}\n                  `}\n                  onClick={() => goToEntryForm()}\n                >\n                  <strong>まずはお試しで審査に申込む</strong>\n                  <span className={styles.iconArrowRightBig} />\n                </button>\n                <p className=\"is-size-7 is-inline-desktop is-block-touch is-margin-top-1\">\n                  ※審査申込みは契約ではありません\n                </p>\n              </div>\n            </div>\n          </div>\n        </Card>\n      )}\n    </Observer>\n  );\n};\n\nexport default PlanSP;\n","/* eslint-disable @typescript-eslint/naming-convention */\nexport const PlanTitle = {\n  SIMPLE: 'シンプルプラン',\n  OSUSUME: 'おすすめプラン',\n  YOKUBARI: 'よくばりプラン',\n  ORIGINAL: 'オリジナルプラン',\n};\n\nexport const PlanTitleToId = (title: string): keyof typeof PlanTitle => {\n  const [planId] = Object.entries(PlanTitle).find((item) => item[1] === title) ?? [];\n  return (planId ?? 'ORIGINAL') as keyof typeof PlanTitle;\n};\n","// extracted by mini-css-extract-plugin\nexport const isMarginTop3rem = \"PlanPC-module--is-margin-top-3rem--tfjf8\";\nexport const bandSizeSmall = \"PlanPC-module--band-size-small--28llC\";\nexport const isPaddingBottomLarge = \"PlanPC-module--is-padding-bottom-large--o5Tyx\";\nexport const isFlex = \"PlanPC-module--is-flex--td_7S\";\nexport const band = \"PlanPC-module--band--1gASp\";\nexport const topBubble = \"PlanPC-module--top-bubble--Vd5wY\";\nexport const nextStepBtnWrap = \"PlanPC-module--next-step-btn-wrap--2Nck0\";\nexport const nextStepBtn = \"PlanPC-module--next-step-btn--2b7zf\";\nexport const customizeBtnWrap = \"PlanPC-module--customize-btn-wrap--zgasE\";\nexport const customizeBtn = \"PlanPC-module--customize-btn--390LQ\";\nexport const inner = \"PlanPC-module--inner--vzCla\";\nexport const detailBtnWrap = \"PlanPC-module--detailBtnWrap--2JEg4\";\nexport const arrowBlack = \"PlanPC-module--arrow-black--1mkLL\";\nexport const price = \"PlanPC-module--price--1jKKr\";\nexport const minHeight3_5rem = \"PlanPC-module--min-height-3_5rem--1oDsW\";","import React, { FC, useContext, useState } from 'react';\nimport { useLocation } from '@reach/router';\nimport arrowWhite from '@/newcar/ui/detail/img/arrow-white.svg';\nimport { PlanTitleToId, PlanTitle } from '@/newcar/core/model/plan';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport { Observer } from 'mobx-react-lite';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanPC.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport CARMO_CONST from '@/common/util/const';\nimport { navigate } from 'gatsby';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\ntype PlanPCProps = {\n  title: string;\n  onClickCustomizePlan: (\n    dialogode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID\n    )=>void;\n  classname?: string;\n  isOriginal?: boolean;\n  openSavedPlanModal?: ()=>void;\n}\n\nconst PlanPC:FC<PlanPCProps> = ({\n  title, onClickCustomizePlan, classname, isOriginal, openSavedPlanModal,\n}) => {\n  const location = useLocation();\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const [isSaved, setIsSaved] = useState(false);\n\n  const hasGrade = () => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const list = simulationManagerStore.nowSelectGrade;\n      return (list !== undefined);\n    }\n    // 保存済みシミュレーションのため常にtrue\n    return true;\n  };\n\n  interface PlanProps {\n    gradeName?: string,\n    option?: string,\n    color?:string,\n    maintenance?: string,\n    price?:number,\n    term?:NEWCAR_CONST.TERM.ID\n  }\n\n  // シンプルプラン系情報取得\n  const simplePlan = (): PlanProps => simulationManagerStore.nowSimpleSelection;\n  const simplePlanPrice = (): string => {\n    const result = simulationManagerStore.nowSimpleSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // おすすめプラン系情報取得\n  const recommendPlan = (): PlanProps => simulationManagerStore.nowRecommendSelection;\n  const recommendPlanPrice = (): string => {\n    const result = simulationManagerStore.nowRecommendSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // よくばりプラン系情報取得\n  const richPlan = (): PlanProps => simulationManagerStore.nowRichSelection;\n  const richPlanPrice = (): string => {\n    const result = simulationManagerStore.nowRichSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  // オリジナルプラン系情報取得\n  const originalPlan = (): PlanProps => {\n    if (typeof window === 'undefined') {\n      // ビルド時にプラン情報が設定されると意図しない挙動になるため、ビルド時は空オブジェクトを返す\n      return {};\n    }\n    if (!simulationManagerStore.isOldSimulation) {\n      return simulationManagerStore.nowOriginalSelection;\n    }\n    return simulationResultManagerStore.oldOriginalSelection;\n  };\n  const originalPrice = (): string => {\n    if (!simulationManagerStore.isOldSimulation) {\n      const result = simulationManagerStore.nowOriginalSelection;\n      return CARMO_CONST.COMMA_FORMAT(result.price);\n    }\n    const result = simulationResultManagerStore.oldOriginalSelection;\n    return CARMO_CONST.COMMA_FORMAT(result.price);\n  };\n\n  const goToEntryForm = (plan: string) => {\n    // 申し込みへ進んだ内容を記録\n    Object.entries(NEWCAR_CONST.SIMULATION_PLAN.NAME).forEach(([key, value]) => {\n      if (value === plan) {\n        interruptionStore.addItem(simulationManagerStore, Number(key));\n      }\n    });\n\n    // シミュレーションの履歴を保存\n    if (simulationManagerStore.nowCar) {\n      simulationManagerStore.changeUserSelect(simulationManagerStore.nowCar);\n    }\n\n    if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL]) {\n      if (!simulationManagerStore.isOldSimulation) {\n        if (!hasGrade()) {\n          simulationManagerStore.nowCarToUndefined();\n        }\n        simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n        navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n      } else if (simulationResultManagerStore.nowSimulation) {\n        simulationResultManagerStore.saveEntryBreakdownFromSimulationResult(\n          simulationResultManagerStore.nowSimulation,\n        );\n        navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n      }\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE]) {\n      // シンプルプラン\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[\n      NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND]) {\n      // おすすめプラン\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    } else if (plan === NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RICH]) {\n      // よくばりプラン\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RICH);\n      navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n    }\n  };\n\n  // シミュレーション結果を保存\n  const onClickSave = () => {\n    simulationResultManagerStore.addSimulation({\n      customerSelection: simulationManagerStore.nowCustomerSelection,\n      carDigest: simulationManagerStore.nowCarDigest,\n      grade: simulationManagerStore.nowGrade,\n      bodyColor: simulationManagerStore.nowSimulationBodyColor,\n      totalPrice: simulationManagerStore.nowSelectPrice,\n      optionstring: simulationManagerStore.nowSelectOption,\n      option: simulationManagerStore.nowSimulationOpstions,\n    });\n    // パラメータを変更\n    if (window && !/s1=/.test(location.search)) {\n      const paramstring = simulationManagerStore.urlParams;\n      if (paramstring) {\n        if (location.pathname.slice(-1) === '/') {\n          window.history.replaceState(null, '', `${location.pathname}?${paramstring}&s1=1`);\n        } else {\n          window.history.replaceState(null, '', `${location.pathname}/?${paramstring}&s1=1`);\n        }\n      }\n    }\n    setIsSaved(true);\n    if (openSavedPlanModal) openSavedPlanModal();\n  };\n\n  return (\n    <Observer>\n      {() => {\n        let planName = '';\n        let plan: PlanProps = {};\n        let price = '';\n        let gtmCta = '';\n        let gtmCustom = '';\n        switch (title) {\n          case PlanTitle.SIMPLE:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE];\n            price = simplePlanPrice();\n            plan = simplePlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-simplePlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-simplePlanCcustomBtn';\n            break;\n          case PlanTitle.OSUSUME:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND];\n            price = recommendPlanPrice();\n            plan = recommendPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-recommendPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-recommendPlanCcustomBtn';\n            break;\n          case PlanTitle.YOKUBARI:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.RICH];\n            price = richPlanPrice();\n            plan = richPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-richPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-richPlanCcustomBtn';\n            break;\n          case PlanTitle.ORIGINAL:\n            planName = NEWCAR_CONST.SIMULATION_PLAN.NAME[NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL];\n            price = originalPrice();\n            plan = originalPlan();\n            gtmCta = 'gtm-newcar-detail-simulatorPC-originalPlanCTABtn';\n            gtmCustom = 'gtm-newcar-detail-simulatorPC-originalPlanCcustomBtn';\n            break;\n          default:\n            break;\n        }\n        const data = {\n          planName,\n          price,\n          grade: plan.gradeName,\n          color: plan.color,\n          option: plan.option,\n          maintenance: plan.maintenance,\n          term: plan.term,\n        };\n\n        return (\n          <div className={`column ${styles.isFlex} ${classname}`}>\n            <div className={`card is-margin-bottom-5 has-background-white is-padding-4 is-padding-top-0 ${styles.isPaddingBottomLarge}`}>\n              <div className={`has-background-primary ${styles.band} ${styles.bandSizeSmall}`} />\n              <div className=\"is-padding-top-4\">\n                <div className={`columns ${styles.topBubble}`}>\n                  {title === PlanTitle.OSUSUME && (\n                  <>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">カーナビ付</p>\n                    {!simulationManagerStore.nowRecommendSelection.isNotApplicable && (\n                      <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">ゴールドメンテ</p>\n                    )}\n                  </>\n                  )}\n                  {title === PlanTitle.YOKUBARI && (\n                  <>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">ハイグレード車</p>\n                    <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">充実装備</p>\n                    {!simulationManagerStore.nowRecommendSelection.isNotApplicable && (\n                      <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">ゴールドメンテ</p>\n                    )}\n                  </>\n                  )}\n                  {title === PlanTitle.ORIGINAL && (\n                  <p className=\"is-size-7 has-background-white has-text-primary has-text-weight-semibold\">こだわり派</p>\n                  )}\n                </div>\n\n                <h3 className=\"has-text-primary is-size-3 has-text-centered has-text-weight-semibold is-padding-bottom-2\">\n                  {title}\n                </h3>\n\n                <div className={`is-margin-bottom-3 ${styles.minHeight3_5rem}`}>\n                  <div className={data.grade ?? 'is-hidden'}>\n                    <div className=\"columns is-vcentered\">\n                      <p className=\"column is-size-7\">\n                        <span className=\"is-block has-text-weight-semibold\">\n                          {data.term}\n                          年賃貸月額定額\n                        </span>\n                        <span className=\"is-block has-text-grey\">(ネット割適用後)</span>\n                      </p>\n                      <p className={`column has-text-weight-semibold ${styles.price} is-padding-left-1 is-padding-right-1`}>\n                        {data.price}\n                      </p>\n                      <p className=\"column is-narrow is-size-7 has-text-grey\">\n                        円〜\n                      </p>\n                    </div>\n                    <p className=\"is-size-7 has-text-centered has-text-primary\">頭金・ボーナス払い0円 法定費用・手数料コミ</p>\n                  </div>\n                  <div className={data.grade ? 'is-hidden' : ''}>\n                    <p className=\"is-size-6 is-padding-top-3\">カラーも装備もとことんこだわりたいお客様はこちらから</p>\n                  </div>\n                </div>\n\n                <div className={styles.nextStepBtnWrap}>\n                  {!isOriginal || data.grade ? (\n                    <button\n                      className={`button is-link is-full-width is-medium has-text-weight-semibold ${styles.nextStepBtn}`}\n                      type=\"button\"\n                      data-gtm={gtmCta}\n                      onClick={() => goToEntryForm(data.planName)}\n                    >\n                      いますぐ審査・商談に進む\n                      <img src={arrowWhite} alt=\"白矢印\" />\n                    </button>\n                  ) : (\n                    <button\n                      className={`button is-primary is-full-width is-medium has-text-weight-semibold ${styles.nextStepBtn}`}\n                      type=\"button\"\n                      data-gtm=\"gtm-newcar-detail-simulatorPC-makePlanBtn\"\n                      onClick={():void => {\n                        onClickCustomizePlan('all', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n                      }}\n                    >\n                      プランを作る\n                      <img src={arrowWhite} alt=\"白矢印\" />\n                    </button>\n                  )}\n                </div>\n\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">グレード</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.grade}\n                    <span className={data.grade ? 'is-hidden' : ''}>未選択</span>\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner} ${data.color ?? 'is-hidden'}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">カラー</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.color}\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">オプション装備</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.option}\n                    <span className={data.option ? 'is-hidden' : ''}>未選択</span>\n                  </dd>\n                </dl>\n                <dl className={`${styles.inner}`}>\n                  <dt className=\"is-size-7 has-background-white has-text-weight-semibold\">メンテナンスプラン</dt>\n                  <dd className=\"is-size-6 has-text-grey\">\n                    {data.maintenance}\n                    <span className={data.maintenance ? 'is-hidden' : ''}>未選択</span>\n\n                  </dd>\n                </dl>\n\n                <div className={`${styles.customizeBtnWrap} ${data.grade ?? 'is-hidden'}`}>\n                  <div className=\"has-text-centered\">\n                    <button\n                      className={`button is-full-width has-text-grey ${styles.customizeBtn}`}\n                      type=\"button\"\n                      data-gtm={gtmCustom}\n                      onClick={():void => {\n                        const id = PlanTitleToId(title);\n                        switch (id) {\n                          case 'ORIGINAL':\n                            onClickCustomizePlan('all', NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n                            break;\n                          case 'YOKUBARI':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.RICH);\n                            break;\n                          case 'OSUSUME':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND);\n                            break;\n                          case 'SIMPLE':\n                            onClickCustomizePlan('bodyColorAndOption', NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE);\n                            break;\n                          default:\n                            break;\n                        }\n                        setIsSaved(false);\n                      }}\n                    >\n                      このプランをカスタマイズ\n                    </button>\n                  </div>\n                  {title === PlanTitle.ORIGINAL && (\n                    <div className=\"has-text-centered\">\n                      <button\n                        type=\"button\"\n                        className={`button is-full-width has-text-grey is-margin-top-3 ${styles.customizeBtn}`}\n                        data-gtm=\"gtm-newcar-detail-simulatorPC-isSaved\"\n                        onClick={():void => onClickSave()}\n                        disabled={isSaved}\n                      >\n                        {isSaved ? '保存済' : '結果をマイプランとして保存'}\n                      </button>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        );\n      }}\n    </Observer>\n  );\n};\n\nexport default PlanPC;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjQwMDAwOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSLjgrDjg6vjg7zjg5dfMTAwNjQiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEwMDY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDE0IC03MjIpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMjAzMjgiIGRhdGEtbmFtZT0i44OR44K5IDIwMzI4IiBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwwQTExLDExLDAsMSwxLDAsMTEsMTEsMTEsMCwwLDEsMTEsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNCA3MjIpIi8+CiAgICA8ZyBpZD0iaWNvbl9hbGxvd19yaWdodF9ibGFjayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODkuOTk2IDEzMi40ODkpIj4KICAgICAgPHBhdGggaWQ9IuODkeOCuV82NDQ3IiBkYXRhLW5hbWU9IuODkeOCuSA2NDQ3IiBjbGFzcz0iY2xzLTIiIGQ9Ik02NjEuNywxMDEuOTQ3YTEuMDEsMS4wMSwwLDAsMS0uNzE0LTEuNzI0bDUuMzI0LTUuMzI0LTUuMzI0LTUuMzI0YTEuMDEsMS4wMSwwLDAsMSwxLjQyOC0xLjQyOGw2Ljc1Myw2Ljc1My02Ljc1Myw2Ljc1M0ExLjAwNywxLjAwNywwLDAsMSw2NjEuNywxMDEuOTQ3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyOS42ODQgNTA1LjY2MSkiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=\"","// extracted by mini-css-extract-plugin\nexport const dialogWrap = \"PlanDialog-module--dialog-wrap--Q1Jkl\";\nexport const dialog = \"PlanDialog-module--dialog--3Qo8W\";\nexport const height100 = \"PlanDialog-module--height100--ONH8G\";\nexport const stepPadding = \"PlanDialog-module--step-padding--3Z1y3\";\nexport const dialogToTop = \"PlanDialog-module--dialog-to-top--rk1Mc\";\nexport const dialogClose = \"PlanDialog-module--dialog-close--1Dssl\";\nexport const redBand = \"PlanDialog-module--red-band--194Ac\";\nexport const scrollContent = \"PlanDialog-module--scroll-content--1kZY9\";\nexport const stepWrap = \"PlanDialog-module--step-wrap--30vmh\";\nexport const stepWrapSmall = \"PlanDialog-module--step-wrap-small--2Rh0-\";\nexport const yetStep = \"PlanDialog-module--yet-step--1st4G\";\nexport const nowStep = \"PlanDialog-module--now-step--51I3X\";\nexport const endStep = \"PlanDialog-module--end-step--2Cc1d\";\nexport const headerTitle = \"PlanDialog-module--header-title--2vQUH\";\nexport const closeBtn = \"PlanDialog-module--close-btn--BI9x5\";\nexport const helpBtn = \"PlanDialog-module--help-btn--2jNXm\";\nexport const isLeaseTerm = \"PlanDialog-module--is-lease-term--SYi7c\";\nexport const iconArrowPosition = \"PlanDialog-module--icon-arrow-position--3yEpr\";\nexport const helpSupportItems = \"PlanDialog-module--help-support-items--37hlW\";\nexport const popupPosition = \"PlanDialog-module--popup-position--24lSZ\";\nexport const popupContent = \"PlanDialog-module--popup-content--2WMAH\";\nexport const popupContentHalf = \"PlanDialog-module--popup-content-half--1aA4B\";\nexport const aboutIcon = \"PlanDialog-module--about-icon--F2opc\";\nexport const closeButton = \"PlanDialog-module--close-button--3QC82\";\nexport const contentContainer = \"PlanDialog-module--content-container--3caiQ\";\nexport const contentView = \"PlanDialog-module--content-view--NfNmD\";\nexport const content = \"PlanDialog-module--content--3hqPx\";\nexport const showContent1 = \"PlanDialog-module--show-content1--2ITYR\";\nexport const showContent2 = \"PlanDialog-module--show-content2--276PF\";\nexport const showContent3 = \"PlanDialog-module--show-content3--2glRy\";\nexport const showContent4 = \"PlanDialog-module--show-content4--6gm9o\";\nexport const showContent5 = \"PlanDialog-module--show-content5--3yxo_\";\nexport const showContent6 = \"PlanDialog-module--show-content6--3Ic3R\";\nexport const inputLease = \"PlanDialog-module--input-lease--HUk92\";\nexport const decreaseBtn = \"PlanDialog-module--decrease-btn--29rC7\";\nexport const increaseBtn = \"PlanDialog-module--increase-btn--3S2-H\";\nexport const gradeBox = \"PlanDialog-module--grade-box--2lx6a\";\nexport const gradeBoxSelected = \"PlanDialog-module--grade-box-selected--2Fw1X\";\nexport const gradeIconUl = \"PlanDialog-module--grade-icon-ul--3t-nl\";\nexport const kudou = \"PlanDialog-module--kudou--1X1Ym\";\nexport const kudouSelected = \"PlanDialog-module--kudou-selected--2In2a\";\nexport const bodycolorBox = \"PlanDialog-module--bodycolor-box--xozMU\";\nexport const bodycolorBoxSelected = \"PlanDialog-module--bodycolor-box-selected--1irOs\";\nexport const colorCircleWrap = \"PlanDialog-module--color-circle-wrap--1ASZp\";\nexport const optionBox = \"PlanDialog-module--option-box--3jzAC\";\nexport const optionBoxSelected = \"PlanDialog-module--option-box-selected--fa13N\";\nexport const underline = \"PlanDialog-module--underline--16OHT\";\nexport const osusumeLabel = \"PlanDialog-module--osusume-label--QaBso\";\nexport const maintenanceBox = \"PlanDialog-module--maintenance-box--1PD5n\";\nexport const maintenanceBoxSelected = \"PlanDialog-module--maintenance-box-selected--1gXfc\";\nexport const mainteplanIcon = \"PlanDialog-module--mainteplan-icon--2MYPA\";\nexport const maintePlatinum = \"PlanDialog-module--mainte-platinum--1RrhA\";\nexport const mainteGold = \"PlanDialog-module--mainte-gold--1oXtd\";\nexport const mainteSilver = \"PlanDialog-module--mainte-silver--1s-dW\";\nexport const mainteWihite = \"PlanDialog-module--mainte-wihite--1EJIq\";\nexport const plus = \"PlanDialog-module--plus--3_a8x\";\nexport const overview = \"PlanDialog-module--overview--1xljG\";\nexport const maintenanceTableHead = \"PlanDialog-module--maintenance-table-head--nAbAr\";\nexport const maintenanceTableBody = \"PlanDialog-module--maintenance-table-body--NPpaY\";\nexport const verticalAlignTextTop = \"PlanDialog-module--vertical-align-text-top--99W17\";\nexport const footer = \"PlanDialog-module--footer--1NyJi\";\nexport const isSp = \"PlanDialog-module--is-sp--tmbHL\";\nexport const bottomButtonWrap = \"PlanDialog-module--bottom-button-wrap--3Af2r\";\nexport const backButton = \"PlanDialog-module--back-button--28qdZ\";\nexport const scrim = \"PlanDialog-module--scrim--3zIFq\";\nexport const gradeEngine = \"PlanDialog-module--grade-engine--3DA-u\";\nexport const isBlack = \"PlanDialog-module--is-black--2a8uC\";\nexport const isBlue = \"PlanDialog-module--is-blue--1aXRO\";\nexport const leaseContents = \"PlanDialog-module--lease-contents--HmVfX\";\nexport const leaseLabel = \"PlanDialog-module--lease-label--3HPgf\";\nexport const leaseLabelPrice = \"PlanDialog-module--lease-label-price--sKR5E\";\nexport const leaseBox = \"PlanDialog-module--lease-box--nsfZC\";\nexport const leaseBoxSelected = \"PlanDialog-module--lease-box-selected--QjvkQ\";\nexport const radioRow = \"PlanDialog-module--radio-row--21LH9\";\nexport const isEngine = \"PlanDialog-module--is-engine--2FI1W\";\nexport const isWd = \"PlanDialog-module--is-wd--pAPOk\";\nexport const isMission = \"PlanDialog-module--is-mission--36-ZO\";\nexport const gradeHeader = \"PlanDialog-module--grade-header--2V6Kk\";\nexport const mainteHeader = \"PlanDialog-module--mainte-header--1Y9lK\";\nexport const checkboxContainer = \"PlanDialog-module--checkbox-container--3YciR\";\nexport const checkboxRow = \"PlanDialog-module--checkbox-row--hdU1-\";\nexport const optionNoticeContainer = \"PlanDialog-module--option-notice-container--3d7Zq\";\nexport const isGrade = \"PlanDialog-module--is-grade--3gdnr\";\nexport const gradeName = \"PlanDialog-module--grade-name--1BvOz\";\nexport const recommend = \"PlanDialog-module--recommend--35cOM\";\nexport const labels = \"PlanDialog-module--labels--7HKiX\";\nexport const disabled = \"PlanDialog-module--disabled--2cEvo\";\nexport const gradeColors = \"PlanDialog-module--grade-colors--2PGlO\";\nexport const gradeEngineTypeContainer = \"PlanDialog-module--grade-engine-type-container--1GXh0\";\nexport const gradeEquipmentContainer = \"PlanDialog-module--grade-equipment-container--1ECVK\";\nexport const gradeEquipmentName = \"PlanDialog-module--grade-equipment-name--2Uz8f\";\nexport const gradeEquipmentTip = \"PlanDialog-module--grade-equipment-tip--1ozib\";\nexport const gradeStepItemContainer = \"PlanDialog-module--grade-step-item-container--3t4MD\";\nexport const gradeStepItemName = \"PlanDialog-module--grade-step-item-name--3H6kO\";\nexport const gradeStepItemContent = \"PlanDialog-module--grade-step-item-content--lJ4w7\";\nexport const gradeStepItemHelp = \"PlanDialog-module--grade-step-item-help--2krj4\";\nexport const priceColorBlue = \"PlanDialog-module--price-color-blue--2UBhp\";","// extracted by mini-css-extract-plugin\nexport const content = \"ModalSP-module--content--gH3rr\";\nexport const radioRow = \"ModalSP-module--radio-row--zNhfz\";\nexport const gradeHeader = \"ModalSP-module--grade-header--z999W\";\nexport const mainteHeader = \"ModalSP-module--mainte-header--1Le-W\";\nexport const isLarge = \"ModalSP-module--is-large--Gdrdk\";\nexport const checkboxRow = \"ModalSP-module--checkbox-row--1hnPS\";\nexport const isGrade = \"ModalSP-module--is-grade--1Tywc\";\nexport const recommend = \"ModalSP-module--recommend--et2K1\";\nexport const gradeName = \"ModalSP-module--grade-name--2wrgy\";\nexport const labels = \"ModalSP-module--labels--FNM33\";\nexport const disabled = \"ModalSP-module--disabled--qIMoD\";\nexport const gradeColors = \"ModalSP-module--grade-colors--2BbBh\";\nexport const gradeCardContainer = \"ModalSP-module--grade-card-container--23Sgl\";\nexport const gradeEngineTypeContainer = \"ModalSP-module--grade-engine-type-container--2iZWl\";\nexport const gradeEquipmentContainer = \"ModalSP-module--grade-equipment-container--1HDTj\";\nexport const gradeEquipmentName = \"ModalSP-module--grade-equipment-name--1fWOQ\";\nexport const colorChip = \"ModalSP-module--color-chip--7-YV2\";\nexport const secondColor = \"ModalSP-module--second-color--268ei\";\nexport const isBodyColor = \"ModalSP-module--is-body-color--3-xYy\";\nexport const underline = \"ModalSP-module--underline--2PuFe\";\nexport const isMainte = \"ModalSP-module--is-mainte--E4K6H\";\nexport const overview = \"ModalSP-module--overview--32yrN\";\nexport const overviewHeading = \"ModalSP-module--overview-heading--1PL3I\";\nexport const overviewNotice = \"ModalSP-module--overview-notice--27WNE\";\nexport const overviewList = \"ModalSP-module--overview-list--2NEax\";\nexport const overviewListItem = \"ModalSP-module--overview-list-item--2g6qg\";\nexport const overviewAsterisk = \"ModalSP-module--overview-asterisk--2Bcv7\";\nexport const platinum = \"ModalSP-module--platinum--HZElt\";\nexport const gold = \"ModalSP-module--gold--c-Dfe\";\nexport const silver = \"ModalSP-module--silver--2MbES\";\nexport const maintenanceTableHead = \"ModalSP-module--maintenance-table-head--1mSX_\";\nexport const maintenanceTableBody = \"ModalSP-module--maintenance-table-body--2Dj8T\";\nexport const maintenanceMemo = \"ModalSP-module--maintenance-memo--3AcQB\";\nexport const verticalAlignTextTop = \"ModalSP-module--vertical-align-text-top--d-4Oa\";\nexport const resultPrice = \"ModalSP-module--result-price--3RVpX\";\nexport const item = \"ModalSP-module--item--3zAdE\";\nexport const adjust = \"ModalSP-module--adjust--x0tfs\";\nexport const resultPriceGap = \"ModalSP-module--result-price-gap--CGHT-\";\nexport const resultPriceContentRight = \"ModalSP-module--result-price-content-right--CkO0w\";\nexport const resultPriceMonthlyLabel = \"ModalSP-module--result-price-monthly-label--2dFqm\";\nexport const resultCarContainer = \"ModalSP-module--result-car-container--1wQNH\";\nexport const resultCarThumbnail = \"ModalSP-module--result-car-thumbnail--1jzvY\";\nexport const resultCarName = \"ModalSP-module--result-car-name--1yJ_r\";\nexport const priceTrico = \"ModalSP-module--price-trico--qF6_I\";\nexport const discountPrice = \"ModalSP-module--discount-price--1fUHv\";\nexport const annotation = \"ModalSP-module--annotation--bYA9Q\";\nexport const asterisk = \"ModalSP-module--asterisk--2jGPF\";\nexport const resultCta = \"ModalSP-module--result-cta--3m4Bh\";\nexport const isBlue = \"ModalSP-module--is-blue--1IVJ0\";\nexport const resultDetail = \"ModalSP-module--result-detail--3uNw6\";\nexport const option = \"ModalSP-module--option--2drF1\";\nexport const termInformationContainer = \"ModalSP-module--term-information-container--1FhQo\";\nexport const termTipAffordable = \"ModalSP-module--term-tip-affordable--wrTHB\";\nexport const termNoticeUnder = \"ModalSP-module--term-notice-under--3tXpe\";\nexport const isTextRed = \"ModalSP-module--is-text-red--2MKDa\";\nexport const termNoticeListBottom = \"ModalSP-module--term-notice-list-bottom--2-Iv6\";\nexport const priceColorBlue = \"ModalSP-module--price-color-blue--2R11f\";\nexport const resultCategoryTitle = \"ModalSP-module--result-category-title--1OqkJ\";\nexport const naviPlanBalloon = \"ModalSP-module--navi-plan-balloon--2CXN1\";\nexport const naviPlanText = \"ModalSP-module--navi-plan-text--1jYFo\";\nexport const naviPlanTextMin = \"ModalSP-module--navi-plan-text-min--ROqDm\";\nexport const optionLabel = \"ModalSP-module--option-label--D4Vm-\";\nexport const optionLabelInnerTop = \"ModalSP-module--option-label-inner-top--2oKBS\";\nexport const optionLabelInnerBottom = \"ModalSP-module--option-label-inner-bottom--oI2Vo\";\nexport const optionLabelPrice = \"ModalSP-module--option-label-price--1Wf7c\";\nexport const optionLabelThumbnail = \"ModalSP-module--option-label-thumbnail--1hoP3\";\nexport const optionLabelDescription = \"ModalSP-module--option-label-description--1axqK\";\nexport const optionLabelAttention = \"ModalSP-module--option-label-attention--3KxH4\";\nexport const optionLabelSubscript = \"ModalSP-module--option-label-subscript--3rkvy\";\nexport const isEquipped = \"ModalSP-module--is-equipped--2wYWI\";\nexport const whiteButton = \"ModalSP-module--white-button--38zdo\";\nexport const saveText = \"ModalSP-module--save-text--1IVwG\";\nexport const saved = \"ModalSP-module--saved--3ehHv\";","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalTermProps {\n  isShow: boolean;\n}\n\nconst ModalTerm: FC<ModalTermProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const termList = [\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_11,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_11],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term11SelectPrice)}円`,\n\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_10,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_10],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term10SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_9,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_9],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term9SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_8,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_8],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term8SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_7,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_7],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term7SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_6,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_6],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term6SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_5,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_5],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term5SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_4,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_4],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term4SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_3,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_3],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term3SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_2,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_2],\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term2SelectPrice)}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_1,\n      name: `${NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_1]}(最短)`,\n      price: `${CARMO_CONST.COMMA_FORMAT(simulationManagerStore.term1SelectPrice)}円`,\n    },\n  ];\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  const onClick = (id: NEWCAR_CONST.TERM.ID) => {\n    const prevTerm = simulationManagerStore.nowSelectTerm;\n    if (simulationManagerStore.nowSelectMaintenance\n      === NEWCAR_CONST.MAINTENANCE.PLAN_NAME(NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM)) {\n      if (id <= 5 && prevTerm >= 6) {\n        // 賃貸期間を6年以上から5年以下に変更した時\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      } else if (prevTerm <= 5 && id >= 6) {\n        // 賃貸期間を5年以下から6年以上に変更した時\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      }\n    }\n    simulationManagerStore.changeTerm(id);\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`} style={style} data-type=\"term-setting\">\n      <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">ご利用期間をえらぶ</h2>\n      <div className=\"is-margin-bottom-6\">\n        {termList.map((value, index) => (\n          <>\n            <div\n              className={`${styles.radioRow} is-padding-1 ${(value.id === NEWCAR_CONST.TERM.ID.YEAR_11) ? `${styles.termInformationContainer}` : ''}`}\n              key={index.toString()}\n            >\n              <input\n                type=\"radio\"\n                name=\"term\"\n                id={`term-${value.id}`}\n                checked={value.id === simulationManagerStore.nowSelectTerm}\n                onChange={() => onClick(value.id)}\n              />\n              <label htmlFor={`term-${value.id}`} className=\"box is-padding-5\">\n                <span>\n                  {value.name}\n                  {value.id === NEWCAR_CONST.TERM.ID.YEAR_11 && (\n                    <span className={styles.termTipAffordable}>最安</span>\n                  )}\n                </span>\n                <span>{value.price}</span>\n              </label>\n            </div>\n            {value.id === NEWCAR_CONST.TERM.ID.YEAR_7 && (\n              <p className={styles.termNoticeUnder}>\n                <span className={styles.isTextRed}>7年以上</span>\n                から\n                <span className=\"has-text-weight-bold\">走行距離無制限・もらえる</span>\n                オプション※が選べます\n              </p>\n            )}\n          </>\n        ))}\n        <span className={styles.termNoticeListBottom}>\n          ※「もらえるオプション」とはリース期間満了後にクルマがもらえるオプションです。\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default ModalTerm;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, {\n  FC, useContext, useState,\n} from 'react';\nimport AutoBrakeDf from '@/newcar/ui/detail/img/imgIconAutoBrakeDf.svg';\nimport CruiseControlDf from '@/newcar/ui/detail/img/imgIconCruiseControlDf.svg';\nimport KeylessEntryDf from '@/newcar/ui/detail/img/imgIconKeylessEntryDf.svg';\nimport LaneAlertDf from '@/newcar/ui/detail/img/imgIconLaneAlertDf.svg';\nimport PowerSlideDoorBDf from '@/newcar/ui/detail/img/imgIconPowerSlideDoorBDf.svg';\nimport PowerSlideDoorLDf from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLDf.svg';\nimport PowerSlideDoorLImpossible from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLImpossible.svg';\nimport PowerSlideDoorLOption from '@/newcar/ui/detail/img/imgIconPowerSlideDoorLOption.svg';\nimport SmartKeyDf from '@/newcar/ui/detail/img/imgIconSmartKeyDf.svg';\nimport SupportBrakeDf from '@/newcar/ui/detail/img/imgIconSupportBrakeDf.svg';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport Log from '@/common/util/log';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport { Observer } from 'mobx-react-lite';\n\nconst ModalGrade: FC = () => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [\n    popup,\n    setPopup,\n  ] = useState({ leaseTerm: false, includedInFee: false, icon: false });\n\n  // 賃貸期間の変更（オリジナルプランのみ）\n  const changeTerm = (type: string) => {\n  // const prevTerm = simulationManagerStore.nowSelectTerm;\n    Log.trace(`changeTerm:${type}`);\n    if (type === 'plus') {\n      simulationManagerStore.incrementTerm();\n    } else if (type === 'minus') {\n      simulationManagerStore.decrementTerm();\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`}>\n          <p className=\"has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4\">※以下の表示金額は月額税込の金額です</p>\n          {/* 賃貸期間 */}\n          <div className=\"columns is-mobile is-margin-bottom-3\">\n            <div className={`column ${styles.gradeStepItemName} ${styles.isLeaseTerm}`}>\n              <p className=\"columns is-vcentered\">\n                リース期間\n                <button\n                  className={`button button_help is-margin-left-1 ${styles.helpBtn} ${styles.isLeaseTerm}`}\n                  type=\"button\"\n                  onClick={():void => setPopup({\n                    leaseTerm: !popup.leaseTerm,\n                    includedInFee: false,\n                    icon: false,\n                  })}\n                >\n                  <span>リース期間ヘルプ</span>\n                </button>\n              </p>\n            </div>\n            <div className={`column is-narrow-touch ${styles.gradeStepItemContent}`}>\n              <div className={`columns is-mobile is-vcentered ${styles.inputLease}`}>\n                <button\n                  className={styles.decreaseBtn}\n                  type=\"button\"\n                  disabled={simulationManagerStore.nowSelectTerm <= 1}\n                  data-gtm=\"gtm-newcar-simulator-modalGrade-minus\"\n                  onClick={():void => changeTerm('minus')}\n                >\n                  <span className=\"is-hidden\">減らす</span>\n                </button>\n                <div data-gtm=\"gtm-newcar-simulator-modalGrade-term\">\n                  {NEWCAR_CONST.TERM.NAME[simulationManagerStore.nowSelectTerm]}\n                </div>\n                <button\n                  className={styles.increaseBtn}\n                  type=\"button\"\n                  disabled={simulationManagerStore.nowSelectTerm >= 11}\n                  data-gtm=\"gtm-newcar-simulator-modalGrade-plus\"\n                  onClick={():void => changeTerm('plus')}\n                >\n                  <span className=\"is-hidden\">増やす</span>\n                </button>\n              </div>\n            </div>\n          </div>\n          {/* 賃貸期間ヘルプ */}\n          <div className={styles.popupPosition}>\n            <div\n              className={`${styles.popupContent} ${styles.popupContentHalf} ${!popup.leaseTerm && 'is-hidden'}`}\n              onClick={():void => setPopup({ ...popup, leaseTerm: false })}\n            >\n              <p className=\"is-size-5 has-text-black-ter has-text-weight-semibold\">\n                リース期間とは\n              </p>\n              <div className=\"is-size-5 has-text-black-ter is-margin-top-3\">\n                クルマの賃貸期間を1〜11年の間から選んでいただけます。\n                毎月の支払額は長期で借りるほど安くなります。\n                ご予算やライフスタイルに合った最適なプランをお選びください。\n              </div>\n            </div>\n          </div>\n\n          {/* エンジンタイプ */}\n          {simulationManagerStore.engineList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>エンジンタイプ</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.engineList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isEngine} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"engine\"\n                      id={`engine-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.engine}\n                      onChange={() => simulationManagerStore.setEngine(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-engine\"\n                    />\n                    <label htmlFor={`engine-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 駆動形式 */}\n          {simulationManagerStore.kudouList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>駆動形式</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.kudouList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isWd} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"kudou\"\n                      id={`kudou-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.kudou}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setKudou(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-wd\"\n                    />\n                    <label htmlFor={`kudou-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* ミッション */}\n          {simulationManagerStore.missionList.length > 1 && (\n            <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n              <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName}`}>ミッション</dt>\n              <div className={`columns is-mobile ${styles.gradeStepItemContent}`}>\n                {simulationManagerStore.missionList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${styles.isMission} ${index !== 0 && 'is-margin-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"mission\"\n                      id={`mission-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.mission}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setMission(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-mission\"\n                    />\n                    <label htmlFor={`mission-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 安全装備アイコンヘルプアコーディオン */}\n          <div className={`${!popup.icon && 'is-hidden'} has-background-white is-padding-6 is-margin-bottom-4`}>\n            <div className=\"columns is-vcentered\">\n              <p className=\"column is-size-5 has-text-black-ter has-text-weight-semibold has-text-center\">アイコンについて</p>\n            </div>\n            <div className=\"is-size-5 has-text-black-ter is-margin-top-3\">\n              <div className={`columns is-multiline ${styles.helpSupportItems}`}>\n                <div className=\"column is-3 is-flex\">\n                  <img src={PowerSlideDoorBDf} alt=\"feature\" />\n                  <p className=\"is-flex\">\n                    パワースライドドア\n                    <br />\n                    （両側）\n                  </p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={PowerSlideDoorLDf} alt=\"feature\" />\n                  <p className=\"is-flex\">\n                    パワースライドドア\n                    <br />\n                    （左側）\n                  </p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={KeylessEntryDf} alt=\"feature\" />\n                  <p className=\"is-flex\">キーレスエントリー</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={SmartKeyDf} alt=\"feature\" />\n                  <p className=\"is-flex\">スマートキー</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={CruiseControlDf} alt=\"feature\" />\n                  <p className=\"is-flex\">クルーズコントロール</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={AutoBrakeDf} alt=\"feature\" />\n                  <p className=\"is-flex\">自動ブレーキ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={SupportBrakeDf} alt=\"feature\" />\n                  <p className=\"is-flex\">ペダル踏み間違い時サポートブレーキ</p>\n                </div>\n                <div className=\"column is-3 is-flex\">\n                  <img src={LaneAlertDf} alt=\"feature\" />\n                  <p className=\"is-flex\">車線はみ出しアラート</p>\n                </div>\n              </div>\n            </div>\n            <p className=\"is-size-5 has-text-black-ter is-margin-top-5 is-margin-bottom-3\"><strong>アイコンの色について</strong></p>\n            <div className={`columns is-multiline is-size-5 has-text-black-ter ${styles.helpSupportItems}`}>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLDf} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">標準装備</p>\n              </div>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLOption} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">メーカーオプションで搭載可能</p>\n              </div>\n              <div className=\"column is-3 is-flex\">\n                <img src={PowerSlideDoorLImpossible} alt=\"feature\" className=\"is-flex\" />\n                <p className=\"is-flex\">非対応</p>\n              </div>\n            </div>\n            <div className=\"columns is-size-6 is-margin-top-6\" onClick={():void => setPopup({ ...popup, icon: false })}>\n              <div className=\"column has-text-centered is-relative is-cursor-pointer\">\n                <span className={`icon-arrow-top-grey ${styles.iconArrowPosition}`} />\n                <span className=\"is-padding-left-5\">閉じる</span>\n              </div>\n            </div>\n          </div>\n\n          {/* グレード */}\n          <dl className={`is-margin-bottom-4 ${styles.gradeStepItemContainer}`}>\n            <dt className={`has-text-weight-semibold is-margin-bottom-1 ${styles.gradeStepItemName} ${styles.isGrade}`}>グレード</dt>\n            <p className=\"is-size-6 has-text-grey-dark is-margin-bottom-4\">\n              審査申し込み後でも変更できます。グレードに迷ったらとりあえず「おすすめ」を\n              <br />\n              お選びください！\n            </p>\n\n            <div className={`${styles.gradeStepItemHelp} columns is-mobile is-vcentered is-padding-3 is-padding-wide-0 is-size-6 has-text-black-ter`}>\n              <div className=\"column\" />\n              <div className=\"column is-narrow is-margin-right-5 columns is-mobile is-vcentered \">\n                <p>月額料金に含まれるもの</p>\n                <button\n                  className={`button button_help is-margin-left-3 ${styles.helpBtn}`}\n                  type=\"button\"\n                  onClick={():void => setPopup({\n                    leaseTerm: false,\n                    includedInFee: !popup.includedInFee,\n                    icon: false,\n                  })}\n                >\n                  <span>ヘルプ</span>\n                </button>\n              </div>\n            </div>\n\n            {/* 月額料金に含まれるものヘルプアコーディオン */}\n            <div className={`${!popup.includedInFee && 'is-hidden'} has-background-white is-padding-6 is-margin-bottom-4`}>\n              <div className=\"is-margin-top-1 is-size-5\">\n                <p className=\"has-text-weight-semibold is-margin-bottom-3 has-text-centered\">月額料金に含まれるもの</p>\n                車両本体料、自賠責保険料、自動車税、重量税、印紙代、環境性能割、新車登録手数料、仲介手数料、お客様サポート料\n                <p className=\"is-size-6\">※月額料金に含まれない車検点検費用は、メンテナンスプランご加入で定額支払いにできます。</p>\n              </div>\n              <div className=\"columns is-size-6 is-margin-top-6\" onClick={():void => setPopup({ ...popup, includedInFee: false })}>\n                <div className=\"column has-text-centered is-relative is-cursor-pointer\">\n                  <span className={`icon-arrow-top-grey ${styles.iconArrowPosition}`} />\n                  <span className=\"is-padding-left-5\">閉じる</span>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              {simulationManagerStore.gradeList.map((item, index) => (\n                <dd className={`${styles.radioRow} ${styles.isGrade} is-padding-1`} key={index.toString()}>\n                  <input\n                    type=\"radio\"\n                    name=\"grade\"\n                    id={`grade-${index}`}\n                    checked={item.name === simulationManagerStore.nowCar?.gradeName}\n                    onChange={() => simulationManagerStore.setGrade(item.defaultGrade)}\n                    data-gtm=\"gtm-newcar-simulator-modalGrade-grade\"\n                  />\n                  <label htmlFor={`grade-${index}`} className=\"box is-block\">\n                    {simulationManagerStore.nowCar?.mission === 'AT' && index === 1 && (\n                    <p className={`${styles.recommend} is-margin-left-3 has-text-weight-semibold has-text-white is-size-7`}>\n                      オススメ\n                    </p>\n                    )}\n\n                    <div className={`${styles.gradeHeader}`}>\n                      <strong className={`${styles.gradeName} is-size-4`}>{item.name}</strong>\n                      <span className=\"is-size-3 is-padding-right-3 has-text-right\">\n                        <strong>{CARMO_CONST.COMMA_FORMAT(item.price)}</strong>\n                        円\n                      </span>\n                    </div>\n\n                    <div className=\"is-padding-3 has-background-white\">\n                      <div className={`${styles.gradeEngineTypeContainer}`}>\n                        <p className=\"is-size-6\">\n                          エンジンタイプ：\n                          {item.defaultGrade.engine || 'ガソリン'}\n                        </p>\n                      </div>\n                      <div className={`${styles.gradeEquipmentContainer}`}>\n                        <p className={`is-size-6 ${styles.gradeEquipmentName}`}>標準装備</p>\n                        <div className={`${styles.labels} ${styles.gradeEquipmentTip}`}>\n                          {item.keylessEntry === 1 && (<span>キーレスエントリー</span>)}\n                          {item.keylessEntry === 2 && (<span>キーレスエントリー（メーカーオプションで搭載可能）</span>)}\n                          {item.keylessEntry === 3 && (<span className={`${styles.disabled}`}>キーレスエントリー</span>)}\n\n                          {item.powerSlideDoor === 1 && (<span>パワースライドドア（両側）</span>)}\n                          {item.powerSlideDoor === 2 && (<span>パワースライドドア（左側）</span>)}\n                          {item.powerSlideDoor === 3 && (<span>パワースライドドア（メーカーオプションで搭載可能）</span>)}\n                          {item.powerSlideDoor === 4 && (<span className={`${styles.disabled}`}>パワースライドドア</span>)}\n\n                          {item.smartKey === 1 && (<span>スマートキー</span>)}\n                          {item.smartKey === 2 && (<span>スマートキー（メーカーオプションで搭載可能）</span>)}\n                          {item.smartKey === 3 && (<span className={`${styles.disabled}`}>スマートキー</span>)}\n\n                          {item.automaticBrake === 1 && (<span>自動ブレーキ</span>)}\n                          {item.automaticBrake === 2 && (<span>自動ブレーキ（メーカーオプションで搭載可能）</span>)}\n                          {item.automaticBrake === 3 && (<span className={`${styles.disabled}`}>自動ブレーキ</span>)}\n\n                          {item.cruiseControl === 1 && (<span>クルーズコントロール</span>)}\n                          {item.cruiseControl === 2 && (<span>クルーズコントロール（メーカーオプションで搭載可能）</span>)}\n                          {item.cruiseControl === 3 && (<span className={`${styles.disabled}`}>クルーズコントロール</span>)}\n\n                          {item.laneDepartureAlert === 1 && (<span>車線はみ出しアラート</span>)}\n                          {item.laneDepartureAlert === 2 && (<span>車線はみ出しアラート（メーカーオプションで搭載可能）</span>)}\n                          {item.laneDepartureAlert === 3 && (<span className={`${styles.disabled}`}>車線はみ出しアラート</span>)}\n\n                          {item.pedalSupport === 1 && (<span>ペダル踏み間違い時サポートブレーキ</span>)}\n                          {item.pedalSupport === 2 && (<span>ペダル踏み間違い時サポートブレーキ（メーカーオプションで搭載可能）</span>)}\n                          {item.pedalSupport === 3 && (<span className={`${styles.disabled}`}>ペダル踏み間違い時サポートブレーキ</span>)}\n                        </div>\n                      </div>\n                    </div>\n\n                  </label>\n                </dd>\n              ))}\n            </div>\n          </dl>\n\n          <p className=\"has-text-left is-size-5 has-text-grey-dark is-margin-bottom-2 is-margin-left-1\">\n            ※その他のオプションも承ります。ご要望がある場合は申込後にご相談ください。\n          </p>\n          <p className=\"has-text-left is-size-5 has-text-grey-dark is-margin-bottom-4 is-margin-left-1\">\n            ※表示金額はインターネット割引適用後の月額税込の金額です。\n          </p>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalGrade;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalGradeSPProps {\n  isShow: boolean;\n}\n\nconst ModalGradeSP: FC<ModalGradeSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"grade-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">グレードをえらぶ</h2>\n\n          {/* エンジンタイプ */}\n          {simulationManagerStore.engineList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">エンジンタイプ</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.engineList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"engine\"\n                      id={`engine-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.engine}\n                      onChange={() => simulationManagerStore.setEngine(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-engine\"\n                    />\n                    <label\n                      htmlFor={`engine-${item.value}`}\n                      className={`box ${simulationManagerStore.engineList.length > 2 ? styles.isLarge : ''}`}\n                    >\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* 駆動形式 */}\n          {simulationManagerStore.kudouList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">駆動形式</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.kudouList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"kudou\"\n                      id={`kudou-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.kudou}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setKudou(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-wd\"\n                    />\n                    <label htmlFor={`kudou-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* ミッション */}\n          {simulationManagerStore.missionList.length > 1 && (\n            <dl className=\"is-margin-bottom-4\">\n              <dt className=\"has-text-weight-semibold is-margin-bottom-1\">ミッション</dt>\n              <div className=\"columns is-mobile\">\n                {simulationManagerStore.missionList.map((item, index) => (\n                  <dd className={`column ${styles.radioRow} ${index !== 0 && 'is-padding-left-3'}`} key={index.toString()}>\n                    <input\n                      type=\"radio\"\n                      name=\"mission\"\n                      id={`mission-${item.value}`}\n                      checked={item.value === simulationManagerStore.nowCar?.mission}\n                      disabled={item.disabled}\n                      onChange={() => simulationManagerStore.setMission(item.value)}\n                      data-gtm=\"gtm-newcar-simulator-modalGrade-mission\"\n                    />\n                    <label htmlFor={`mission-${item.value}`} className=\"box\">\n                      <div className=\"is-size-4\">\n                        <span>{item.label}</span>\n                      </div>\n                    </label>\n                  </dd>\n                ))}\n              </div>\n            </dl>\n          )}\n\n          {/* グレード */}\n          <dl className=\"is-margin-bottom-4\">\n            <dt className=\"has-text-weight-semibold is-margin-bottom-1\">グレード</dt>\n            <p className=\"is-size-6 has-text-grey-dark is-margin-bottom-4\">\n              審査申し込み後でも変更できます。グレードに迷ったらとりあえず「おすすめ」をお選びください！\n            </p>\n            <div className={`${styles.gradeCardContainer}`}>\n              {simulationManagerStore.gradeList.map((item, index) => (\n                <dd className={`${styles.radioRow} ${styles.isGrade} is-padding-1`} key={index.toString()}>\n                  <input\n                    type=\"radio\"\n                    name=\"grade\"\n                    id={`grade-${index}`}\n                    checked={item.name === simulationManagerStore.nowCar?.gradeName}\n                    onChange={() => simulationManagerStore.setGrade(item.defaultGrade)}\n                    data-gtm=\"gtm-newcar-simulator-modalGrade-grade\"\n                  />\n                  <label htmlFor={`grade-${index}`} className=\"box is-block\">\n                    {simulationManagerStore.nowCar?.mission === 'AT' && index === 1 && (\n                      <p className={`${styles.recommend} is-margin-left-3 has-background-primary has-text-weight-semibold has-text-white is-size-6`}>\n                        オススメ\n                      </p>\n                    )}\n\n                    <div className={`${styles.gradeHeader}`}>\n                      <strong className={`${styles.gradeName} is-size-4`}>{item.name}</strong>\n                      <span className=\"is-size-3 is-padding-right-3 has-text-right\">\n                        <strong>{CARMO_CONST.COMMA_FORMAT(item.price)}</strong>\n                        円\n                      </span>\n                    </div>\n\n                    <div className=\"is-padding-3 has-background-white\">\n                      <div className={`${styles.gradeEngineTypeContainer}`}>\n                        <p className=\"is-size-6\">\n                          エンジンタイプ：\n                          {item.defaultGrade.engine || 'ガソリン'}\n                        </p>\n                      </div>\n                      <div className={`${styles.gradeEquipmentContainer}`}>\n                        <p className={`is-size-6 ${styles.gradeEquipmentName}`}>標準装備：</p>\n                        <div className={`${styles.labels}`}>\n                          {item.keylessEntry === 1 && (<span>キーレスエントリー</span>)}\n                          {item.keylessEntry === 2 && (<span>キーレスエントリー（メーカーオプションで搭載可能）</span>)}\n                          {item.keylessEntry === 3 && (<span className={`${styles.disabled}`}>キーレスエントリー</span>)}\n\n                          {item.powerSlideDoor === 1 && (<span>パワースライドドア（両側）</span>)}\n                          {item.powerSlideDoor === 2 && (<span>パワースライドドア（左側）</span>)}\n                          {item.powerSlideDoor === 3 && (<span>パワースライドドア（メーカーオプションで搭載可能）</span>)}\n                          {item.powerSlideDoor === 4 && (<span className={`${styles.disabled}`}>パワースライドドア</span>)}\n\n                          {item.smartKey === 1 && (<span>スマートキー</span>)}\n                          {item.smartKey === 2 && (<span>スマートキー（メーカーオプションで搭載可能）</span>)}\n                          {item.smartKey === 3 && (<span className={`${styles.disabled}`}>スマートキー</span>)}\n\n                          {item.automaticBrake === 1 && (<span>自動ブレーキ</span>)}\n                          {item.automaticBrake === 2 && (<span>自動ブレーキ（メーカーオプションで搭載可能）</span>)}\n                          {item.automaticBrake === 3 && (<span className={`${styles.disabled}`}>自動ブレーキ</span>)}\n\n                          {item.cruiseControl === 1 && (<span>クルーズコントロール</span>)}\n                          {item.cruiseControl === 2 && (<span>クルーズコントロール（メーカーオプションで搭載可能）</span>)}\n                          {item.cruiseControl === 3 && (<span className={`${styles.disabled}`}>クルーズコントロール</span>)}\n\n                          {item.laneDepartureAlert === 1 && (<span>車線はみ出しアラート</span>)}\n                          {item.laneDepartureAlert === 2 && (<span>車線はみ出しアラート（メーカーオプションで搭載可能）</span>)}\n                          {item.laneDepartureAlert === 3 && (<span className={`${styles.disabled}`}>車線はみ出しアラート</span>)}\n\n                          {item.pedalSupport === 1 && (<span>ペダル踏み間違い時サポートブレーキ</span>)}\n                          {item.pedalSupport === 2 && (<span>ペダル踏み間違い時サポートブレーキ（メーカーオプションで搭載可能）</span>)}\n                          {item.pedalSupport === 3 && (<span className={`${styles.disabled}`}>ペダル踏み間違い時サポートブレーキ</span>)}\n                        </div>\n                      </div>\n                    </div>\n\n                  </label>\n                </dd>\n              ))}\n            </div>\n          </dl>\n\n          <div className=\"is-size-5 has-text-grey-dark is-margin-top-6 is-margin-bottom-4\">\n            <p className=\"is-margin-bottom-3\">※その他のオプションも承ります。ご要望がある場合は申込後にご相談ください。</p>\n            <p>※表示金額はインターネット割引適用後の月額税込の金額です。</p>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalGradeSP;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ninterface ModalBodyColorProps {\n  next: (current: number, max: number) => void;\n  currentStep: number;\n  maxStep: number;\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n}\n\nconst ModalBodyColor: FC<ModalBodyColorProps> = ({\n  next, currentStep, maxStep, selectedPlanID,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const plansBodyColorList = (): Array<{\n    id: string, bodyColorInfoId: string,\n    bodyColorName?: string, colorCode1?: string, colorCode2?: string,\n    price?: number, isChecked?: boolean\n  }> => {\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansBodyColorList;\n    } if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansBodyColorList;\n    } if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansBodyColorList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.bodyColorList;\n  };\n\n  const changeBodyColor = (id:string) => {\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleBodyColor(id);\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendBodyColor(id);\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichBodyColor(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeBodyColor(id);\n    }\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`}>\n      <p className=\"has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4\">※以下の表示金額は月額税込の金額です</p>\n      <ul className=\"columns is-multiline is-margin-bottom-6\">\n        {(() => plansBodyColorList().map((value, index) => {\n          const colorCircle = value.colorCode2 ? (\n            <>\n              <svg viewBox=\"0 0 32 32\" width=\"32\" height=\"32\">\n                <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode1} stroke=\"#aaa\" strokeWidth=\"0.5px\" />\n              </svg>\n              <svg viewBox=\"0 0 32 10\" width=\"32\" height=\"10\">\n                <clipPath id={`clip_${index}`}>\n                  <rect x=\"0\" y=\"0\" width=\"32\" height=\"10\" />\n                </clipPath>\n                <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode2 || ''} stroke=\"#aaa\" strokeWidth=\"0.5px\" clipPath={`clip_${index}`} />\n              </svg>\n            </>\n          ) : (\n            <svg viewBox=\"0 0 32 32\" width=\"32\" height=\"32\">\n              <circle r=\"16\" cx=\"16\" cy=\"16\" fill={value.colorCode1} stroke=\"#aaa\" strokeWidth=\"0.5px\" />\n            </svg>\n          );\n          return (\n            <li className=\"column is-full-touch is-half-desktop is-padding-1\" key={index.toString()}>\n              <div\n                className={`is-full-width has-text-black-ter is-relative ${styles.bodycolorBox} ${value.isChecked ? styles.bodycolorBoxSelected : ''}`}\n                data-gtm=\"gtm-newcar-simulator-modalBodyColor-bodycolor\"\n                onClick={() => {\n                  changeBodyColor(value.id);\n                  next(currentStep, maxStep);\n                }}\n              >\n                <div className=\"columns is-mobile is-vcentered\">\n                  <div className={`column is-narrow ${styles.colorCircleWrap}`}>\n                    {colorCircle}\n                  </div>\n                  <p className=\"column is-size-5 has-text-left is-padding-left-3 is-padding-right-3\">{value.bodyColorName}</p>\n                  <div className=\"column is-narrow is-valign-center\">\n                    <span className=\"is-size-4 has-text-weight-bold\">{value.price !== 0 ? `+${value.price}` : value.price}</span>\n                    <span className=\"is-size-6\">円</span>\n                  </div>\n                </div>\n              </div>\n            </li>\n          );\n        }))()}\n      </ul>\n    </div>\n  );\n};\n\nexport default ModalBodyColor;\n","// extracted by mini-css-extract-plugin\nexport const colorChip = \"ColorSquare-module--color-chip--1_MwA\";","import React, { FC } from 'react';\nimport * as styles from '@/newcar/ui/detail/molecule/ColorSquare.module.styl';\n\ntype ColorSquareProps = {\n  width: number,\n  height: number,\n  colorCode1?: string,\n  colorCode2?: string,\n}\n\nconst ColorSquare:FC<ColorSquareProps> = ({\n  width, height, colorCode1, colorCode2,\n}) => (\n  <span style={{ width, height }} className=\"is-inline-block is-relative\">\n    {/* 1色目 */}\n    <svg viewBox={`0 0 ${width} ${height}`} width={width} height={height} className={styles.colorChip}>\n      <rect fill={colorCode1} x=\"0\" y=\"0\" width={width} height={height} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n    </svg>\n    {/* 2色目 */}\n    {colorCode2 && (\n      <svg viewBox={`0 0 ${width} ${height / 3}`} width={width} height={height / 3} className={styles.colorChip}>\n        <clipPath id=\"simulator_bodycolor_clip\">\n          <rect x=\"0\" y=\"0\" width={width} height={height / 3} />\n        </clipPath>\n        <rect fill={colorCode2} clipPath=\"url(simulator_bodycolor_clip)\" x=\"0\" y=\"0\" width={width} height={height / 3} stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n      </svg>\n    )}\n  </span>\n);\n\nexport default ColorSquare;\n","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport ColorSquare from '@/newcar/ui/detail/molecule/ColorSquare';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalBodyColorSPProps {\n  isShow: boolean;\n}\n\nconst ModalBodyColorSP: FC<ModalBodyColorSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"bodycolor-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">ボディカラーをえらぶ</h2>\n          <div className=\"is-margin-bottom-6\">\n            {simulationManagerStore.bodyColorList.map((value, index) => (\n              <div className={`${styles.radioRow} ${styles.isBodyColor} is-padding-1`} key={index.toString()}>\n                <input\n                  type=\"radio\"\n                  name=\"body-color\"\n                  id={`body-color-${value.id}`}\n                  checked={value.isChecked}\n                  onClick={() => simulationManagerStore.changeBodyColor(value.id)}\n                  data-gtm=\"gtm-newcar-simulator-modalBodyColor-bodycolor\"\n                />\n                <label htmlFor={`body-color-${value.id}`} className=\"box is-padding-5\">\n                  <div className=\"columns is-mobile is-vcentered is-full-width\">\n                    <div className=\"column is-narrow is-flex has_vertical_centered\">\n                      <ColorSquare\n                        width={24}\n                        height={24}\n                        colorCode1={value.colorCode1}\n                        colorCode2={value.colorCode2}\n                      />\n                    </div>\n\n                    <div className=\"column is-padding-3\">\n                      <span className=\"is-size-5 has-text-black-ter\">\n                        {value.bodyColorName}\n                      </span>\n                    </div>\n\n                    <div className=\"column is-narrow\">\n                      <span className=\"is-size-5\">\n                        {(value.price && value.price > 0) ? `+${CARMO_CONST.COMMA_FORMAT(value.price)}円` : ''}\n                      </span>\n                    </div>\n                  </div>\n                </label>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalBodyColorSP;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable eqeqeq */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, {\n  FC,\n  useContext,\n} from 'react';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport { Observer } from 'mobx-react-lite';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport CARMO_CONST from '@/common/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\n\ninterface ModalOptionProps {\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n  hasWantCar: boolean;\n}\n\nconst ModalOption: FC<ModalOptionProps> = ({ selectedPlanID, hasWantCar }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // もらえるオプションの対象かどうか\n  const wantCarTarget = (): boolean => {\n    let selectTerm: NEWCAR_CONST.TERM.ID;\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      selectTerm = (simulationManagerStore.nowSimpleSelection.term)\n        ? simulationManagerStore.nowSimpleSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      selectTerm = (simulationManagerStore.nowRecommendSelection.term)\n        ? simulationManagerStore.nowRecommendSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      selectTerm = (simulationManagerStore.nowRichSelection.term)\n        ? simulationManagerStore.nowRichSelection.term : NEWCAR_CONST.TERM.ID.YEAR_11;\n    } else {\n      // オリジナルプラン\n      selectTerm = simulationManagerStore.nowSelectTerm;\n    }\n    return ((\n      selectTerm === NEWCAR_CONST.TERM.ID.YEAR_11\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_10\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_9\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_8\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_7\n    ) && (\n      hasWantCar\n    ));\n  };\n\n  const changeCarNavi = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleCarNavi(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendCarNavi(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichCarNavi(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeCarNavi(id);\n    }\n  };\n\n  const changeETC = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleETC(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendETC(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichETC(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeETC(id);\n    }\n  };\n\n  const changeBackCamera = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleBackCamera(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendBackCamera(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichBackCamera(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeBackCamera(id);\n    }\n  };\n\n  const changeFloorMat = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleFloorMat(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendFloorMat(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichFloorMat(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeFloorMat(id);\n    }\n  };\n\n  const changeDoorVisor = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleDoorVisor(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendDoorVisor(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichDoorVisor(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeDoorVisor(id);\n    }\n  };\n\n  const changeWantNo = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleWantNo(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendWantNo(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichWantNo(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeWantNo(id);\n    }\n  };\n\n  const changeWantCar = (id: string) => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      simulationManagerStore.changeSimpleWantCar(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      simulationManagerStore.changeRecommendWantCar(id);\n    } else if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      simulationManagerStore.changeRichWantCar(id);\n    } else {\n      // オリジナルプラン\n      simulationManagerStore.changeWantCar(id);\n    }\n  };\n\n  interface ListProps {\n    id: string,\n    notid: string,\n    isStandard: boolean,\n    optionInfoId: number,\n    thumbnailFileName?: string,\n    name?: string,\n    description?: string,\n    optionType?: string,\n    price?: number,\n    isChecked?: boolean | undefined\n  }\n\n  const carNaviList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansCarNaviList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansCarNaviList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansCarNaviList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.carNaviList;\n  };\n\n  const etcList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansEtcList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansEtcList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansEtcList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.etcList;\n  };\n\n  const backCameraList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansbackCameraList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansbackCameraList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansbackCameraList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.backCameraList;\n  };\n\n  const floorMatList = () : Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansFloorMatList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansFloorMatList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansFloorMatList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.floorMatList;\n  };\n\n  const doorVisorList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansDoorVisorList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansDoorVisorList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansDoorVisorList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.doorVisorList;\n  };\n\n  const wantNoList = (): Array<ListProps> => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansWantNoList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansWantNoList;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansWantNoList;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.wantNoList;\n  };\n\n  const wantCarPrice = ():number => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.simplePlansWantCarPrice;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.recommendPlansWantCarPrice;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.richPlansWantCarPrice;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.wantCarPrice;\n  };\n\n  const nowSelectWantCar = (): string => {\n    if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      // シンプルプラン\n      return simulationManagerStore.nowSelectSimpleWantCar;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      // おすすめプラン\n      return simulationManagerStore.nowSelectRecommendWantCar;\n    } if (selectedPlanID == NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      // よくばりプラン\n      return simulationManagerStore.nowSelectRichWantCar;\n    }\n    // オリジナルプラン\n    return simulationManagerStore.nowSelectWantCar;\n  };\n\n  // オプションごとの配列を受け取ってチェックボックスを生成する\n  const checkBox = (list: any[], key: string, onChange: Function) => list.map((value, index) => (\n    <div className={`${styles.checkboxRow} is-padding-1`} key={index.toString()}>\n      <input\n        type=\"checkbox\"\n        name={key}\n        id={`${key}-${value.id}`}\n        checked={value.isChecked}\n        disabled={value.isStandard}\n        onChange={(event) => onChange(event.target.checked ? value.id : value.notid)}\n      />\n      <label htmlFor={`${key}-${value.id}`} className=\"box is-padding-5\">\n        <span>{value.optionType}</span>\n        {value.isStandard ? (\n          <span>標準装備</span>\n        ) : (\n          <span className=\"is-size-4 has-text-weight-bold\">\n            {`+${CARMO_CONST.COMMA_FORMAT(value.price)}`}\n            <span className=\"is-size-6\">円/月</span>\n          </span>\n        )}\n      </label>\n    </div>\n  ));\n\n  return (\n    <Observer>\n      {() => (\n        <>\n          <div className={`${styles.content} is-padding-5`}>\n            <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">オプションをえらぶ</h2>\n            <div className={styles.checkboxContainer}>\n              {/* カーナビ */}\n              {checkBox(carNaviList(), 'car-navi', (id: string) => changeCarNavi(id))}\n\n              {/* ETC */}\n              {checkBox(etcList(), 'etc', (id: string) => changeETC(id))}\n\n              {/* バックカメラ */}\n              {checkBox(backCameraList(), 'back-camera', (id: string) => changeBackCamera(id))}\n\n              {/* フロアマット */}\n              {checkBox(floorMatList(), 'floor-mat', (id: string) => changeFloorMat(id))}\n\n              {/* ドアバイザー */}\n              {checkBox(doorVisorList(), 'door-visor', (id: string) => changeDoorVisor(id))}\n\n              {/* 希望ナンバー */}\n              {checkBox(wantNoList(), 'want-no', (id: string) => changeWantNo(id))}\n\n              {/* もらえるプラン */}\n              {wantCarTarget() && checkBox(\n                [{\n                  optionType: 'もらえるオプション※1',\n                  price: wantCarPrice(),\n                  id: 'yes',\n                  notid: 'no',\n                  isChecked: nowSelectWantCar() === 'yes',\n                }],\n                'want-car',\n                (id: string) => changeWantCar(id),\n              )}\n            </div>\n\n            <ul className={styles.optionNoticeContainer}>\n              <li>※1「もらえるオプション」はリース期間満了後にクルマがもらえるオプションです</li>\n              <li>※メーカーオプションなど、上記以外のオプションも搭載可能ですので商談時にご相談ください</li>\n              <li>※上記オプションは純正品やグレード専用品でない場合もございます。ご指定がございましたら一度ご確認しますので、お問い合わせくださいませ。お申し込み後の変更も承っております。</li>\n              <li>※表示金額は月額税込の金額です</li>\n            </ul>\n          </div>\n        </>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalOption;\n","export default __webpack_public_path__ + \"static/option-carnavi-1357e5e599d3113a5471a149fe79a584.png\";","export default __webpack_public_path__ + \"static/option-etc-01de9bba5ad5cfd73a8ae85b0bdb046c.png\";","export default __webpack_public_path__ + \"static/option-backcamera-4f643d49c71414b7d79c9882ab8e27b9.png\";","export default __webpack_public_path__ + \"static/option-floormat-82114807dc90a8af393d2074b6aecc6e.png\";","export default __webpack_public_path__ + \"static/option-doorvisor-0232ac84eb2ef33caf72f5b440ef6eb2.png\";","export default __webpack_public_path__ + \"static/option-moraeru-062eb4ab8d8f0c908667b84ec939009b.png\";","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport optionCarnavi from '@/newcar/ui/detail/img/option-carnavi.png';\nimport optionEtc from '@/newcar/ui/detail/img/option-etc.png';\nimport optionBackcamera from '@/newcar/ui/detail/img/option-backcamera.png';\nimport optionFloormat from '@/newcar/ui/detail/img/option-floormat.png';\nimport optionDoorvisor from '@/newcar/ui/detail/img/option-doorvisor.png';\nimport optionNumber from '@/newcar/ui/detail/img/option-number.png';\nimport optionMoraeru from '@/newcar/ui/detail/img/option-moraeru.png';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalOptionSPProps {\n  isShow: boolean;\n  hasWantCar: boolean;\n}\n\nconst optionData: { [key: string]: { image: string; text: JSX.Element } } = {\n  'car-navi': {\n    image: optionCarnavi,\n    text: (\n      <span>道に迷う心配が激減します。スマホの地図アプリと連携できるものも。</span>\n    ),\n  },\n  etc: {\n    image: optionEtc,\n    text: (\n      <span>\n        高速道路をよく使われる方におすすめ。小銭の準備が不要になり便利です。\n      </span>\n    ),\n  },\n  'back-camera': {\n    image: optionBackcamera,\n    text: (\n      <span>バックでの駐停車が苦手な方におすすめ。後方確認が簡単にできます。</span>\n    ),\n  },\n  'floor-mat': {\n    image: optionFloormat,\n    text: (\n      <span>\n        車内の足元の汚れ防止におすすめ。泥や食べこぼしなどで汚しても掃除が簡単！\n      </span>\n    ),\n  },\n  'door-visor': {\n    image: optionDoorvisor,\n    text: <span>雨の日でも窓を開けて換気ができます。雪付着防止にもおすすめ。</span>,\n  },\n  'want-no': {\n    image: optionNumber,\n    text: (\n      <>\n        <span>\n          お好きな番号\n          <sub className={styles.optionLabelSubscript}>※1</sub>\n          にすることができます。\n        </span>\n        <span className={styles.optionLabelAttention}>※1抽選番号は除く</span>\n      </>\n    ),\n  },\n  'want-car': {\n    image: optionMoraeru,\n    text: (\n      <span>\n        契約満了後に車が自分のものになります。借り物感ゼロのマイカーライフにおすすめ。\n      </span>\n    ),\n  },\n};\n\nconst ModalOptionSP: FC<ModalOptionSPProps> = ({ isShow, hasWantCar }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // もらえるオプションの対象かどうか\n  const wantCarTarget = (): boolean => {\n    const selectTerm: NEWCAR_CONST.TERM.ID = simulationManagerStore.nowSelectTerm;\n    return ((\n      selectTerm === NEWCAR_CONST.TERM.ID.YEAR_11\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_10\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_9\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_8\n      || selectTerm === NEWCAR_CONST.TERM.ID.YEAR_7\n    ) && (\n      hasWantCar\n    ));\n  };\n\n  // オプションごとの配列を受け取ってチェックボックスを生成する\n  const checkBox = (list: any[], key: string, onChange: Function) => list.map((value, index) => (\n    <div className={`${styles.checkboxRow} is-padding-1`} key={index.toString()}>\n      <input\n        type=\"checkbox\"\n        name={key}\n        id={`${key}-${value.id}`}\n        checked={value.isChecked}\n        disabled={value.isStandard}\n        onChange={(event) => onChange(event.target.checked ? value.id : value.notid)}\n      />\n      <label\n        htmlFor={`${key}-${value.id}`}\n        className={`box ${styles.optionLabel} ${value.isStandard ? styles.isEquipped : ''}`}\n      >\n        <span className={styles.optionLabelInnerTop}>\n          <span>{value.optionType}</span>\n          {value.isStandard ? (\n            <span>標準装備</span>\n          ) : (\n            <span className={styles.optionLabelPrice}>\n              {`+${CARMO_CONST.COMMA_FORMAT(value.price)}`}\n              <span className=\"is-size-6\">円/月</span>\n            </span>\n          )}\n        </span>\n        <span className={styles.optionLabelInnerBottom}>\n          <img\n            src={optionData[key]?.image}\n            alt={key}\n            className={styles.optionLabelThumbnail}\n          />\n          <span className={styles.optionLabelDescription}>\n            {optionData[key]?.text}\n            <span className={styles.optionLabelAttention}>※画像はイメージです</span>\n          </span>\n        </span>\n      </label>\n    </div>\n  ));\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"option-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">オプションをえらぶ</h2>\n          <div className=\"is-margin-bottom-6\">\n\n            {/* カーナビ */}\n            {checkBox(simulationManagerStore.carNaviList, 'car-navi', (id: string) => simulationManagerStore.changeCarNavi(id))}\n\n            {/* ETC */}\n            {checkBox(simulationManagerStore.etcList, 'etc', (id: string) => simulationManagerStore.changeETC(id))}\n\n            {/* バックカメラ */}\n            {checkBox(simulationManagerStore.backCameraList, 'back-camera', (id: string) => simulationManagerStore.changeBackCamera(id))}\n\n            {/* フロアマット */}\n            {checkBox(simulationManagerStore.floorMatList, 'floor-mat', (id: string) => simulationManagerStore.changeFloorMat(id))}\n\n            {/* ドアバイザー */}\n            {checkBox(simulationManagerStore.doorVisorList, 'door-visor', (id: string) => simulationManagerStore.changeDoorVisor(id))}\n\n            {/* 希望ナンバー */}\n            {checkBox(simulationManagerStore.wantNoList, 'want-no', (id: string) => simulationManagerStore.changeWantNo(id))}\n\n            {/* もらえるプラン */}\n            {wantCarTarget() && checkBox(\n              [{\n                optionType: 'もらえるオプション※1',\n                price: simulationManagerStore.wantCarPrice,\n                id: 'yes',\n                notid: 'no',\n                isChecked: simulationManagerStore.nowCar?.wantCar === 'yes',\n              }],\n              'want-car',\n              (id: string) => simulationManagerStore.changeWantCar(id),\n            )}\n\n            <div className=\"is-size-5\">\n              {wantCarTarget() && (\n                <p className=\"is-margin-top-5 text-indent\">※1「もらえるオプション」はリース期間満了後にクルマがもらえるオプションです</p>\n              )}\n              <p className=\"is-margin-top-5 text-indent\">※メーカーオプションなど、上記以外のオプションも搭載可能ですので商談時にご相談ください</p>\n              <p className=\"is-margin-top-5 text-indent\">\n                ※上記オプションは純正品やグレード専用品でない場合もございます。ご指定がございましたら一度ご確認しますので、\n                <a href=\"/contact\" target=\"_blank\" className={`${styles.underline}`}>お問い合わせ</a>\n                くださいませ。お申し込み後の変更も承っております。\n              </p>\n              <p className=\"is-margin-top-5 text-indent\">※表示金額は月額税込の金額です</p>\n            </div>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalOptionSP;\n","export default \"data:image/png;base64,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\"","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OX5YyWXzcxNCIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5fljJYgNzE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQ1IDQ1Ij4KICA8cGF0aCBpZD0i44OR44K5XzU5MTciIGRhdGEtbmFtZT0i44OR44K5IDU5MTciIGQ9Ik00MS4yNTQuNGwtMTgsMTcuOTEsMi45LDIuOTIsMTgtMTcuOTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjc1NiAtMC4wODYpIiBmaWxsPSIjMjgyOTI5Ii8+CiAgPHBhdGggaWQ9IuODkeOCuV81OTE4IiBkYXRhLW5hbWU9IuODkeOCuSA1OTE4IiBkPSJNNDUuMjY2LDE1LjdWMEgyOFYzLjkyNEg0MS4zNDJWMTUuN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI2NikiIGZpbGw9IiMyODI5MjkiLz4KICA8cGF0aCBpZD0i44OR44K5XzU5MTkiIGRhdGEtbmFtZT0i44OR44K5IDU5MTkiIGQ9Ik00MC41LDIyLjV2MThINC41VjQuNUgyMC43VjBIMFY0NUg0NVYyMi41WiIgZmlsbD0iIzI4MjkyOSIvPgo8L3N2Zz4K\"","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport iconLinkBlank from '@/newcar/ui/detail/img/icon-link-blank.svg';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\n\ninterface ModalMaintenanceProps {\n  next: (current: number, max: number) => void;\n  currentStep: number;\n  maxStep: number;\n}\n\nconst ModalMaintenance: FC<ModalMaintenanceProps> = ({ next, currentStep, maxStep }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const getColorStyle = (id: NEWCAR_CONST.MAINTENANCE.PLAN) => {\n    switch (id) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return styles.maintePlatinum;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return styles.mainteGold;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return styles.mainteSilver;\n      default:\n        return styles.mainteWhite;\n    }\n  };\n\n  return (\n    <div className={`${styles.content} is-padding-5`}>\n      <p className={`has-text-centered is-size-5 has-text-grey-dark is-margin-bottom-4 ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>※以下の表示金額は月額税込の金額です</p>\n      <div className=\"columns is-mobile\">\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n        <div className={`column ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>\n          <ul className=\"is-margin-bottom-6\">\n            {(() => simulationManagerStore.maintenancePlanList.map((value, index) => (\n              <li className=\"is-padding-1\" key={index.toString()}>\n                <div\n                  className={`box is-marginless is-full-width is-relative ${styles.maintenanceBox} ${value.isChecked ? styles.maintenanceBoxSelected : ''}`}\n                  data-gtm=\"gtm-newcar-simulator-modalMainte-maintePlan\"\n                  onClick={() => {\n                    simulationManagerStore.changeMaintenance(value.id);\n                    next(currentStep, maxStep);\n                  }}\n                >\n                  <p className={`is-size-4 ${styles.osusumeLabel} ${index === 0 ? '' : 'is-hidden'}`}>\n                    <i>オススメ</i>\n                  </p>\n                  <div className=\"columns is-mobile is-vcentered is-full-width is-padding-bottom-1\">\n                    <i className={`is-margin-left-5 ${styles.mainteplanIcon} ${getColorStyle(value.id)}`} />\n                    <p className=\"column is-size-5 has-text-black-ter has-text-left is-padding-left-3 is-padding-right-5\">{value.name}</p>\n                    <p className=\"column is-size-5 is-narrow has-text-black-ter\">\n                      <strong>\n                        <span className={`${styles.plus}`}>+</span>\n                        <span className=\"is-margin-left-2 is-margin-right-2\">{value.price}</span>\n                      </strong>\n                      <span className=\"is-size-7\">円</span>\n                    </p>\n                  </div>\n                  {value.overview && (\n                    <div className={`column is-size-5 has-text-black-ter has-text-left is-padding-left-5 is-12-mobile is-padding-top-1 ${styles.overview}`}>\n                      {value.overview}\n                    </div>\n                  )}\n                </div>\n              </li>\n            )))()}\n          </ul>\n        </div>\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n      </div>\n      {/* 説明 */}\n      <div className=\"columns is-mobile\">\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n        <div className={`column ${simulationManagerStore.maintenancePlanList.length > 0 ? '' : 'is-hidden'}`}>\n          <dl className={`columns is-mobile has-text-centered is-size-5 is-size-7-mobile ${styles.maintenanceTableHead}`}>\n            <dt className=\"column is-border-bottom-line\">\n              <div className=\"has-background-primary has-text-white\">対象項目</div>\n            </dt>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">プラチナ</div>\n            </dd>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">ゴールド</div>\n            </dd>\n            <dd className=\"column is-narrow is-border-bottom-line\">\n              <div className=\"has-text-white\">シルバー</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">原状回復費用補償、車検点検料、エンジンオイル交換など</div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">○</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">◯</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">◯</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                タイヤメンテナンス、ブレーキオイル交換、ブレーキパッド交換など\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">○</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">◯</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">✕</div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                メーカー一般保証終了後の長期延長保証\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">\n                ○\n                <span className=\"is-size-7\">※1</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">\n                ◯\n                <span className=\"is-size-7\">※2</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">\n                ◯\n                <span className=\"is-size-7\">※2</span>\n              </div>\n            </dd>\n          </dl>\n          <dl className={`columns is-mobile ${styles.maintenanceTableBody}`}>\n            <dt className=\"column is-size-6 is-padding-1 is-border-bottom-line\">\n              <div className=\"has-text-black-ter\">\n                メーカー特別保証終了後の長期延長保証\n              </div>\n            </dt>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-white has-text-centered\">\n                ○\n                <span className=\"is-size-7\">※1</span>\n              </div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">✕</div>\n            </dd>\n            <dd className=\"column is-narrow is-size-3 is-size-4-mobile is-border-bottom-line\">\n              <div className=\"has-text-black-ter has-text-centered\">✕</div>\n            </dd>\n          </dl>\n          <p className=\"is-size-6 has-text-black-ter\">※プラチナプランはリース期間6年～11年でご加入いただけます。</p>\n          <p className=\"is-size-6 has-text-black-ter\">※1 リース期間満了または走行距離10万km</p>\n          <p className=\"is-size-6 has-text-black-ter\">※2 メーカー保証期間後から2年または走行距離10万km</p>\n        </div>\n        <div className=\"column is-one-fifth is-hidden-touch\" />\n      </div>\n      <div className={`column is-padding-4 has-text-centered ${simulationManagerStore.maintenancePlanList.length === 0 ? '' : 'is-hidden'}`}>\n        ご選択いただいている車種では\n        <br />\n        メンテナンスプランをご利用いただくことはできません。\n      </div>\n      <div className=\"has-text-centered is-margin-top-5 is-margin-bottom-5\">\n        <a href={NEWCAR_DEFINE.PATH.MAINTENANCE} target=\"_blank\" className=\"is-size-5 has-text-link is-vcentered\" data-gtm=\"gtm-newcar-simulator-modalMainte-toMaintePageLink\" rel=\"noreferrer\">\n          メンテナンスプランの詳細を見る\n          <img className={`is-margin-left-3 ${styles.verticalAlignTextTop}`} width={15} height={15} src={iconLinkBlank} alt=\"リンクアイコン\" />\n        </a>\n      </div>\n      <div className=\"column is-one-fifth is-hidden-touch\" />\n    </div>\n  );\n};\n\nexport default ModalMaintenance;\n","import React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { Observer } from 'mobx-react-lite';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport iconLinkBlank from '@/newcar/ui/detail/img/icon-link-blank.svg';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalMaintenanceSPProps {\n  isShow: boolean;\n}\n\nconst ModalMaintenanceSP: FC<ModalMaintenanceSPProps> = ({ isShow }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  const [style, setStyle] = useState({});\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // メンテプランごとのスタイルを返す\n  const planStyle = (id: NEWCAR_CONST.MAINTENANCE.PLAN) => {\n    switch (id) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return styles.platinum;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return styles.gold;\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return styles.silver;\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`${styles.content} is-padding-5`} style={style} data-type=\"maintenance-setting\">\n          <h2 className=\"has-text-centered is-margin-bottom-3 is-size-3 has-text-weight-light\">メンテプランをえらぶ</h2>\n          <div className=\"is-margin-bottom-6\">\n            {simulationManagerStore.maintenancePlanList.map((value, index) => (\n              <div className={`${styles.radioRow} ${styles.isMainte} is-padding-1`} key={index.toString()}>\n                <input\n                  type=\"radio\"\n                  name=\"mainte\"\n                  id={`mainte-${index}`}\n                  checked={value.isChecked}\n                  onClick={() => simulationManagerStore.changeMaintenance(value.id)}\n                  data-gtm=\"gtm-newcar-simulator-modalMainte-maintePlan\"\n                />\n                <label htmlFor={`mainte-${index}`} className=\"box is-block\">\n                  {index === 0 && (\n                    <p className={`${styles.recommend} is-margin-top-3 is-margin-left-4 has-background-primary has-text-weight-semibold has-text-white is-size-6`}>\n                      おすすめ\n                    </p>\n                  )}\n\n                  <div className={`${styles.mainteHeader} is-padding-3`}>\n                    <p className={`${planStyle(value.id)} is-size-5 has-text-weight-bold is-padding-left-3 is-padding-right-3`}>\n                      {value.name}\n                    </p>\n                    <p className=\"is-size-5 has-text-black-ter is-padding-right-2\">\n                      {(value.price && value.price > 0) ? `+${CARMO_CONST.COMMA_FORMAT(value.price)}円` : ''}\n                    </p>\n                  </div>\n\n                  {value.overview && (\n                    <div className={`${styles.overview} is-size-5 has-text-black-ter is-margin-left-4 is-margin-right-4 is-padding-top-3 is-padding-bottom-3`}>\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM && (\n                        <>\n                          <h3 className={styles.overviewHeading}>長く安心して車に乗りたい方におすすめ！</h3>\n                          <span className={styles.overviewNotice}>\n                            ※リース期間6年～11年でご加入いただけます\n                          </span>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>車検</li>\n                            <li className={styles.overviewListItem}>\n                              原状回復費用補償\n                              <span className={styles.overviewAsterisk}>※1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>エンジンオイル、オイルフィルター交換など</li>\n                            <li className={styles.overviewListItem}>タイヤメンテ、ブレーキオイル交換など</li>\n                            <li className={styles.overviewListItem}>\n                              メーカー特別保証終了後の延長\n                              <span className={styles.overviewAsterisk}>※2</span>\n                            </li>\n                          </ul>\n                        </>\n                      )}\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.GOLD && (\n                        <>\n                          <h3 className={styles.overviewHeading}>より安心してカーライフを楽しみたい方におすすめ！</h3>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>車検</li>\n                            <li className={styles.overviewListItem}>\n                              原状回復費用補償\n                              <span>※1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>エンジンオイル、オイルフィルター交換など</li>\n                            <li className={styles.overviewListItem}>タイヤメンテ、ブレーキオイル交換など</li>\n                          </ul>\n                        </>\n                      )}\n                      {value.id === NEWCAR_CONST.MAINTENANCE.PLAN.SILVER && (\n                        <>\n                          <h3 className={styles.overviewHeading}>最低限をカバーしたベーシックなプラン！</h3>\n                          <ul className={styles.overviewList}>\n                            <li className={styles.overviewListItem}>車検</li>\n                            <li className={styles.overviewListItem}>\n                              原状回復費用補償\n                              <span>※1</span>\n                            </li>\n                            <li className={styles.overviewListItem}>エンジンオイル、オイルフィルター交換など</li>\n                          </ul>\n                        </>\n                      )}\n                    </div>\n                  )}\n                </label>\n              </div>\n            ))}\n          </div>\n\n          {/* 説明 */}\n          {simulationManagerStore.maintenancePlanList.length === 0 ? (\n            <div className=\"column is-padding-4 has-text-centered\">\n              ご選択いただいている車種ではメンテナンスプランをご利用いただくことはできません。\n            </div>\n          ) : (\n            <div className=\"columns is-mobile\">\n              <div className=\"column is-one-fifth is-hidden-touch\" />\n              <div className=\"column\">\n                <p className={`has-text-black-ter ${styles.maintenanceMemo}`}>※1）契約満了時に返却する場合の補償</p>\n                <p className={`has-text-black-ter ${styles.maintenanceMemo}`}>※2）リース期間満了または走行距離10万km</p>\n              </div>\n              <div className=\"column is-one-fifth is-hidden-touch\" />\n            </div>\n          )}\n          <div className=\"has-text-centered is-margin-top-5 is-margin-bottom-5\">\n            <a href={NEWCAR_DEFINE.PATH.MAINTENANCE} target=\"_blank\" className=\"is-size-5 has-text-link is-vcentered\" data-gtm=\"gtm-newcar-simulator-modalMainte-toMaintePageLink\" rel=\"noreferrer\">\n              メンテナンスプランの詳細を見る\n              <img className={`is-margin-left-3 ${styles.verticalAlignTextTop}`} width={15} height={15} src={iconLinkBlank} alt=\"リンクアイコン\" />\n            </a>\n          </div>\n          <div className=\"column is-one-fifth is-hidden-touch\" />\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalMaintenanceSP;\n","/* eslint-disable max-len */\nimport React, {\n  FC, useContext, useState, useEffect,\n} from 'react';\nimport { navigate } from 'gatsby';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport searchCarStoreContext from '@/newcar/ui/common/context/searchCarStoreContext';\nimport InterruptionStoreContext from '@/newcar/ui/common/context/InterruptionStoreContext';\nimport ColorSquare from '@/newcar/ui/detail/molecule/ColorSquare';\nimport * as styles from '@/newcar/ui/detail/organism/modal/ModalSP.module.styl';\n\ninterface ModalResultProps {\n  isShow: boolean;\n  thumbnailUrl: string;\n  onClickBack: () => void;\n  openSavedPlanModal: () => void;\n}\n\nconst ModalResult: FC<ModalResultProps> = ({\n  isShow, thumbnailUrl, openSavedPlanModal, onClickBack,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n  const searchCarStore = useContext(searchCarStoreContext);\n  const interruptionStore = useContext(InterruptionStoreContext);\n\n  const carDigest = searchCarStore.lastViewCarDigest;\n  const makerName = carDigest ? carDigest.makerName : '';\n  const carName = carDigest ? carDigest.name : '';\n\n  // グレード\n  const grade = simulationManagerStore.nowSelectGrade;\n  const gradeName = grade ? grade.name : '';\n  // const gradeSub = grade ? grade.sub : '';\n\n  // 金額\n  const nomalPrice = simulationManagerStore.nowSelectBasePrice ? simulationManagerStore.nowSelectBasePrice.toLocaleString() : '';\n  const discountPrice = simulationManagerStore.nowSelectPrice ? simulationManagerStore.nowSelectPrice.toLocaleString() : '';\n\n  // ボディカラー\n  const bodyColor = simulationManagerStore.nowSelectBodyColor;\n  const bodyColorName = bodyColor ? bodyColor.bodyColorName : '';\n  const colorCode1 = bodyColor ? bodyColor.colorCode1 : '';\n  const colorCode2 = bodyColor ? bodyColor.colorCode2 : '';\n\n  // オプション\n  const hasCarNavi = simulationManagerStore.nowSelectCarNavi !== '100001';\n  const carNaviPrice = simulationManagerStore.carNaviList[0] ? simulationManagerStore.carNaviList[0].price?.toLocaleString() : '';\n  const hasBackCamera = simulationManagerStore.nowSelectBackCamera !== '100002';\n  const backCameraPrice = simulationManagerStore.backCameraList[0] ? simulationManagerStore.backCameraList[0].price?.toLocaleString() : '';\n  const hasEtc = simulationManagerStore.nowSelectEtc !== '100003';\n  const etcPrice = simulationManagerStore.etcList[0] ? simulationManagerStore.etcList[0].price?.toLocaleString() : '';\n  const hasFloorMat = simulationManagerStore.nowSelectFloorMat !== '100004';\n  const floorMatPrice = simulationManagerStore.floorMatList[0] ? simulationManagerStore.floorMatList[0].price?.toLocaleString() : '';\n  const hasWantNo = simulationManagerStore.nowSelectWantNo !== '100005';\n  const wantNoPrice = simulationManagerStore.wantNoList[0] ? simulationManagerStore.wantNoList[0].price?.toLocaleString() : '';\n  const hasDoorVisor = simulationManagerStore.nowSelectDoorVisor !== '100006';\n  const doorVisorPrice = simulationManagerStore.doorVisorList[0] ? simulationManagerStore.doorVisorList[0].price?.toLocaleString() : '';\n  const hasWantCar = simulationManagerStore.nowSelectWantCar !== 'no';\n  const wantCarPrice = simulationManagerStore.wantCarPrice ? simulationManagerStore.wantCarPrice.toLocaleString() : '';\n  const hasOption = hasCarNavi || hasBackCamera || hasEtc || hasFloorMat || hasWantNo || hasDoorVisor || hasWantCar;\n\n  // メンテプラン\n  const maintenanceName = NEWCAR_CONST.MAINTENANCE.PLAN_SHORT_NAME(simulationManagerStore.nowPickedMaintenancePlan) || 'なし';\n  const maintenanceColor = () => {\n    switch (simulationManagerStore.nowPickedMaintenancePlan) {\n      case NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM:\n        return '#2c5488';\n      case NEWCAR_CONST.MAINTENANCE.PLAN.GOLD:\n        return '#dfaf2e';\n      case NEWCAR_CONST.MAINTENANCE.PLAN.SILVER:\n        return '#b2b2b2';\n      default:\n        return '';\n    }\n  };\n  const maintenancePrice = () => {\n    const list = simulationManagerStore.maintenancePlanList;\n    const targetId = simulationManagerStore.nowPickedMaintenancePlan;\n    const maintenancePlan = list.find((item) => (item.id === targetId));\n    return maintenancePlan ? maintenancePlan.price.toLocaleString() : '';\n  };\n\n  const [style, setStyle] = useState({});\n  const [isSaved, setIsSaved] = useState(false);\n\n  useEffect(() => {\n    if (isShow) {\n      setStyle({});\n    } else {\n      // コンテンツの高さが一番高いところで揃ってしまうので非表示の時は高さを0にする\n      setTimeout(() => setStyle({ height: '0px' }), 400);\n    }\n  }, [isShow]);\n\n  // シミュレーション結果を保存\n  const savePlan = () => {\n    if (isSaved) return;\n    simulationResultManagerStore.addSimulation({\n      customerSelection: simulationManagerStore.nowCustomerSelection,\n      carDigest: simulationManagerStore.nowCarDigest,\n      grade: simulationManagerStore.nowGrade,\n      bodyColor: simulationManagerStore.nowSimulationBodyColor,\n      totalPrice: simulationManagerStore.nowSelectPrice,\n      optionstring: simulationManagerStore.nowSelectOption,\n      option: simulationManagerStore.nowSimulationOpstions,\n    });\n    // パラメータを変更\n    if (window && !/s1=/.test(window.location.search)) {\n      const paramstring = simulationManagerStore.urlParams;\n      if (paramstring) {\n        if (window.location.pathname.slice(-1) === '/') {\n          window.history.replaceState(null, '', `${window.location.pathname}?${paramstring}&s1=1`);\n        } else {\n          window.history.replaceState(null, '', `${window.location.pathname}/?${paramstring}&s1=1`);\n        }\n      }\n    }\n    setIsSaved(true);\n    openSavedPlanModal();\n  };\n\n  const goToEntryForm = () => {\n    // 申し込みへ進んだ内容を記録\n    interruptionStore.addItem(simulationManagerStore);\n\n    if (simulationManagerStore.nowSelectGrade) {\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL);\n    } else {\n      simulationManagerStore.nowCarToUndefined();\n      simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND_SP);\n    }\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  return (\n    <div className={`${styles.content}`} style={style} data-type=\"simulation-result\">\n      <div className=\"has-background-white is-padding-5 is-margin-bottom-3\">\n        <div className={styles.resultCarContainer}>\n          <div className={styles.resultCarThumbnail}>\n            <img src={thumbnailUrl} alt=\"車画像\" height=\"64\" />\n          </div>\n          <div className={styles.resultCarName}>\n            {/* <h3 className=\"has-text-weight-bold\">月額料金</h3> */}\n            <p>\n              {makerName}\n              <br />\n              <span className=\"has-text-weight-bold\">\n                {carName}\n              </span>\n              {/* <small className=\"is-padding-left-5\">{gradeSub}</small> */}\n            </p>\n          </div>\n        </div>\n        <div className=\"columns is-mobile is-padding-top-5 is-margin-bottom-3\">\n          <div className={`${styles.resultPrice}`}>\n            <div className={`is-flex ${styles.resultPriceGap}`}>\n              <p className={`${styles.item} ${styles.adjust} is-size-6 is-padding-right-3`}>通常価格</p>\n              <div className={`${styles.resultPriceContentRight} ${styles.isNormal}`}>\n                <span className=\"is-size-5\">月額</span>\n                <s>\n                  {nomalPrice}\n                  <small className=\"is-size-6\">円(税込)</small>\n                </s>\n              </div>\n            </div>\n            <div className={`${styles.priceTrico}`} />\n            <div className={`is-flex ${styles.resultPriceGap}`}>\n              <strong className={`${styles.item} ${styles.priceColorBlue} ${styles.priceContentLeft} is-size-6 is-padding-right-3`}>\n                ネット割\n                <br />\n                適用後価格\n              </strong>\n              <div className={styles.resultPriceContentRight}>\n                <span className={styles.resultPriceMonthlyLabel}>月額</span>\n                <span>\n                  <strong className={`${styles.discountPrice} ${styles.priceColorBlue}`}>{discountPrice}</strong>\n                  <small className=\"is-size-6 has-text-black-ter\">円(税込)</small>\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <p className={`${styles.annotation} ${styles.asterisk} is-margin-bottom-5`}>写真はイメージです。シミュレーションで選択したカラーやグレードと異なっていることがあります。</p>\n\n        {/* CTA */}\n        <div className={`${styles.naviPlanBalloon}`}>\n          最大\n          <span className={`${styles.naviPlanText}`}>\n            3万円\n          </span>\n          分当たる！キャンペーン対象\n        </div>\n        <div>\n          <button\n            type=\"button\"\n            className={`\n              ${styles.resultCta} ${styles.isBlue}\n              button is-large is-size-4 is-full-width has-text-white\n            `}\n            data-gtm=\"gtm-newcar-simulator-modalResult-FVnextBtn\"\n            onClick={goToEntryForm}\n          >\n            <strong>この内容で審査を申し込む</strong>\n            <span className=\"icon-arrow-right-big is-margin-right-2\" />\n          </button>\n          <p className={`${styles.annotation} has-text-centered is-margin-top-3`}>\n            ※審査申込みは契約ではありません\n            <br />\n            ※審査後でもグレード変更・オプション追加できます\n          </p>\n          <button\n            type=\"button\"\n            className={styles.whiteButton}\n            data-gtm=\"gtm-newcar-simulator-modalResult-nextBtn\"\n            onClick={savePlan}\n          >\n            <span className={`${styles.saveText} ${isSaved && styles.saved}`} data-gtm=\"gtm-newcar-simulator-modalResult-nextBtn\">\n              {isSaved ? '保存済み' : '結果をマイプランとして保存'}\n            </span>\n          </button>\n        </div>\n      </div>\n\n      <div className={`${styles.resultDetail} is-padding-5`}>\n        <h3 className=\"has-text-weight-bold is-margin-bottom-5\">シミュレーション内容</h3>\n        <dl>\n          <div className=\"is-padding-left-3 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>\n              ご利用期間\n            </dt>\n            <dd className=\"has-text-weight-bold\">\n              {simulationManagerStore.nowSelectTerm}\n              年\n            </dd>\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>グレード</dt>\n            <dd className=\"has-text-weight-bold\">{gradeName}</dd>\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4 is-padding-bottom-3\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>カラー</dt>\n            <dd className=\"has-text-weight-bold is-flex has_vertical_centered\">\n              {bodyColorName ? (\n                <>\n                  <ColorSquare width={15} height={15} colorCode1={colorCode1} colorCode2={colorCode2} />\n                  <span className=\"is-padding-left-2\">{bodyColorName}</span>\n                </>\n              ) : (\n                <>未選択（ご商談時に選べます）</>\n              )}\n            </dd>\n          </div>\n          <div className={`${styles.option} is-padding-left-3 is-margin-top-4 is-padding-bottom-3`}>\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>オプション装備</dt>\n            {hasCarNavi && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">カーナビ</dd>\n                <dd className=\"column is-narrow\">{`+${carNaviPrice}円`}</dd>\n              </div>\n            )}\n            {hasBackCamera && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">バックカメラ</dd>\n                <dd className=\"column is-narrow\">{`+${backCameraPrice}円`}</dd>\n              </div>\n            )}\n            {hasEtc && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">ETC</dd>\n                <dd className=\"column is-narrow\">\n                  {`+${etcPrice}円`}\n                  {' '}\n                </dd>\n              </div>\n            )}\n            {hasFloorMat && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">フロアマット</dd>\n                <dd className=\"column is-narrow\">{`+${floorMatPrice}円`}</dd>\n              </div>\n            )}\n            {hasWantNo && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">希望ナンバー</dd>\n                <dd className=\"column is-narrow\">{`+${wantNoPrice}円`}</dd>\n              </div>\n            )}\n            {hasDoorVisor && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">ドアバイザー</dd>\n                <dd className=\"column is-narrow\">{`+${doorVisorPrice}円`}</dd>\n              </div>\n            )}\n            {/* もらえるオプションはリース年数変えると外れることがあるため条件を厳しく */}\n            {(hasWantCar && wantCarPrice) && (\n              <div className=\"columns is-mobile\">\n                <dd className=\"column has-text-weight-bold\">もらえるオプション</dd>\n                <dd className=\"column is-narrow\">{`+${wantCarPrice}円`}</dd>\n              </div>\n            )}\n            {!hasOption && (\n              <div className=\"columns is-mobile has-text-weight-bold\">なし</div>\n            )}\n          </div>\n          <div className=\"is-padding-left-3 is-margin-top-4\">\n            <dt className={`has-text-weight-semibold ${styles.resultCategoryTitle}`}>メンテナンスプラン</dt>\n            <div className=\"columns is-mobile\">\n              <dd className=\"column is-flex has_vertical_centered\">\n                {maintenanceColor() && (\n                  <svg viewBox=\"0 0 15 15\" width=\"15\" height=\"15\">\n                    <rect fill={maintenanceColor()} x=\"0\" y=\"0\" width=\"15\" height=\"15\" stroke=\"#aaaaaa\" strokeWidth=\"0.5px\" />\n                  </svg>\n                )}\n                <span className=\"is-padding-left-2 has-text-weight-bold\">{maintenanceName}</span>\n              </dd>\n              {maintenancePrice() && (\n                <dd className=\"column is-narrow\">{`+${maintenancePrice()}円`}</dd>\n              )}\n            </div>\n          </div>\n        </dl>\n      </div>\n\n      <div className=\"is-padding-5\">\n        <p className=\"is-size-5\">【月額料金に含まれるもの】</p>\n        <p className=\"is-size-5\">\n          車両本体料、自賠責保険料、自動車税、重量税、印紙代、環境性能割、新車登録手数料、仲介手数料、お客様サポート料\n          <br />\n          ※月額料金に含まれない車検点検費用は、メンテナンスプランご加入で定額支払いにできます。\n        </p>\n      </div>\n\n      <div className=\"is-padding-bottom-6 is-margin-bottom-6\">\n        <button type=\"button\" className={styles.whiteButton} onClick={onClickBack}>\n          戻る\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default ModalResult;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { FC, useContext } from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\n\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ninterface ModalLeaseProps {\n  closeDialog: () => void;\n}\n\nconst ModalLease: FC<ModalLeaseProps> = ({ closeDialog }) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const termList = [\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_11,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_11],\n      price: `${simulationManagerStore.term11SelectPrice}円`,\n\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_10,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_10],\n      price: `${simulationManagerStore.term10SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_9,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_9],\n      price: `${simulationManagerStore.term9SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_8,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_8],\n      price: `${simulationManagerStore.term8SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_7,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_7],\n      price: `${simulationManagerStore.term7SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_6,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_6],\n      price: `${simulationManagerStore.term6SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_5,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_5],\n      price: `${simulationManagerStore.term5SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_4,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_4],\n      price: `${simulationManagerStore.term4SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_3,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_3],\n      price: `${simulationManagerStore.term3SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_2,\n      name: NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_2],\n      price: `${simulationManagerStore.term2SelectPrice}円`,\n    },\n    {\n      id: NEWCAR_CONST.TERM.ID.YEAR_1,\n      name: `${NEWCAR_CONST.TERM.NAME[NEWCAR_CONST.TERM.ID.YEAR_1]}(最短)`,\n      price: `${simulationManagerStore.term1SelectPrice}円`,\n    },\n  ];\n\n  const onClick = (id: NEWCAR_CONST.TERM.ID) => {\n    const prevTerm = simulationManagerStore.nowSelectTerm;\n    if (simulationManagerStore.nowSelectMaintenance\n      === NEWCAR_CONST.MAINTENANCE.PLAN_NAME(NEWCAR_CONST.MAINTENANCE.PLAN.PLATINUM)) {\n      if (id <= 5 && prevTerm >= 6) {\n        // 賃貸期間を6年以上から5年以下に変更した時\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      } else if (prevTerm <= 5 && id >= 6) {\n        // 賃貸期間を5年以下から6年以上に変更した時\n        simulationManagerStore.setIsShowSimulateAlert(true);\n      }\n    }\n    simulationManagerStore.changeTerm(id);\n    closeDialog();\n  };\n\n  return (\n    <div className={`is-padding-5 ${styles.leaseContents}`}>\n      <div className=\"columns　is-desktop is-multiline is-vcentered is-margin-bottom-6\">\n        {(() => termList.map((value, index) => (\n          <div\n            className={`column is-margin-top-3 is-margin-bottom-3 ${styles.leaseBox} ${simulationManagerStore.nowSelectTerm === value.id ? styles.leaseBoxSelected : ''}`}\n            key={index.toString()}\n            onClick={() => onClick(value.id)}\n          >\n            <span className=\"checkbox is-full-width\">\n              <div className={`is-full-width has-text-centered is-flex ${styles.leaseLabel}`}>\n                {value.name}\n              </div>\n            </span>\n          </div>\n        )))()}\n      </div>\n    </div>\n  );\n};\n\nexport default ModalLease;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/control-has-associated-label */\nimport React, {\n  FC, useState, useEffect, useContext, useRef,\n} from 'react';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport CARMO_CONST from '@/common/util/const';\nimport * as styles from '@/newcar/ui/detail/organism/PlanDialog.module.styl';\nimport { Observer } from 'mobx-react-lite';\nimport ModalTerm from '@/newcar/ui/detail/organism/modal/ModalTerm';\nimport ModalGrade from '@/newcar/ui/detail/organism/modal/ModalGrade';\nimport ModalGradeSP from '@/newcar/ui/detail/organism/modal/ModalGradeSP';\nimport ModalBodyColor from '@/newcar/ui/detail/organism/modal/ModalBodyColor';\nimport ModalBodyColorSP from '@/newcar/ui/detail/organism/modal/ModalBodyColorSP';\nimport ModalOption from '@/newcar/ui/detail/organism/modal/ModalOption';\nimport ModalOptionSP from '@/newcar/ui/detail/organism/modal/ModalOptionSP';\nimport ModalMaintenance from '@/newcar/ui/detail/organism/modal/ModalMaintenance';\nimport ModalMaintenanceSP from '@/newcar/ui/detail/organism/modal/ModalMaintenanceSP';\nimport ModalResult from '@/newcar/ui/detail/organism/modal/ModalResult';\nimport ModalLease from '@/newcar/ui/detail/organism/modal/ModalLease';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ntype PlanDialogProps ={\n  isShowDialog: boolean;\n  timeoutToClose: () => void;\n  mode: ModeType;\n  selectedPlanID: NEWCAR_CONST.SIMULATION_PLAN.ID;\n  initialStep: number;\n  thumbnailUrl: string;\n  hasWantCar: boolean;\n  openSavedPlanModal: () => void;\n};\n\nconst PlanDialog:FC<PlanDialogProps> = ({\n  isShowDialog,\n  timeoutToClose,\n  mode,\n  selectedPlanID,\n  initialStep,\n  thumbnailUrl,\n  hasWantCar,\n  openSavedPlanModal,\n}) => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // 最大ステップ数\n  let maxStep = 0;\n  switch (mode) {\n    case 'sp':\n      maxStep = 6;\n      break;\n    case 'all':\n      maxStep = 4;\n      break;\n    case 'bodyColorAndOption':\n      maxStep = 2;\n      break;\n    default:\n      // bodyColor, option, maintenance, leaseTermの場合\n      maxStep = 1;\n      break;\n  }\n\n  const [\n    step,\n    setStep,\n  ] = useState(initialStep);\n  const [toTop, setToTop] = useState(false);\n\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    // フッターのスワイプをイベントを無視する\n    const modalEl = modalRef.current;\n    modalEl?.addEventListener('touchmove', (event) => event.preventDefault(), { passive: false });\n    return () => {\n      modalEl?.removeEventListener('touchmove', (event) => event.preventDefault());\n    };\n  }, [modalRef]);\n\n  // ダイアログの表示アニメーションのため\n  useEffect(() => {\n    setTimeout(() => setToTop(true), 300);\n  }, [isShowDialog]);\n\n  // ダイアログを閉じるアニメーションのため\n  const closeDialog = ():void => {\n    setToTop(false);\n    timeoutToClose();\n  };\n\n  // ステップ遷移時にスクロールトップ\n  const scrollTop = () => {\n    const scrollarea = document.getElementById('detail_dialog_scroll_top');\n    if (scrollarea) {\n      scrollarea.scrollTo(0, 0);\n    }\n  };\n\n  // 次にステップへ行く\n  const onClickNext = (current: number, max: number):void => {\n    if (current < max) {\n      setStep(current + 1);\n    } else {\n      closeDialog();\n    }\n    scrollTop();\n  };\n\n  // ステップを戻る\n  const onClickBack = (current: number):void => {\n    if (current > 1) {\n      setStep(current - 1);\n    } else {\n      closeDialog();\n    }\n    scrollTop();\n  };\n\n  // ステップの表示出しわけ\n  const showContentNum = (num: number):string => {\n    switch (num) {\n      case 1:\n        return styles.showContent1;\n      case 2:\n        return styles.showContent2;\n      case 3:\n        return styles.showContent3;\n      case 4:\n        return styles.showContent4;\n      case 5:\n        return styles.showContent5;\n      case 6:\n        return styles.showContent6;\n      default:\n        return '';\n    }\n  };\n\n  // プラン合計金額\n  const nowSelectDiscountPrice = (): string => {\n    let price;\n    if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL) {\n      price = simulationManagerStore.nowSelectPrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE) {\n      price = simulationManagerStore.nowSelectSimplePrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RECOMMEND) {\n      price = simulationManagerStore.nowSelectRecommendPrice;\n    } else if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.RICH) {\n      price = simulationManagerStore.nowSelectRichPrice;\n    }\n    if (price) {\n      return CARMO_CONST.COMMA_FORMAT(price);\n    }\n    return '---,---';\n  };\n\n  const nextStepText = () => {\n    switch (step) {\n      case 1:\n        return '次へ（グレード選択）';\n      case 2:\n        return '次へ（カラー選択）';\n      case 3:\n        return '次へ（オプション選択）';\n      case 4:\n        return '次へ（メンテナンスプラン選択）';\n      case 5:\n        return '結果をみる';\n      default:\n        return '';\n    }\n  };\n\n  const isSkip = ():boolean => {\n    if (maxStep === 4 && (step === 2 || step === 4)) {\n      return true;\n    }\n    if (maxStep === 2 && step === 1) {\n      return true;\n    }\n    return false;\n  };\n\n  const isBack = () => maxStep > 1 && step > 1;\n\n  const buttonText = () => {\n    if (isSkip()) {\n      return 'スキップ';\n    } if (step === maxStep) {\n      return 'プランを更新';\n    }\n    return '次へ';\n  };\n\n  const getModalName = () => {\n    switch (mode) {\n      case 'sp':\n        return NEWCAR_CONST.SIMULATION_MODAL.SP[step];\n      case 'all':\n        return NEWCAR_CONST.SIMULATION_MODAL.ORIGINAL[step];\n      case 'bodyColorAndOption':\n        return NEWCAR_CONST.SIMULATION_MODAL.OTHER[step];\n      default:\n        return '';\n    }\n  };\n\n  const gtmTagModalCloseBtn = () => `gtm-newcar-simulator-${getModalName()}-closeBtn`;\n  const gtmTagModalNextBtn = () => `gtm-newcar-simulator-${getModalName()}-nextBtn`;\n\n  return (\n    <Observer>\n      {() => (\n        <section className={styles.dialogWrap}>\n          <div className={`has-background-white-ter ${styles.dialog} ${toTop ? styles.dialogToTop : styles.dialogClose}`}>\n            <div className={`${styles.redBand}`} />\n\n            <div className={`${styles.scrollContent} ${(mode === 'leaseTerm' || (mode === 'sp' && step === maxStep)) && styles.height100}`} id=\"detail_dialog_scroll_top\">\n              {/* ヘッダー */}\n              <div className={`is-relative has-text-centered ${styles.stepPadding}`}>\n                <div>\n                  {(() => {\n                    switch (mode) {\n                      case 'sp':\n                        return step !== maxStep ? (\n                          <div className={`columns is-mobile is-padding-right-3 ${styles.stepWrap}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>ご利用期間</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>グレード</p>\n                            </div>\n                            <div className={`column ${step < 3 && styles.yetStep} ${step === 3 && styles.nowStep} ${step > 3 && styles.endStep}`}>\n                              <i>3</i>\n                              <p>ボディカラー</p>\n                            </div>\n                            <div className={`column ${step < 4 && styles.yetStep} ${step === 4 && styles.nowStep} ${step > 4 && styles.endStep}`}>\n                              <i>4</i>\n                              <p>オプション</p>\n                            </div>\n                            <div className={`column ${step < 5 && styles.yetStep} ${step === 5 && styles.nowStep} ${step > 5 && styles.endStep}`}>\n                              <i>5</i>\n                              <p>メンテプラン</p>\n                            </div>\n                          </div>\n                        ) : (\n                          <h2 className={`has-text-centered has-text-weight-light is-padding-bottom-3 ${styles.headerTitle}`}>シミュレーション結果</h2>\n                        );\n                      case 'all':\n                        return (\n                          <div className={`columns is-mobile ${styles.stepWrap}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>グレード</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>ボディカラー</p>\n                            </div>\n                            <div className={`column ${step < 3 && styles.yetStep} ${step === 3 && styles.nowStep} ${step > 3 && styles.endStep}`}>\n                              <i>3</i>\n                              <p>オプション</p>\n                            </div>\n                            <div className={`column ${step < 4 && styles.yetStep} ${step === 4 && styles.nowStep} ${step > 4 && styles.endStep}`}>\n                              <i>4</i>\n                              <p>メンテプラン</p>\n                            </div>\n                          </div>\n                        );\n                      case 'bodyColorAndOption':\n                        return (\n                          <div className={`columns is-mobile ${styles.stepWrap} ${styles.stepWrapSmall}`}>\n                            <div className={`column ${step === 1 ? styles.nowStep : styles.endStep}`}>\n                              <i>1</i>\n                              <p>ボディカラー</p>\n                            </div>\n                            <div className={`column ${step < 2 && styles.yetStep} ${step === 2 && styles.nowStep} ${step > 2 && styles.endStep}`}>\n                              <i>2</i>\n                              <p>オプション</p>\n                            </div>\n                          </div>\n                        );\n                      case 'leaseTerm':\n                        return <h2 className=\"is-size-3 has-text-weight-bold has-text-primary has-text-centered\">賃貸期間を選択してください</h2>;\n                      default:\n                        return <></>;\n                    }\n                  })()}\n                </div>\n                <div className={`${styles.closeBtn}`}>\n                  {mode === 'leaseTerm' ? (\n                    <button type=\"button\" data-gtm={gtmTagModalCloseBtn()} onClick={():void => closeDialog()}>閉じる</button>\n                  ) : (\n                    <button type=\"button\" className={styles.closeButton} data-gtm={gtmTagModalCloseBtn()} onClick={():void => closeDialog()} />\n                  )}\n                </div>\n              </div>\n\n              {/* コンテンツ */}\n              <div className={styles.contentContainer}>\n                <div className={`${styles.contentView} ${showContentNum(step)}`}>\n                  {(() => {\n                    switch (mode) {\n                      case 'sp':\n                        return (\n                          <>\n                            <ModalTerm isShow={step === 1} />\n                            <ModalGradeSP isShow={step === 2} />\n                            <ModalBodyColorSP isShow={step === 3} />\n                            <ModalOptionSP isShow={step === 4} hasWantCar={hasWantCar} />\n                            <ModalMaintenanceSP isShow={step === 5} />\n                            <ModalResult\n                              isShow={step === 6}\n                              thumbnailUrl={thumbnailUrl}\n                              onClickBack={() => onClickBack(step)}\n                              openSavedPlanModal={openSavedPlanModal}\n                            />\n                          </>\n                        );\n                      case 'all':\n                        return (\n                          <>\n                            <ModalGrade />\n                            <ModalBodyColor\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                              selectedPlanID={selectedPlanID}\n                            />\n                            <ModalOption selectedPlanID={selectedPlanID} hasWantCar={hasWantCar} />\n                            <ModalMaintenance\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                            />\n                          </>\n                        );\n                      case 'bodyColorAndOption':\n                        return (\n                          <>\n                            <ModalBodyColor\n                              next={onClickNext}\n                              currentStep={step}\n                              maxStep={maxStep}\n                              selectedPlanID={selectedPlanID}\n                            />\n                            <ModalOption selectedPlanID={selectedPlanID} hasWantCar={hasWantCar} />\n                          </>\n                        );\n                      case 'leaseTerm':\n                        return <ModalLease closeDialog={closeDialog} />;\n                      default:\n                        return <></>;\n                    }\n                  })()}\n\n                </div>\n              </div>\n            </div>\n\n            {/* フッター */}\n            {(() => {\n              switch (mode) {\n                case 'sp':\n                  return (\n                    <div className={`has-background-white ${styles.footer} ${styles.isSp} ${step === maxStep && 'is-hidden'}`} ref={modalRef}>\n                      <div className={`columns is-mobile is-padding-top-2 is-padding-bottom-2 ${styles.bottomButtonWrap}`}>\n                        <button onClick={():void => onClickBack(step)} type=\"button\" className={`button is-large is-margin-3 ${styles.backButton}`}>戻る</button>\n                        <button\n                          onClick={():void => onClickNext(step, maxStep)}\n                          type=\"button\"\n                          className={`button is-large is-margin-3 is-fullwidth has-text-white has-text-weight-semibold ${styles.isBlack}`}\n                          data-gtm={gtmTagModalNextBtn()}\n                        >\n                          {nextStepText()}\n                        </button>\n                      </div>\n                      <div className=\"columns is-mobile is-vcentered is-border-top-line is-padding-4 is-padding-top-3 is-margin-4 is-margin-top-0\">\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                        <div className=\"column is-size-5 has-text-black-ter has-text-weight-bold\">お選びのプラン合計金額</div>\n                        <div className=\"column is-narrow\">\n                          <span className=\"is-size-5\">月額</span>\n                          <strong className={`is-size-3 ${styles.priceColorBlue}`}>{nowSelectDiscountPrice()}</strong>\n                          <span className=\"is-size-6\">円</span>\n                        </div>\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                      </div>\n                    </div>\n                  );\n                case 'all':\n                case 'bodyColorAndOption':\n                  return (\n                    <div className={`has-background-white ${styles.footer}`}>\n                      <div className=\"columns is-mobile is-vcentered is-border-top-line is-border-bottom-line is-padding-4 is-margin-4 is-margin-top-0\">\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                        <div className=\"column is-size-5 has-text-black-ter has-text-weight-bold\">お選びのプラン合計金額</div>\n                        <div className=\"column is-narrow\">\n                          <span className=\"is-size-5\">月額</span>\n                          <strong className=\"is-size-3\">{nowSelectDiscountPrice()}</strong>\n                          <span className=\"is-size-6\">円</span>\n                        </div>\n                        <div className=\"column is-one-quarters is-hidden-touch\" />\n                      </div>\n                      <div className={`columns is-mobile ${styles.bottomButtonWrap}`}>\n                        <button\n                          type=\"button\"\n                          className=\"button is-large is-margin-3 is-fullwidth\"\n                          onClick={() => onClickBack(step)}\n                        >\n                          {isBack() ? '戻る' : 'キャンセル'}\n                        </button>\n                        <button\n                          type=\"button\"\n                          className={`button is-large is-margin-3 is-fullwidth ${isSkip() ? '' : 'is-primary'}`}\n                          data-gtm={gtmTagModalNextBtn()}\n                          onClick={() => onClickNext(step, maxStep)}\n                        >\n                          {buttonText()}\n                        </button>\n                      </div>\n                    </div>\n                  );\n                default:\n                  return <></>;\n              }\n            })()}\n          </div>\n\n          <div className={`${toTop || 'is-hidden'} ${styles.scrim}`} onClick={():void => closeDialog()} />\n        </section>\n      )}\n    </Observer>\n  );\n};\n\nexport default PlanDialog;\n","export default __webpack_public_path__ + \"static/saved_plan_sp-1b50cc1b0fc98a1a3509a8ef33365360.png\";","export default __webpack_public_path__ + \"static/saved_plan_pc-7a5544964799ad3eae7c10cc528f7170.png\";","// extracted by mini-css-extract-plugin\nexport const savedPlan = \"SavedPlanModal-module--saved-plan--LZjhj\";\nexport const savedPlanModal = \"SavedPlanModal-module--saved-plan-modal--AqPAn\";\nexport const redText = \"SavedPlanModal-module--red-text--1UG3X\";\nexport const closeButton = \"SavedPlanModal-module--close-button--3lHyq\";\nexport const checkbox = \"SavedPlanModal-module--checkbox--2-Waf\";\nexport const button = \"SavedPlanModal-module--button--JUrG8\";","import React, { FC, useEffect, useState } from 'react';\nimport savedPlanSP from '@/newcar/ui/detail/img/saved_plan_sp.png';\nimport savedPlanPC from '@/newcar/ui/detail/img/saved_plan_pc.png';\nimport * as styles from '@/newcar/ui/detail/organism/SavedPlanModal.module.styl';\n\ntype Props = {\n  open: boolean;\n};\n\nconst NOT_SHOW_KEY = 'notShowSavedPlanModal';\n\nconst SavedPlanModal: FC<Props> = ({ open }) => {\n  const [active, setActive] = useState(false);\n  const [notShowChecked, setNotShowChecked] = useState(true);\n\n  useEffect(() => {\n    // 「次回から表示しない」がtrueの場合は表示しない\n    if (localStorage.getItem(NOT_SHOW_KEY) === true.toString()) {\n      return;\n    }\n    setActive(open);\n  }, [open]);\n\n  const handleNotShow = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setNotShowChecked(e.target.checked);\n  };\n\n  const close = () => {\n    // 「次回から表示しない」の状況をローカルストレージに保存\n    localStorage.setItem(NOT_SHOW_KEY, notShowChecked.toString());\n    setActive(false);\n  };\n\n  return (\n    <div className={`${styles.savedPlan} ${!active && 'is-hidden'}`}>\n      <div className={styles.savedPlanModal}>\n        <p className={styles.redText}>マイプランに保存しました</p>\n        <button\n          type=\"button\"\n          aria-hidden=\"true\"\n          className={styles.closeButton}\n          onClick={close}\n        />\n        <img src={savedPlanSP} alt=\"マイプラン\" className=\"is-margin-top-6 is-hidden-desktop\" />\n        <img src={savedPlanPC} alt=\"マイプラン\" className=\"is-margin-top-6 is-hidden-touch\" />\n        <p className=\"is-margin-top-6\">\n          ページ上部の\n          <strong className={styles.redText}>\n            「マイプラン\n            <span className=\"is-hidden-touch\">（シミュレーション結果）</span>\n            」\n          </strong>\n          から保存したプランが確認できます\n        </p>\n        <div className=\"is-margin-top-6\">\n          <label htmlFor=\"notShow\">\n            <input type=\"checkbox\" id=\"notShow\" checked={notShowChecked} className={styles.checkbox} onChange={handleNotShow} />\n            今後このメッセージを表示しない\n          </label>\n        </div>\n        <button\n          type=\"button\"\n          className={`button is-large is-fullwidth is-margin-top-6 is-margin-bottom-2 ${styles.button}`}\n          onClick={close}\n        >\n          閉じる\n        </button>\n      </div>\n    </div>\n  );\n};\nexport default SavedPlanModal;\n","// extracted by mini-css-extract-plugin\nexport const isMarginTop3rem = \"Simulation-module--is-margin-top-3rem--3P1dJ\";\nexport const detailBtnWrap = \"Simulation-module--detailBtnWrap--2YFdD\";\nexport const arrowBlack = \"Simulation-module--arrow-black--2Kvjw\";","import React, {\n  FC, useState, useContext, useEffect,\n} from 'react';\nimport { Link } from 'gatsby';\nimport CarDigest from '@/common/core/model/carDigest';\nimport PlanSP from '@/newcar/ui/detail/organism/PlanSP';\nimport PlanPC from '@/newcar/ui/detail/organism/PlanPC';\nimport arrowBlack from '@/newcar/ui/detail/img/arrow-black.svg';\nimport PlanDialog from '@/newcar/ui/detail/organism/PlanDialog';\nimport SavedPlanModal from '@/newcar/ui/detail/organism/SavedPlanModal';\nimport { PlanTitle } from '@/newcar/core/model/plan';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport * as styles from '@/newcar/ui/detail/organism/Simulation.module.styl';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport CARMO_UTIL from '@/common/util/util';\nimport { ModeType } from '@/newcar/util/const/dialogMode';\nimport NEWCAR_CONST from '@/newcar/util/const';\n\ntype PickDigest = Pick<CarDigest, 'thumbnailUrl' | 'hasWantCar'>;\n\nconst Simulation: FC<PickDigest> = ({ thumbnailUrl, hasWantCar }) => {\n  const [isShowDialog, setShowDialog] = useState(false);\n  const [mode, setMode] = useState<ModeType>('all');\n  const [selectedPlanID, setSelectedPlanID] = useState<NEWCAR_CONST.SIMULATION_PLAN.ID>(\n    NEWCAR_CONST.SIMULATION_PLAN.ID.SIMPLE,\n  );\n  const [initialStep, setInitialStep] = useState(1);\n  const [openSavedPlanModal, setOpenSavedPlanModal] = useState(false);\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // ダイアログを表示\n  const onClickCustomizePlan = (\n    dialogMode: ModeType,\n    planID: NEWCAR_CONST.SIMULATION_PLAN.ID,\n    step?: number,\n  ): void => {\n    setSelectedPlanID(planID);\n    setShowDialog(true);\n    setMode(dialogMode);\n    if (step) setInitialStep(step);\n  };\n\n  // ダイアログを閉じるアニメーションのためのタイムアウト\n  const timeoutToClose = ():void => {\n    // シミレーションのエリアまでスクロール\n    CARMO_UTIL.scrollToId('simulation', (mode === 'sp') ? 0 : 50);\n\n    setTimeout(() => setShowDialog(false), 400);\n  };\n\n  // パスから車種IDを取得\n  const getCarId = () => {\n    const url = window.location.pathname.split('/');\n    // URLの末尾が/の時とそうでない時で配列の最後の要素が変わるため\n    const carId = url[url.length - 1] ? url[url.length - 1] : url[url.length - 2];\n    return carId;\n  };\n\n  // ダイアログの表示切り替え時の処理\n  useEffect(() => {\n    const carId = getCarId();\n    if (isShowDialog) {\n      if (selectedPlanID === NEWCAR_CONST.SIMULATION_PLAN.ID.ORIGINAL) {\n        simulationManagerStore.startSimulation(carId);\n      }\n    }\n  }, [isShowDialog]);\n\n  return (\n    <section className=\"container\" id=\"simulation\">\n      <div className={`is-hidden-touch is-margin-bottom-7 ${styles.isMarginTop3rem}`}>\n        <div className=\"columns\">\n          <PlanPC\n            title={PlanTitle.SIMPLE}\n            onClickCustomizePlan={onClickCustomizePlan}\n          />\n          <PlanPC\n            title={PlanTitle.OSUSUME}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n          />\n          <PlanPC\n            title={PlanTitle.YOKUBARI}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n          />\n          <PlanPC\n            title={PlanTitle.ORIGINAL}\n            onClickCustomizePlan={onClickCustomizePlan}\n            classname=\"is-margin-left-3\"\n            isOriginal\n            openSavedPlanModal={() => setOpenSavedPlanModal(true)}\n          />\n        </div>\n        <div className={`columns ${styles.detailBtnWrap}`}>\n          <Link to={NEWCAR_DEFINE.PATH.MORAERU} className=\"column columns is-vcentered is-narrow is-size-6 has-text-grey is-margin-right-3\">\n            もらえるオプションを詳しく見る\n            <img src={arrowBlack} alt=\"黒矢印\" className={`is-margin-left-1 ${styles.arrowBlack}`} />\n          </Link>\n          <Link to={NEWCAR_DEFINE.PATH.MAINTENANCE} className=\"column columns is-narrow is-size-6 has-text-grey\">\n            メンテナンスプランの違いを詳しく見る\n            <img src={arrowBlack} alt=\"黒矢印\" className={`is-margin-left-1 ${styles.arrowBlack}`} />\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"is-hidden-desktop\">\n        <PlanSP thumbnailUrl={thumbnailUrl} onClickCustomizePlan={onClickCustomizePlan} />\n      </div>\n\n      {isShowDialog && (\n        <PlanDialog\n          isShowDialog={isShowDialog}\n          timeoutToClose={timeoutToClose}\n          mode={mode}\n          selectedPlanID={selectedPlanID}\n          initialStep={initialStep}\n          thumbnailUrl={thumbnailUrl}\n          hasWantCar={hasWantCar}\n          openSavedPlanModal={() => setOpenSavedPlanModal(true)}\n        />\n      )}\n\n      <SavedPlanModal open={openSavedPlanModal} />\n    </section>\n  );\n};\n\nexport default Simulation;\n","// extracted by mini-css-extract-plugin\nexport const closedBody = \"Introduction-module--closed-body--1Ft5V\";\nexport const htmlString = \"Introduction-module--html-string--1Vfhu\";\nexport const moreButton = \"Introduction-module--more-button--14HzU\";\nexport const carModelImage = \"Introduction-module--car-model-image--1-zCy\";","/* eslint-disable react/no-danger */\nimport React, { FC, useState } from 'react';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport * as styles from '@/newcar/ui/detail/organism/Introduction.module.styl';\n\ntype IntroductionProps = Pick<VehicleTypes, 'review' | 'summary' | 'captionImageUrl1' | 'captionImageUrl2' | 'captionImageUrl3' | 'caption1' | 'caption2' | 'caption3' | 'point1' | 'point2' | 'point3'>\n\nconst Introduction: FC<IntroductionProps> = ({\n  review, captionImageUrl1, captionImageUrl2, captionImageUrl3, caption1, caption2, caption3,\n  summary, point1, point2, point3,\n}) => {\n  const [introClose, setIntroClose] = useState(true);\n\n  const src1 = captionImageUrl1 || '';\n  const src2 = captionImageUrl2 || '';\n  const src3 = captionImageUrl3 || '';\n\n  const switchIntroClose = (): void => {\n    setIntroClose(!introClose);\n  };\n\n  // 車種紹介(review)の中から、props の point1~3 とマッチする文章を削除\n  let processedReview = review || '';\n  if (!!point1 && !!point2 && !!point3) {\n    const lines = processedReview.split('\\n');\n    lines.forEach((line, index) => {\n      if (line.includes('はこのような方におすすめ')) {\n        lines.splice(index, 2, 'delete-me', 'delete-me');\n      }\n      if (line.includes(point1)) {\n        lines.splice(index, 1, 'delete-me');\n      }\n      if (line.includes(point2)) {\n        lines.splice(index, 1, 'delete-me');\n      }\n      if (line.includes(point3)) {\n        lines.splice(index, 3, 'delete-me', 'delete-me', 'delete-me');\n      }\n    });\n    processedReview = lines.filter((line) => line !== 'delete-me').join('\\n');\n  }\n  // *** ここまで ***\n\n  return (\n    <div id=\"car-model-introduction\">\n      <h2 className=\"title is-3 has-text-centered\">車種紹介</h2>\n      <div className={`is-size-5 ${introClose ? 'is-hidden' : ''}`}>\n        <div className={`is-margin-7 is-size-4 has-text-weight-bold ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: summary as string }} />\n\n        <div id=\"car-model-introduction-opened-img-area\" className=\"columns has-text-centered is-margin-7 is-padding-bottom-7\">\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src1} alt=\"caption1\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption1}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src2} alt=\"caption2\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption2}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img className={`${styles.carModelImage}`} src={src3} alt=\"caption3\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption3}</p>\n          </div>\n        </div>\n        <div className={`is-margin-7 ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: processedReview as string }} />\n      </div>\n\n      <div className={`${styles.closedBody} ${introClose ? '' : 'is-hidden'}`}>\n        <div className={`is-padding-7 is-size-4 has-text-weight-bold ${styles.htmlString}`} dangerouslySetInnerHTML={{ __html: summary as string }} />\n        <div id=\"car-model-introduction-closed-img-area\" className=\"columns has-text-centered is-margin-7 is-padding-bottom-7\">\n          <div className=\"column is-margin-5\">\n            <img src={src1} alt=\"caption1\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption1}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img src={src2} alt=\"caption2\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption2}</p>\n          </div>\n          <div className=\"column is-margin-5\">\n            <img src={src3} alt=\"caption3\" loading=\"lazy\" decoding=\"async\" width=\"375\" height=\"195\" />\n            <p className=\"is-padding-top-2\">{caption3}</p>\n          </div>\n        </div>\n      </div>\n      <div className=\"columns is-mobile is-centered is-padding-top-7\">\n        <button\n          type=\"button\"\n          className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n          onClick={(e): void => {\n            e.currentTarget.blur();\n            switchIntroClose();\n          }}\n        >\n          {introClose ? 'もっと見る' : '閉じる'}\n        </button>\n      </div>\n    </div>\n\n  );\n};\n\nexport default Introduction;\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React, { FC, useContext } from 'react';\nimport * as styles from '@/newcar/ui/detail/organism/ModalSimulateAlert.module.styl';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport { Observer } from 'mobx-react-lite';\n\nconst ModalSimulateAlert: FC = () => {\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  return (\n    <Observer>\n      {() => (\n        <div className={`modal ${simulationManagerStore.isShowSimulateAlert ? styles.displayFlex : ''}`}>\n          <div className={styles.alertBackground} />\n          <div className=\"modal-content has-background-white\">\n            <div className=\"accent-line-long has-background-primary\" />\n            <div className=\"columns is-mobile is-vcentered is-padding-5 is-padding-bottom-0\">\n              <div className=\"column\" />\n              <div className=\"column is-narrow\">\n                <a onClick={() => simulationManagerStore.setIsShowSimulateAlert(false)}>\n                  閉じる\n                </a>\n              </div>\n            </div>\n            <div className=\"has-text-centered is-padding-4\">\n              <p>\n                リース期間の変更によりメンテプランの選択が解除されました。\n                <br />\n                ※プラチナプランはリース期間6年～11年でご加入いただけます。\n              </p>\n              <div className=\"columns is-mobile is-padding-top-5 is-padding-bottom-5 has-text-centered is-centered\">\n                <button className={`column button is-4 ${styles.detailDialogButton}`} type=\"button\" onClick={() => simulationManagerStore.setIsShowSimulateAlert(false)}>\n                  OK\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </Observer>\n  );\n};\n\nexport default ModalSimulateAlert;\n","/* eslint-disable no-restricted-syntax */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable default-case */\n/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/naming-convention */\n/* eslint-disable @typescript-eslint/no-namespace */\nexport enum BODY_ID {\n  /** 未選択 */\n  UNSELECTED = 0,\n  /** セダン */\n  SEDAN = 1,\n  /** ステーションワゴン */\n  STATION_WAGON = 2,\n  /** ミニバン・ワゴン */\n  MINIVAN = 3,\n  /** SUV・クロカン */\n  SUV = 4,\n  /** 軽自動車 */\n  MINI_CAR = 5,\n  /** コンパクトカー */\n  COMPACT_CAR = 6,\n  /** ハッチバック */\n  HATCH_BACK = 7,\n  /** クーペ・オープンカー */\n  COUPE = 9,\n  /** その他 */\n  OTHER = 10,\n}\n\nexport const BODY_DATA = [\n  {\n    id: BODY_ID.UNSELECTED,\n    name: '',\n    metaName: '',\n    key: '',\n    isUnselected: true,\n    modalName: '',\n    count: 0,\n  },\n  {\n    id: BODY_ID.MINI_CAR,\n    name: '軽自動車',\n    metaName: '軽自動車(MINI)',\n    key: 'mini',\n    isUnselected: false,\n    modalName: '軽自動車',\n    count: 0,\n  },\n  {\n    id: BODY_ID.COMPACT_CAR,\n    name: 'コンパクトカー',\n    metaName: 'コンパクトカー(COMPACT)',\n    key: 'compact',\n    isUnselected: false,\n    modalName: 'コンパクト',\n    count: 0,\n  },\n  {\n    id: BODY_ID.HATCH_BACK,\n    name: 'ハッチバック',\n    metaName: 'ハッチバック(HATCHBACK)',\n    key: 'hatchback',\n    isUnselected: false,\n    modalName: 'ハッチバック',\n    count: 0,\n  },\n  {\n    id: BODY_ID.MINIVAN,\n    name: 'ミニバン・ワゴン',\n    metaName: 'ミニバン・ワゴン(MINIVAN)',\n    key: 'minivan',\n    isUnselected: false,\n    modalName: 'ミニバン',\n    count: 0,\n  },\n  {\n    id: BODY_ID.SUV,\n    name: 'SUV・クロカン',\n    metaName: 'SUV・クロカン(SUV)',\n    key: 'suv',\n    isUnselected: false,\n    modalName: 'SUV',\n    count: 0,\n  },\n  {\n    id: BODY_ID.SEDAN,\n    name: 'セダン',\n    metaName: 'セダン(SEDAN)',\n    key: 'sedan',\n    isUnselected: false,\n    modalName: 'セダン',\n    count: 0,\n  },\n  {\n    id: BODY_ID.STATION_WAGON,\n    name: 'ステーションワゴン',\n    metaName: 'ステーションワゴ(STATIONWAGON)',\n    key: 'stationwagon',\n    isUnselected: false,\n    modalName: 'ステーションワゴン',\n    count: 0,\n  },\n  {\n    id: BODY_ID.COUPE,\n    name: 'クーペ・オープンカー',\n    metaName: 'クーペ・オープンカー(COUPE)',\n    key: 'coupe',\n    isUnselected: false,\n    modalName: 'クーペ',\n    count: 0,\n  },\n  {\n    id: BODY_ID.OTHER,\n    name: 'その他',\n    metaName: 'その他(OTHER)',\n    key: 'other',\n    isUnselected: false,\n    modalName: 'その他',\n    count: 0,\n  },\n];\n\n// 内部関数idでデータ探索\nconst bodyTypeDataFind = (id: BODY_ID): number => {\n  const target = BODY_DATA.findIndex((data) => (data.id === id));\n  if (target >= 0) {\n    return target;\n  }\n  return BODY_DATA.findIndex((data) => (data.id === BODY_ID.OTHER));\n};\n\n// ID → メーカー名\nexport const BODY_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].name;\n\n// ID → メーカー名(英語)\nexport const BODY_META_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].metaName;\n\n// ID → KEY\nexport const BODY_ID_TO_KEY = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].key;\n\n// KEY → ID\nexport const BODY_KEY_TO_ID = (key: string): BODY_ID => {\n  const target = BODY_DATA.find((data) => (data.key === key));\n  if (target) {\n    return target.id;\n  }\n  throw new Error('Invalid value');\n};\n\n// ID → モーダル名\nexport const BODY_MODAL_NAME = (id: BODY_ID): string => BODY_DATA[bodyTypeDataFind(id)].modalName;\n","// extracted by mini-css-extract-plugin\nexport const alertBackground = \"ModalSimulateAlert-module--alert-background--4ygSn\";\nexport const detailDialogButton = \"ModalSimulateAlert-module--detail-dialog-button--DuuTC\";\nexport const displayFlex = \"ModalSimulateAlert-module--display-flex--3l-su\";","/* eslint-disable max-len */\n\nimport { observable, action, computed } from 'mobx';\nimport { store } from '@/common/core/store/decorator';\n// import NEWCAR_CONST from '@/newcar/util/const';\nimport CARMO_CONST from '@/common/util/const';\nimport RelatedRanking from '@/newcar/core/model/relatedRanking';\nimport CarDigest from '@/common/core/model/carDigest';\n\n// store系\nimport { searchCarStore } from '@/newcar/core/store/searchCarStore';\nimport StoreUtil from '@/newcar/core/store/storeUtil';\n\n// 個別ページのランキングで表示する件数\nconst DETAIL_RANKING_MAX = 5;\n\n/**\n * 車両概要のリストをランク付けする\n * @param  {CarDigest[]} carDigests 車両概要のリスト\n * @return {RelatedRanking[]}       ランク付けされた車両概要\n */\nfunction rankCarDigest(carDigests: CarDigest[]): RelatedRanking[] {\n  if (!searchCarStore.allCarDetails) {\n    return [];\n  }\n\n  // 人気度で並び替え\n  carDigests.sort((a: CarDigest, b: CarDigest) => StoreUtil.comparePopularityScore(a, b));\n\n  // 上位から最大5件を取り出し\n  let skipped = 0;\n  const result: RelatedRanking[] = [];\n  for (let i = 0; i < carDigests.length; i += 1) {\n    const carDigest = carDigests[i];\n    const targetCarDetail = searchCarStore.allCarDetails.find(\n      (detail) => (detail.id === carDigest.id__normalized),\n    );\n    if (targetCarDetail && carDigest.publishStatus) {\n      result.push({\n        rank: i + 1 - skipped,\n        makerId: carDigest.makerId,\n        carId: carDigest.id__normalized,\n        carName: carDigest.name,\n        imgUrl: carDigest.thumbnailUrl,\n        price: carDigest.taxedMinPrice11,\n        summary: targetCarDetail.summary || '',\n      });\n    } else {\n      skipped += 1;\n    }\n    if (result.length >= DETAIL_RANKING_MAX) {\n      break;\n    }\n  }\n  return result;\n}\n\n/**\n * 現在の車種に関連する車種ランキングの管理\n * @class RelatedCarStore\n */\n@store({ persist: true, name: 'RelatedCarStore' })\nexport default class RelatedCarStore {\n  // 現在の車種\n  @observable targetCarId = 0;\n\n  /**\n   * 対象車種のランキング対象となるボデイタイプ名\n   * @readonly\n   * @memberof RelatedCarStore\n   */\n  @computed\n  get relatedBodyTypeName(): string {\n    // 対象車種を抽出\n    const nowCar = searchCarStore.allCarDigests.find((digest:CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    if (nowCar) {\n      const targetBodyType = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n      return CARMO_CONST.BODY_TYPE.NAME(targetBodyType);\n    }\n    return '';\n  }\n\n  /**\n     * 対象車種と同一ボデイタイプのランキングTOP5\n     * @readonly\n     * @type {{ RelatedRanking[] }\n     * @memberof RelatedCarStore\n     */\n  @computed\n  get relatedBodyTypeRanking():RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 対象車種を抽出\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find(\n      (digest: CarDigest) => (digest.id__normalized === this.targetCarId as unknown as string),\n    );\n    if (!nowCar) {\n      return [];\n    }\n\n    const targetBodyType = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n    // 対象車種と同一のボディタイプを抽出\n    const sameList = searchCarStore.allCarDigests.filter((car: CarDigest) => ((car.bodyType === targetBodyType)\n                || ((targetBodyType === CARMO_CONST.BODY_TYPE.ID.MINI_CAR) && car.isMiniCar)\n                || ((targetBodyType === CARMO_CONST.BODY_TYPE.ID.OTHER) && (car.bodyType === CARMO_CONST.BODY_TYPE.ID.UNSELECTED) && !car.isMiniCar)));\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * 対象車種のランキング対象となるメーカー名\n   * @readonly\n   * @memberof RelatedCarStore\n   */\n  @computed\n  get relatedMakerName():string {\n    // 対象車種を抽出\n    const nowCar = searchCarStore.allCarDigests.find((digest:CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    return nowCar?.makerId.toString() ?? '';\n  }\n\n  /**\n  * 対象車種と同一メーカーのランキングTOP5\n  * @readonly\n  * @type {{ RelatedRanking[] }\n  * @memberof RelatedCarManager\n  */\n  @computed\n  get relatedMakerRanking(): RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 対象車種を抽出\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find(\n      (digest: CarDigest) => digest.id__normalized === this.targetCarId as unknown as string,\n    );\n    if (!nowCar) {\n      return [];\n    }\n\n    // 対象車種と同一のメーカーを抽出\n    const sameList: CarDigest[] = searchCarStore.allCarDigests.filter(\n      (x:CarDigest) => x.makerId === nowCar.makerId,\n    );\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * 対象車種と同一メーカー×同一ボデイタイプのランキングTOP5\n   * @readonly\n   * @type {{ RelatedRanking[] }\n   * @memberof RelatedCarManager\n   */\n  @computed\n  get relatedMakerAndBodyTypeRanking(): RelatedRanking[] {\n    if (!searchCarStore.allCarDetails) {\n      return [];\n    }\n    // 対象車種を抽出\n    const nowCar: CarDigest | undefined = searchCarStore.allCarDigests.find((digest: CarDigest) => digest.id__normalized === this.targetCarId as unknown as string);\n    if (!nowCar) {\n      return [];\n    }\n\n    const targetBodyType: CARMO_CONST.BODY_TYPE.ID = StoreUtil.identifyBodyType(nowCar.bodyType, nowCar.isMiniCar);\n    // 対象車種と同一のボディタイプを抽出\n    const sameList: CarDigest[] = searchCarStore.allCarDigests.filter((x) => (\n      (x.makerId === nowCar.makerId)\n            && (x.bodyType === targetBodyType\n                || (targetBodyType === CARMO_CONST.BODY_TYPE.ID.MINI_CAR && x.isMiniCar)\n                || (targetBodyType === CARMO_CONST.BODY_TYPE.ID.OTHER && x.bodyType === CARMO_CONST.BODY_TYPE.ID.UNSELECTED && !x.isMiniCar))));\n    return rankCarDigest(sameList);\n  }\n\n  /**\n   * action:現在車種を設定\n   * @param {number} id\n   * @memberof RelatedCarManager\n   */\n  @action\n  public setRelatedCarId(id: number):number {\n    this.targetCarId = id;\n    return this.targetCarId;\n  }\n}\n\nexport const relatedCarStore = new RelatedCarStore();\n","// extracted by mini-css-extract-plugin\nexport const reviewsContainer = \"Reviews-module--reviews-container--BIX-h\";\nexport const reviewsHeading = \"Reviews-module--reviews-heading--1Bdcd\";\nexport const reviewsSubheading = \"Reviews-module--reviews-subheading--32kUU\";\nexport const reviewsContent = \"Reviews-module--reviews-content--2QHdu\";\nexport const reviewsNotice = \"Reviews-module--reviews-notice--3UUZ6\";\nexport const reviewsUserCommentSpeeachBalloon = \"Reviews-module--reviews-user-comment-speeach-balloon--3XiGM\";\nexport const reviewsUserCommentList = \"Reviews-module--reviews-user-comment-list--2ViFc\";\nexport const reviewsUserCommentContainer = \"Reviews-module--reviews-user-comment-container--3cBdU\";\nexport const isFirst = \"Reviews-module--is-first--1Asps\";\nexport const isSecond = \"Reviews-module--is-second--lGUPe\";\nexport const isThird = \"Reviews-module--is-third--3WVuD\";\nexport const isFourth = \"Reviews-module--is-fourth--yfscH\";\nexport const reviewsUserCommentItem = \"Reviews-module--reviews-user-comment-item--2Bwq_\";\nexport const reviewsUserCommentText = \"Reviews-module--reviews-user-comment-text--3qWyv\";\nexport const reviewsUserCommentTextMin = \"Reviews-module--reviews-user-comment-text-min--1_CJJ\";\nexport const reviewsCardSingleContainer = \"Reviews-module--reviews-card-single-container--wHli1\";\nexport const reviewsCardSingleItem = \"Reviews-module--reviews-card-single-item--1tZTn\";\nexport const reviewsCardSingleHeading = \"Reviews-module--reviews-card-single-heading--GFS64\";\nexport const reviewsCardSingleProfile = \"Reviews-module--reviews-card-single-profile--E-PWw\";\nexport const reviewsCardSingleRating = \"Reviews-module--reviews-card-single-rating--9U_q4\";\nexport const reviewsCardSingleDescription = \"Reviews-module--reviews-card-single-description--1mQG4\";\nexport const reviewsMoreButton = \"Reviews-module--reviews-more-button--2XRIj\";","import React, { FC } from 'react';\n\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport reviewPointAvif from '@/newcar/ui/common/img/reviews/bnr-google-point.avif';\nimport reviewPointPng from '@/newcar/ui/common/img/reviews/bnr-google-point.png';\nimport * as styles from '@/newcar/ui/detail/organism/Reviews.module.styl';\n\nconst Reviews: FC = () => (\n  <section id=\"reviews\" className=\"container\">\n    <Card className={`${styles.reviewsContainer}`}>\n      <div>\n        <h2 className={`${styles.reviewsHeading} title is-3 has-text-centered is-margin-bottom-3`}>\n          <span className={styles.reviewsSubheading}>\n            定額カルモくんは\n          </span>\n          おかげさまで高評価\n        </h2>\n        <div className={styles.reviewsContent}>\n          <picture className=\"is-block has-text-centered column\">\n            <source srcSet={reviewPointAvif} type=\"image/avif\" />\n            <source srcSet={reviewPointPng} />\n            <img src={reviewPointPng} alt=\"Googleクチコミ高評価! 4.4獲得\" loading=\"lazy\" decoding=\"async\" width=\"345\" height=\"202\" />\n          </picture>\n        </div>\n      </div>\n\n      <div>\n        <h3 className={styles.reviewsUserCommentSpeeachBalloon}>喜びの声も続々！</h3>\n        <ul className={`${styles.reviewsUserCommentList}`}>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isFirst}`}>\n            <p className={styles.reviewsUserCommentItem}>\n              <span className={styles.reviewsUserCommentText}>\n                貯金がなくても\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                乗りたいと思った新車に\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                乗れるんだって\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                正直、驚きましたね。\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                埼玉県 Mさん（20代）大工\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isSecond}`}>\n            <p className={`${styles.reviewsUserCommentItem} ${styles.isSecond}`}>\n              <span className={styles.reviewsUserCommentText}>\n                子供の送り迎えも\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                面倒だった家計の管理も\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                グッとラクになりました！\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                東京都 Oさん（30代）主婦\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isThird}`}>\n            <p className={styles.reviewsUserCommentItem}>\n              <span className={styles.reviewsUserCommentText}>\n                ずっと中古車だったから\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                車検や税金を気にせず\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                新車に乗れるのは\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                かなり魅力的だった。\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                青森県 Uさん（40代）自営業\n              </span>\n            </p>\n          </li>\n          <li className={`${styles.reviewsUserCommentContainer} ${styles.isFourth}`}>\n            <p className={`${styles.reviewsUserCommentItem} ${styles.isFourth}`}>\n              <span className={styles.reviewsUserCommentText}>\n                ローンの審査は落ちたけど\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                カーリースの審査は\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                無事通過で念願の新車に\n              </span>\n              <span className={styles.reviewsUserCommentText}>\n                のれて満足です！\n              </span>\n              <span className={styles.reviewsUserCommentTextMin}>\n                神奈川県 Kさん（40代）バス運転手\n              </span>\n            </p>\n          </li>\n        </ul>\n        <div className=\"column is-full has-text-centered\">\n          <a\n            href=\"/uservoice/\"\n            className={`button is-large is-fixed-width-button ${styles.reviewsMoreButton}`}\n          >\n            <span>「お客様の声」をもっとみる</span>\n          </a>\n        </div>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reviews;\n","export default __webpack_public_path__ + \"static/img-shop-manager-a8f00fb5b041ba2332aacb5cdf6c6dc8.png\";","export default __webpack_public_path__ + \"static/img-shop-manager-7adecfecf3b96fb30424178df64f9f98.avif\";","import React, {\n  FC, useContext, useState,\n} from 'react';\nimport { navigate } from 'gatsby';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport ButtonRequestAssessmentSP from '@/newcar/ui/detail/molecule/ButtonRequestAssessmentSP';\nimport arrow from '@/newcar/ui/common/img/object/icon/arrow-red.svg';\nimport shopManager from '@/newcar/ui/detail/img/img-shop-manager.png';\nimport shopManagerAvif from '@/newcar/ui/detail/img/img-shop-manager.avif';\nimport * as styles from '@/newcar/ui/detail/organism/Trial.module.styl';\n\nconst Trial: FC = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n\n  // プラン詳細を見るで使用する計算結果\n  const afterPrice = () => simulationManagerStore.nowRecommendSPSelection?.price?.toLocaleString() || '';\n  const planName = () => simulationManagerStore.nowRecommendSPSelection.orderName || '';\n  const planOption = () => simulationManagerStore.nowRecommendSPSelection.option || '';\n  const planYear = () => simulationManagerStore.nowRecommendSPSelection.term || '';\n  const planMonth = () => Number(simulationManagerStore.nowRecommendSPSelection.term) * 12 || '';\n\n  // 相談申し込みCTA\n  const goToTrialEntryForm = () => {\n    simulationManagerStore.nowCarToUndefined();\n    simulationManagerStore.saveEntryBreakdown(NEWCAR_CONST.SIMULATION_PLAN.ID.TRIAL);\n    navigate(NEWCAR_DEFINE.PATH.FORM_CONTACT_INFO);\n  };\n\n  return (\n    <>\n      {/* SP */}\n      <section className=\"container is-hidden-desktop\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">車選びでお困りではありませんか？</h2>\n          <div className=\"is-margin-bottom-4\">\n            <picture>\n              <source srcSet={shopManagerAvif} type=\"image/avif\" />\n              <img\n                src={shopManager}\n                alt=\"自動車整備士資格を持つ、カルモくん店長・若林\"\n                width=\"954\"\n                height=\"294\"\n                loading=\"lazy\"\n              />\n            </picture>\n            <span className=\"is-block is-size-7 has-text-right\">自動車整備士資格を持つ、カルモくん店長・若林</span>\n          </div>\n          <div className=\"is-size-5 is-margin-bottom-5\">\n            <p className=\"is-padding-right-4 is-padding-left-4\">\n              車のプロがあなたの車選びを無料サポートします。\n              審査後のキャンセル・プラン変更は可能ですので、まずはお試し審査にお申込みいただき、\n              お車選びのサポートを受けていただく流れがおすすめです。\n            </p>\n          </div>\n          {/* 申し込みボタン */}\n          <div className=\"has-text-centered\">\n            <div className=\"has-text-center is-margin-top-5 balloon-campaign-parent\">\n              <span className={`is-size-6 is-relative ${styles.balloonCampaign}`}>無料！5分でかんたんお申し込み</span>\n            </div>\n            <ButtonRequestAssessmentSP\n              className={`${styles.isBlue} ${styles.isShaped} button has-head-copy `}\n              buttonText=\"まずはお試しで審査に申込む\"\n              handlerOnClick={goToTrialEntryForm}\n            />\n          </div>\n\n          {/* プラン詳細 */}\n          <div\n            className=\"columns is-mobile is-multiline is-centered is-vcentered\"\n            onClick={() => setIsOpen(!isOpen)}\n            data-gtm=\"gtm-newcar-detail-fvPlanAccordion\"\n            role=\"button\"\n            tabIndex={0}\n          >\n            <div className={`column is-narrow is-size-6 is-padding-right-2 ${styles.isUnderline}`}>プラン詳細を見る</div>\n            <span className={`${styles.plusBtn} ${isOpen && styles.active}`} />\n          </div>\n          {isOpen && (\n            <div className={`columns is-desktop is-multiline is-centered is-vcentered is-size-6 is-padding-5 is-margin-bottom-5 ${styles.isBorderGreyLighter}`}>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">グレード</p>\n                <p className=\"has-text-grey\">{planName()}</p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">オプション装備</p>\n                <p className=\"has-text-grey\">{planOption()}</p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">賃貸期間</p>\n                <p className=\"has-text-grey\">\n                  {planMonth() ? `${planMonth()}ヶ月 ` : ''}\n                  {planYear()}\n                  年\n                </p>\n              </div>\n              <div className=\"column is-padding-bottom-3\">\n                <p className=\"has-text-weight-semibold\">月額料金</p>\n                <p className=\"has-text-grey\">\n                  {afterPrice()}\n                  円/月（税込）\n                </p>\n              </div>\n            </div>\n          )}\n        </Card>\n      </section>\n\n      {/* PC */}\n      <section className=\"container is-hidden-mobile is-hidden-tablet-only\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">車選びでお困りではありませんか？</h2>\n          <div className=\"is-size-5 is-margin-bottom-5 has-text-centered\">\n            <p>車のプロがあなたの車選びを無料サポートします。</p>\n            <p>審査後のキャンセル・プラン変更は可能ですので、下記よりお気軽にお申し込みください。</p>\n          </div>\n          <div className=\"has-text-centered\">\n            <button\n              type=\"button\"\n              className={`button is-large is-white is-fixed-width-button has-text-info ${styles.consultationApplicationButton}`}\n              onClick={goToTrialEntryForm}\n              data-gtm=\"gtm-newcardetail-ConsultationApplication\"\n            >\n              <div className=\"has-text-centered\">\n                <strong className=\"is-size-4 has-text-primary\">とりあえず相談申込に進む</strong>\n                <img src={arrow} alt=\"矢印\" className={`${styles.arrowRed}`} />\n              </div>\n            </button>\n          </div>\n        </Card>\n      </section>\n    </>\n  );\n};\nexport default Trial;\n","// extracted by mini-css-extract-plugin\nexport const iconArrowRightBlue = \"Trial-module--icon-arrow-right-blue--3npwE\";\nexport const consultationApplicationButton = \"Trial-module--consultation-application-button--1mc63\";\nexport const arrowRed = \"Trial-module--arrow-red--1T4Tp\";\nexport const balloonCampaign = \"Trial-module--balloon-campaign--xuGoU\";\nexport const plusBtn = \"Trial-module--plus-btn--20ocL\";\nexport const active = \"Trial-module--active---_tGr\";\nexport const isUnderline = \"Trial-module--is-underline--36RoR\";\nexport const isBorderGreyLighter = \"Trial-module--is-border-grey-lighter--1GpBh\";\nexport const isBlue = \"Trial-module--is-blue--2YtId\";\nexport const isShaped = \"Trial-module--is-shaped--1KC7a\";\nexport const naviPlanBalloon = \"Trial-module--navi-plan-balloon--3qBRa\";\nexport const naviPlanText = \"Trial-module--navi-plan-text--3YQrm\";\nexport const naviPlanTextMin = \"Trial-module--navi-plan-text-min--3a0su\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEM3LjE4NjY5IDAgOC4zNDY3MyAwLjM1MTg5NCA5LjMzMzQyIDEuMDExMThDMTAuMzIwMSAxLjY3MDQ3IDExLjA4OTEgMi42MDc1NCAxMS41NDMzIDMuNzAzOUMxMS45OTc0IDQuODAwMjUgMTIuMTE2MiA2LjAwNjY1IDExLjg4NDcgNy4xNzA1NEMxMS42NTMyIDguMzM0NDMgMTEuMDgxOCA5LjQwMzUyIDEwLjI0MjYgMTAuMjQyNkM5LjQwMzUyIDExLjA4MTggOC4zMzQ0MyAxMS42NTMyIDcuMTcwNTQgMTEuODg0N0M2LjAwNjY1IDEyLjExNjIgNC44MDAyNSAxMS45OTc0IDMuNzAzOSAxMS41NDMzQzIuNjA3NTQgMTEuMDg5MSAxLjY3MDQ3IDEwLjMyMDEgMS4wMTExOCA5LjMzMzQyQzAuMzUxODk0IDguMzQ2NzMgMCA3LjE4NjY5IDAgNkMwIDQuNDA4NyAwLjYzMjE0MSAyLjg4MjU4IDEuNzU3MzYgMS43NTczNkMyLjg4MjU4IDAuNjMyMTQxIDQuNDA4NyAwIDYgMFYwWiIgZmlsbD0iI0VCNDYzNyIvPgo8cGF0aCBkPSJNNC45OTExNiA5LjUwODg1QzQuODk4ODQgOS41MDg4MiA0LjgwODU5IDkuNDgxNDIgNC43MzE4NCA5LjQzMDExQzQuNjU1MDkgOS4zNzg4MSA0LjU5NTI4IDkuMzA1OSA0LjU1OTk1IDkuMjIwNkM0LjUyNDYzIDkuMTM1MzEgNC41MTUzNyA5LjA0MTQ2IDQuNTMzMzcgOC45NTA5MUM0LjU1MTM4IDguODYwMzYgNC41OTU4NCA4Ljc3NzE4IDQuNjYxMSA4LjcxMTg5TDcuMTIyMjQgNi4yNTA3NEw0LjY2MTEgMy43ODk1OUM0LjU3Njc3IDMuNzAxNDEgNC41MzAyOSAzLjU4MzcxIDQuNTMxNjUgMy40NjE2OUM0LjUzMzAxIDMuMzM5NjcgNC41ODIxIDMuMjIzMDQgNC42NjgzOCAzLjEzNjc1QzQuNzU0NjcgMy4wNTA0NyA0Ljg3MTI5IDMuMDAxMzkgNC45OTMzMSAzLjAwMDAzQzUuMTE1MzIgMi45OTg2NyA1LjIzMzAzIDMuMDQ1MTMgNS4zMjEyMiAzLjEyOTQ3TDguNDQyOTUgNi4yNTEyTDUuMzIxMjIgOS4zNzI5NEM1LjI3Nzg1IDkuNDE2MiA1LjIyNjM3IDkuNDUwNDcgNS4xNjk3MyA5LjQ3Mzc5QzUuMTEzMSA5LjQ5NzExIDUuMDUyNDEgOS41MDkwMiA0Ljk5MTE2IDkuNTA4ODVaIiBmaWxsPSIjRkZGREZEIi8+Cjwvc3ZnPgo=\"","export default __webpack_public_path__ + \"static/triple_crown_carmo_logo-c120174874f03a647e0be414eebc120b.jpg\";","export default __webpack_public_path__ + \"static/reasonRecommend-cb8b8ad0dcbe233817781faa25e366a3.svg\";","export default __webpack_public_path__ + \"static/reasonSupport-8e4d5f9522877350f0ad58ac5e992e93.svg\";","export default __webpack_public_path__ + \"static/reasonCost-e0dbfadb879af08f2df2d7a6cb5c4fd5.svg\";","export default __webpack_public_path__ + \"static/reasonRecommendSp-70c9327a5c5d5763e7e5c5e7a17b73e5.svg\";","export default __webpack_public_path__ + \"static/reasonSupportSp-ac256d8e8cfbee649c62a4fb63e291ed.svg\";","export default __webpack_public_path__ + \"static/reasonCostSp-d0fd36b9f2d4e9a1db17669f9177c24f.svg\";","export default __webpack_public_path__ + \"static/reasonRecommend-f5a6e3423b99fe5bb69441142caa5859.webp\";","export default __webpack_public_path__ + \"static/reasonSupport-7e5c06d00d5443f90402949506557305.webp\";","export default __webpack_public_path__ + \"static/reasonCost-abfd269ee72fd39360aaa3a46a42a92e.webp\";","export default __webpack_public_path__ + \"static/reasonRecommendSp-54d75dd786c0d8f5d0922f36c2334ebf.webp\";","export default __webpack_public_path__ + \"static/reasonSupportSp-6692413833241aa547a3d3513d120d68.webp\";","export default __webpack_public_path__ + \"static/reasonCostSp-9fefe266c5c471e06613116fccf616e7.webp\";","// extracted by mini-css-extract-plugin\nexport const cardPadding = \"Charm-module--card-padding--127sL\";\nexport const marginAdjust = \"Charm-module--margin-adjust--3qjLe\";\nexport const sankanDisplay = \"Charm-module--sankan-display--20byq\";\nexport const sankanArea = \"Charm-module--sankan-area--3QyVt\";\nexport const sankanItem = \"Charm-module--sankan-item--18VTf\";\nexport const sankanImage = \"Charm-module--sankan-image--1IpsS\";","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable no-irregular-whitespace */\n/* eslint-disable max-len */\nimport React, {\n  FC,\n} from 'react';\nimport CarDigest from '@/common/core/model/carDigest';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport tripleCrown from '@/newcar/ui/detail/img/triple_crown.svg';\nimport tripleCrownCarmoLogo from '@/newcar/ui/detail/img/triple_crown_carmo_logo.jpg';\nimport tripleCrownCarmoLogoAvif from '@/newcar/ui/detail/img/triple_crown_carmo_logo.avif';\nimport reasonRecommend from '@/newcar/ui/detail/img/reasonRecommend.svg';\nimport reasonSupport from '@/newcar/ui/detail/img/reasonSupport.svg';\nimport reasonCost from '@/newcar/ui/detail/img/reasonCost.svg';\nimport reasonRecommendSp from '@/newcar/ui/detail/img/reasonRecommendSp.svg';\nimport reasonSupportSp from '@/newcar/ui/detail/img/reasonSupportSp.svg';\nimport reasonCostSp from '@/newcar/ui/detail/img/reasonCostSp.svg';\nimport reasonRecommendWebp from '@/newcar/ui/detail/img/reasonRecommend.webp';\nimport reasonSupportWebp from '@/newcar/ui/detail/img/reasonSupport.webp';\nimport reasonCostWebp from '@/newcar/ui/detail/img/reasonCost.webp';\nimport reasonRecommendWebpSp from '@/newcar/ui/detail/img/reasonRecommendSp.webp';\nimport reasonSupportWebpSp from '@/newcar/ui/detail/img/reasonSupportSp.webp';\nimport reasonCostWebpSp from '@/newcar/ui/detail/img/reasonCostSp.webp';\nimport CTA_PC from '@/newcar/ui/detail/molecule/CTA_PC';\nimport CTA_SP from '@/newcar/ui/detail/molecule/CTA_SP';\nimport * as styles from '@/newcar/ui/detail/organism/Charm.module.styl';\n\ntype PickDigest = Pick<CarDigest, 'thumbnailUrl'>;\ntype IsNowSale = { isNowSale: boolean };\ntype CharmProps = PickDigest & IsNowSale;\n\nconst Charm: FC<CharmProps> = ({\n  thumbnailUrl,\n  isNowSale,\n}) => (\n  <section className=\"container\">\n    <Card className={`${styles.cardPadding}`}>\n      <h2 className=\"title is-3 has-text-centered is-margin-bottom-5\">国内No.1カーリース</h2>\n      <div className=\"is-margin-bottom-6 has-text-centered\">\n        <img\n          src={tripleCrown}\n          className={styles.sankanDisplay}\n          width=\"295\"\n          height=\"78\"\n          alt=\"三冠獲得\"\n          decoding=\"async\"\n        />\n      </div>\n      <div className=\"is-margin-bottom-6 has-text-centered\">\n        <picture>\n          <source srcSet={tripleCrownCarmoLogoAvif} type=\"image/avif\" />\n          <img\n            src={tripleCrownCarmoLogo}\n            alt=\"お得にマイカー 定額カルモくん\"\n            width=\"164\"\n            height=\"48\"\n            loading=\"lazy\"\n          />\n        </picture>\n      </div>\n      <div className={`columns ${styles.sankanArea}`}>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonRecommendWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonRecommendSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonRecommendWebp} type=\"image/webp\" />\n          <source srcSet={reasonRecommend} />\n          <img src={reasonRecommend} className={styles.sankanImage} alt=\"カーリース利用経験者が選ぶ、おすすめしたいと思うカーリース No.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonSupportWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonSupportSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonSupportWebp} type=\"image/webp\" />\n          <source srcSet={reasonSupport} />\n          <img src={reasonSupport} className={styles.sankanImage} alt=\"カーディーラー勤務者が選ぶサポートが充実していると思うカーリース No.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n        <picture className={`column has-text-centered is-margin-bottom-3 ${styles.sankanItem}`}>\n          <source srcSet={reasonCostWebpSp} type=\"image/webp\" media=\"(max-width: 768px)\" />\n          <source srcSet={reasonCostSp} media=\"(max-width: 768px)\" />\n          <source srcSet={reasonCostWebp} type=\"image/webp\" />\n          <source srcSet={reasonCost} />\n          <img src={reasonCost} className={styles.sankanImage} alt=\"ファイナンシャルプランナーが選ぶ、コストパフォーマンスが高いと思うカーリースNo.1\" loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"78\" />\n        </picture>\n      </div>\n      <p className=\"has-text-grey is-size-7 is-padding-right-4 is-padding-left-4 is-margin-bottom-4\">\n        2024年1月期_ブランドのイメージ調査（調査1～3） 調査機関：日本マーケティングリサーチ機構 調査期間：2023年12月14日～2024年1月9日 n数：227（※調査1）、103（※調査2）、177（※調査3）/調査方法：Webアンケート 調査対象者：https://jmro.co.jp/r01525/ 備考：本調査は個人のブランドに対するイメージを元にアンケートを実施し集計しております。/本ブランドの利用有無は聴取しておりません。/効果効能等や優位性を保証するものではございません。/競合2位との差は5％以上。\n      </p>\n\n      {isNowSale && (\n        <>\n          {/* CTA部分_SP版 */}\n          <div className=\"is-hidden-desktop\">\n            <CTA_SP\n              thumbnailUrl={thumbnailUrl}\n            />\n          </div>\n\n          {/* CTA部分_PC版 */}\n          <div className=\"is-hidden-mobile is-hidden-tablet-only\">\n            <CTA_PC\n              thumbnailUrl={thumbnailUrl}\n            />\n          </div>\n        </>\n      )}\n    </Card>\n  </section>\n);\nexport default Charm;\n","export default \"data:;base64,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\"","/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable max-len */\nimport React, {\n  FC, useState, ReactNode,\n} from 'react';\nimport FAQSchemaMarkup from '@/newcar/ui/docs/faq/organism/FAQSchemaMarkup';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport * as styles from '@/newcar/ui/detail/organism/FAQ.module.styl';\n\nconst FAQ: FC = () => {\n  const [showAnswer, setShowAnswer] = useState<boolean[]>([]);\n\n  const accordion = (index: number, question: ReactNode, answer: ReactNode) => {\n    if (showAnswer.length === index) {\n      setShowAnswer([...showAnswer, false]);\n    }\n\n    return (\n      <div className=\"is-size-5 is-border-line is-margin-bottom-5\">\n        <div className=\"accordion is-relative\">\n          <div className={`columns is-mobile is-relative ${styles.faqQuestion}`} onClick={() => setShowAnswer(showAnswer.map((val, i) => (i === index ? !val : val)))}>\n            <div className=\"column\">\n              <div className=\"is-size-5 has-text-weight-semibold\">\n                {question}\n              </div>\n            </div>\n            <div className=\"column is-narrow icon-area\">\n              <i className={`icon is-small has-background-primary accordion-icon\" ${showAnswer[index] ? 'icon-minus' : 'icon-plus'}`} />\n            </div>\n          </div>\n        </div>\n        <div className={`${styles.panel} ${showAnswer[index] && styles.isOpen}`}>\n          <p className=\"is-size-5 is-padding-3\">\n            {answer}\n          </p>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      {/* 構造化マークアップ */}\n      <FAQSchemaMarkup\n        items={[\n          {\n            question: 'リース料金には何が含まれていますか',\n            answer: '<p>車両代に加えて自動車税や重量税、自賠責保険などの法定費用などがリース料金に含まれています。</p><p>加えて、車検点検費用もカバーする<a href=https://carmo-kun.jp/docs/maintenance/>メンテナンスプラン</a>もオプションで追加出来ます。</p><p>自動車購入の際には自己負担になる部分が含まれているため、車に関する出費がフラットになり家計の管理がラクになります。</p><p>ぜひご検討くださいませ。</p>',\n          },\n          {\n            question: '契約年数は決まっていますか',\n            answer: '1年を最短とし、11年まで1年単位でお選びいただけます。',\n          },\n          {\n            question: '走行距離に制限はありますか',\n            answer: '<p>7年以上でご契約される場合、走行距離に制限はございません。</p><p>また、契約満了時に乗っていた車を追加料金無しでもらうことが可能になる「もらえるオプション」もご用意しており、カーリースでもマイカー感覚でご利用いただけます。</p><p>詳しくは<a href=https://carmo-kun.jp/docs/moraeru/>こちら</a>をご覧ください。</p>',\n          },\n          {\n            question: '「もらえるオプション」とはなんですか',\n            answer: '<p>契約期間満了時に追加精算ナシで乗っていた車両をもらえるオプションです。7年以上の新車カーリース契約でご加入いただけます。<p>もらえるオプションについて詳しくは<a href=https://carmo-kun.jp/docs/moraeru/>こちら</p>',\n          },\n          {\n            question: '審査に通るか不安です',\n            answer: '【審査に通るか不安です】・できるだけ安い車種やプランで申し込むのがおすすめです。定額カルモくんでは、業界最安水準でお車を豊富に揃えています。・審査の基準が異なりますので、カーローンや他社のリース審査に落ちた方でも定額カルモくんをご利用できる可能性があります。【パート・アルバイトでも審査に通りますか】パート・アルバイト勤務の方で定額カルモくんをご利用されているお客様も多くいらっしゃいます。どうぞお気軽にお申込みください。',\n          },\n        ]}\n      />\n\n      <section className=\"container\">\n        <Card>\n          <h2 className=\"title is-3 has-text-centered\">よくあるご質問</h2>\n          <div className=\"columns is-multiline is-centered is-vcentered\">\n            <div className={`column is-full is-padding-3 ${styles.pcMaxwidth}`}>\n              {/* QA1 */}\n              {accordion(\n                0,\n                <>リース料金には何が含まれていますか</>,\n                <>\n                  車両代に加えて自動車税や重量税、自賠責保険などの法定費用などがリース料金に含まれています。\n                  <br />\n                  加えて、車検点検費用もカバーする\n                  <a href=\"/docs/maintenance/\" className=\"has-text-primary\">メンテナンスプラン</a>\n                  もオプションで追加出来ます。\n                  <br />\n                  自動車購入の際には自己負担になる部分が含まれているため、車に関する出費がフラットになり家計の管理がラクになります。\n                  <br />\n                  ぜひご検討くださいませ。\n                </>,\n              )}\n\n              {/* QA2(旧QA4) */}\n              {accordion(\n                1,\n                <>「もらえるオプション」とはなんですか</>,\n                <>\n                  契約期間満了時に追加精算ナシで乗っていた車両をもらえるオプションです。7年以上の新車カーリース契約でご加入いただけます。\n                  <br />\n                  もらえるオプションについて詳しくは\n                  <a href=\"/docs/moraeru/\" className=\"has-text-primary\">こちら</a>\n                </>,\n              )}\n\n              {/* QA3(新規追加) */}\n              {accordion(\n                2,\n                <>審査に通るか不安です</>,\n                <>\n                  <p className=\"is-margin-bottom-5\">\n                    【審査に通るか不安です】\n                    <br />\n                    ・できるだけ安い車種やプランで申し込むのがおすすめです。定額カルモくんでは、業界最安水準でお車を豊富に揃えています。\n                    <br />\n                    ・審査の基準が異なりますので、カーローンや他社のリース審査に落ちた方でも定額カルモくんをご利用できる可能性があります。\n                  </p>\n                  <p>\n                    【パート・アルバイトでも審査に通りますか】\n                    <br />\n                    パート・アルバイト勤務の方で定額カルモくんをご利用されているお客様も多くいらっしゃいます。どうぞお気軽にお申込みください。\n                  </p>\n                </>,\n              )}\n\n              {/* QA4(旧QA2) */}\n              {accordion(\n                3,\n                <>契約年数は決まっていますか</>,\n                <>\n                  1年を最短とし、11年まで1年単位でお選びいただけます。\n                </>,\n              )}\n\n              {/* QA5(旧QA3) */}\n              {accordion(\n                4,\n                <>走行距離に制限はありますか</>,\n                <>\n                  7年以上でご契約される場合、走行距離に制限はございません。\n                  <br />\n                  <br />\n                  また、契約満了時に乗っていた車を追加料金無しでもらうことが可能になる「もらえるオプション」もご用意しており、カーリースでもマイカー感覚でご利用いただけます。\n                  <br />\n                  <br />\n                  詳しくは\n                  <a href=\"/docs/moraeru/\" className=\"has-text-primary\">こちら</a>\n                  をご覧ください。\n                </>,\n              )}\n            </div>\n\n            <div className=\"column is-full has-text-centered\">\n              <a href=\"/docs/faq/\" className=\"button is-large is-fixed-width-button\">\n                <div>もっと見る</div>\n              </a>\n            </div>\n          </div>\n        </Card>\n      </section>\n    </>\n  );\n};\nexport default FAQ;\n","// extracted by mini-css-extract-plugin\nexport const faqTitle = \"FAQ-module--faq-title--MQNEy\";\nexport const faqQuestion = \"FAQ-module--faq-question--14JfW\";\nexport const panel = \"FAQ-module--panel--2gBR1\";\nexport const isOpen = \"FAQ-module--is-open--1QCwm\";\nexport const pcMaxwidth = \"FAQ-module--pc-maxwidth--RuuqV\";","export default __webpack_public_path__ + \"static/icon-teigaku-a7986cd887e024899deb886a3fa9a854.svg\";","export default __webpack_public_path__ + \"static/icon-soukou-91f94e7011f7526a59ac44e6490f1a64.svg\";","export default __webpack_public_path__ + \"static/icon-hiyou-d23b4f38d609f6a058484ec42a3e2c04.svg\";","export default __webpack_public_path__ + \"static/icon-option-c90ac51f0033262005ae2ced9f7531c7.svg\";","// extracted by mini-css-extract-plugin\nexport const isFlexDirectionColumnReverse = \"Reason-module--is-flex-direction-column-reverse--1sM_v\";\nexport const reason = \"Reason-module--reason--3170e\";\nexport const reasonImg = \"Reason-module--reason-img--1kQAE\";\nexport const reasonNumber = \"Reason-module--reason-number--39w2e\";\nexport const isMarginLeft3Mobile = \"Reason-module--is-margin-left-3-mobile--1Za1o\";\nexport const reasonBorder = \"Reason-module--reason-border--DQMmt\";\nexport const reasonLead = \"Reason-module--reason-lead--5VKCS\";\nexport const hasTextDecoration = \"Reason-module--has-text-decoration--2aYT-\";","import React, { FC } from 'react';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport iconTeigaku from '@/newcar/ui/detail/img/icon-teigaku.svg';\nimport iconSoukou from '@/newcar/ui/detail/img/icon-soukou.svg';\nimport iconHiyou from '@/newcar/ui/detail/img/icon-hiyou.svg';\nimport iconOption from '@/newcar/ui/detail/img/icon-option.svg';\nimport * as styles from '@/newcar/ui/detail/organism/Reason.module.styl';\n\nconst Reason: FC = () => (\n  <section className=\"container\">\n    <Card>\n      <h2 className=\"title is-3 has-text-centered\">定額カルモくんが人気の理由</h2>\n      <div className={`columns ${styles.reason}`}>\n        {/* 月額完全定額制 */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">1</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>\n                毎月ずーっと定額！\n                <br />\n                だから家計管理も安心\n              </p>\n              <p className=\"is-size-6 has-text-grey\">\n                頭金・ボーナス払いなし、\n                <br />\n                ネット割で最大49,500円お得\n              </p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconTeigaku}\n                width=\"120\"\n                height=\"120\"\n                alt=\"毎月ずーっと定額\"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* 走行距離無制限 */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">2</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>走行距離が無制限！</p>\n              <p className=\"is-size-6 has-text-grey\">\n                7年以上のご契約の場合、\n                <br />\n                走行距離は無制限です\n              </p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconSoukou}\n                width=\"120\"\n                height=\"120\"\n                alt=\"走行距離が無制限\"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* 税金コミ */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">3</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>税金・諸費用コミコミの料金</p>\n              <p className=\"is-size-6 has-text-grey\">環境性能割・登録諸費用・自動車税(種別割)・重量税・自賠責・印紙代全てコミ！</p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconHiyou}\n                width=\"120\"\n                height=\"120\"\n                alt=\"環境性能割・登録諸費用・自動車税(種別割)・重量税・自賠責・印紙代全てコミ！\"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n        {/* もらえる/メンテプラン */}\n        <div className=\"column\">\n          <div className={`columns is-mobile is-vcentered is-padding-3 ${styles.reasonBorder} ${styles.isFlexDirectionColumnReverse}`}>\n            <div className={`column is-narrow is-margin-right-3 ${styles.reasonNumber}`}>\n              <div className={`has-text-centered has-text-white ${styles.hasTextDecoration}`}>\n                <span className=\"has-text-weight-semibold\">4</span>\n              </div>\n            </div>\n            <div className={`column is-padding-3 has-text-centered-tablet ${styles.isMarginLeft3Mobile}`}>\n              <p className={`is-size-5 has-text-weight-semibold ${styles.reasonLead}`}>\n                もらえるオプションや\n                <br />\n                メンテナンスプランをご用意\n              </p>\n              <p className=\"is-size-6 has-text-grey\">もらえるオプションは、契約満了後にクルマがもらえます</p>\n            </div>\n            <div className=\"column is-narrow is-margin-bottom-2\">\n              <img\n                className={`${styles.reasonImg}`}\n                src={iconOption}\n                width=\"120\"\n                height=\"120\"\n                alt=\"もらえるオプションメンテナンスプラン\"\n                decoding=\"async\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reason;\n","export default \"data:image/jpeg;base64,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\"","import React, { FC } from 'react';\n\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport orixLogoWebp from '@/newcar/ui/detail/img/orix_logo.webp';\nimport orixLogoJpg from '@/newcar/ui/detail/img/orix_logo.jpg';\nimport * as styles from '@/newcar/ui/detail/organism/Partner.module.styl';\n\nconst Reason: FC = () => (\n  <section className=\"container\">\n    <Card className={`${styles.padding}`}>\n      <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">提携先</h2>\n      <div className=\"columns\">\n        <picture className=\"is-block has-text-centered column is-narrow\">\n          <source srcSet={orixLogoWebp} type=\"image/webp\" />\n          <source srcSet={orixLogoJpg} />\n          <img src={orixLogoJpg} alt=\"オリックス自動車ロゴ\" loading=\"lazy\" decoding=\"async\" width=\"331\" height=\"82\" />\n        </picture>\n        <p className={`column is-padding-4 is-margin-top-4 ${styles.spBorder}`}>\n          おトクにマイカー 定額カルモくんは、オリックス自動車株式会社との提携サービスとなり、お客様にお届けする新車は、すべてオリックス自動車が扱う正規ディーラー車です。\n        </p>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default Reason;\n","// extracted by mini-css-extract-plugin\nexport const padding = \"Partner-module--padding--_HZGa\";\nexport const spBorder = \"Partner-module--sp-border--w43gv\";","export default \"data:image/webp;base64,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\"","// extracted by mini-css-extract-plugin\nexport const recommendedPointsHeading = \"RecommendedPointsSummary-module--recommended-points-heading--2-tzn\";\nexport const recommendedPointsArea = \"RecommendedPointsSummary-module--recommended-points-area--3X_aJ\";\nexport const recommendedPointsAreaHeading = \"RecommendedPointsSummary-module--recommended-points-area-heading--2sBG5\";\nexport const recommendedPointsItem = \"RecommendedPointsSummary-module--recommended-points-item--3eyQZ\";\nexport const storeManagerArea = \"RecommendedPointsSummary-module--store-manager-area--1vOka\";\nexport const storeManagerImage = \"RecommendedPointsSummary-module--store-manager-image--2tsUS\";\nexport const storeManagerComment = \"RecommendedPointsSummary-module--store-manager-comment--1ozDT\";\nexport const commentShape = \"RecommendedPointsSummary-module--comment-shape--OgmZX\";\nexport const carRatingTable = \"RecommendedPointsSummary-module--car-rating-table--gUsHz\";\nexport const borderRightGrey = \"RecommendedPointsSummary-module--border-right-grey--1MinL\";\nexport const borderLeftGrey = \"RecommendedPointsSummary-module--border-left-grey--1MJO5\";\nexport const borderBottomGrey = \"RecommendedPointsSummary-module--border-bottom-grey--184NN\";\nexport const backgroundGrey = \"RecommendedPointsSummary-module--background-grey--3qLkq\";\nexport const tableUpperLeftCorner = \"RecommendedPointsSummary-module--table-upper-left-corner--3-9Pv\";\nexport const tableUpperRightCorner = \"RecommendedPointsSummary-module--table-upper-right-corner--3OpSn\";\nexport const tableLeftBottomCorner = \"RecommendedPointsSummary-module--table-left-bottom-corner--3KY4-\";\nexport const tableRightBottomCorner = \"RecommendedPointsSummary-module--table-right-bottom-corner--2MUmK\";\nexport const recommendedArea = \"RecommendedPointsSummary-module--recommended-area--2wg57\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjRUI0NjM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==\"","export default __webpack_public_path__ + \"static/excellent-8e125ef959b3595b847401f907e1b38c.svg\";","export default __webpack_public_path__ + \"static/store-manager-a9a935084068a6e546ff0212c6d9d08b.png\";","import React, { FC } from 'react';\nimport checkicon from '@/newcar/ui/detail/img/checkicon.svg';\nimport * as styles from '@/newcar/ui/detail/organism/RecommendedPointsSummary.module.styl';\nimport RecommendedPointsSummaryType from '@/newcar/core/model/recommendedPointsSummary';\n\nimport good from '@/newcar/ui/detail/img/rating/good.svg';\nimport great from '@/newcar/ui/detail/img/rating/great.svg';\nimport excellent from '@/newcar/ui/detail/img/rating/excellent.svg';\nimport storeManager from '@/newcar/ui/detail/img/rating/store-manager.png';\nimport storeManagerAvif from '@/newcar/ui/detail/img/rating/store-manager.avif';\nimport commentShape from '@/newcar/ui/detail/img/rating/comment-shape.svg';\n\ntype RatingImagesType = {\n  good: string;\n  great: string;\n  excellent: string;\n}\nconst ratingImages: RatingImagesType = {\n  good,\n  great,\n  excellent,\n};\n\ninterface RecommendedPointsSummaryProps {\n  className?: string\n  carName: string;\n  points: string[];\n  recommendedPointsSummary: RecommendedPointsSummaryType;\n}\nconst RecommendedPointsSummary: FC<RecommendedPointsSummaryProps> = ({\n  className, carName, recommendedPointsSummary, points,\n}) => {\n  const {\n    storeManagerRemark, rating,\n  } = recommendedPointsSummary;\n  const filteredPoints = points.filter((point) => !!point);\n\n  return (\n    <>\n      <div id=\"recommended-points-summary\" className={className || ''}>\n        <h2 className={`${styles.recommendedPointsHeading}`}>{`${carName}のココが良い！`}</h2>\n        <div className=\"\">\n          <div className={`${styles.storeManagerArea}`}>\n            {/* 店長の顔 */}\n            <div className=\"\">\n              <picture>\n                <source srcSet={storeManagerAvif} type=\"image/avif\" />\n                <img\n                  className={`${styles.storeManagerImage}`}\n                  src={storeManager}\n                  alt=\"店長のコメント\"\n                  width=\"90\"\n                  height=\"90\"\n                  loading=\"lazy\"\n                />\n              </picture>\n            </div>\n            {/* 店長の一言 */}\n            <div className={`${styles.storeManagerComment}`}>\n              <p className=\"has-text-weight-semibold\">{storeManagerRemark}</p>\n              <span className=\"is-size-6\">(カルモくん店長 若林)</span>\n              <img className={`${styles.commentShape}`} src={commentShape} alt=\"コメント吹き出し\" />\n            </div>\n          </div>\n          <div className={`${styles.recommendedArea}`}>\n            {/* おすすめポイント */}\n            {\n                filteredPoints && filteredPoints.length > 0 && (\n                  <div className={`${styles.recommendedPointsArea}`}>\n                    <div className=\"has-text-centered\">\n                      <div className={`${styles.recommendedPointsAreaHeading}`}>このような方におすすめ！</div>\n                    </div>\n                    <ul>\n                      {filteredPoints.map((point) => (\n                        <li key={point} className={`${styles.recommendedPointsItem}`}>\n                          <img src={checkicon} alt=\"矢印\" />\n                          <p>{point}</p>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                )\n              }\n            {/* テーブル画像 */}\n            <table className={`${styles.carRatingTable}`}>\n              <tbody>\n                <tr>\n                  <td className={`${styles.tableUpperLeftCorner}`}>\n                    <span>燃費</span>\n                    <span><img src={ratingImages[rating.fuelEfficiency]} alt=\"fuelEfficiency\" /></span>\n                  </td>\n                  <td className={`${styles.tableUpperRightCorner}`}>\n                    <span>通勤</span>\n                    <span><img src={ratingImages[rating.commute]} alt=\"commute\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey} ${styles.backgroundGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>ファミリー</span>\n                    <span><img src={ratingImages[rating.family]} alt=\"family\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>運転しやすさ</span>\n                    <span><img src={ratingImages[rating.easeOfDriving]} alt=\"easeOfDriving\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>乗り心地</span>\n                    <span><img src={ratingImages[rating.rideComfort]} alt=\"rideComfort\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>収納スペース</span>\n                    <span><img src={ratingImages[rating.storageSpace]} alt=\"storageSpace\" /></span>\n                  </td>\n                </tr>\n                <tr className={`${styles.borderBottomGrey} ${styles.backgroundGrey}`}>\n                  <td className={`${styles.borderRightGrey} ${styles.borderLeftGrey}`}>\n                    <span>室内空間</span>\n                    <span><img src={ratingImages[rating.interiorSpace]} alt=\"interiorSpace\" /></span>\n                  </td>\n                  <td className={`${styles.borderRightGrey}`}>\n                    <span>アウトドア</span>\n                    <span><img src={ratingImages[rating.outdoor]} alt=\"outdoor\" /></span>\n                  </td>\n                </tr>\n                <tr>\n                  <td className={`${styles.borderRightGrey} ${styles.tableLeftBottomCorner}`}>\n                    <span>維持費</span>\n                    <span><img src={ratingImages[rating.maintenanceCost]} alt=\"maintenanceCost\" /></span>\n                  </td>\n                  <td className={`${styles.tableRightBottomCorner}`}>\n                    <span>女性向き</span>\n                    <span><img src={ratingImages[rating.femaleFriendly]} alt=\"femaleFriendly\" /></span>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default RecommendedPointsSummary;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSIjRUI0NjM3IiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iMTAuMDAwMyIgY3k9IjkuOTk5ODIiIHI9IjUuODQyMTEiIHN0cm9rZT0iI0VCNDYzNyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=\"","export default \"data:;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAGNbWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAsaWxvYwAAAABEAAACAAEAAAABAAAFaQAAD+UAAgAAAAEAAAG1AAADtAAAAEJpaW5mAAAAAAACAAAAGmluZmUCAAAAAAEAAGF2MDFDb2xvcgAAAAAaaW5mZQIAAAAAAgAAYXYwMUFscGhhAAAAABppcmVmAAAAAAAAAA5hdXhsAAIAAQABAAAAw2lwcnAAAACdaXBjbwAAABRpc3BlAAAAAAAAANUAAADVAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQAMAAAAABNjb2xybmNseAACAAIABoAAAAAOcGl4aQAAAAABCAAAAAxhdjFDgQAcAAAAADhhdXhDAAAAAHVybjptcGVnOm1wZWdCOmNpY3A6c3lzdGVtczphdXhpbGlhcnk6YWxwaGEAAAAAHmlwbWEAAAAAAAAAAgABBAECgwQAAgQBBYYHAAAToW1kYXQSAAoGGB31NTlUMqcHETAGFEqcyhrcl0PpriM/khZoXscbqplMTKGbo4zektor5Wx/vjEc1u5PAoKozUZDWlsSUF5MlYNQvXoYzW2m0cpxysdGlDz/KYsM6tIPXNnAo7MoD9yTzy09hNjqOUbkiKMv1gi1waY8e/Zkn+g3LlIUbeDpOVB7gE/Ouet+yWomrKUBtytjgjDCPgGTC1/sEBoYYWIPExN2aAhih27Dplqi5e3PcatdT0BmIbQ0uyHlVJbakaYPn5QtAmWbIprBZ/2vOnFGAePvmuLtQHqbXHzv6oJsBAfR6Jn9kayg4gNGtSrIyan79US9/Ej+g4i/nwRXOtWy+O5l2a+nTxJ/2Bgu8WzLas0qOZBq6BZ2Pny4FN9N4R4ugKN4UeZFBneK8gVkWcKI99T8vMYRJP2C5PDkyVSkBonMY5m3Ids0iULaOB/O8LTJiELrFwD03h3HrOejN42MNMiSujypmIOvUtvGO51GdcVJ+tL374J2B/vnX7DGWA5NgcxFdrU7hri7aIjDARcCAF+oHWZR0AEdzEqgqWqw/6E3w/sTQDONXzi/hvTh/bGnU/cAHtBR5UkKGTmarLcXVKbHx79kzxc8CVtaiHEG5xJ7BJ2jvbK7oEAyGcXYGj3zwqYe0bCWgmg/AZfQgulBjsouJa/WthAM2ILAq6oDStoEllc1dTrGDzM+lXQ2enJnZZNk4pY1UfMOJdRG6LzXVrh7sW4QzTF6XRlgp3T62snMnQCfRFg8qnoId7/LgI4s6E3Bm2jHD7ClrTwvpzLUu2FPhqCN16R+856PvYcL7tXf3fbwhIyCC3Tdb+jv5egYNY7TjqW9rRnq3DHFHn/IjFvx/LdsYHWj1mdoByAQSzOgbiDerG66w+wkU42tYGS5xalwJg66zR+BpHn5FqQ60nt8BX9Fdbmo1jkItXPLTduSuLbRyVQgp/KKP4AFAybB893XBDbqaDwEeCaESPYfbtT4LoHxX/VDnWDpBhpr3KkGt5Ci4BjsgUwjlrT70DmXhTHOSfg2BzF2QrBFSOAl90VCLX0PDvJt1eGvoAndKstN62wwPI9zTXQBEMJlXxbv/xxFN4kGumiGWrowslU6nFRSR3GYHsFWByPY8joxmHWZmL+tEOgtKye1DoZRtXB+IvxTGwR4SgoiUjkiVgIn3l3nTxHBlv8tYKXDQciS6gw5ouuQfmm2dOvX+Q2eCA5GNmFILbn7mqtt279eA1uut3ewQUfLckMcc6VtdvzIruASAAoKGB31NTkgQEDQgDLUHxEwAQQMUXRAwvJD/aj/HcLEwlJCxUEfzihvChqbt9iBON3QFha2B/IYgG60fQEalNStHsdTf/F0YtZXAC3n6x+5oeIvP4y9hoBaIRFDjvZcfjwQP7uLCnweY/ckwwCCemf7fRqSA/rmG4cOmAnb1vlrzyvHwxyo0zwWL3yUOgnI0asyLwrKq/XjCyXoglzTwvrPb0VksGoTUwSztnjvgTM6hUwEhh1IBhChkpGXUlqezG0wel9bXNZWdPW+TFeG7mS6jOv5Ch6RE5WQyZDW8R/pMV8hu2ok+IszGNehW9kftwrtn1kqbFWWQTFi4/yWSgsA4hqhbR3j9CcEMsAEJYzuxWw+zFv3QiHnq/pwWENZWZMOGg9Bu2Pw+Kmy1YvwRLYzchgaqdIf8NKXm6+YDIgmnNNkGOaDnouEf243Jax7MdfUSX5lRHVgxEm9u5auugZ3jzyTWS5ubMJJJNuDMIBRWFjVMK+fIYaNLXhQqDndi9vCRWueoQN5fDnEPmgBP2SITIvKPnmzmbEPP0pJHGjCKk3be88B6pYIfNEaAOieBn7aiGUPXkkNsbRmYVfLTs1OJvW5+OsZmcFpc4ivxqKUWqd7bc4cb5qumhjZxjRgr/T7yBOtvp9IulmX/kZNeIQ+3/ZfMZe273665MJJ9rAgAZtgoEwiDRUoRPkuoVOqs7eV8Lzi6RHjxGTq3q6mPr1ZFgnZ9CP0EZLYFrRlzimNMoC0EF8vS2wlFYIKSViYqg1exT2ffgntF31Y9G4FnGFT6+ynjLrMsl6wTLbAr2vRv0dhJS+Z7V0cSjrEXl54btQ8YxLccoQSd4PWGgrxRAEU2Wz3uQN/dCSrnykrlwqJoiSn90tMCF9YkEGcaRqCkrfNdHaR9x3a8mrZ0edAiLTkSMDS2nZ3j8CESjTu2d5Sjtl+zZWSiS1QhOkE0fJ6QSMKldtNT4OfgNxp5oWCeNVxvFeebTibhFnDP2k+wVEV8GVP1+3nioNM/G1fLO1bGeO9rAIYd4r3DZyfUUh2UsFjnCt4xNwMQdMFmkNYb4W9L2zCEvZsLYwbEOSz2ujGVjQOyuBFdv6F5luIuV/+Y1BWoWDuNNzW77LH9AZJ6SUqZpn6uGayi0mtkJbhd/fa+NX2MLQGL4doivQ6ATPAdueiFOFfpfSYGqGyzGDxw7wx4EgyGmcVJM8d/eJe3O4POsqfx9t4IdtHQDOxYPaUegZ+VXkPoCmaE2hEuSUn9IEV9m89XKln8DJyYk7hUBCz8v0op02ImD2Fl4jeN1qRzzMF7OsJE+fE52F67TFyZqLFwm2tcImi70yXV7fh/oT+gn9xYqmhV88oZb5piJ8lOOXfFb8OdyncTHPKr8tcsamvPsSNxURsouXo8w5xibJWWXUiRVG7pamTlBOmx6pWEdPWptpVPbF6+peodCAZ0o/S9IFTmviyd3XyxeVu2LkdfmYo9EXof1ifJQWhF/cwLuZiRzi82Gfty1zyvrTr0Wnfi1eiNryI17MwV/2nUFgjIohmsvDGvxJdE4P52yzJuyrbyt7U6bPcor8yebpjYDso/E3rM/aG9Y4ZMuXXZ1KbAFjLcuG02pC0h807JwLXSBfgc+woVbUVtE7df6UirgO7wGU3Z3FNIlDCFzEh3tyVuNj10N5G7bZi6Ofd+wCTqsRv64iu5ZfwFEl3clgLLqXFvto7wqNgsrQ+zZSKJ2z6SNGtC/viIbEL/8Hn7e5l0DWTgNNDIEJV6WO7XGzGDygU4yzXrcuxXo0V+ZHKLYDr7fUFuVErehHMTDK0SeN++UZdoTrGVpMGwKZzikQDlrsEYZGpUyOjBhSBphfSPZ/fhinRCH3pTf3j1L/G3n29l4eIkkkS8bwq2vLtAPTebU0rNyH6z7E+BnaND4N1qg7XelzlztiFKTtQPfN2sTsv+F1bQLa39P2M+unxyvwsMEeetjuaUS1JY+VX7goNOu63OYxtL1i1iT8M3KqpZOVigaCPZJWUwH+Yv8wTYgeSRlOfd9fLkmbjtMeQxk+3oc0bbsfJ5KGCmfc1seraHkLqL4Y37gjvt1t8RxxQv4e3cwe0CPbd8lgnKOg+hEg/76gmOJzdMaI99TzzOBPmNoS5lQhTuNkoR6cx/MCxxINumQK/XMBsW2rs4E0lpYmZ0pnZCsfwAHZIqbk/tfTH+ryS79nOyHrL637pqD4w2TN1E79wSsGAbMOiuNyHmq1gSG7pEKM+vLlqmXsiL3u6ZOvf5eiyugPw4iA9qgBdgMmTYt8LeL/qyu/d1kdtnnF7SseFI5WgUZLCEABwtBXCb3N23pcHf6dGgAvqZp8BW3FJ0VykPL60B86YP7oDrL6ST0Twc1urdzosN4Ab9foWLbfuF5/8hc35baHIcARip3Ba9XVJQoA2+moJ7KUmar1ScqesyS+k10prVwz7pMd7JfggYxsEKEapKdLB6i2JZz+3flaBoBi0K/2MR2UX3gmxeLlybwyz31TEOL+myl9LupFRju/bwOsLrDLOWuyEh63sRGAfBtbrUthrLrRqJC0xksnA9ajW/3cy4VF9IN+Td1hfolnFUUj8zOUoC8bYjEgRBDzf6KtOiz2urgI319u1NwivZMvBh9+wVvx50EmTWtLQFmQ6FhcmtBYfiZExgE2Pzwd3+PekHqmnGBl3cV9pGL9pJmxFxR5KE7+LbK8LYxEzz/MeGXSvSkDL0pD4dQshugmOijQyBGAAPJc4pm43S2HT0DhtCNop4BlnM/9WaPkjOGwxu4g5nVlwNCsZI5AaGH24dPR9ZozUDRFPxjtq1iHE5NXJGinJ5iPpj9c/woz8etcvPrchbumKgxmGSw3TbuGPHIU63SK4MNF/W2AB0eKttfDBz/GiVrw6ousqy0hpqi/2ZS5IaYmkplck3p98yGDr15deFaPhfAHFG/ugdKIndoAShP7KRgRiHGDkvJ2Kc7gdwWi9g275EmFv1hNhItYjYKFeCOVDROq2BUu+z40mCUGocClGncOqfFyVJ6xXAht1cOXvjL1BKWWL1mRyrMffarcyeqHS2Q1rtDPRpDjhOTpsXfm0NNQYQIQxxCSDrkFRxnYx9sTvy+qgIr7K8HwqBHh7D553XXm6RKwOnHEbsIlbkcNH7PH0uvf0O/aSmF651/P7TulgtPAvzojjaaEt5G1kNqyiaQ4KnYwO1rfsXgwoPtCqU1byH3TfxZ2E1X1J88zxXjuOF2Lf57TNrdbBHAeMe0BK0hFs3MJ+VjW2M4x+QugSFbM+lLfw8UnYCCjs/I3liTnCovYA84b4WWRV+NfZMEUkdwOoOcbapIPj58z4RFkCwaPsPc2WqfYM/jfb43I1bcKL1VzYvBNxHHjKyvQZ/8gePL2muJ3sai0aV+3f0s4OAVdOlL/pWLPJUPqsJuLFvCeIFNCmV2sRT9acJYLJCP4G3SzAJQJYHKgUXAljExM71KV96ijiW56S9qEmCuusa2xbYQwqg8/glH54rDKm0yQ88MyLS5ejHWVRuOnc8s7bbS0DMr3AXqSUCXKy9JK2ZYa8nSQM9E5hD4Vnqos5jBHvAUBaARn05TO4XrZzwlav5rciDroVAjIYKY4NoME6412a/HPhUT5kQUz1e79WDWK0B5vhH3t2MYmLdO8v9El0gGzEX7bgX+3uPTf/mNhkLvKTtCnc55hi16SM9NzMk6UFSL7TUdN5eTxMz8oP2GzuWh2anqSDxtwCp9DlXJMNJ9FPlwaCsCItAxLSw7UoZTbk0n6NVeMRM3/urRQ2vKEpvGpwUUtwPoHi5YM0mzhTXK3KoMhoR0a8Mw4l2bKSofErf4+YAuL/7Pcm0IwSBMDbGoJ48sVOtBO8Zf3DCkdnF/8cMc0/XdD0j2ppScm10tZGxdf0z095QvtDRN4pF/YoDF5agf6BCwzE8PbGN7POz5VBQptpAQIxGGeBiH60YAoHzCG0daaXxs9vdORWa/rpmtiy0CzpnuC9Oa1xJ5Hb35Riwe6hqY0HeuLHsqXlAnwu1bToTFUl9DUoCvVW8BL3ad+OBUC/1GhZgrq+1yT8JWfFGsiv4jOgtZ3Wtaub6B05YMvT50FYQ/EmsgqZr1aMWjqcy1nCSyGzzXi94DicXcGyVtZNAxlNF43Jz9MkCH5ZbhrSbGp2/gOeORaX0s2jKQQgOC6fPfBcfvrntwWGTplZSpfvr7S7RfFkryeLwCTf5pIIWuYs/xGL8LDZUVLLDBMqQkLFwM/h0LjaM+A1edaX6uz6dZt1ckF3jMnNtJ3t0Z/C0bjKIs9Hlz+RUZXBkjBF2e0ikNLyBT4EAfXDGMaQZ3CXcBq6rV4OT8JU5ZE3Bzr4SKhc4Vydf+YYbj5fZS00LSyABRa+fTVLI7uJJNmbimfLKYkHXnWuQt7Aix5m9/3p7h6WC6LUm4HHtYVPEjBoZxy4NsNfPVtlbmv3u0DQA6GqDwG/uP04U9XK9rVC1tAQ03Ljcn/hN7YeB76WwarvoQnuepyKM2lBED8M4TQqAqesgd9uFooHZZhA918Zdap01sIBjHdxTaCYL+rykxFs68WjhLvOAsFHqEjzZROOXywod7eNdUJwy5maTpVGd8jseUns7LpCuyUSuOhwCJxhtUjIl5zdm2Y6fx0rOZxGf+ZHsvTG8DMPSkSF7lscHFbswyBhS3kWVZonbbZEUl0vose6YP5IawsAkTfWFP9BepwkchHkXxPjRL40aNQ35edW5zjtERT81urfLLOe2UGe3SINOUU+oA3FDW8rgdvc/3p1OFHtX6Pc5V47Vx7uw74p+9A5TiChSbEiZA42W9sCNspFW+WfOLdog8DEkM0v42PmwA26rjRlV4V/6bMaW3H1eIb0lIknmV/iThjIpUr0gCY3mWtxgbYbgBZO8TRuYfUdtPuVxC6CgVLP2iQAvjjwmqMQ5GpUJxB3k9OBvfB1iY+ui4uVvBtMXV1sAC5+EiOhNLQSgcyYsc+BHMn8QqM4AKdj8IjjBAsO4LhlgXEaCGECdsuF0/ntZqrcY1l1LCb3keZl7/md23PXFuPHoJQ2sLTH9wTLC0492Xbsl7JyZQh9wTXYBxZDUeyXxjYxXlpckiEW/Vt1VEKWLNAl0CNI7osxBERCmuWAAIbWc4SI6OXJV7JOWYLGplIjZtb0pQ8QCBK60AIY1+5BYdkVAgPIGTNJY8GMLW2BtK422sP/+iws57GyHpxDJZWQLzJDr/kj/UqMmkalLOLjduql/4afakX2tLoR+1uSsvKBT9K12YOIAeXjb6xzhbDEhi3P8YCn1ekpHAh5K7/HQIi2q+eVNMvrs1C6xhpepOwa3zsDMt7+31P3pSOS29wAkdC6KNVb/D3jUgBRkFN3kFgPe2qCLblBIik/s/mDHB/O89ixZkvWj7ObzNOE1bWYBZKamr9yF5GzF+pNYgSg\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDgzODQwNCAwLjA1MDY3MTFDMi4wODM4NCAxLjU1MDY3IDEzLjU4MzkgMS41NTA3OCAxNi4wODM5IDAuMDUwNzgxMkwxNy41ODM4IDEwLjU1MDZDMjAuMzQ4IDE5LjQ0ODcgLTEuNTE2MTYgLTEuMTQ5MzMgMC4wODM4NDA0IDAuMDUwNjcxMVoiIGZpbGw9IiNGRkVEQjIiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAzLjQ1TDMuMSA2LjI1TDggMSIgc3Ryb2tlPSIjRkZDMzAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==\"","// extracted by mini-css-extract-plugin\nexport const carModelPanel = \"CarModelPanelRecommended-module--car-model-panel--2GU-O\";\nexport const image = \"CarModelPanelRecommended-module--image--1M4Wa\";\nexport const cardBox = \"CarModelPanelRecommended-module--card-box--12EkZ\";\nexport const cardBoxFigureContainer = \"CarModelPanelRecommended-module--card-box-figure-container--3OwPc\";\nexport const isMarginAdjust = \"CarModelPanelRecommended-module--is-margin-adjust--3630x\";\nexport const listArrow = \"CarModelPanelRecommended-module--list-arrow--1inDA\";\nexport const hasTextGrey = \"CarModelPanelRecommended-module--has-text-grey--Kyu0_\";\nexport const car_img = \"CarModelPanelRecommended-module--car_img--1ib2G\";","import React, { FC } from 'react';\nimport { Link } from 'gatsby';\n\nimport NEWCAR_DEFINE from '@/newcar/util/define';\n\nimport Color from '@/newcar/ui/lineup/molecule/Color';\nimport { GatsbyImage, IGatsbyImageData } from 'gatsby-plugin-image';\nimport loading from '@/newcar/ui/lineup/img/loading.svg';\nimport listArrow from '@/newcar/ui/lineup/img/icon-chevron-right-grey.svg';\n\nimport * as styles from './CarModelPanelRecommended.module.styl';\n\ntype RecommendedInformation = {\n  name: string,\n  makerName: string,\n  link: string,\n  thumbnailUrl: string,\n  taxedMinPrice11: number,\n  bodyColors: string[],\n}\n\nconst CarModelPanelRecommended: FC<RecommendedInformation> = (\n  {\n    makerName,\n    name,\n    link,\n    thumbnailUrl,\n    taxedMinPrice11,\n    bodyColors,\n  },\n) => {\n  const gatsbyImageData : IGatsbyImageData = {\n    layout: 'fullWidth',\n    width: 240,\n    height: 130,\n    images: { fallback: { src: thumbnailUrl } },\n    placeholder: { fallback: loading },\n  };\n  return (\n    <div className={`card ${styles.carModelPanel}`}>\n      <Link to={NEWCAR_DEFINE.PATH.DETAIL(link)}>\n        <div className={`is-mobile ${styles.cardBox}`}>\n          <div className={`${styles.cardBoxFigureContainer} column card-image is-padding-1 is-hidden-desktop`}>\n            <figure className={`column ${styles.image}`}>\n              <GatsbyImage image={gatsbyImageData} alt={name} />\n            </figure>\n          </div>\n          <div className=\"column card-content is-padding-1\">\n            <p className={`${styles.hasTextGrey} has-text-left is-size-7 has-text-weight-semibold`}>\n              {makerName}\n            </p>\n            <h3 className={`${styles.isMarginAdjust} has-text-left is-margin-top-1 is-padding-right-3`}>\n              <strong className=\"is-size-4\">{name}</strong>\n            </h3>\n            <p className=\"is-margin-top-3 has-text-left\">\n              <span className=\"is-size-3 has-text-weight-semibold is-margin-right-1\">\n                {taxedMinPrice11.toLocaleString()}\n              </span>\n              <span className=\"is-size-6 has-text-grey-light\">円〜/月</span>\n            </p>\n            {/* 画像 */}\n            <div className=\"column card-image is-padding-1 is-hidden-touch\">\n              <figure className={`column ${styles.image}`}>\n                <GatsbyImage image={gatsbyImageData} alt={name} />\n              </figure>\n            </div>\n            {/* カラー */}\n            <dl className=\"columns is-mobile has-text-grey-light is-size-7 is-padding-2 is-hidden-mobile\">\n              <dt className=\"column is-narrow is-inline-block is-margin-right-1 is-target-dt\">カラー</dt>\n              <dd className=\"column is-narrow is-inline-block is-target-dd\">\n                <Color bodyColors={bodyColors} />\n              </dd>\n            </dl>\n          </div>\n          {/* SP版のarrow */}\n          <span className={styles.listArrow}><img src={listArrow} alt={name} /></span>\n        </div>\n      </Link>\n    </div>\n  );\n};\nexport default CarModelPanelRecommended;\n","// extracted by mini-css-extract-plugin\nexport const moreButton = \"RecommendedCarList-module--more-button--37cKj\";\nexport const recommendedListContainer = \"RecommendedCarList-module--recommended-list-container--3cOGy\";\nexport const recommendedEmptyText = \"RecommendedCarList-module--recommended-empty-text--2zYpg\";\nexport const recommendedHeading = \"RecommendedCarList-module--recommended-heading--3InyV\";","/* eslint-disable max-len */\n/* eslint-disable no-else-return */\nimport React, { FC } from 'react';\nimport {\n  MAKER_NAME,\n  MAKER_ID,\n} from '@/newcar/util/const/maker';\nimport {\n  BODY_NAME,\n  BODY_ID,\n} from '@/newcar/util/const/bodyType';\nimport CarDigest from '@/common/core/model/carDigest';\nimport CARMO_CONST from '@/common/util/const';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { Link } from 'gatsby';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport CarModelPanelRecommended from '@/newcar/ui/detail/molecule/CarModelPanelRecommended';\n\n// style\nimport * as styles from '@/newcar/ui/detail/organism/RecommendedCarList.module.styl';\n\ntype IsNowSale = {isNowSale: boolean}\ntype PickDigest = Pick<CarDigest, 'name' | 'makerId' | 'bodyType' | 'isMiniCar' | 'taxedMinPrice11' | 'thumbnailUrl' | 'id__normalized' | 'bodyColors'>;\ntype RecommendDigests = {recommendDigests: {\n    sameBodyTypeDigests: PickDigest[],\n    sameBodyTypeSameMakerDigests: PickDigest[],\n    sameMakerDigests: PickDigest[],\n  }\n}\ntype InformationProps = PickDigest & RecommendDigests & IsNowSale;\n\nconst RecommendedCarList:FC<InformationProps> = ({\n  makerId,\n  bodyType,\n  isMiniCar,\n  recommendDigests,\n}) => (\n  <>\n    <h2 className={`title is-3 has-text-centered ${styles.recommendedHeading}`}>\n      その他のおすすめ車種\n    </h2>\n\n    <div className={`container ${BODY_NAME(bodyType as unknown as BODY_ID) === '' && !isMiniCar ? 'is-hidden' : ''}`}>\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          {MAKER_NAME(makerId as unknown as MAKER_ID)}\n          のその他の\n          {\n            (() => {\n              if (isMiniCar) {\n                return (BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID));\n              } else {\n                return (BODY_NAME(bodyType as unknown as BODY_ID));\n              }\n            })()\n          }\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameBodyTypeSameMakerDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p className={`${styles.recommendedEmptyText} ${recommendDigests.sameBodyTypeSameMakerDigests.length !== 0 ? 'is-hidden' : ''}`}>\n            該当車種はありません\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameBodyTypeSameMakerDigests.length < 3 ? 'is-hidden' : ''}`}>\n          {\n            (() => {\n              if (isMiniCar) {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(makerId, CARMO_CONST.BODY_TYPE.ID.MINI_CAR)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    もっと見る\n                  </Link>\n                );\n              } else {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(makerId, bodyType)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    もっと見る\n                  </Link>\n                );\n              }\n            })()\n          }\n        </div>\n      </Card>\n    </div>\n\n    <div className={`container ${BODY_NAME(bodyType as unknown as BODY_ID) === '' && !isMiniCar ? 'is-hidden' : ''}`}>\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          その他の\n          {\n            (() => {\n              if (isMiniCar) {\n                return (BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID));\n              } else {\n                return (BODY_NAME(bodyType as unknown as BODY_ID));\n              }\n            })()\n          }\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameBodyTypeDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p\n            className={`${styles.recommendedEmptyText} ${recommendDigests.sameBodyTypeDigests.length !== 0 ? 'is-hidden' : ''}`}\n          >\n            該当車種はありません\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameBodyTypeDigests.length < 3 ? 'is-hidden' : ''}`}>\n          {\n            (() => {\n              if (isMiniCar) {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.MINI_CAR)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    もっと見る\n                  </Link>\n                );\n              } else {\n                return (\n                  <Link\n                    to={NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(bodyType)}\n                    className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n                  >\n                    もっと見る\n                  </Link>\n                );\n              }\n            })()\n          }\n        </div>\n      </Card>\n    </div>\n\n    <div className=\"container\">\n      <Card>\n        <h2 className=\"title is-3 has-text-centered is-margin-bottom-3\">\n          {MAKER_NAME(makerId as unknown as MAKER_ID)}\n          のその他の車種\n        </h2>\n\n        <div className={styles.recommendedListContainer}>\n          {\n            recommendDigests.sameMakerDigests.map((d) => (\n              <CarModelPanelRecommended\n                name={d.name}\n                makerName={CARMO_CONST.MAKER.NAME(d.makerId)}\n                link={d.id__normalized.toString()}\n                thumbnailUrl={d.thumbnailUrl}\n                taxedMinPrice11={d.taxedMinPrice11}\n                bodyColors={d.bodyColors}\n              />\n            ))\n          }\n          <p\n            className={`${styles.recommendedEmptyText} ${recommendDigests.sameMakerDigests.length !== 0 ? 'is-hidden' : ''}`}\n          >\n            該当車種はありません\n          </p>\n        </div>\n\n        <div className={`has-text-centered ${recommendDigests.sameMakerDigests.length < 3 ? 'is-hidden' : ''}`}>\n          <Link\n            to={NEWCAR_DEFINE.PATH.MAKER_PATH(makerId)}\n            className={`button is-large is-outlined has-text-dark ${styles.moreButton}`}\n          >\n            もっと見る\n          </Link>\n        </div>\n      </Card>\n    </div>\n  </>\n);\n\nexport default RecommendedCarList;\n","export default __webpack_public_path__ + \"static/img-point-first-10ee261f3f13a90fdc4e085399cf4385.png\";","export default __webpack_public_path__ + \"static/img-point-first-733f62bdb02dca464470fb66cd137bb0.avif\";","export default __webpack_public_path__ + \"static/img-point-second-db30047cd43e61d115c914e0260cb30e.png\";","export default __webpack_public_path__ + \"static/img-point-second-4daa97d8957ad38432afec5a4a3067bf.avif\";","export default __webpack_public_path__ + \"static/img-point-third-ea3baaa9093825b0f3b92fc8e92befa4.png\";","export default __webpack_public_path__ + \"static/img-point-third-1dda97353818e268bfa71a5c53be3b73.avif\";","export default __webpack_public_path__ + \"static/img-point-fourth-af0ca6c2f92f03366c41ea7b595766cd.png\";","export default __webpack_public_path__ + \"static/img-point-fourth-89c8b2ed120149d7285b272cb7e28a90.avif\";","// extracted by mini-css-extract-plugin\nexport const appealPointContainer = \"ChosenPoints-module--appeal-point-container--3jSPR\";\nexport const appealPointTitle = \"ChosenPoints-module--appeal-point-title--3Ai8g\";\nexport const appealPointCard = \"ChosenPoints-module--appeal-point-card--3VINr\";\nexport const appealPointContent = \"ChosenPoints-module--appeal-point-content--KGfcn\";\nexport const appealPointContentItem = \"ChosenPoints-module--appeal-point-content-item--324n3\";\nexport const appealPointButtonContainer = \"ChosenPoints-module--appeal-point-button-container--2uECi\";\nexport const appealPointButtonItem = \"ChosenPoints-module--appeal-point-button-item--2u9Gc\";\nexport const isSecondBottom = \"ChosenPoints-module--is-second-bottom--3Ypor\";\nexport const appealPointText = \"ChosenPoints-module--appeal-point-text--ckrEk\";\nexport const appealPointHeading = \"ChosenPoints-module--appeal-point-heading--1TZGu\";\nexport const appealPointThumbnailContainer = \"ChosenPoints-module--appeal-point-thumbnail-container--3QSCD\";\nexport const isFirst = \"ChosenPoints-module--is-first--rTFKt\";\nexport const isSecond = \"ChosenPoints-module--is-second--3tdoH\";\nexport const isThird = \"ChosenPoints-module--is-third--YN5ME\";\nexport const isFourth = \"ChosenPoints-module--is-fourth--3p7E4\";\nexport const appealPointNoticeList = \"ChosenPoints-module--appeal-point-notice-list--1EKYz\";\nexport const appealPointNoticeListItem = \"ChosenPoints-module--appeal-point-notice-list-item--2F3tr\";\nexport const appealPointAsterisk = \"ChosenPoints-module--appeal-point-asterisk--3TEMB\";\nexport const appealPointAsteriskSub = \"ChosenPoints-module--appeal-point-asterisk-sub--1vAS1\";\nexport const isChosenPoints = \"ChosenPoints-module--is-chosen-points--3L3if\";","/* eslint-disable max-len */\nimport React, { FC } from 'react';\n\n// Component\nimport Card from '@/newcar/ui/detail/molecule/Card';\n\n// Image\nimport pointFirst from '@/newcar/ui/detail/img/points/img-point-first.png';\nimport pointFirstAvif from '@/newcar/ui/detail/img/points/img-point-first.avif';\nimport pointSecond from '@/newcar/ui/detail/img/points/img-point-second.png';\nimport pointSecondAvif from '@/newcar/ui/detail/img/points/img-point-second.avif';\nimport pointThird from '@/newcar/ui/detail/img/points/img-point-third.png';\nimport pointThirdAvif from '@/newcar/ui/detail/img/points/img-point-third.avif';\nimport pointFourth from '@/newcar/ui/detail/img/points/img-point-fourth.png';\nimport pointFourthAvif from '@/newcar/ui/detail/img/points/img-point-fourth.avif';\n\nimport * as styles from '@/newcar/ui/detail/organism/ChosenPoints.module.styl';\n\nconst ChosenPoints:FC = () => (\n  <section className=\"container\">\n    <Card className={styles.isChosenPoints}>\n      <h2 className=\"title is-3 has-text-centered\">\n        定額カルモくんが選ばれる\n        <br />\n        4つのポイント\n      </h2>\n      <div className={styles.appealPointContainer}>\n        <div className={`container is-margin-auto ${styles.appealPointCard}`}>\n          <div\n            className={`${styles.appealPointContent} ${styles.contentsMarginTop}`}\n          >\n            {/* point 1 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                業界最安水準の\n                <br className=\"is-hidden-mobile\" />\n                価格\n                <span className={styles.appealPointAsteriskSub}>※1</span>\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFirst}`}>\n                <picture>\n                  <source srcSet={pointFirstAvif} type=\"image/avif\" />\n                  <img\n                    src={pointFirst}\n                    alt=\"業界最安水準の価格\"\n                    width=\"353\"\n                    height=\"106\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                頭金・ボーナス払い０円、車検代・メンテ代・各種税金・自賠責保険料コミで人気の新車が月額1万円台からずっと定額！\n              </p>\n            </div>\n            {/* //_point 1 */}\n\n            {/* point 2 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                返却不要＆\n                <br className=\"is-hidden-mobile\" />\n                抜群の自由度\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isSecond}`}>\n                <picture>\n                  <source srcSet={pointSecondAvif} type=\"image/avif\" />\n                  <img\n                    src={pointSecond}\n                    alt=\"返却不要＆抜群の自由度\"\n                    width=\"368\"\n                    height=\"254\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                借り物感ゼロ！\n                <span className={styles.appealPointAsteriskSub}>※2</span>\n                最終的に車がもらえるからディーラーで購入するのと変わらない使い勝手です。\n              </p>\n            </div>\n            {/* //_point 2 */}\n\n            {/* point 3 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                長期保証＆\n                <br className=\"is-hidden-mobile\" />\n                保険の安心感\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isThird}`}>\n                <picture>\n                  <source srcSet={pointThirdAvif} type=\"image/avif\" />\n                  <img\n                    src={pointThird}\n                    alt=\"長期保証＆保険の安心感\"\n                    width=\"276\"\n                    height=\"172\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                定額カルモくんのメンテナンスプランは、最長11年の安心保証\n                <span className={styles.appealPointAsteriskSub}>※4</span>\n                が付帯します。さらにリース車両に特化した特約がついたカルモ契約者様専用自動車保険もご用意しております。\n              </p>\n            </div>\n            {/* //_point 3 */}\n\n            {/* point 4 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                接客満足度\n                <br className=\"is-hidden-mobile\" />\n                92.7%\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFourth}`}>\n                <picture>\n                  <source srcSet={pointFourthAvif} type=\"image/avif\" />\n                  <img\n                    src={pointFourth}\n                    alt=\"接客満足度92.7%\"\n                    width=\"207\"\n                    height=\"155\"\n                    loading=\"lazy\"\n                  />\n                </picture>\n              </div>\n              <p className={styles.appealPointText}>\n                お客様のご要望に寄り添うことを第一に、\n                メーカー横断で新車・中古車の中から最適なおクルマをご提案いたします。電話やメール、LINEでもご相談承っておりますのでお気軽にお問い合わせください。\n              </p>\n            </div>\n            {/* //_point 4 */}\n          </div>\n\n        </div>\n\n        <ul className={`${styles.appealPointNoticeList}`}>\n          <li className={styles.appealPointNoticeListItem}>\n            ※１）文末の制作日における調査結果に基づく。調査概要はコンテンツポリシー参照。\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※２）7年以上のご契約でもらえるオプション加入時\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※３）7年以上のご契約\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※４）プラチナメンテプラン加入時\n          </li>\n        </ul>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default ChosenPoints;\n","// extracted by mini-css-extract-plugin\nexport const isChosenPoints = \"ChosenPointsMovie-module--is-chosen-points--1tExc\";\nexport const appealPointContainer = \"ChosenPointsMovie-module--appeal-point-container--2hPdJ\";\nexport const appealPointTitle = \"ChosenPointsMovie-module--appeal-point-title--1-JcO\";\nexport const appealPointCard = \"ChosenPointsMovie-module--appeal-point-card--2dh1y\";\nexport const appealPointContent = \"ChosenPointsMovie-module--appeal-point-content--2EPea\";\nexport const appealPointContentItem = \"ChosenPointsMovie-module--appeal-point-content-item--1ZRDc\";\nexport const appealPointContentMiddle = \"ChosenPointsMovie-module--appeal-point-content-middle--3_TBw\";\nexport const appealPointText = \"ChosenPointsMovie-module--appeal-point-text--1CPXz\";\nexport const appealPointThumbnailContainer = \"ChosenPointsMovie-module--appeal-point-thumbnail-container--1YOI3\";\nexport const isThird = \"ChosenPointsMovie-module--is-third--2ddq7\";\nexport const isFourth = \"ChosenPointsMovie-module--is-fourth--1T_wc\";\nexport const appealPointButtonContainer = \"ChosenPointsMovie-module--appeal-point-button-container--3VK2V\";\nexport const appealPointButtonItem = \"ChosenPointsMovie-module--appeal-point-button-item--39qfV\";\nexport const isSecondBottom = \"ChosenPointsMovie-module--is-second-bottom--7hpdt\";\nexport const appealPointHeading = \"ChosenPointsMovie-module--appeal-point-heading--3p06u\";\nexport const appealPointAsteriskSub = \"ChosenPointsMovie-module--appeal-point-asterisk-sub--2PNvM\";\nexport const isFirst = \"ChosenPointsMovie-module--is-first--2Z4kq\";\nexport const isSecond = \"ChosenPointsMovie-module--is-second--19gQ1\";\nexport const isFifth = \"ChosenPointsMovie-module--is-fifth--2LGPD\";\nexport const appealPointNoticeList = \"ChosenPointsMovie-module--appeal-point-notice-list--1pVSm\";\nexport const appealPointNoticeListItem = \"ChosenPointsMovie-module--appeal-point-notice-list-item--3AIrT\";\nexport const appealPointAsterisk = \"ChosenPointsMovie-module--appeal-point-asterisk--3UIoU\";\nexport const appealPointMovie = \"ChosenPointsMovie-module--appeal-point-movie--3pCXD\";\nexport const hasBackgroundBlack = \"ChosenPointsMovie-module--has-background-black--2rU5J\";\nexport const topLinkIconArrow = \"ChosenPointsMovie-module--top-link-icon-arrow--3xpG7\";","/* eslint-disable max-len */\nimport React, { FC } from 'react';\n\n// Component\nimport Card from '@/newcar/ui/detail/molecule/Card';\n\n// Image\nimport pointThird from '@/newcar/ui/detail/img/points/img-point-third.png';\nimport pointThirdAvif from '@/newcar/ui/detail/img/points/img-point-third.avif';\nimport pointFourth from '@/newcar/ui/detail/img/points/img-point-fourth.png';\nimport pointFourthAvif from '@/newcar/ui/detail/img/points/img-point-fourth.avif';\n\nimport * as styles from '@/newcar/ui/detail/organism/ChosenPointsMovie.module.styl';\n\nconst ChosenPointsMovie:FC = () => (\n  <section className=\"container\">\n    <Card className={styles.isChosenPoints}>\n      <h2 className=\"title is-3 has-text-centered\">\n        定額カルモくんが選ばれる\n        <br />\n        5つのポイント\n      </h2>\n      <div className={styles.appealPointContainer}>\n        <div className={`container is-margin-auto ${styles.appealPointCard}`}>\n          <div\n            className={`${styles.appealPointContent} ${styles.contentsMarginTop}`}\n          >\n            {/* point 1 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                業界最安水準！\n                <span className={styles.appealPointAsteriskSub}>※1</span>\n                <br />\n                初期費用0円でずっと定額\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isFirst}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/CkS2LNIyMro?controls=0\"\n                  title=\"月額定額ってどういうこと？\"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">頭金・ボーナス払い０円</span>\n                、車検代・メンテ代\n                <span className={styles.appealPointAsteriskSub}>※</span>\n                ・各種税金・自賠責保険料コミ！急な出費に困ることなく月1万円台〜カーライフを楽しめます。\n                <span className={`is-block ${styles.appealPointAsterisk}`}>※メンテナンスプラン加入時</span>\n              </p>\n            </div>\n            {/* //_point 1 */}\n\n            {/* point 2 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={`${styles.appealPointHeading} ${styles.isSecond}`}>\n                車がもらえる！\n                <span className={styles.appealPointAsteriskSub}>※2</span>\n                <br className=\"is-hidden-mobile\" />\n                抜群の自由度\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isSecond}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/1R3lUMAfY_c?controls=0\"\n                  title=\"車がもらえるってどういうこと？\"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">車は最終的に返却するかもらうか選べます！</span>\n                <span className={styles.appealPointAsteriskSub}>※2</span>\n                車をもらう場合、ディーラーで購入するのと変わらない使い勝手だから、借り物感なし！車検に通る範囲でカスタムもOKです。\n              </p>\n            </div>\n            {/* //_point 2 */}\n\n            {/* point 3 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={`${styles.appealPointHeading} ${styles.isThird}`}>\n                走行距離無制限！\n                <span className={styles.appealPointAsteriskSub}>※3</span>\n              </h3>\n              <div className={`${styles.appealPointThumbnailContainer} ${styles.isThird}`}>\n                <iframe\n                  className={styles.appealPointMovie}\n                  width=\"1280\"\n                  height=\"720\"\n                  src=\"https://www.youtube.com/embed/HCxc0EJ0W0w?controls=0\"\n                  title=\"走行距離無制限ってどういうこと？\"\n                  frameBorder=\"0\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerPolicy=\"strict-origin-when-cross-origin\"\n                  allowFullScreen\n                />\n              </div>\n              <p className={styles.appealPointText}>\n                <span className=\"has-text-weight-bold\">７年以上のご契約なら毎月の走行距離制限がなくなります！</span>\n                毎日の通勤や通学、レジャーなどで頻繁に乗る方は安心してお使いいただけます。\n              </p>\n            </div>\n            {/* //_point 3 */}\n\n            {/* point 4 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                長期保証＆保険の安心感\n              </h3>\n              <div className={styles.appealPointContentMiddle}>\n                <div className={`${styles.appealPointThumbnailContainer} ${styles.isFourth}`}>\n                  <picture>\n                    <source srcSet={pointThirdAvif} type=\"image/avif\" />\n                    <img\n                      src={pointThird}\n                      alt=\"長期保証＆保険の安心感\"\n                      loading=\"lazy\"\n                      width=\"705\"\n                      height=\"440\"\n                    />\n                  </picture>\n                </div>\n                <p className={styles.appealPointText}>\n                  定額カルモくんのメンテナンスプランは、\n                  <span className=\"has-text-weight-bold\">\n                    最長11年の安心保証\n                    <span className={styles.appealPointAsteriskSub}>※4</span>\n                    が付帯\n                  </span>\n                  します。さらにリース車両に特化した特約がついたカルモ契約者様専用自動車保険もご用意しております。\n                </p>\n              </div>\n            </div>\n            {/* //_point 4 */}\n\n            {/* point 5 */}\n            <div className={styles.appealPointContentItem}>\n              <h3 className={styles.appealPointHeading}>\n                接客満足度92.7%\n              </h3>\n              <div className={styles.appealPointContentMiddle}>\n                <div className={`${styles.appealPointThumbnailContainer} ${styles.isFifth}`}>\n                  <picture>\n                    <source srcSet={pointFourthAvif} type=\"image/avif\" />\n                    <img\n                      src={pointFourth}\n                      alt=\"接客満足度92.7%\"\n                      loading=\"lazy\"\n                      width=\"529\"\n                      height=\"396\"\n                    />\n                  </picture>\n                </div>\n                <p className={styles.appealPointText}>\n                  お客様のご要望に寄り添うことを第一に、\n                  <span className=\"has-text-weight-bold\">メーカー横断で最適なカーライフをご提案</span>\n                  いたします。LINE・メール・電話でご相談を承っており、できるだけ早くご連絡をするよう心がけております。\n                </p>\n              </div>\n            </div>\n            {/* //_point 5 */}\n          </div>\n\n        </div>\n\n        <ul className={`${styles.appealPointNoticeList}`}>\n          <li className={styles.appealPointNoticeListItem}>\n            ※１）文末の制作日における調査結果に基づく。調査概要はコンテンツポリシー参照。\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※２）7年以上のご契約でもらえるオプション加入時\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※３）7年以上のご契約\n          </li>\n          <li className={styles.appealPointNoticeListItem}>\n            ※４）プラチナメンテプラン加入時\n          </li>\n        </ul>\n      </div>\n    </Card>\n  </section>\n);\n\nexport default ChosenPointsMovie;\n","/* eslint-disable max-len */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable @typescript-eslint/naming-convention */\nimport React, {\n  FC, useContext, useEffect, useState,\n} from 'react';\nimport { PageProps } from 'gatsby';\nimport { useLocation } from '@reach/router';\nimport QueryString from 'query-string';\nimport CARMO_CONST from '@/common/util/const';\nimport { GTM } from '@/common/util/gtm';\nimport CarDigest from '@/common/core/model/carDigest';\nimport { VehicleTypes } from '@/common/core/model/catalog/vehicleTypes';\nimport RecommendedPointsSummaryType from '@/newcar/core/model/recommendedPointsSummary';\nimport Layout from '@/common/ui/template/Layout';\nimport searchCarStoreContext from '@/newcar/ui/common/context/searchCarStoreContext';\nimport SimulationManagerStoreContext from '@/newcar/ui/common/context/SimulationManagerStoreContext';\nimport SimulationResultManagerStoreContext from '@/newcar/ui/common/context/SimulationResultManagerStoreContext';\nimport Header from '@/newcar/ui/common/organism/Header';\nimport Breadcrumb from '@/newcar/ui/common/molecule/Breadcrumb';\nimport Footer from '@/newcar/ui/common/organism/Footer';\nimport UserVoiceCard from '@/newcar/ui/common/organism/UserVoiceCard';\nimport SEO from '@/newcar/ui/detail/organism/SEO';\nimport BreadcrumbSchemaMarkup from '@/newcar/ui/common/molecule/BreadcrumbSchemaMarkup';\nimport Information from '@/newcar/ui/detail/organism/Information';\nimport Simulation from '@/newcar/ui/detail/organism/Simulation';\nimport Introduction from '@/newcar/ui/detail/organism/Introduction';\nimport ModalSimulateAlert from '@/newcar/ui/detail/organism/ModalSimulateAlert';\nimport { MAKER_NAME, MAKER_ID } from '@/newcar/util/const/maker';\nimport { BODY_NAME, BODY_ID } from '@/newcar/util/const/bodyType';\nimport NEWCAR_DEFINE from '@/newcar/util/define';\nimport { setAllList } from '@/newcar/util/setAllList';\nimport { relatedCarStore } from '@/newcar/core/store/relatedCarStore';\nimport NEWCAR_CONST from '@/newcar/util/const';\nimport StoreUtil from '@/newcar/core/store/storeUtil';\nimport Reviews from '@/newcar/ui/detail/organism/Reviews';\nimport Trial from '@/newcar/ui/detail/organism/Trial';\nimport Charm from '@/newcar/ui/detail/organism/Charm';\nimport FAQ from '@/newcar/ui/detail/organism/FAQ';\nimport Reason from '@/newcar/ui/detail/organism/Reason';\nimport Partner from '@/newcar/ui/detail/organism/Partner';\nimport RecommendedPointsSummary from '@/newcar/ui/detail/organism/RecommendedPointsSummary';\nimport Card from '@/newcar/ui/detail/molecule/Card';\nimport RecommendCarList from '@/newcar/ui/detail/organism/RecommendedCarList';\nimport * as styles from '@/newcar/ui/detail/template/index.module.styl';\nimport UserVoiceType from '@/newcar/core/model/userVoice';\nimport ChosenPoints from '@/newcar/ui/detail/organism/ChosenPoints';\nimport ChosenPointsMovie from '@/newcar/ui/detail/organism/ChosenPointsMovie';\nimport ScrollToTop from '@/common/ui/organism/ScrollToTop';\nimport { jst } from '@/common/util/datetime';\nimport ImageStarOff from '@/newcar/ui/top/img/uservoice/starOff.svg';\nimport ImageStarOn from '@/newcar/ui/top/img/uservoice/star_on.svg';\nimport ImageStarHalf from '@/newcar/ui/top/img/uservoice/starHalf.svg';\n\nconst IMAGE_STAR_STYLE = {\n  width: 16,\n  height: 16,\n};\n\ninterface DetailPageContext {\n  car: Pick<VehicleTypes, 'id' | 'photos' | 'summary' | 'review' | 'captionImageUrl1' | 'captionImageUrl2' | 'captionImageUrl3' | 'caption1' | 'caption2' | 'caption3'>;\n  digest: Pick<CarDigest, 'id__normalized' | 'makerId' | 'bodyType' | 'isMiniCar' | 'name' | 'publishStatus' | 'makerSiteUrl' | 'bodyColors' | 'wltc' | 'jc08' | 'minVehiclePrice' | 'taxedMinPrice11' | 'has4SeatOrLess' | 'has5Seat' | 'has6Seat' | 'has7Seat' | 'has8SeatOrMore' | 'thumbnailUrl' | 'isCriteoTarget' | 'hasWantCar'>;\n  recommendedPointsSummary: RecommendedPointsSummaryType;\n  userVoices: UserVoiceType[];\n  recommendDigests: {\n    sameBodyTypeDigests: CarDigest[],\n    sameBodyTypeSameMakerDigests: CarDigest[],\n    sameMakerDigests: CarDigest[],\n  }\n}\n\nconst Template: FC<PageProps<{}, DetailPageContext>> = ({ pageContext }) => {\n  const {\n    car,\n    digest,\n    recommendedPointsSummary,\n    userVoices,\n    recommendDigests,\n  } = pageContext;\n\n  const searchCarStore = useContext(searchCarStoreContext);\n  const simulationManagerStore = useContext(SimulationManagerStoreContext);\n  const simulationResultManagerStore = useContext(SimulationResultManagerStoreContext);\n\n  const [isShowOldSimulation, setIsShowOldSimulation] = useState(false);\n  const [isInvalidURL, setIsInvalidURL] = useState(false);\n\n  const location = useLocation();\n  const query = QueryString.parse(location.search);\n\n  useEffect(() => {\n    // Criteo計測タグ発火イベント\n    if (digest.id__normalized && digest.isCriteoTarget) {\n      GTM.dataLayer.push({\n        event: 'criteo.activate',\n        CriteoProductID: digest.id__normalized.toString(),\n      });\n    }\n\n    // 正常時の閲覧履歴として車種IDを設定\n    searchCarStore.viewCarDetail(digest.id__normalized.toString());\n  }, []);\n\n  useEffect(() => {\n    // クエリをシミレーションに反映する\n    if (window && query && query.g) {\n      // クエリパラメータあり\n      let noCount = 1;\n      if (query.s1) {\n        // s1はシミュレーション保存済みかを判断するパラメータなのでシミュレーションには使用しない\n        noCount += 1;\n      }\n\n      // クエリパラメータのc2はパラメータ個数を表す、これがないあるいは数が合わない場合はエラー表示\n      if (Number(query.c2) === (Object.keys(query).length - noCount)) {\n        if (query.m2 === searchCarStore.masterNumber) {\n          // 最新のマスタ番号の場合、パラメータで設定されている値を反映する\n          simulationManagerStore.changeGrade(digest.id__normalized);\n          simulationManagerStore.changeUserSelectFromParam({ id: digest.id__normalized, params: query });\n        } else {\n          // 古いマスタ番号なので、保存済みシミュレーションか確認する\n          simulationResultManagerStore.checkIsSavedWithParameter({ id: digest.id__normalized, query });\n          if (!simulationResultManagerStore.isSavedWithParameter) {\n            // 保存済みシミュレーションでないので警告を表示し、通常の詳細ページ表示\n            setIsShowOldSimulation(true);\n            window.history.replaceState(null, '', location.pathname);\n          }\n        }\n      } else {\n        setIsInvalidURL(true);\n        // URLからパラメータを削除\n        window.history.replaceState(null, '', location.pathname);\n      }\n    }\n\n    if (!Object.keys(query).length) {\n      const simulationList = simulationResultManagerStore.nowSimulationList;\n      if (simulationList) {\n        simulationList.forEach((simulation) => {\n          const selection = simulation.customerSelection;\n          if (selection && selection.id === digest.id__normalized) {\n            // シミュレーションを反映\n            simulationManagerStore.changeUserSelect(selection);\n          }\n        });\n      }\n    }\n\n    // シミュレーションの準備\n    simulationManagerStore.changeId(digest.id__normalized.toString());\n  }, [query]);\n\n  // 対象車種をストアに保存\n  relatedCarStore.setRelatedCarId(Number(digest.id__normalized));\n\n  // storeに車種情報をセット\n  setAllList();\n\n  // bodyTypeがunselectedの時にminiかotherに変換\n  const identifiedBodyType: CARMO_CONST.BODY_TYPE.ID = StoreUtil.identifyBodyType(\n    digest.bodyType, digest.isMiniCar,\n  );\n\n  // パンくずリスト生成\n  const breadcrumbItems: Array<{ to?: string; label: string; }> = [\n    { to: NEWCAR_DEFINE.PATH.TOP, label: '新車TOP' },\n    { to: NEWCAR_DEFINE.PATH.LINEUP_TOP, label: '新車一覧' },\n  ];\n  if (digest.makerId !== CARMO_CONST.MAKER.ID.UNSELECTED) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.MAKER_PATH(digest.makerId),\n      label: MAKER_NAME(digest.makerId as unknown as MAKER_ID),\n    });\n    if (digest.bodyType !== CARMO_CONST.BODY_TYPE.ID.UNSELECTED) {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, identifiedBodyType),\n        label: BODY_NAME(digest.bodyType as unknown as BODY_ID),\n      });\n    } else if (digest.isMiniCar) {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, CARMO_CONST.BODY_TYPE.ID.MINI_CAR),\n        label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID),\n      });\n    } else {\n      breadcrumbItems.push({\n        to: NEWCAR_DEFINE.PATH.MAKER_BODYTYPE(digest.makerId, CARMO_CONST.BODY_TYPE.ID.OTHER),\n        label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.OTHER as unknown as BODY_ID),\n      });\n    }\n  } else if (digest.bodyType !== CARMO_CONST.BODY_TYPE.ID.UNSELECTED) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(digest.bodyType),\n      label: BODY_NAME(digest.bodyType as unknown as BODY_ID),\n    });\n  } else if (digest.isMiniCar) {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.MINI_CAR),\n      label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.MINI_CAR as unknown as BODY_ID),\n    });\n  } else {\n    breadcrumbItems.push({\n      to: NEWCAR_DEFINE.PATH.BODY_TYPE_PATH(CARMO_CONST.BODY_TYPE.ID.OTHER),\n      label: BODY_NAME(CARMO_CONST.BODY_TYPE.ID.OTHER as unknown as BODY_ID),\n    });\n  }\n  breadcrumbItems.push({ label: digest.name });\n\n  // パンくず構造化データ用の配列\n  const breadcrumbSchemaMarkupItems = breadcrumbItems.map((item) => ({\n    name: item.label,\n    item: item.to ? `${process.env.GATSBY_SITE_URL}${item.to}` : `${process.env.GATSBY_SITE_URL}/detail/${digest.id__normalized}/`,\n  }));\n\n  // 対象車種が販売しているか\n  const isNowSale = digest.publishStatus === NEWCAR_CONST.PUBLISH.STATUS.SALE;\n\n  const reload = () => {\n    if (window) window.location.reload();\n  };\n\n  // 「利用者の声」全ての総合点の平均値\n  const averageRatingOverall = userVoices.length > 0\n    // 小数点第3位は切り上げるため 100 をかけて Math.ceil で切り上げした後に 100 で割る。\n    // 例：4.504 => 450.4 => 451 => 4.51\n    ? (Math.ceil((userVoices.reduce((_result, _voice) => _result + _voice.ratingOverall, 0) / userVoices.length) * 100) / 100).toPrecision(3)\n    : 0;\n\n  return (\n    <Layout>\n      <SEO {...digest} />\n      <BreadcrumbSchemaMarkup items={breadcrumbSchemaMarkupItems} />\n      <Header />\n      <Breadcrumb items={breadcrumbItems} />\n\n      <main className=\"has-background-white-ter is-padding-bottom-0\">\n        <section className=\"has-background-white\">\n          <div className=\"container is-margin-bottom-5\">\n            <Information {...car} {...digest} isNowSale={isNowSale} />\n          </div>\n        </section>\n\n        {/* シミレーション */}\n        {isNowSale && (\n          <Simulation {...digest} />\n        )}\n\n        {/* ココが良い */}\n        {recommendedPointsSummary\n          ? (\n            <section className=\"container\">\n              <Card>\n                <RecommendedPointsSummary\n                  className={`${styles.recommendedPoints} is-margin-7`}\n                  carName={digest.name}\n                  points={[\n                    recommendedPointsSummary.point1,\n                    recommendedPointsSummary.point2,\n                    recommendedPointsSummary.point3,\n                  ]}\n                  recommendedPointsSummary={recommendedPointsSummary}\n                />\n              </Card>\n            </section>\n          )\n          : <></>}\n\n        {/* 口コミ */}\n        <Reviews />\n\n        {/* 三冠 */}\n        <Charm {...digest} isNowSale={isNowSale} />\n\n        {/* 選ばれるポイント */}\n        <div id=\"chosenPointsOriginal\">\n          <ChosenPoints />\n        </div>\n\n        {/* 選ばれるポイントABテスト用 */}\n        <div id=\"chosenPointsAb\" className=\"is-hidden\">\n          <ChosenPointsMovie />\n        </div>\n\n        {/* 相談申込 */}\n        {isNowSale && (\n          <Trial />\n        )}\n\n        {/* FAQ */}\n        <FAQ />\n\n        {/* 人気の理由 */}\n        <Reason />\n\n        {/* 車種紹介 */}\n        {isNowSale && (\n          <section className=\"container\">\n            <Card className=\"is-padding-left-3 is-padding-right-3\">\n              <Introduction\n                {...car}\n                point1={recommendedPointsSummary?.point1}\n                point2={recommendedPointsSummary?.point2}\n                point3={recommendedPointsSummary?.point3}\n              />\n            </Card>\n          </section>\n        )}\n\n        {/* おすすめ車両 */}\n        <section>\n          <RecommendCarList {...car} {...digest} recommendDigests={recommendDigests} isNowSale={isNowSale} />\n        </section>\n\n        {/* 提携先 */}\n        <Partner />\n\n        {/* 利用者の声 */}\n        {userVoices.length > 0 && (\n          <section className=\"container is-hidden-desktop\">\n            <Card>\n              <p className=\"has-text-weight-semibold has-text-centered\">\n                {userVoices[0].maker}\n                &nbsp;\n                {userVoices[0].carModel}\n              </p>\n              <h2 className=\"title is-3 has-text-centered is-margin-bottom-3 is-margin-top-3\">ご利用者の声</h2>\n              <div className={`has-text-centered ${styles.userVoiceRating}`}>\n                総合評価\n                <div className={styles.userVoiceRatingImages}>\n                  {\n                    // 4.00 - 4.49 -> ★★★★ + ☆\n                    // 4.50 - 4.99 -> ★★★★ + 半分の星\n                    // 5.00 - 5.00 -> ★★★★ + ★\n                    Array(5).fill(ImageStarOn).map((image, index) => {\n                      let $image = image;\n                      if (Number(averageRatingOverall) < (index + 1)) {\n                        $image = Number(averageRatingOverall) >= (index + 0.5) ? ImageStarHalf : ImageStarOff;\n                      }\n                      return <img {...IMAGE_STAR_STYLE} src={$image} alt=\"星\" />;\n                    })\n                  }\n                </div>\n                {averageRatingOverall}\n              </div>\n              <div className={`columns is-mobile is-padding-left-4 is-padding-right-4 is-margin-top-5 ${styles.userVoiceContainer} ${userVoices.length === 1 ? 'is-centered' : ''}`}>\n                {userVoices.sort((a, b) => jst(b.postedAt).unix() - jst(a.postedAt).unix()).map((userVoice) => (\n                  <UserVoiceCard\n                    key={userVoice.comment}\n                    className={`${styles.userVoiceItem} page-detail`}\n                    {...userVoice}\n                    postedAt={jst(userVoice.postedAt)}\n                  />\n                ))}\n              </div>\n            </Card>\n          </section>\n        )}\n\n      </main>\n      <Footer />\n      <ScrollToTop className={styles.scrollToTopDetail} />\n      {/* 古い保存済みシミュレーションを変更しようとした場合のアラートダイアログ */}\n      <div className={`modal ${(isShowOldSimulation || isInvalidURL) && 'is-active'}`}>\n        <div className=\"modal-background\" onClick={(): void => { setIsShowOldSimulation(false); setIsInvalidURL(false); }} />\n        <div className=\"modal-content has-background-white is-padding-5 is-padding-top-0\">\n          <div className=\"main-card has-background-primary detail_border is-size-5\" />\n          {isShowOldSimulation && (\n            <p className=\"is-padding-top-5\">\n              車種情報が更新されています。\n              <br />\n              最新の車種情報でもう一度、料金をご確認ください。\n            </p>\n          )}\n          {isInvalidURL && (\n            <p>\n              URLが誤っています。料金シミュレーションを表示できません。\n            </p>\n          )}\n          <div className=\"columns is-mobile is-margin-top-5 has-text-centered is-centered\">\n            <button type=\"button\" className=\"column button is-large is-half\" onClick={reload}>\n              OK\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <ModalSimulateAlert />\n\n    </Layout>\n  );\n};\n\nexport default Template;\n","// extracted by mini-css-extract-plugin\nexport const bandSizeLarge = \"index-module--band-size-large--2R2cf\";\nexport const hasTextDecoration = \"index-module--has-text-decoration--3fDN3\";\nexport const hasBorderTopGreyLighter = \"index-module--has-border-top-grey-lighter--3e_z-\";\nexport const moreButton = \"index-module--more-button--1sdhr\";\nexport const hasBackgroundBlackLight = \"index-module--has-background-black-light--OyT8G\";\nexport const recommendedPoints = \"index-module--recommended-points--1r_TR\";\nexport const userVoiceContainer = \"index-module--user-voice-container--3sJ5y\";\nexport const userVoiceItem = \"index-module--user-voice-item--2z-ab\";\nexport const userVoiceRating = \"index-module--user-voice-rating--2sI28\";\nexport const userVoiceRatingImages = \"index-module--user-voice-rating-images--rb9OA\";\nexport const scrollToTopDetail = \"index-module--scroll-to-top-detail--1OwZ-\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBMMTIuMjQ1MSA2LjkwOTgzSDE5LjUxMDZMMTMuNjMyNyAxMS4xODAzTDE1Ljg3NzkgMTguMDkwMkwxMCAxMy44MTk3TDQuMTIyMTUgMTguMDkwMkw2LjM2NzI5IDExLjE4MDNMMC40ODk0MzUgNi45MDk4M0g3Ljc1NDg2TDEwIDBaIiBmaWxsPSIjQkVCRUJFIi8+CjxtYXNrIGlkPSJtYXNrMF8yNTcwXzUwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjE4Ij4KPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjE4IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yNTcwXzUwMCkiPgo8cGF0aCBkPSJNMTAgMEwxMi4yNDUxIDYuOTA5ODNIMTkuNTEwNkwxMy42MzI3IDExLjE4MDNMMTUuODc3OSAxOC4wOTAyTDEwIDEzLjgxOTdMNC4xMjIxNSAxOC4wOTAyTDYuMzY3MjkgMTEuMTgwM0wwLjQ4OTQzNSA2LjkwOTgzSDcuNzU0ODZMMTAgMFoiIGZpbGw9IiNGRkMzMDAiLz4KPC9nPgo8L3N2Zz4K\"","import React, { FC } from 'react';\n\nimport { Digest } from '@/newcar/util/const/digest';\n\nconst styles = require('./Color.module.styl');\n\ntype ColorProps = {\n  // 2色の場合は間にスラッシュが入る．例: [\"#f4f4f4\", \"#fcfbf4/#030101\"]\n  bodyColors: Digest['bodyColors'];\n}\n\nconst Color: FC<ColorProps> = ({ bodyColors }) => {\n  // カラーコードをRGBに変換して足し合わせる\n  const calcRgb = (colorCodeOrigin: string): number => {\n    let colorCode = colorCodeOrigin;\n    if (colorCodeOrigin.split('')[0] === '#') {\n      colorCode = colorCodeOrigin.substring(1);\n    }\n    return parseInt(colorCode.substring(0, 2), 16)\n            + parseInt(colorCode.substring(2, 4), 16)\n            + parseInt(colorCode.substring(4, 6), 16);\n  };\n\n  // ソート関数\n  const compareColors = (\n    a: {color1: string; color2: string | undefined}, b: {color1: string, color2: string| undefined},\n  ): number => {\n    if (a.color2 && !b.color2) {\n      return 1;\n    } if (!a.color2 && b.color2) {\n      return -1;\n    }\n    return (calcRgb(a.color1) < calcRgb(b.color1) ? 1 : -1);\n  };\n\n  const sortColors = (\n    colors: { color1: string, color2: string | undefined }[],\n  ): { color1: string, color2: string | undefined }[] => {\n    colors.sort((\n      a: { color1: string; color2: string | undefined },\n      b: { color1: string; color2: string | undefined },\n    ) => compareColors(a, b));\n\n    return colors;\n  };\n\n  const resultColors = sortColors(\n    bodyColors.filter(Boolean).map((color) => {\n      const [color1, color2] = color.split('/');\n      return { color1, color2 };\n    }),\n  );\n\n  const size = {\n    width: '15', r: '6', cx: '7', cy: '7', halfHeight: '5',\n  };\n\n  const liArray = resultColors.map(({ color1, color2 }, index, array) => {\n    if (index === 7) {\n      if (array.length > 7) {\n        return (\n          <li key={index.toString()}>…</li>\n        );\n      }\n    }\n\n    if (index > 7) {\n      return (\n        <li key={index.toString()}> </li>\n      );\n    }\n\n    if (color2) {\n      return (\n        <li className={`column is-narrow is-target-li ${styles.partsWrap}`} key={index.toString()}>\n          <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.width}`} width={size.width} height={size.width}>\n            <circle r={size.r} cx={size.cx} cy={size.cy} fill={color1} stroke=\"#aaa\" strokeWidth={0.5} />\n          </svg>\n          <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.halfHeight}`} width={size.width} height={size.halfHeight}>\n            <clipPath id={`clip_${index}`}>\n              <rect x=\"0\" y=\"0\" width={size.width} height={size.halfHeight} />\n            </clipPath>\n            <circle r={size.r} cx={size.cx} cy={size.cy} fill={color2} stroke=\"#aaa\" strokeWidth={0.5} clipPath={`clip_${index}`} />\n          </svg>\n        </li>\n      );\n    }\n\n    return (\n      <li className={`column is-narrow is-target-li ${styles.partsWrap}`} key={index.toString()}>\n        <svg className={`is-target-svg ${styles.parts}`} viewBox={`0 0 ${size.width} ${size.width}`} width={size.width} height={size.width}>\n          <circle r={size.r} cx={size.cx} cy={size.cy} fill={color1} stroke=\"#aaa\" strokeWidth={0.5} />\n        </svg>\n      </li>\n    );\n  });\n\n  return (\n    <ul className=\"columns is-mobile is-vcentered is-target-ul\">\n      {liArray}\n    </ul>\n  );\n};\n\nexport default Color;\n","export type ContractType = 'contact_info' | 'personal_info' | 'review_info' | 'provisional_completion';\n\n// 年齢審査条件 18歳以上〜75歳以下（申込時）\nexport const OLDEST_AGE = 75;\nexport const YOUNGEST_AGE = 18;\nexport const MIDDLE_AGE = 40;\n\n// ラジオボタンの表示内容とvalue\nexport const YES_OR_NO = [\n  '有',\n  '無',\n];\nexport const YES_OR_NO_2 = [\n  'はい',\n  'いいえ',\n];\nexport const YES_OR_NO_3 = [\n  '1',\n  '0',\n];\n\n// ラジオボタンの表示内容とvalue（世帯情報）\nexport const HOUSING_TYPE_FAMILY = '2';\nexport const HOUSING_TYPE = [\n  '自己所有（マンション・一戸建て）',\n  '家族所有',\n  '賃貸マンション・借家・アパート',\n  '社宅',\n];\nexport const HOUSING_TYPE_2 = [\n  '1',\n  HOUSING_TYPE_FAMILY,\n  '3',\n  '4',\n];\n\n// ラジオボタンの表示内容とvalue（お勤め先情報）\nexport const OCCUPATION_SELF_EMPLOYED = '自営';\nexport const OCCUPATION_WORKING = 'お勤め';\nexport const OCCUPATION_OTHER = 'その他（専業主婦・学生・年金生活者）';\n\nexport const OCCUPATION_TYPE = [\n  OCCUPATION_SELF_EMPLOYED,\n  OCCUPATION_WORKING,\n  OCCUPATION_OTHER,\n];\nexport const OCCUPATION_TYPE_2 = [\n  '1',\n  '2',\n  '3',\n];\n\nexport const OTHER_INDUSTRY_TYPE = '専業主婦・学生・年金';\n\nexport const INDUSTRY_TYPE = [\n  '公務員',\n  '公的資格者',\n  '一次産業',\n  '鉱業',\n  '土木・建築',\n  '不動産',\n  '金融',\n  '運輸・倉庫',\n  '製造',\n  '卸',\n  '小売',\n  '情報・通信',\n  '旅行・宿泊',\n  'その他サービス',\n  '医療機関',\n  '組合・団体',\n  '施設・機関',\n];\n\nexport const INDUSTRY_TYPE_2: {\n  [\n    key: string\n  ]: string[];\n} = {\n  公務員: ['教員', '警察署', '消防署', '自衛隊', '交通局', '一般行政事務職', '郵便局', 'その他公務'],\n  公的資格者: ['医師', '弁護士', '公認会計士', '税理士', '大学教授', '一級建築士', '不動産鑑定士', '司法書士', 'その他公的'],\n  一次産業: ['農業', '漁業', '林業', '畜産業'],\n  鉱業: ['鉱業'],\n  '土木・建築': ['大工・左官・とび職', '建築・工事', '測量・調査・設計', '塗装', '設備工事', '建設資材'],\n  不動産: ['不動産'],\n  金融: ['銀行・信金・信組', '保険（生命）', '保険（損害）', '保険代理業', '証券', 'クレジット・リース・レンタル', '質屋', 'その他金融'],\n  '運輸・倉庫': ['陸運', '海運', '航空', '鉄道', 'バス', 'タクシー', '倉庫', '梱包・荷造'],\n  製造: ['食品', '繊維・紙・パルプ', '化学', '金属', '電気機器', '輸送用機器', '情報・精密機器', '石油ガス等エネルギー', '印刷', 'その他製造'],\n  卸: ['貿易', '一般卸・問屋', '仲買', '取引所'],\n  小売: ['デパート', 'スーパー', 'コンビニエンスストアー', 'ディスカウントショップ', '一般商店', '訪問販売', '通信販売'],\n  '情報・通信': ['新聞社', '放送', '通信', '出版', '広告', '興信・市場調査', '情報サービス'],\n  '旅行・宿泊': ['旅行業', 'ホテル・旅館', 'レジャー施設'],\n  その他サービス: ['飲食業', '遊技場', '風俗', 'スポーツ施設・健康', '教育', '介護・福祉', '宗教', '美容・理容', '清掃業', '警備', '整備・修理', '人材斡旋', 'その他サービス'],\n  医療機関: ['病院・医院', '治療'],\n  '組合・団体': ['組合・団体'],\n  '施設・機関': ['施設・機関'],\n  [OTHER_INDUSTRY_TYPE]: ['専業主婦', '学生', '年金生活者'],\n};\n\nexport const POSITION = [\n  '会社役員',\n  '正社員（管理職）',\n  '正社員',\n  '派遣社員・契約社員',\n  'アルバイト・パート',\n];\n","/* eslint-disable no-restricted-syntax */\n/* eslint-disable no-restricted-globals */\n/* eslint-disable default-case */\n/* eslint-disable no-shadow */\n/* eslint-disable @typescript-eslint/naming-convention */\n/* eslint-disable @typescript-eslint/no-namespace */\nexport enum MAKER_ID {\n  /** 未選択 */\n  UNSELECTED = -1,\n  /** レクサス */\n  LEXUS = 1,\n  /** トヨタ */\n  TOYOTA = 2,\n  /** 日産 */\n  NISSAN = 3,\n  /** ホンダ */\n  HONDA = 4,\n  /** マツダ */\n  MAZDA = 5,\n  /** スバル */\n  SUBARU = 6,\n  /** スズキ */\n  SUZUKI = 7,\n  /** ダイハツ */\n  DAIHATSU = 8,\n  /** 三菱 */\n  MITSUBISHI = 9,\n}\n\nexport const MAKER_DATA = [\n  {\n    id: MAKER_ID.UNSELECTED,\n    name: '',\n    metaName: '',\n    key: '',\n    isUnselected: true,\n    img: '',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.LEXUS,\n    name: 'レクサス',\n    metaName: 'レクサス(LEXUS)',\n    key: 'lexus',\n    isUnselected: false,\n    img: 'lexus.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.TOYOTA,\n    name: 'トヨタ',\n    metaName: 'トヨタ(TOYOTA)',\n    key: 'toyota',\n    isUnselected: false,\n    img: 'toyota.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.NISSAN,\n    name: '日産',\n    metaName: '日産(ニッサン/NISSAN)',\n    key: 'nissan',\n    isUnselected: false,\n    img: 'nissan.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.HONDA,\n    name: 'ホンダ',\n    metaName: 'ホンダ(HONDA)',\n    key: 'honda',\n    isUnselected: false,\n    img: 'honda.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.MAZDA,\n    name: 'マツダ',\n    metaName: 'マツダ(MAZDA)',\n    key: 'mazda',\n    isUnselected: false,\n    img: 'mazda.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.SUBARU,\n    name: 'スバル',\n    metaName: 'スバル(SUBARU)',\n    key: 'subaru',\n    isUnselected: false,\n    img: 'subaru.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.SUZUKI,\n    name: 'スズキ',\n    metaName: 'スズキ(SUZUKI)',\n    key: 'suzuki',\n    isUnselected: false,\n    img: 'suzuki.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.DAIHATSU,\n    name: 'ダイハツ',\n    metaName: 'ダイハツ(DAIHATSU)',\n    key: 'daihatsu',\n    isUnselected: false,\n    img: 'daihatsu.png',\n    count: 0,\n  },\n  {\n    id: MAKER_ID.MITSUBISHI,\n    name: '三菱',\n    metaName: '三菱(ミツビシ/MITSUBISHI)',\n    key: 'mitsubishi',\n    isUnselected: false,\n    img: 'mitsubishi.png',\n    count: 0,\n  },\n];\n\n// 内部関数idでデータ探索\nconst makerDataFind = (id: MAKER_ID): number => {\n  const target = MAKER_DATA.findIndex((data) => (data.id === id));\n  if (target >= 0) {\n    return target;\n  }\n  throw new Error('Invalid value');\n};\n\n// メーカー名\nexport const MAKER_NAME = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].name;\n\n// メーカー名\nexport const MAKER_META_NAME = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].metaName;\n\n// ID → KEY\nexport const MAKER_ID_TO_KEY = (id: MAKER_ID): string => MAKER_DATA[makerDataFind(id)].key;\n\n// KEY → ID\nexport const MAKER_KEY_TO_ID = (key: string): MAKER_ID => {\n  const target = MAKER_DATA.find((data) => (data.key === key));\n  if (target) {\n    return target.id;\n  }\n  throw new Error('Invalid value');\n};\n","import { useStaticQuery, graphql } from 'gatsby';\nimport { searchCarStore } from '@/newcar/core/store/searchCarStore';\n\nexport const setAllList = (): void => {\n  const data = useStaticQuery<GatsbyTypes.allNewCarDetailAndDigestQuery>(graphql`\n  query allNewCarDetailAndDigest {\n    allCarDetail {\n      nodes {\n        bodyColorInfo {\n          bodyColorName\n          colorCode1\n          colorCode2\n          id\n        }\n        id\n        optionFees {\n          id\n          leasingFee108\n          leasingFee12\n          leasingFee120\n          leasingFee132\n          leasingFee24\n          leasingFee36\n          leasingFee48\n          leasingFee60\n          leasingFee72\n          leasingFee84\n          leasingFee96\n          supportFee108\n          supportFee12\n          supportFee120\n          supportFee132\n          supportFee24\n          supportFee36\n          supportFee48\n          supportFee60\n          supportFee72\n          supportFee84\n          supportFee96\n        }\n        optionInfo {\n          description\n          id\n          name\n          optionType\n        }\n        vehicleTypes {\n          caption1\n          caption2\n          caption3\n          captionImageUrl1\n          captionImageUrl2\n          captionImageUrl3\n          id\n          masterNumber\n          photos {\n            category\n            imageUrl\n            order\n          }\n          point1\n          point2\n          point3\n          review\n          summary\n          vehicleGrades {\n            automaticBrake\n            bodyColors {\n              bodyColorInfoId\n              id\n              optionFeeId\n            }\n            capacity\n            cruiseControl\n            displacement\n            engine\n            id\n            keylessEntry\n            kudou\n            laneDepartureAlert\n            leasingFee108\n            leasingFee12\n            leasingFee120\n            leasingFee132\n            leasingFee24\n            leasingFee36\n            leasingFee48\n            leasingFee60\n            leasingFee72\n            leasingFee84\n            leasingFee96\n            mission\n            name\n            numDoors\n            onlineDiscountFee108\n            onlineDiscountFee12\n            onlineDiscountFee120\n            onlineDiscountFee132\n            onlineDiscountFee24\n            onlineDiscountFee36\n            onlineDiscountFee48\n            onlineDiscountFee60\n            onlineDiscountFee72\n            onlineDiscountFee84\n            onlineDiscountFee96\n            options {\n              id\n              isStandard\n              optionFeeId\n              optionInfoId\n            }\n            orderName\n            pedalSupport\n            powerSlideDoor\n            smartKey\n            supportFee108\n            supportFee12\n            supportFee120\n            supportFee132\n            supportFee24\n            supportFee36\n            supportFee48\n            supportFee60\n            supportFee72\n            supportFee84\n            supportFee96\n            freeTransferDiffLeasingFeeTaxed12\n            freeTransferDiffLeasingFeeTaxed24\n            freeTransferDiffLeasingFeeTaxed36\n            freeTransferDiffLeasingFeeTaxed48\n            freeTransferDiffLeasingFeeTaxed60\n            freeTransferDiffLeasingFeeTaxed72\n            freeTransferDiffLeasingFeeTaxed84\n            freeTransferDiffLeasingFeeTaxed96\n            freeTransferDiffLeasingFeeTaxed108\n            freeTransferDiffLeasingFeeTaxed120\n            freeTransferDiffLeasingFeeTaxed132\n          }\n        }\n      }\n    }\n    allCarDigest {\n      nodes {\n        masterNumber\n        id__normalized\n        name\n        makerId\n        publishStatus\n        bodyType\n        isMiniCar\n        isHatchBack\n        maintenanceType\n        popularityScore\n        wltc\n        jc08\n        supocar\n        makerSiteUrl\n        titleName\n        descriptionName\n        wordpressName\n        minPrice\n        taxedMinPrice11\n        taxedMinPrice10\n        taxedMinPrice9\n        taxedMinPrice8\n        taxedMinPrice7\n        taxedMinPrice6\n        taxedMinPrice5\n        taxedMinPrice4\n        taxedMinPrice3\n        taxedMinPrice2\n        taxedMinPrice1\n        minVehiclePrice\n        has4SeatOrLess\n        has5Seat\n        has6Seat\n        has7Seat\n        has8SeatOrMore\n        hasMT\n        has4WD\n        hasHybrid\n        hasPowerSlideDoor\n        hasKeylessEntry\n        hasSmartKey\n        hasCruiseControl\n        hasAutomaticBrake\n        hasPedalSupport\n        hasLaneDepartureAlert\n        bodyColors\n        thumbnailUrl\n        isCriteoTarget\n        hasWantCar\n      }\n    }\n  }\n  `);\n\n  searchCarStore.setAllList([data.allCarDigest.nodes, data.allCarDetail.nodes[0]]);\n};\n","// extracted by mini-css-extract-plugin\nexport const partsWrap = \"Color-module--parts-wrap--3Y_bs\";\nexport const parts = \"Color-module--parts--3TMTR\";","export default __webpack_public_path__ + \"static/bnr-google-point-c67aa8a1d4ab6b02747393f8452576f9.avif\";","export default __webpack_public_path__ + \"static/bnr-google-point-873d9136126da2d41f715bda4e40fc20.png\";","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzkxMTggMTkuNDAwMkMxLjExNjAyIDE5LjQwMDEgMC44NDcwMDggMTkuMzE4NCAwLjYxODI0NiAxOS4xNjU1QzAuMzg5NDg0IDE5LjAxMjYgMC4yMTEyMTQgMTguNzk1MyAwLjEwNTkyNiAxOC41NDExQzAuMDAwNjM3MTM1IDE4LjI4NjggLTAuMDI2OTQ5NiAxOC4wMDcxIDAuMDI2NzA2MiAxNy43MzcyQzAuMDgwMzYxOSAxNy40NjczIDAuMjEyODkgMTcuMjE5NCAwLjQwNzQxNCAxNy4wMjQ4TDcuNzQzMDUgOS42ODkxM0wwLjQwNzQxNCAyLjM1MzQ1QzAuMTU2MDQgMi4wOTA2IDAuMDE3NTE3OCAxLjczOTc5IDAuMDIxNTc2MiAxLjM3NjExQzAuMDI1NjM0NiAxLjAxMjQyIDAuMTcxOTM0IDAuNjY0Nzc5IDAuNDI5MTExIDAuNDA3NjAxQzAuNjg2Mjg5IDAuMTUwNDIzIDEuMDMzODkgMC4wMDQxNDUxNSAxLjM5NzU3IDguNjc0NDFlLTA1QzEuNzYxMjYgLTAuMDAzOTcxNjcgMi4xMTIxIDAuMTM0NTE5IDIuMzc0OTUgMC4zODU4OTNMMTEuNjc5NiA5LjY5MDVMMi4zNzQ5NSAxOC45OTUxQzIuMjQ1NjkgMTkuMTI0IDIuMDkyMjUgMTkuMjI2MiAxLjkyMzQzIDE5LjI5NTdDMS43NTQ2MiAxOS4zNjUyIDEuNTczNzUgMTkuNDAwNyAxLjM5MTE4IDE5LjQwMDJaIiBmaWxsPSIjQThBOEE4Ii8+Cjwvc3ZnPgo=\""],"sourceRoot":""}