@charset "utf-8";.listTitle{width:50%;margin:30px auto;text-align:center;border-bottom:1px solid #5d4037;color:#333}.container .box{margin:0 1% 20px}.container .box img{max-width:100%}.widgetBox>ul{background:#e6e6e6;margin:0 auto 20px;border-radius:5px}.thumbnailWrap .box{overflow:hidden;position:relative;text-align:center}.thumbnailWrap .box .mask{position:absolute;overflow:hidden;top:0;left:0}.thumbnailWrap .box img{width:100%;display:block;position:relative;object-fit:cover}.thumbnailWrap .box h3{text-transform:capitalize;color:#fff;text-align:center;position:relative;font-size:16px;padding:10px;background:rgba(0,0,0,.8);margin:20px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thumbnailWrap .box p{font-size:14px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thumbnailWrap .box a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;box-shadow:0 0 1px #000}.thumbnailWrap .box img{transition:all .2s linear}.thumbnailWrap .box .mask{opacity:0;background-color:rgba(0,0,0,.7);transition:all .4s ease-in-out}.thumbnailWrap .box h3{transform:translateY(-100px);opacity:0;transition:all .2s ease-in-out}.thumbnailWrap .box p{transform:translateY(100px);opacity:0;transition:all .2s linear}.thumbnailWrap .box a.info{opacity:0;transition:all .2s ease-in-out}.thumbnailWrap .box.movie img{transform:scale(1.1)}.thumbnailWrap .box.movie .mask{opacity:1}.thumbnailWrap .box.movie h3,.thumbnailWrap .box.movie p,.thumbnailWrap .box.movie a.info{opacity:1;transform:translateY(0px)}.thumbnailWrap .box.movie p{transition-delay:.1s}.thumbnailWrap .box.movie a.info{transition-delay:.2s}@media screen and (min-width:768px){header{position:absolute}.topImgWrap{background:url(//rapport-blog.sakura.ne.jp/yurara/wp-content/themes/yurara/css/../img/bg01.png) no-repeat;background-size:contain;background-position:center;height:48vw}.topContainerWrap{background:url(//rapport-blog.sakura.ne.jp/yurara/wp-content/themes/yurara/css/../img/kira.jpg) repeat-x;background-size:contain;background-position:top;background-attachment:fixed;position:relative;margin-bottom:40px;z-index:1}.topContainerWrap>.mask{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);width:100%;height:200px;position:absolute;bottom:0;z-index:2}.container{position:relative;z-index:3}.container .box{width:23%}.thumbnailWrap .box{width:230px;height:230px}.thumbnailWrap .box img{width:230px;height:230px}.topWidgetWrap{width:925px;margin:0 auto}.widgetBox{width:32%}.widgetBox>ul{width:95%;-webkit-box-shadow:1px 2px 2px 1.5px rgba(0,0,0,.3);box-shadow:1px 2px 2px 1.5px rgba(0,0,0,.3)}.widgetCategories{min-height:180px}.widgetArchive{min-height:395px}.thumbnailWrap .mask{width:100%;height:100%}}@media screen and (max-width:768px){.widgetBox{width:100%}.thumbnailWrap .box .mask{width:100%;height:100%}.topWidgetWrap{width:95%;margin:0 auto}}@media only screen and (max-width:768px) and (orientation:portrait){.container .box{width:48%}.thumbnailWrap .box,.thumbnailWrap .box img{height:46vw}.thumbnailWrap .box h3{font-size:14px;margin:10px 0 0}.thumbnailWrap .box p{font-size:12px;padding:10px 20px}}@media only screen and (max-width:768px) and (orientation:landscape){.container .box{width:31%}.thumbnailWrap .box,.thumbnailWrap .box img{height:27vw}.topWidgetWrap{max-width:320px}}