@media screen and (max-width: 767px){.navigation.pc{display:none !important}}@media screen and (min-width: 768px){.navigation.sp{display:none !important}}.navigation strong{font-weight:bold}@media screen and (min-width: 768px){.navigation{position:absolute;top:calc(-15px + 50px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:580px;z-index:100;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1);opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95);pointer-events:none;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease;transition:opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease}}@media screen and (max-width: 767px){.navigation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.navigation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(45,47,49,0.8);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.navigation .close{position:absolute;top:0;left:245px;margin:14px;width:42px;height:42px;background-color:#fff;border-radius:50%;-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0;-webkit-transition:opacity 0.1s ease, -webkit-transform 0.3s ease;transition:opacity 0.1s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.1s ease;transition:transform 0.3s ease, opacity 0.1s ease, -webkit-transform 0.3s ease}.navigation .close:before,.navigation .close:after{content:"";width:16px;height:2px;background-color:#555;position:absolute;top:calc(50% - 1px);left:calc(50% - 8px)}.navigation .close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navigation .close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media screen and (min-width: 768px){.navigation .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}}@media screen and (max-width: 767px){.navigation .container{position:absolute;top:0;left:0;width:245px;height:100%;overflow:hidden;left:-245px;-webkit-transition:left 0.3s ease;transition:left 0.3s ease}}@media screen and (min-width: 768px){.navigation .menu{width:230px;height:100%;padding-top:10px;padding-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;margin-top:-1px;margin-left:-1px;display:none}.navigation .menu.is-active,.navigation .menu.is-open{display:block}}@media screen and (max-width: 767px){.navigation .menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;left:245px;-webkit-transition:left 0.3s ease;transition:left 0.3s ease;overflow:auto}.navigation .menu.is-active,.navigation .menu.is-open{left:0}}.navigation .menu ul{padding-top:7.5px;padding-bottom:7.5px}.navigation .menu ul:not(:first-child){border-top:1px solid #ccc}@media screen and (max-width: 767px){.navigation .menu ul{opacity:0;-webkit-transition:opacity 0.3s 0.3s ease;transition:opacity 0.3s 0.3s ease}}.navigation .text,.navigation .link,.navigation .item,.navigation .back-home,.navigation .back-prev{display:block;position:relative;text-align:left;color:#555;line-height:1.3}@media screen and (min-width: 768px){.navigation .text,.navigation .link,.navigation .item,.navigation .back-home,.navigation .back-prev{padding:7.5px 15px;font-size:13px}}@media screen and (max-width: 767px){.navigation .text,.navigation .link,.navigation .item,.navigation .back-home,.navigation .back-prev{padding:7.5px 15px;font-size:14px}}.navigation .text.magenta,.navigation .link.magenta,.navigation .item.magenta,.navigation .back-home.magenta,.navigation .back-prev.magenta{color:#5624d0}.navigation .text{color:#999;font-weight:bold}@media screen and (min-width: 768px){.navigation .text{font-size:11px}}@media screen and (max-width: 767px){.navigation .text{font-size:12px}}.navigation .item{padding-right:30px}.navigation .item:after{content:"";position:absolute;top:calc(50% - 2px);right:15px;display:block;width:4px;height:4px;border-right:1px solid #555;border-bottom:1px solid #555;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (min-width: 768px){.navigation .item:hover,.navigation .link:hover{color:#5624d0}li.is-open .item{color:#5624d0}}.navigation .back-home,.navigation .back-prev{padding:15px 15px 15px 30px}.navigation .back-home:after,.navigation .back-prev:after{content:"";position:absolute;top:calc(50% - 2px);left:15px;display:block;width:4px;height:4px;border-right:1px solid #555;border-bottom:1px solid #555;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.navigation .back-home{background-color:#f7f9fa;margin-bottom:-1px}@media screen and (min-width: 768px){.navigation.is-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:auto}}@media screen and (max-width: 767px){.navigation.is-active{pointer-events:auto}.navigation.is-active:before{opacity:1}.navigation.is-active .close{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:0.3s;transition-delay:0.3s}.navigation.is-active .container{left:0}.navigation.is-active .menu ul{opacity:1}}@media screen and (min-width: 768px){[data-navigation-trigger="pc"]{position:relative}[data-navigation-trigger="pc"]:after{content:"";position:absolute;top:-15px;left:0;width:100%;height:50px}}