br{letter-spacing:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-weight:normal}html{overflow-x:hidden;height:100%;font-size:10px}body{background:#fff;font-weight:500;font-style:normal;width:100%;line-height:1;color:#000;letter-spacing:0;-webkit-text-size-adjust:none;position:relative;font-size:17px;font-family:'メイリオ','Meiryo','Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif}*::-ms-backdrop,body{background-attachment:scroll}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ul li{list-style:none}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img,picture{font-size:0;width:100%;line-height:0;display:block}input[type='submit']{-webkit-appearance:none !important}html,body,header,footer,main,section,div,p,span,h1,h2,h3,h4,h5,h6,ul,li,a,dl,dt,dd{box-sizing:border-box;position:relative}input,textarea,select,option,button{box-sizing:border-box}.br-pc{display:inline}.br-sp{display:none}a{text-decoration:none;transition:.3s}#test{position:fixed;top:0;left:0;background:#fff;z-index:999}.fonts{font-family:akabara-cinderella, sans-serif;font-weight:400;font-style:normal}.effect{opacity:0;transition:.75s;position:relative;top:40px}.effect.animate{opacity:1;top:0}#pageLoader{background:#fff;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#pageLoader .loadNum{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);color:#8cc63f}#pageLoader #gauge{background:linear-gradient(to left, #a6d35f 0%, #4c9e48 100%);height:5px;width:0%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}header{background:url("../img/header-bg-pc.jpg") center no-repeat;position:relative;padding:90px 0 140px;font-size:0;z-index:0}header:after{content:url("../img/header-bg-pc.svg");width:101%;position:absolute;bottom:-1px;left:50%;z-index:1;transform:translateX(-50%);display:block}header h1{width:486px;margin:0 auto}#audioBtn{position:fixed;top:30px;right:30px;z-index:2;display:none;cursor:pointer}#audioBtn .audioToggle{background:#fff;border-radius:120px;border:1px solid #aaa;position:relative;height:calc(36px + 2px);width:72px}#audioBtn .audioToggle:before{content:'ON';position:absolute;top:50%;left:5px;font-weight:bold;transform:scaleX(0.85) translateY(-50%);color:#999;font-size:14px}#audioBtn .audioToggle .marker{background:#8cc63f;width:36px;height:36px;border-radius:100%;position:absolute;top:0;right:0;transition:.3s}#audioBtn .audioToggle .marker:before{content:url("../img/icon_sound-w.svg");width:20px;display:block;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%)}#audioBtn .audioToggle.active:before{content:'OFF';left:auto;right:5px}#audioBtn .audioToggle.active .marker{right:calc(100% - 36px);background:#d40000}#audioBtn .audioToggle.active .marker:before{content:url("../img/icon_sound-w_of.svg")}@keyframes loading-rotate{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(-360deg)}}main{position:relative;z-index:1}main section .inner{width:90%;max-width:1000px;margin:0 auto}main section .inner.fullsize{width:100%;max-width:none;z-index:1}main section#viewerArea{margin:0 0 60px}main section#viewerArea #controllExp{background:#fff;padding:25px 20px;transition:.75s;position:absolute;top:50%;left:-160px;z-index:1;transform:translateY(-50%);box-shadow:0 0 5px rgba(0,0,0,0.4);border-radius:0 15px 15px 0}main section#viewerArea #controllExp.active{left:0}main section#viewerArea #controllExp .controll-pc{display:block}main section#viewerArea #controllExp .controll-pc li{text-align:center;margin:0 0 15px;padding:0 10px 15px;border-bottom:1px solid #bbb}main section#viewerArea #controllExp .controll-pc li picture{width:80px;margin:0 auto 10px}main section#viewerArea #controllExp .controll-pc li p{font-size:14px}main section#viewerArea #controllExp .controll-pc li p span{font-size:12px;display:block;margin:0 0 5px}main section#viewerArea #controllExp .controll-pc li:last-child{margin-bottom:0;border:none;padding-bottom:0}main section#viewerArea #controllExp-sp{display:none}main section#viewerArea #controllExp-sp .ce_inner{width:90%;margin:3vw auto 0;display:block;background:#fff;padding:2.3vw 1.85vw;transition:.75s;position:relative;top:0;left:0;z-index:1;transform:none;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,0.4);border-radius:15px}main section#viewerArea #controllExp-sp .ce_inner .controll-pc{display:flex;justify-content:space-around}main section#viewerArea #controllExp-sp .ce_inner .controll-pc li{width:calc(100% / 3);text-align:center;margin:0 0 1.5vw;padding:0 1vw 1.5vw;border-bottom:none;border-right:1px solid #bbb}main section#viewerArea #controllExp-sp .ce_inner .controll-pc li picture{width:10vw;margin:0 auto 2vw}main section#viewerArea #controllExp-sp .ce_inner .controll-pc li p{font-size:14px}main section#viewerArea #controllExp-sp .ce_inner .controll-pc li p span{font-size:12px;display:block;margin:0 0 5px}main section#viewerArea #controllExp-sp .ce_inner .controll-pc li:last-child{margin-bottom:0;border:none;padding-bottom:0}main section#viewerArea #viewerTitle{color:#42210b;z-index:2;width:470px;height:410px;padding:80px 0 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:absolute;top:0;left:60px;transform:translateY(-50%)}main section#viewerArea #viewerTitle p{font-size:30px;margin:0 0 20px}main section#viewerArea #viewerTitle h2{font-size:80px}main section#viewerArea #viewerControls{width:100%;max-width:1200px;height:700px;margin:0 auto;position:relative;z-index:0}main section#viewerArea #viewerControls:after{content:'';background:rgba(255,255,255,0);position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:block}main section#viewerArea #viewerControls.active:after{display:none}main section#viewerArea #viewerControls .loading{background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}main section#viewerArea #viewerControls .loading:after{content:'Loading...';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#4c9e48}main section#viewerArea #viewerControls .loading picture{width:160px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}main section#viewerArea #viewerControls .loading picture img{display:block;position:relative;animation:loading-rotate 1s infinite linear}main section#viewerArea #viewerControls #fullsizeBtn{position:absolute;bottom:0;right:0;z-index:3}main section#viewerArea #viewerControls #fullsizeBtn .btn{background:url("../img/icon_fullSizeOn.svg");width:35px;height:35px;cursor:pointer;transition:.3s}main section#viewerArea #viewerControls #fullsizeBtn .btn:hover{transform:scale(1.2)}main section#viewerArea #viewerControls #fullsizeBtn.active{bottom:30px;right:30px}main section#viewerArea #viewerControls #fullsizeBtn p{position:absolute;top:0;left:50%;white-space:nowrap;padding:10px;transform:translate(-50%, -100%);font-size:14px}main section#viewerArea #viewerControls #vController{background:#a6d35f;color:#fff;font-size:24px;padding:10px 40px;border-radius:10px;position:absolute;bottom:1px;left:50%;transform:translateX(-50%);z-index:2;letter-spacing:.1em;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}main section#viewerArea #viewerControls #vController:before{content:url("../img/icon_3D.svg");display:block;width:28px;position:relative;top:2px;margin:0 10px 0 0}main section#viewerArea #viewerControls #vController:hover{background:#608419}main section#viewerArea #viewerControls #vController.active{background:#d40000}main section#viewerArea #viewerControls #startChk{background:rgba(255,255,255,0.75);width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:3}main section#viewerArea #viewerControls #startChk .set{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.4);border-radius:15px;width:70%;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#42210b}main section#viewerArea #viewerControls #startChk .set .text{margin:0 auto 15px;font-size:15px;line-height:1.5}main section#viewerArea #viewerControls #startChk .set .enter{background:linear-gradient(to bottom, #a6d35f 0%, #4c9e48 100%);border-radius:10px;color:#fff;cursor:pointer;letter-spacing:.1em;display:inline-block;padding:10px 50px;transition:.3s}main section#viewerArea #viewerControls #startChk .set .enter:hover{background:linear-gradient(to bottom, #a6d35f 0%, #a6d35f 100%)}main section#viewerArea #viewerControls #canvas_vr{cursor:-webkit-grab;cursor:grab;width:100%;height:100%;opacity:0}main section#viewerArea .moreBtn{width:52px;position:relative;margin:40px auto 0}main section#viewerArea .titleBackground{background:rgba(255,255,255,0.4);border-radius:100%;width:470px;height:410px;position:absolute;top:0;left:60px;transform:translateY(-50%);z-index:0}main section#viewerArea .titleBackground:before{content:'';background:rgba(255,255,255,0.8);display:block;width:93%;height:93%;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}main section#viewerArea.fullscreen #viewerControls{background:#fff;position:fixed;top:0;left:0;padding-top:0;width:100%;max-width:none;height:100%}main section#viewerArea.fullscreen #viewerControls #vController{display:none}main section#viewerArea.fullscreen #viewerTitle,main section#viewerArea.fullscreen .moreBtn,main section#viewerArea.fullscreen #viewerControls:after{display:none !important}main section#detailArea{background:url("../img/leaf-pc.png") bottom center no-repeat;padding:0 0 110px}main section#detailArea:after{content:'';background:rgba(0,0,0,0.6);width:100%;height:20px;position:absolute;bottom:0;left:0}main section#detailArea .details{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.4);padding:60px;border-radius:20px}main section#detailArea .details h2{font-size:30px;font-weight:bold;padding:0 0 30px;border-bottom:1px solid #603813;margin:0 0 4px}main section#detailArea .details .text{border-top:1px solid #603813;line-height:2.35;padding:55px 20px}main section#detailArea .details .gallery{display:flex;justify-content:space-between;align-items:flex-start;padding:0 20px}main section#detailArea .details .gallery li{width:390px}main section#detailArea .details .gallery li a{width:100%;overflow:hidden;display:block}main section#detailArea .details .gallery li a img{transition:.3s}main section#detailArea .details .gallery li a:hover img{transform:scale(1.1)}main section#cocoarArea .title{background:#000;width:100%;padding:60px 0;display:flex;justify-content:center;align-items:center}main section#cocoarArea .title h2{font-size:70px;color:#fff;letter-spacing:.1em;margin:0 30px 0 0}main section#cocoarArea .title h2 span{color:#8cc63f}main section#cocoarArea .title picture{width:230px}main section#cocoarArea #cocoarIntro{padding:70px 0}main section#cocoarArea #cocoarIntro .text{text-align:center;line-height:2.35;margin:0 0 50px}main section#cocoarArea #cocoarIntro .list{display:flex;justify-content:space-around;align-items:stretch}main section#cocoarArea #cocoarIntro .list li{width:390px}main section#cocoarArea #cocoarIntro .list li picture{display:block;border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,0.4);overflow:hidden;margin:0 0 20px}main section#cocoarArea #cocoarIntro .list li p{text-align:center}main section#cocoarArea #cocoarDl{background:#8cc63f;padding:80px 0}main section#cocoarArea #cocoarDl section{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.4);padding:60px;border-radius:20px;margin:0 0 60px}main section#cocoarArea #cocoarDl section:last-child{margin-bottom:0}main section#cocoarArea #cocoarDl section h2{font-size:30px;font-weight:bold;padding:0 0 30px;border-bottom:1px solid #603813;margin:0 0 4px}main section#cocoarArea #cocoarDl section h2 .cocoar{position:relative;font-weight:bold}main section#cocoarArea #cocoarDl section h2 .cocoar:before{content:'ココアル';font-size:15px;display:inline-block;width:100%;text-align:center;position:absolute;top:0;transform:translateY(-100%)}main section#cocoarArea #cocoarDl section .contentDetails{border-top:1px solid #603813;line-height:2.35;padding:55px 0 0}main section#cocoarArea #cocoarDl section#cocoarExp01 .list{display:flex;justify-content:space-around;align-items:stretch;width:90%;max-width:590px;margin:0 auto 30px}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li{position:relative;text-align:center}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li picture{width:98px;margin:0 auto 20px}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:after{content:url("../img/icon_arrow01.svg");display:block;width:32px;position:absolute;top:40%;right:-50%;transform:translate(-50%, -50%)}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child picture{width:144px}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child:after{right:-45%}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:last-child:after{content:'';display:none}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li p{line-height:1.65}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink{width:90%;max-width:590px;margin:0 auto}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a{background:#8cc63f;color:#fff;padding:15px 0 20px;line-height:1;display:flex;justify-content:center;align-items:center;border-radius:15px;font-size:30px;text-align:center;letter-spacing:.1em}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a:before{content:url("../img/icon_fileDL.svg");width:24px;display:inline-block;font-size:0;position:relative;top:2px;margin:0 20px}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a:hover{background:#608419}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails{display:flex;justify-content:space-between;align-items:stretch;padding-top:40px}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left{width:60%}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .text{margin:0 0 50px}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list{display:flex;justify-content:center;align-items:stretch}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a{display:block;margin:0 0 30px}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:last-child{margin-bottom:0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:hover{opacity:.65}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li picture{width:190px;margin:0 60px 0 0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li:first-child picture{width:160px}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right{width:40%}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right picture{width:196px;margin:20px auto 0}main section#cocoarArea #cocoarDl section#cocoarExp03 .controll-tabsp{width:80%}main .controll-tabsp{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;width:80%;margin:0 auto}main .controll-tabsp li{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;align-items:center;width:140px}main .controll-tabsp li .action{background:#42210b;color:#fff;width:100%;text-align:center;line-height:1;padding:17px;border-radius:10px}main .controll-tabsp li picture{width:88px;margin:35px auto 25px}main .controll-tabsp li .cat{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;line-height:1}main .controll-tabsp li .cat span{font-size:22px;display:block}main .controll-tabsp li .zoomUp .cat:before{content:url("../img/icon_zoomup.svg");display:inline-block;width:35px;margin:0 5px 0 0}main .controll-tabsp li .zoomOut .cat:before{content:url("../img/icon_zoomout2.svg");display:inline-block;width:35px;margin:0 5px 0 0}main .controll-tabsp li:last-child{width:280px}footer{background:url("../img/footer-bg-pc.jpg") center no-repeat;font-size:0}footer:before{content:'';background:rgba(0,0,0,0.7);width:100%;height:20px;position:absolute;top:0;left:0;z-index:1}footer picture{width:390px;margin:0 auto;display:block;padding:220px 0 200px}footer .copyright{background:rgba(0,0,0,0.7);font-size:14px;padding:30px 0 25px;text-align:center;color:#fff;line-height:1}#pageTopBtn{width:60px;position:fixed;bottom:-20%;right:0;z-index:99;cursor:pointer}@media screen and (max-width: 1080px){.br-pc{display:none}.br-sp{display:inline}body{font-size:1.7vw}header{padding:8vw 0 15vw}header h1{width:50%}#audioBtn{top:3vw;right:3vw}#audioBtn .audioToggle{height:calc(4.2vw + 2px);width:8.4vw}#audioBtn .audioToggle:before{top:50%;left:.75vw;transform:scaleX(0.85) translateY(-50%);font-size:1.6vw}#audioBtn .audioToggle .marker{width:4.2vw;height:4.2vw}#audioBtn .audioToggle .marker:before{width:2vw}#audioBtn .audioToggle.active:before{right:.5vw}#audioBtn .audioToggle.active .marker{right:calc(100% - 4.2vw)}main section#viewerArea{margin:0 0 5vw}main section#viewerArea #viewerTitle{width:calc(47vw * .85);height:calc(41vw * .85);padding:8vw 0 0;left:4vw;transform:translateY(-40%)}main section#viewerArea #viewerTitle:before{width:94%;height:94%}main section#viewerArea #viewerTitle p{font-size:2.4vw;margin:0 0 2vw}main section#viewerArea #viewerTitle h2{font-size:7vw}main section#viewerArea #viewerControls{width:100%;max-width:1200px;height:700px;margin:0 auto;position:relative;z-index:0}main section#viewerArea #viewerControls:after{content:'';background:rgba(255,255,255,0);position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:block}main section#viewerArea #viewerControls.active:after{display:none}main section#viewerArea #viewerControls #fullsizeBtn{bottom:1vw;right:2vw}main section#viewerArea #viewerControls #fullsizeBtn .btn{width:4vw;height:4vw}main section#viewerArea #viewerControls #fullsizeBtn.active{bottom:4vw;right:4vw}main section#viewerArea #viewerControls #vController{background:#a6d35f;color:#fff;font-size:3.6vw;padding:1.5vw 4vw;border-radius:1vw}main section#viewerArea #viewerControls #vController:before{content:url("../img/icon_3D.svg");display:block;width:4vw;position:relative;top:.2vw;margin:0 1vw 0 0}main section#viewerArea #viewerControls #startChk .set{box-shadow:0 0 0.5vw rgba(0,0,0,0.4);border-radius:2vw;padding:4vw}main section#viewerArea #viewerControls #startChk .set .text{margin:0 auto 1.5vw;font-size:2vw}main section#viewerArea #viewerControls #startChk .set .enter{border-radius:1.5vw;padding:2vw 6vw;font-size:3vw}main section#viewerArea .moreBtn{width:5.2vw;margin:4vw auto 0}main section#viewerArea .titleBackground{width:calc(47vw * .85);height:calc(41vw * .85);position:absolute;top:0;left:4vw;transform:translateY(-40%)}main section#detailArea{padding:0 0 12vw}main section#detailArea:after{height:2vw}main section#detailArea .details{background:#fff;box-shadow:0 0 0.5vw rgba(0,0,0,0.4);padding:6vw;border-radius:2vw}main section#detailArea .details h2{font-size:3vw;font-weight:bold;padding:0 0 3vw;margin:0 0 .4vw}main section#detailArea .details .text{line-height:2.35;padding:5vw 2vw}main section#detailArea .details .gallery{display:flex;justify-content:space-between;align-items:flex-start;padding:0 2vw}main section#detailArea .details .gallery li{width:46%}main section#cocoarArea .title{padding:6vw 0}main section#cocoarArea .title h2{font-size:6vw;margin:0 3vw 0 0}main section#cocoarArea .title picture{width:20vw}main section#cocoarArea #cocoarIntro{padding:7vw 0}main section#cocoarArea #cocoarIntro .text{margin:0 0 5vw}main section#cocoarArea #cocoarIntro .list li{width:46%}main section#cocoarArea #cocoarIntro .list li picture{border-radius:2vw;box-shadow:0 0 0.5vw rgba(0,0,0,0.4);margin:0 0 2vw}main section#cocoarArea #cocoarDl{padding:8vw 0}main section#cocoarArea #cocoarDl section{box-shadow:0 0 0.5vw rgba(0,0,0,0.4);padding:6vw;border-radius:2vw;margin:0 0 6vw}main section#cocoarArea #cocoarDl section h2{font-size:3vw;padding:0 0 3vw;margin:0 0 .4vw}main section#cocoarArea #cocoarDl section h2 .cocoar:before{font-size:1.5vw}main section#cocoarArea #cocoarDl section .contentDetails{padding:5.5vw 0 0}main section#cocoarArea #cocoarDl section#cocoarExp01 .list{width:100%;max-width:none;margin:0 auto 4vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li picture{width:10vw;margin:0 auto 2vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:after{content:url("../img/icon_arrow01.svg");display:block;width:3.2vw;position:absolute;top:40%;right:-78%;transform:translate(-50%, -50%)}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child picture{width:14.4vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child:after{right:-64%}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:last-child:after{content:'';display:none}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li p{line-height:1.65}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink{width:90%;max-width:none;margin:0 auto}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a{padding:1.5vw 0 2vw;border-radius:1.5vw;font-size:3vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a:before{width:2.4vw;top:.2vw;margin:0 2vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails{padding-top:4vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left{width:60%}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .text{margin:0 0 5vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list{display:flex;justify-content:center;align-items:stretch}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a{display:block;margin:0 0 3vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:last-child{margin-bottom:0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:hover{opacity:.65}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li picture{width:19vw;margin:0 0 0 0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li:first-child{margin:0 4vw 0 0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li:first-child picture{width:16vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right{width:40%}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right picture{width:19.6vw;margin:2vw auto 0}main section#cocoarArea #cocoarDl section#cocoarExp03 .controll-tabsp{width:100%}main .controll-tabsp{width:80%;margin:0 auto}main .controll-tabsp li{width:14vw}main .controll-tabsp li .action{padding:1.7vw;border-radius:1vw}main .controll-tabsp li picture{width:8.8vw;margin:3vw auto 2.5vw}main .controll-tabsp li .cat{width:100%}main .controll-tabsp li .cat span{font-size:2.2vw;display:block}main .controll-tabsp li .zoomUp .cat:before{content:url("../img/icon_zoomup.svg");width:3vw;margin:0 .5vw 0 0}main .controll-tabsp li .zoomOut .cat:before{content:url("../img/icon_zoomout2.svg");width:3vw;margin:0 .5vw 0 0}main .controll-tabsp li:last-child{width:auto}footer{background:url("../img/footer-bg-pc.jpg") center no-repeat;font-size:0}footer:before{height:2vw}footer picture{width:40%;margin:0 auto;display:block;padding:20vw 0 18vw}footer .copyright{font-size:1.4vw;padding:3vw 0 2.5vw}#pageTopBtn{width:6vw}}@media screen and (max-width: 520px){body{font-size:4.2vw}header{background:url("../img/header-bg-sp.jpg") center no-repeat;padding:10vw 0 22vw}header:after{content:url("../img/header-bg-sp.svg")}header h1{width:60%;margin:0 auto}#audioBtn{top:4vw;right:3%}#audioBtn .audioToggle{height:calc(7vw + 2px);width:12vw}#audioBtn .audioToggle:before{display:none}#audioBtn .audioToggle .marker{width:7vw;height:7vw}#audioBtn .audioToggle .marker:before{width:4vw;top:55%}#audioBtn .audioToggle.active .marker{right:calc(100% - 7vw)}main section#viewerArea{margin:0 0 8vw}main section#viewerArea #viewerTitle{width:calc(47vw * 1.5);height:calc(41vw * 1);padding:8vw 8vw 0;box-sizing:border-box;top:0;left:50%;transform:translate(-50%, -30%)}main section#viewerArea #viewerTitle:before{width:94%;height:94%}main section#viewerArea #viewerTitle p{font-size:4vw;margin:0 0 2vw}main section#viewerArea #viewerTitle h2{font-size:12vw;white-space:nowrap}main section#viewerArea #viewerControls{width:100%;height:70vh;padding:18vw 0 0;z-index:3;display:flex;flex-direction:column-reverse}main section#viewerArea #viewerControls #fullsizeBtn{bottom:4vw;right:5%}main section#viewerArea #viewerControls #fullsizeBtn .btn{width:8vw;height:8vw}main section#viewerArea #viewerControls #fullsizeBtn.active{bottom:6vw;right:5%}main section#viewerArea #viewerControls #vController{background:#a6d35f;color:#fff;font-size:6vw;padding:3vw 8vw;border-radius:3vw;white-space:nowrap;position:relative;width:60%}main section#viewerArea #viewerControls #vController:before{width:8vw;top:.5vw;margin:0 3vw 0 0}main section#viewerArea #viewerControls #startChk .set{background:#fff;box-shadow:0 0 2vw rgba(0,0,0,0.4);border-radius:4vw;width:90%;padding:5vw}main section#viewerArea #viewerControls #startChk .set .text{margin:0 auto 4vw;font-size:4vw}main section#viewerArea #viewerControls #startChk .set .enter{border-radius:2vw;padding:4vw 12vw;font-size:5vw}main section#viewerArea .moreBtn{width:12vw;margin:8vw auto 0}main section#viewerArea .titleBackground{width:calc(47vw * 1.5);height:calc(41vw * 1);top:0;left:50%;transform:translate(-50%, -30%)}main section#detailArea{background:url("../img/leaf-sp.png") bottom center no-repeat;background-size:100%;padding:0 0 12vw}main section#detailArea:after{height:4vw}main section#detailArea .details{background:#fff;box-shadow:0 0 2vw rgba(0,0,0,0.4);padding:10vw 6vw;border-radius:4vw}main section#detailArea .details h2{font-size:5vw;font-weight:bold;padding:0 0 5vw;margin:0 0 .8vw}main section#detailArea .details .text{line-height:1.85;padding:5vw 0}main section#detailArea .details .gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2vw}main section#detailArea .details .gallery li{width:94%;margin:0 0 6vw}main section#detailArea .details .gallery li:last-child{margin-bottom:0}main section#cocoarArea .title{padding:6vw 0;flex-direction:column}main section#cocoarArea .title h2{font-size:8vw;margin:0 0 6vw 0}main section#cocoarArea .title picture{width:40vw}main section#cocoarArea #cocoarIntro{padding:10vw 0}main section#cocoarArea #cocoarIntro .text{margin:0 0 5vw;text-align:left;line-height:1.85}main section#cocoarArea #cocoarIntro .list{flex-direction:column;align-items:center}main section#cocoarArea #cocoarIntro .list li{width:80%;margin:0 0 8vw}main section#cocoarArea #cocoarIntro .list li picture{border-radius:4vw;box-shadow:0 0 2vw rgba(0,0,0,0.4);margin:0 0 4vw}main section#cocoarArea #cocoarIntro .list li:last-child{margin-bottom:0}main section#cocoarArea #cocoarDl{padding:10vw 0}main section#cocoarArea #cocoarDl section{box-shadow:0 0 2vw rgba(0,0,0,0.4);padding:10vw 6vw;border-radius:4vw;margin:0 0 10vw}main section#cocoarArea #cocoarDl section h2{font-size:4.6vw;padding:0 0 3vw;margin:0 0 .8vw;line-height:1.5}main section#cocoarArea #cocoarDl section h2 .cocoar:before{font-size:2vw}main section#cocoarArea #cocoarDl section .contentDetails{padding:5vw 0 0}main section#cocoarArea #cocoarDl section#cocoarExp01 .list{width:85%;max-width:none;margin:0 auto 8vw;flex-wrap:wrap;justify-content:space-between}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li picture{width:16vw;margin:0 auto 2vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:after{content:url("../img/icon_arrow01.svg");display:block;width:7vw;position:absolute;top:45%;right:-59%;transform:translate(-50%, -50%)}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child{width:100%;text-align:left;display:flex;align-items:center;padding:0 4%;margin:0 0 16vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child picture{width:20vw;margin:0 3vw 0 0}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li:first-child:after{top:auto;bottom:-13vw;left:7.5vw;transform:rotate(90deg)}main section#cocoarArea #cocoarDl section#cocoarExp01 .list li p{line-height:1.65;font-size:3.75vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink{width:90%;max-width:none;margin:0 auto}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a{padding:3vw 0 4vw;border-radius:3vw;font-size:6vw}main section#cocoarArea #cocoarDl section#cocoarExp01 .markerLink a:before{width:7vw;top:.2vw;margin:0 3vw 0 0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails{padding-top:5vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left{width:100%}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .text{margin:0 0 5vw;line-height:1.85}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list{display:flex;justify-content:flex-start;align-items:stretch}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a{display:block;margin:0 0 6vw}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:last-child{margin-bottom:0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li a:hover{opacity:.65}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li picture{width:50vw;margin:0 0 0 0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .left .list li:first-child{display:none}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right{width:auto;position:absolute;bottom:8vw;right:0}main section#cocoarArea #cocoarDl section#cocoarExp02 .contentDetails .right picture{width:20vw;margin:2vw auto 0}main section#cocoarArea #cocoarDl section#cocoarExp03 .controll-tabsp{margin-bottom:0;padding-bottom:0}main .controll-tabsp{width:94%;margin:0 auto;justify-content:space-between;padding:3vw 0}main .controll-tabsp li{width:22%}main .controll-tabsp li .action{padding:2vw 0;border-radius:1vw;font-size:3.6vw}main .controll-tabsp li picture{width:14vw;margin:4vw auto 3.5vw}main .controll-tabsp li .cat{width:100%}main .controll-tabsp li .cat span{font-size:3.6vw}main .controll-tabsp li .zoomUp picture{margin-bottom:2.5vw}main .controll-tabsp li .zoomUp .cat:before{content:url("../img/icon_zoomup.svg");width:5vw;margin:0 2vw 0 0}main .controll-tabsp li .zoomOut picture{margin-bottom:2.5vw}main .controll-tabsp li .zoomOut .cat:before{content:url("../img/icon_zoomout2.svg");width:5vw;margin:0 2vw 0 0}main .controll-tabsp li:last-child{width:50%}footer{background:url("../img/footer-bg-sp.jpg") center no-repeat;font-size:0;background-size:cover}footer:before{height:4vw}footer picture{width:60%;margin:0 auto;display:block;padding:25vw 0 23vw}footer .copyright{font-size:2.4vw;padding:5vw 0 4vw}#pageTopBtn{width:10vw}}