@keyframes hover{0%{opacity:0}100%{opacity:0.1}}@media (min-width: 768px){.section .feed-article-view{width:293px;margin-left:7px;background-color:#fff}.section>.articles{display:flex;justify-content:center;flex-wrap:wrap}#album-detail .contents{max-width:900px;margin:0 auto}}@media (min-width: 768px) and (min-width: 768px){#album-detail .contents .contents{width:900px;position:relative}#album-detail .contents .contents>.backnumbers{top:0px}#album-detail .contents .contents>.share{margin-left:190px}}.modal-content{margin:0 auto;pointer-events:all}.modal-backdrop.in{opacity:0.8}.wide_half{width:50%;float:left;z-index:150}@media (min-width: 768px){.wide_half{width:100%;float:none}}.feed-image-view{position:relative}.feed-image-view a:hover{text-decoration:none}.feed-image-view .title{color:#fff;height:2.25em;overflow:hidden;font-weight:800}.feed-image-view .title>img{color:#fff}.feed-image-view .brand{color:#fff}.feed-image-view .subject{width:100%;padding:5px 10px;position:absolute;bottom:0;line-height:1.2em;color:#fff;z-index:100}.feed-image-view .image{position:relative}.feed-image-view .image>img{width:100%}.feed-image-view .image>video{width:100%;height:100%;position:absolute;top:0;left:0}.feed-image-view .image>.white-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#fff;position:absolute;height:100%;width:100%;z-index:190}.feed-image-view .image>.gray-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000}.feed-image-view .image>.gray-wrap:hover{animation-name:hover;animation-duration:1.5s;animation-delay:0.1s;animation-timing-function:ease;animation-fill-mode:forwards}.feed-image-view .image>.magazine-content-wrapper{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000;z-index:100;top:0;opacity:0.25}.feed-image-view .image>.magazine-content{z-index:100;color:white;position:absolute;width:100%;height:100%;top:35%;line-height:2.5rem;text-align:center}.feed-image-view .image>.magazine-content>.magazine-subject{font-size:1.5rem}.feed-image-view .image>.magazine-content>.magazine-subject>span{margin-bottom:1px;border-bottom:2px solid #FFF}.feed-image-view .text{position:relative;height:85px}.feed-image-view .text>.subject{position:relative}.feed-image-view .text>.subject>.title{color:#333;height:auto;max-height:3.4em;overflow:hidden}.feed-image-view .text>.subject>.brand{color:#666;font-size:0.9em}.feed-image-view .grayout{position:absolute;height:100%;width:100%;background-color:#000;opacity:0.3;top:0;z-index:100}.feed-image-view .modal.thumbnail-box .vertical{overflow:scroll;padding:30px 15px 0px 15px}.feed-image-view .modal.thumbnail-box .modal-dialog{width:100%;position:relative;margin:0}.feed-image-view .modal.thumbnail-box .modal-dialog img,.feed-image-view .modal.thumbnail-box .modal-dialog video{width:100%}.feed-image-view .modal.thumbnail-box .modal-dialog>.modal-content{width:100%;background-color:black;margin:0 auto}.feed-image-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{width:30px;height:30px;font-size:30px;position:absolute;border-radius:30px;z-index:150;top:-30px;left:0px;background-color:black;color:white;opacity:0.5}@media (min-width: 768px){.feed-image-view .modal.thumbnail-box .modal-dialog{height:100%}.feed-image-view .modal.thumbnail-box .modal-dialog>.modal-content{margin-top:50px;width:750px}.feed-image-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{top:-10px;right:-10px;left:auto;background-color:white;color:black}.feed-image-view .modal.thumbnail-box .vertical>.modal-content{width:422px}}.feed-album-view{position:relative}.feed-album-view a:hover{text-decoration:none}.feed-album-view .title{color:#fff;height:2.25em;overflow:hidden;font-weight:800}.feed-album-view .title>img{color:#fff}.feed-album-view .brand{color:#fff}.feed-album-view .subject{width:100%;padding:5px 10px;position:absolute;bottom:0;line-height:1.2em;color:#fff;z-index:100}.feed-album-view .image{position:relative}.feed-album-view .image>img{width:100%}.feed-album-view .image>video{width:100%;height:100%;position:absolute;top:0;left:0}.feed-album-view .image>.white-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#fff;position:absolute;height:100%;width:100%;z-index:190}.feed-album-view .image>.gray-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000}.feed-album-view .image>.gray-wrap:hover{animation-name:hover;animation-duration:1.5s;animation-delay:0.1s;animation-timing-function:ease;animation-fill-mode:forwards}.feed-album-view .image>.magazine-content-wrapper{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000;z-index:100;top:0;opacity:0.25}.feed-album-view .image>.magazine-content{z-index:100;color:white;position:absolute;width:100%;height:100%;top:35%;line-height:2.5rem;text-align:center}.feed-album-view .image>.magazine-content>.magazine-subject{font-size:1.5rem}.feed-album-view .image>.magazine-content>.magazine-subject>span{margin-bottom:1px;border-bottom:2px solid #FFF}.feed-album-view .text{position:relative;height:85px}.feed-album-view .text>.subject{position:relative}.feed-album-view .text>.subject>.title{color:#333;height:auto;max-height:3.4em;overflow:hidden}.feed-album-view .text>.subject>.brand{color:#666;font-size:0.9em}.feed-album-view .grayout{position:absolute;height:100%;width:100%;background-color:#000;opacity:0.3;top:0;z-index:100}.feed-album-view .modal.thumbnail-box .vertical{overflow:scroll;padding:30px 15px 0px 15px}.feed-album-view .modal.thumbnail-box .modal-dialog{width:100%;position:relative;margin:0}.feed-album-view .modal.thumbnail-box .modal-dialog img,.feed-album-view .modal.thumbnail-box .modal-dialog video{width:100%}.feed-album-view .modal.thumbnail-box .modal-dialog>.modal-content{width:100%;background-color:black;margin:0 auto}.feed-album-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{width:30px;height:30px;font-size:30px;position:absolute;border-radius:30px;z-index:150;top:-30px;left:0px;background-color:black;color:white;opacity:0.5}@media (min-width: 768px){.feed-album-view .modal.thumbnail-box .modal-dialog{height:100%}.feed-album-view .modal.thumbnail-box .modal-dialog>.modal-content{margin-top:50px;width:750px}.feed-album-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{top:-10px;right:-10px;left:auto;background-color:white;color:black}.feed-album-view .modal.thumbnail-box .vertical>.modal-content{width:422px}}.feed-album-view .title{text-align:center;font-size:1.35em;line-height:1.2em;font-weight:400}.feed-album-view .subject{bottom:22%}.feed-article-view{position:relative}.feed-article-view a:hover{text-decoration:none}.feed-article-view .title{color:#fff;height:2.25em;overflow:hidden;font-weight:800}.feed-article-view .title>img{color:#fff}.feed-article-view .brand{color:#fff}.feed-article-view .subject{width:100%;padding:5px 10px;position:absolute;bottom:0;line-height:1.2em;color:#fff;z-index:100}.feed-article-view .image{position:relative}.feed-article-view .image>img{width:100%}.feed-article-view .image>video{width:100%;height:100%;position:absolute;top:0;left:0}.feed-article-view .image>.white-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#fff;position:absolute;height:100%;width:100%;z-index:190}.feed-article-view .image>.gray-wrap{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000}.feed-article-view .image>.gray-wrap:hover{animation-name:hover;animation-duration:1.5s;animation-delay:0.1s;animation-timing-function:ease;animation-fill-mode:forwards}.feed-article-view .image>.magazine-content-wrapper{width:100%;height:100%;position:absolute;opacity:0;z-index:120;background-color:#000;z-index:100;top:0;opacity:0.25}.feed-article-view .image>.magazine-content{z-index:100;color:white;position:absolute;width:100%;height:100%;top:35%;line-height:2.5rem;text-align:center}.feed-article-view .image>.magazine-content>.magazine-subject{font-size:1.5rem}.feed-article-view .image>.magazine-content>.magazine-subject>span{margin-bottom:1px;border-bottom:2px solid #FFF}.feed-article-view .text{position:relative;height:85px}.feed-article-view .text>.subject{position:relative}.feed-article-view .text>.subject>.title{color:#333;height:auto;max-height:3.4em;overflow:hidden}.feed-article-view .text>.subject>.brand{color:#666;font-size:0.9em}.feed-article-view .grayout{position:absolute;height:100%;width:100%;background-color:#000;opacity:0.3;top:0;z-index:100}.feed-article-view .modal.thumbnail-box .vertical{overflow:scroll;padding:30px 15px 0px 15px}.feed-article-view .modal.thumbnail-box .modal-dialog{width:100%;position:relative;margin:0}.feed-article-view .modal.thumbnail-box .modal-dialog img,.feed-article-view .modal.thumbnail-box .modal-dialog video{width:100%}.feed-article-view .modal.thumbnail-box .modal-dialog>.modal-content{width:100%;background-color:black;margin:0 auto}.feed-article-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{width:30px;height:30px;font-size:30px;position:absolute;border-radius:30px;z-index:150;top:-30px;left:0px;background-color:black;color:white;opacity:0.5}@media (min-width: 768px){.feed-article-view .modal.thumbnail-box .modal-dialog{height:100%}.feed-article-view .modal.thumbnail-box .modal-dialog>.modal-content{margin-top:50px;width:750px}.feed-article-view .modal.thumbnail-box .modal-dialog>.modal-content>.close{top:-10px;right:-10px;left:auto;background-color:white;color:black}.feed-article-view .modal.thumbnail-box .vertical>.modal-content{width:422px}}.feed-article-view .subject .brand{overflow:hidden;padding-top:5px}.feed-article-view .subject .brand .name{height:1em;font-size:0.8em}.feed-article-view .score{position:absolute;right:0;bottom:0;color:#ff8888;font-weight:800;font-size:0.9em;margin-right:10px}.share{text-align:center}.share .share-wrapper{display:inline-block;width:100px;margin:20px auto 0px}.share .share-wrapper a:hover,.share .share-wrapper a:focus{text-decoration:none}.share .share-wrapper .fb-share{margin-right:20px}.questionnaire h4{text-align:left !important;margin-left:10px}.questionnaire li{list-style:none}h2{margin-top:40px;margin-bottom:12px;font-size:1.1em;font-weight:bold}h3{margin-top:30px;margin-bottom:20px;font-size:1.2em;font-weight:bold}h4{margin-top:20px;margin-bottom:10px;font-size:1em;font-weight:bold}#article-detail{margin:0 auto}#article-detail>.message{padding:1em;font-size:1.2em}#article-detail>.contents{margin:0 auto;width:100%;line-height:1.93}#article-detail>.contents>.main-image{position:relative;margin:0 auto 1em;text-align:center}#article-detail>.contents>.main-image img{width:100%}#article-detail>.contents>.main-image video{width:100%}#article-detail>.contents>.main-image .white-wrap{position:absolute;height:100%;width:100%;z-index:190}#article-detail>.contents>.subject{position:relative;margin:0 auto;padding:0 10px}#article-detail>.contents>.subject .title{font-size:1.6em !important;line-height:1.4em;padding:4px 0px}#article-detail>.contents>.subject .subtitle{font-size:1.3em !important;line-height:1.3em}#article-detail>.contents>.subject .genres{position:absolute;right:0;top:-15px;font-weight:bold}#article-detail>.contents>.subject .genres>.genre{color:#f44}#article-detail>.contents>.subject .genres>.unlike_genre{color:#fcc}#article-detail>.contents>.subject .genres>.definitely_genre{color:#44f}#article-detail>.contents>.subject .genres>.likely_genre{color:#ccf}#article-detail>.contents>.paragraphs{margin:0 auto;padding:0 10px}#article-detail>.contents>.paragraphs .paragraph{padding:12px 5px 0}#article-detail>.contents>.paragraphs .paragraph .head{padding-bottom:8px}#article-detail>.contents>.paragraphs .paragraph .text-link-extension{display:block}#article-detail>.contents>.paragraphs .paragraph .movie>video{width:100%}#article-detail>.contents>.paragraphs .paragraph .more{padding:10px 0;line-height:1;border-radius:20px;width:85%;display:block;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#article-detail>.contents>.paragraphs .paragraph .image{position:relative}#article-detail>.contents>.paragraphs .paragraph .image img{width:100%}#article-detail>.contents>.paragraphs .paragraph .image .white-wrap{position:absolute;height:100%;width:100%;z-index:190}#article-detail>.contents>.paragraphs .more-link-normal{display:none}#article-detail>.contents>.paragraphs .more-link-alt{display:block;padding-bottom:2px}#article-detail>.contents h2,#article-detail>.contents h3,#article-detail>.contents h4{text-align:center}#article-detail>.contents>.relevants{display:flex;flex-wrap:wrap}#article-detail>.contents>.relevants .relevant{width:50%}#article-detail>.contents .paragraph_article{width:100%;margin:0 auto}@media (min-width: 768px){#article-detail>.contents{min-height:810px}#article-detail>.contents>.main-image,#article-detail>.contents .subject,#article-detail>.contents .paragraphs,#article-detail>.contents .share{margin-right:320px}#article-detail>.contents>.subject,#article-detail>.contents .paragraphs,#article-detail>.contents .share{padding-left:0;padding-right:20px}#article-detail>.contents>.paragraphs .paragraph .more{width:60%}#article-detail>.contents>.paragraphs .more-link-normal{display:block;padding:10px 0px 30px}#article-detail>.contents>.paragraphs .more-link-alt{display:none}#article-detail>.contents>h2{display:none}#article-detail>.contents>.relevants{display:block;position:absolute;top:95px;right:0}#article-detail>.contents>.relevants>.relevant{width:298px;margin-bottom:8px;margin-right:0;position:relative}#article-detail>.contents>.relevants>.relevant>a.thumbnail-content>.image{width:130px}#article-detail>.contents>.relevants>.relevant>a.thumbnail-content>.grayout{display:none}#article-detail>.contents>.relevants>.relevant>a.thumbnail-content>.subject{padding:0;padding-left:140px;font-weight:inherit !important;font-size:inherit !important;height:73px}#article-detail>.contents>.relevants>.relevant>a.thumbnail-content>.subject>.title{color:inherit;height:inherit;max-height:2.4em;line-height:1.32em}#article-detail>.contents>.relevants>.relevant>a.thumbnail-content>.subject>.brand{color:inherit}#article-detail>.contents .paragraph_article{width:75%}}#article-detail .paragraphs{margin-bottom:30px;padding:0 2em}#next-icon{width:100%;margin:2em auto;text-align:center}