@charset "UTF-8";#mainContents .balloon{position:fixed;width:245px;right:10px;bottom:190px;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transform:translateY(440px);-ms-transform:translateY(440px);-webkit-transform:translateY(440px);transform:translateY(440px)}#mainContents .balloon.on{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#mainContents .balloon .balloon-main{display:block}#mainContents .balloon .balloon-main:hover{opacity:.8}#mainContents .balloon .balloon-close{display:block;position:absolute;top:-25px;right:0}@media only screen and (max-width:640px){#mainContents .balloon{display:none}}body.modal-open #mainContents{position:static}body.modal-open .coccoapo-modal{overflow-x:hidden;overflow-y:auto}#matching-modal{z-index:-1}body.modal-open #matching-modal{z-index:1050}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;background-color:#000}.modal-backdrop.fade{opacity:0;-moz-transition-duration:.15s;-o-transition-duration:.15s;-webkit-transition-duration:.15s;transition-duration:.15s;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity}.modal-backdrop.fade.in{opacity:.5}.coccoapo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.coccoapo-modal.fade{opacity:0;-moz-transition-duration:.15s;-o-transition-duration:.15s;-webkit-transition-duration:.15s;transition-duration:.15s;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity}.coccoapo-modal.fade.in{opacity:1}.coccoapo-modal .modal-dialog{width:900px;height:560px;background:#f2f2f2;margin:50px auto;position:relative;box-shadow:0 0 5px rgba(0,0,0,.6)}.coccoapo-modal .modal-dialog .modal-close{position:absolute;top:10px;right:10px}.coccoapo-modal .modal-dialog .modal-close:hover{opacity:.8}#matching-cube-heading{margin-bottom:30px}#matching-cube{width:900px;margin:0 auto;padding:0 20px 20px;box-sizing:border-box;overflow:hidden}#matching-cube a{text-decoration:none;color:#533277}#matching-cube .cube-sec{width:560px;float:left}#matching-cube .cube-sec .cube-main{width:560px;height:540px;margin:0 auto;position:relative;z-index:0;overflow:hidden}#matching-cube .cube-sec .cube-main.full-width{overflow:visible}#matching-cube .cube-sec .cube-main .panel{display:none;width:560px;height:540px;position:absolute;left:0;top:0;z-index:0}#matching-cube .cube-sec .cube-main .panel.current{z-index:2!important}#matching-cube .cube-sec .cube-main .panel.next{z-index:1!important}#matching-cube .cube-sec .cube-main .panel.init-img{position:relative;z-index:0}#matching-cube .cube-sec .cube-main .panel.init-img a{display:block;line-height:0}#matching-cube .cube-sec .cube-main .panel.init-img a:hover{opacity:1}#matching-cube .cube-sec .cube-main .panel.init-img a:hover img{opacity:1}#matching-cube .cube-sec .cube-main .panel.second-anim{width:900px;height:540px;background:#fff;margin-top:30px}#matching-cube .cube-sec .cube-main .panel.second-anim .anim-wrap{line-height:0;display:none}#matching-cube .cube-sec .cube-main .panel.second-anim .anim-wrap img{width:605px}#matching-cube .cube-sec .cube-main .panel.chart-result,#matching-cube .cube-sec .cube-main .panel.text-result{width:900px;height:560px;background:#fff;margin:0 -20px}#matching-cube .cube-sec .cube-main .main-carousel{position:relative;z-index:0}#matching-cube .cube-sec .cube-main .main-carousel .open-anim{position:absolute;top:0;left:0;width:560px;height:540px;z-index:1}#matching-cube .cube-sec .cube-main .main-carousel .open-anim .oa-left,#matching-cube .cube-sec .cube-main .main-carousel .open-anim .oa-right{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-moz-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#matching-cube .cube-sec .cube-main .main-carousel .open-anim .oa-left{position:absolute;top:50px;left:0;width:280px;height:490px;background:url(/ph/coccoapo/img/index_bg_silver.png) repeat}#matching-cube .cube-sec .cube-main .main-carousel .open-anim .oa-right{position:absolute;top:50px;right:0;width:280px;height:490px;background:url(/ph/coccoapo/img/index_bg_silver.png) repeat;background-position:-280px 0}#matching-cube .cube-sec .cube-main .main-carousel.current .open-anim .oa-left{-moz-transform:translate3d(-500px,0,0);-webkit-transform:translate3d(-500px,0,0);transform:translate3d(-500px,0,0)}#matching-cube .cube-sec .cube-main .main-carousel.current .open-anim .oa-right{-moz-transform:translate3d(500px,0,0);-webkit-transform:translate3d(500px,0,0);transform:translate3d(500px,0,0)}#matching-cube .cube-sec .cube-main .main-carousel .c-cont{width:560px;float:left;position:relative;z-index:0;padding-top:57px;height:483px}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.bg-0 .q-boxes{background:url(/ph/coccoapo/img/mc_new_2101/bg_cont_0.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.bg-1 .q-boxes{background:url(/ph/coccoapo/img/mc_new_2101/bg_cont_1.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.bg-2 .q-boxes{background:url(/ph/coccoapo/img/mc_new_2101/bg_cont_2.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.bg-3 .q-boxes{background:url(/ph/coccoapo/img/mc_new_2101/bg_cont_3.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.q-cont .q-boxes{width:560px;height:483px;padding:0 56px;box-sizing:border-box;display:flex;align-items:center}#matching-cube .cube-sec .cube-main .main-carousel .c-cont.q-cont .q-boxes-inner{width:100%;box-sizing:border-box}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading{position:absolute;width:0;height:0;padding:33px 0 0 336px;overflow:hidden;top:12px;left:0;background:url(/ph/coccoapo/img/mc_new_2101/q_heading.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading-sub{position:absolute;width:0;height:0;overflow:hidden;top:12px;right:0}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading-sub.qhs-1{padding:31px 0 0 166px;background:url(/ph/coccoapo/img/mc_new_2101/q_heading_sub_1.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading-sub.qhs-2{padding:31px 0 0 166px;background:url(/ph/coccoapo/img/mc_new_2101/q_heading_sub_2.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading-sub.qhs-3{padding:31px 0 0 166px;background:url(/ph/coccoapo/img/mc_new_2101/q_heading_sub_3.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .q-heading-sub.qhs-4{padding:31px 0 0 166px;background:url(/ph/coccoapo/img/mc_new_2101/q_heading_sub_4.png) no-repeat}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .btn-goresult{position:absolute;top:95px;left:20px}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .btn-goresult:hover{opacity:.8}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .obj-goresult{position:absolute;bottom:0;right:0}#matching-cube .cube-sec .cube-main .main-carousel .c-cont .c-last-txt{position:absolute;width:382px;text-align:center;top:380px;left:40px;color:#000;line-height:1.5;font-size:15px;font-weight:700}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box{margin:0 0 30px;width:100%}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box:last-child{margin:0}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .p-ttl{display:flex;margin-bottom:5px}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .p-ttl .ttl-label{width:48px;background:#433787;text-align:center;color:#fff;font-size:17px;font-weight:700;padding:3px 0}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .p-ttl .ttl-value{width:calc(100% - 48px);color:#433787;background:linear-gradient(to right,#fff,#fff 50%,rgba(255,255,255,0) 100%);font-size:17px;font-weight:700;padding:3px 10px}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .buttons{display:flex;flex-wrap:wrap;font-size:0;margin:0 -3px}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .buttons>a{display:block;font-size:14px;font-weight:700;color:#000;flex:1;text-align:center;background:linear-gradient(to bottom,#ededed,#d0d0d0);margin:0 3px 5px;padding:4px 0;box-shadow:2px 2px 1px rgba(0,0,0,.5),0 0 2px rgba(255,255,255,.9) inset;border-radius:21px;border:2px solid #dbdbdb}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .buttons>a.current,#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box .buttons>a:hover{background:linear-gradient(to bottom,#fff,#ededed)}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box a.sbtn{flex:0 0 auto;width:calc(20% - 10px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:2px 0;line-height:1}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box a.sbtn .small{font-size:9px;display:block;width:100%}#matching-cube .cube-sec .cube-main .main-carousel .q-cont .q-box a.multi{flex:0 0 auto;width:calc(50% - 10px)}#matching-cube .cube-sec .cube-main .text-result{position:relative;z-index:0}#matching-cube .cube-sec .cube-main .text-result .open-anim{position:absolute;top:0;left:0;width:1000px;height:460px;z-index:1}#matching-cube .cube-sec .cube-main .text-result .open-anim .oa-bottom,#matching-cube .cube-sec .cube-main .text-result .open-anim .oa-top{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}#matching-cube .cube-sec .cube-main .text-result .open-anim .oa-top{-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-webkit-transform-origin:bottom left;transform-origin:bottom left;position:absolute;top:0;left:-250px;width:1500px;height:230px;background:#fff}#matching-cube .cube-sec .cube-main .text-result .open-anim .oa-bottom{-moz-transform-origin:top right;-ms-transform-origin:top right;-webkit-transform-origin:top right;transform-origin:top right;position:absolute;bottom:0;left:-250px;width:1500px;height:230px;background:#fff}#matching-cube .cube-sec .cube-main .text-result.current .open-anim .oa-top{-moz-transform:translate3d(0,-400px,0);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#matching-cube .cube-sec .cube-main .text-result.current .open-anim .oa-bottom{-moz-transform:translate3d(0,400px,0);-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#matching-cube .cube-sec .cube-main .text-result .t-result{line-height:0;display:none;position:relative;z-index:0}#matching-cube .cube-sec .cube-main .text-result .t-result .t-res-txt{position:absolute;width:330px;top:180px;right:25px;font-size:12px;line-height:19px;color:#fff}#matching-cube .cube-sec .cube-main .text-result .btn-next{position:absolute;display:block;width:160px;top:400px;right:100px}#matching-cube .cube-sec .cube-main .chart-result .c-result{display:none;position:relative;z-index:0;width:900px;height:560px}#matching-cube .cube-sec .cube-main .chart-result .c-result.c-result-red{background:url(/ph/coccoapo/img/mc_new_2212/bg_result_red.png?202303) no-repeat center center}#matching-cube .cube-sec .cube-main .chart-result .c-result.c-result-pink{background:url(/ph/coccoapo/img/mc_new_2212/bg_result_pink.png?202303) no-repeat center center}#matching-cube .cube-sec .cube-main .chart-result .c-result.c-result-orange{background:url(/ph/coccoapo/img/mc_new_2212/bg_result_orange.png?202303) no-repeat center center}#matching-cube .cube-sec .cube-main .chart-result .c-result.c-result-blue{background:url(/ph/coccoapo/img/mc_new_2212/bg_result_blue.png?202303) no-repeat center center}#matching-cube .cube-sec .cube-main .chart-result .c-result .label-left{position:absolute;color:#fff;font-family:serif;font-size:20px;font-weight:700;top:50px;left:260px}#matching-cube .cube-sec .cube-main .chart-result .c-result .label-right{position:absolute;color:#fff;font-family:serif;font-size:20px;font-weight:700;top:50px;left:670px}#matching-cube .cube-sec .cube-main .chart-result .c-result .result-banner{position:absolute;top:85px;left:35px}#matching-cube .cube-sec .cube-main .chart-result .c-result .room-banner{position:absolute;top:400px;left:40px}#matching-cube .cube-sec .cube-main .chart-result .c-result .room-banner a{display:block}#matching-cube .cube-sec .cube-main .chart-result .c-result .room-banner a:hover{opacity:.8}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-item{position:absolute;left:15px;top:495px}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-item a{display:block}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-item a:hover{opacity:.8}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-top{position:absolute;right:11px;top:495px}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-top a{display:block}#matching-cube .cube-sec .cube-main .chart-result .c-result .button-top a:hover{opacity:.8}#matching-cube .cube-sec .cube-main .item-result .i-result{line-height:0;display:none;position:relative;z-index:0}#matching-cube .cube-sec .cube-main .item-result .i-result .btn-viewdetail{position:absolute;display:block;width:145px;top:200px;right:50px}#matching-cube .cube-sec .cube-main .item-result .i-result .i-res-txt{position:absolute;width:200px;top:160px;left:40px;color:#fff;text-align:center;font-size:15px;line-height:1.4}#matching-cube .cube-sec .cube-main .item-result .btn-retry{position:absolute;display:block;width:120px;top:410px;right:50px}#matching-cube .cube-sec .cube-main .chart-result #cobweb-chart{position:absolute;width:170px;height:170px;top:156px;left:634px}#matching-cube .cube-sec .cube-main .chart-result #cobweb-chart>svg{transform:scale(1.2,1.2)}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt{position:absolute;color:#3c0057;font-size:15px;font-weight:700;line-height:1.25}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-0{top:115px;left:690px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-1{top:150px;left:790px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-2{top:224px;left:830px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-3{top:310px;left:790px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-4{top:350px;left:690px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-5{top:310px;left:610px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-6{top:232px;left:560px}#matching-cube .cube-sec .cube-main .chart-result .cobweb-txt.ct-7{top:150px;left:610px}#matching-cube .cube-sec .cube-main .chart-result .btn-backtrend{position:absolute;display:block;width:165px;top:410px;right:210px}#matching-cube .cube-sec .cube-main .chart-result .btn-viewitem{position:absolute;display:block;width:165px;top:410px;right:20px}#matching-cube .cube-sec .cube-main .chart-result .img-result{position:absolute;display:block;width:290px;top:400px;left:15px;line-height:0}#matching-cube .list-sec{width:280px;float:right;margin-left:20px}#matching-cube .list-sec .list-inner{width:280px;margin:0 auto}#matching-cube .list-sec .list-inner .play-users{margin-bottom:10px;padding:5px 0 10px;color:#fff;text-align:center}#matching-cube .list-sec .list-inner .play-users .pu-ttl{margin-top:0;font-size:18px;margin-bottom:5px;line-height:16px;color:#3b0055;font-weight:700}#matching-cube .list-sec .list-inner .play-users .pu-box{width:280px;margin:10px auto 0 auto;padding:10px 0;line-height:20px;background:#3b0055;color:#fff}#matching-cube .list-sec .list-inner .play-users .pu-box span{display:inline-block;font-size:15px}#matching-cube .list-sec .list-inner .play-users .pu-box .number{color:#fff;width:158px;font-size:24px;font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif;font-weight:700}#matching-cube .list-sec .list-inner .check-memo{padding-top:56px}#matching-cube .list-sec .list-inner .check-memo .question-list{height:485px;padding:60px 34px 0;background:url(/ph/coccoapo/img/mc_new_2101/bg_question_list.png) no-repeat;box-sizing:border-box;box-shadow:2px 2px 8px rgba(0,0,0,.5)}#matching-cube .list-sec .list-inner .check-memo .question-list .q-list-inner{display:flex;align-items:center;line-height:1.1}#matching-cube .list-sec .list-inner .check-memo .question-list .q-list-inner .list-label{font-size:14px;font-weight:700;color:#433787;width:40px;text-align:center}#matching-cube .list-sec .list-inner .check-memo .question-list .q-list-inner .list-value{font-size:0;width:calc(100% - 40px)}#matching-cube .list-sec .list-inner .check-memo .question-list .q-list-inner .list-value .question{font-size:9px;font-weight:700;color:#433787}#matching-cube .list-sec .list-inner .check-memo .question-list .q-list-inner .list-value .answers{font-size:12px;font-weight:700}#matching-cube .list-sec .list-inner .check-memo .question-list .ql{display:none;border-bottom:1px dotted #999;padding-bottom:4px;margin-bottom:4px}#matching-cube .list-sec .list-inner .check-memo .question-list .ql:last-child{border:0}#matching-cube .list-sec .list-inner .check-memo .question-list .ql a{display:block;cursor:pointer;overflow:hidden;color:#000}#matching-cube .list-sec .list-inner .check-memo .question-list .ql .at{display:none}#matching-cube .list-sec .list-inner .check-memo .question-list .ql .at.small{font-size:11px}#matching-cube-shadow{width:950px;margin:0 auto}.cube-main p{margin-top:0}.cube-main .list>li{font-size:11px;font-size:1.1rem;line-height:1.2}#matching-cube figure{position:relative}#matching-cube figure::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}#matching-cube figure:hover::before{-webkit-animation:shine 1s;animation:shine 1s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.result-bottom-banner{position:absolute;top:456px;left:115px}.result-bottom-banner a:hover{opacity:.6}.banner-top-anan a:hover{opacity:.6}@media only screen and (max-width:640px){#brandSiteFooter{height:auto}body.btm-banner{padding-bottom:15.6%}body.btm-banner .pageTop>a{padding-bottom:15%}#bnTryBtm{display:none}body.btm-banner #bnTryBtm{display:block}#bnTryBtm{position:fixed;left:0;bottom:0;width:100%;z-index:10000}}