.memory-modal{position:fixed;background:rgba(0,0,0,0.7);width:100%;height:100%;left:-100%;opacity:0;top:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s;cursor:pointer;overflow-y:auto;z-index:9999}.memory-modal.active{opacity:1;left:0}.memory-modal-spacer{max-height:100%;box-sizing:border-box;max-width:800px;width:87.5%;padding:25px 0 0}.memory-modal-box{background:#fff;display:flex;margin-top:50px;opacity:0;transition:opacity .3s,margin-top .3s;transition-delay:.1s;cursor:default;margin:0 auto 25px;position:relative}.memory-modal.active .memory-modal-box{margin-top:0;opacity:1}.memory-modal-box a:hover{opacity:.75}.memory-modal-image{width:65%;padding-top:65%;background:#000;position:relative}.memory-modal-image img,.memory-modal-video video{height:auto;width:auto;max-height:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);vertical-align:bottom}.memory-modal-video{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;display:block}.memory-modal-video.is-play:after,.memory-modal-video.is-pause:after{content:'';display:block;background:url(/svg/icn-memories_play.svg) no-repeat center center;background-size:contain;position:absolute;box-sizing:border-box;width:74px;height:74px;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));transition:opacity .4s;opacity:0}.detec-pc .memory-modal-video:hover:after{opacity:1}.memory-modal-video.is-pause:after{opacity:1}.memory-modal-sound{display:block;background:url(/svg/icn-sound_on.svg) no-repeat center center;background-size:25px 25px;position:absolute;box-sizing:border-box;width:45px;height:45px;bottom:0;left:0;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));cursor:pointer;display:none}.memory-modal-sound.is-active{background-image:url(/svg/icn-sound_off.svg)}.memory-modal-sound.is-loaded{display:block}.memory-modal-loader{position:absolute;width:50px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:10px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3))}.memory-modal-loader>div{background-color:#fff;height:100%;width:6px;display:inline-block;margin:0 2px;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}@-webkit-keyframes sk-stretchdelay{0,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.memory-modal-detail{width:35%;flex-grow:1}.memory-modal-close{text-align:right}.memory-modal-close a{display:inline-block;text-align:left;width:50px;height:50px;background:#000 url(/images/oakworker2017/icn-piy_close.png) no-repeat center center;text-indent:-10000px;outline:0}.memory-modal-ui{margin-top:20px;display:flex;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.memory-modal-ui li{width:50%;box-sizing:border-box;border-left:1px solid #dedede;text-align:center;display:flex}.memory-modal-ui li:first-child{border:0}.memory-modal-ui li a{font-size:14px;color:#000;display:block;width:100%;height:100%;padding:20px 15px;text-align:center;box-sizing:border-box;text-decoration:none}.memory-modal-ui li a.active{color:#e94f4c}.memory-modal-good:before,.memory-modal-search:before{width:29px;height:auto;display:block;margin:0 auto 12px}.memory-modal-good:before{content:url(/svg/icn-piy_heart.svg)}.memory-modal-good.active:before{content:url(/svg/icn-piy_heart_active.svg)}.memory-modal-search:before{content:url(/svg/icn-piy_search.svg)}.memory-modal-text{padding:20px;font-size:14px}.memory-modal-name{font-weight:bold;line-height:1}.memory-modal-category{color:#e94f4c;font-size:12px;line-height:1.428;line-height:1;margin-top:12px}.memory-modal-body{margin-top:12px}.memory-modal-date{text-align:right;margin-top:25px}.memory-modal-share{border-top:1px solid #dfdfdf;padding:24px 20px 14px}.memory-modal-share ul{margin-left:-10px;text-align:center}.memory-modal-share ul li{display:inline-block;vertical-align:top;margin-left:10px;margin-bottom:10px}.memory-modal-prev,.memory-modal-next{position:absolute;top:50%;margin-top:-16px;cursor:pointer;display:block}@media screen and (min-width:641px){.memory-modal-prev{margin-left:-30px}.memory-modal-next{right:-53.8%;margin-right:-30px}}@media screen and (max-width:640px){.memory-modal-spacer{width:100%;padding:25px 0 0}.memory-modal-box{display:block;width:100%}.memory-modal-prev,.memory-modal-next{background-color:#000;border:8px solid #000;margin-top:-24px}.memory-modal-prev{margin-left:0;z-index:3}.memory-modal-next{right:0;margin-right:0;z-index:2}.memory-modal-close{position:absolute;right:0;top:0}.memory-modal-image{width:100%;padding-top:100%;display:block}.memory-modal-detail{width:100%}.memory-modal-ui{margin-top:0;border-top:0}.memory-modal-ui li a{font-size:12px}}.detect-pc .photo_list .item{position:relative;cursor:pointer}.photo_list .item.is-video:before{content:'';background:url(/svg/icn-memories_video.svg) no-repeat center center;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));width:36px;height:24px;background-size:contain;position:absolute;right:0;top:3px;z-index:2}.detect-pc .photo_list .item:after{content:attr(data-place)"";display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);color:#fff;font-size:12px;transition:opacity .3s;opacity:0;cursor:pointer;z-index:1}.detect-pc .photo_list .item:hover:after{opacity:1}.ico_arrow_l_off,.ico_arrow_l_on,.ico_arrow_r_off,.ico_arrow_r_on{display:inline-block;background-image:url(/images/spritebox-sprite.png);background-repeat:no-repeat}.ico_arrow_l_off{background-position:-202px -77px;height:32px;width:16px}.ico_arrow_l_off:hover{opacity:.6}.ico_arrow_r_off{background-position:-234px -77px;height:32px;width:16px}.ico_arrow_r_off:hover{opacity:.6}