.masterpiece-hero{position:relative;padding-bottom:43%}@media screen and (max-width: 768px){.masterpiece-hero{padding-bottom:0}}.masterpiece-hero-bg{position:absolute;width:100%;height:100%;background-image:url(../images/masterpiece/main.png);background-position:right;background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 768px){.masterpiece-hero-bg{position:relative;padding-bottom:60%;background-size:cover;background-position-x:-20%}}.masterpiece-hero-menu{position:absolute;height:100%;display:flex;flex-wrap:wrap;align-items:center;padding:15px 30px}@media screen and (max-width: 768px){.masterpiece-hero-menu{position:relative;padding:0px 30px 15px;margin-top:30px}}.masterpiece-hero-title{width:100%;font-size:1.5vw;font-weight:700;line-height:1.5}@media screen and (max-width: 768px){.masterpiece-hero-title{font-size:1.25rem;margin:24px auto 10px;text-align:center}}@media screen and (max-width: 768px){.masterpiece-hero-title span{display:inline-block;top:1px;letter-spacing:-2px;padding-bottom:4px;border-bottom:1px solid #000}}.masterpiece-hero-list{max-height:315px;max-width:250px;margin:7px 0;padding-right:7px;overflow-y:scroll}@media screen and (max-width: 1350px){.masterpiece-hero-list{max-height:290px}}@media screen and (max-width: 1000px){.masterpiece-hero-list{max-height:200px}}@media screen and (max-width: 500px){.masterpiece-hero-list{max-width:100%;max-height:120px}}.masterpiece-hero-list::-webkit-scrollbar{width:7px}.masterpiece-hero-list::-webkit-scrollbar-thumb{background-color:#c1c1c1}.masterpiece-hero-list::-webkit-scrollbar-track-piece:start,.masterpiece-hero-list::-webkit-scrollbar-track-piece:end{background-color:#f1f1f1}@media screen and (max-width: 768px){.masterpiece-hero-list-wrapper{width:100%}}.masterpiece-hero-list li:not(:last-child){margin-bottom:30px}@media screen and (max-width: 768px){.masterpiece-hero-list li:not(:last-child){margin-bottom:10px}}.masterpiece-hero-list li a{display:block;color:#000;font-weight:400}@media screen and (min-width: 769px){.masterpiece-hero-list li a{border-bottom:1px solid #000}}@media screen and (max-width: 768px){.masterpiece-hero-list li a{display:flex;align-items:flex-end}}.masterpiece-hero-list li a:hover{color:#000;opacity:.7}.masterpiece-hero-list li a .number{font-size:.875rem;margin:7px 0}.masterpiece-hero-list li a .number img{width:45px}.masterpiece-hero-list li a .text{font-size:1vw}@media screen and (max-width: 768px){.masterpiece-hero-list li a .text{font-size:.9375rem;padding-left:10px}}@-webkit-keyframes fadein{0%{opacity:0;top:20px}100%{opacity:1;top:0}}@keyframes fadein{0%{opacity:0;top:20px}100%{opacity:1;top:0}}.masterpiece-mv{position:relative;height:700px;display:flex;justify-content:center;align-items:center;text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 768px){.masterpiece-mv{height:70vw}}.masterpiece-mv.vol1{background-image:url(../images/masterpiece/vol1/mv.jpg)}.masterpiece-mv.vol2{background-image:url(../images/masterpiece/vol2/mv.jpg)}.masterpiece-mv.vol3{background-image:url(../images/masterpiece/vol3/mv.jpg)}.masterpiece-mv.vol4{background-image:url(../images/masterpiece/vol4/mv.jpg)}.masterpiece-mv.vol5{background-image:url(../images/masterpiece/vol5/mv.jpg)}.masterpiece-mv-title{position:relative;color:#fff;font-size:2.1875rem;font-weight:700;line-height:1.6;text-shadow:0px 0px 4px #000;-webkit-animation:fadein 3s ease 0s 1 normal both running;animation:fadein 3s ease 0s 1 normal both running}@media screen and (max-width: 768px){.masterpiece-mv-title{font-size:1.25rem}}.masterpiece-section-container{width:948px}.masterpiece-sp-block{display:none}@media screen and (max-width: 768px){.masterpiece-sp-block{display:block}}.masterpiece-text{font-size:1.125rem;font-weight:400;line-height:2.2}@media screen and (max-width: 768px){.masterpiece-text{font-size:.9375rem;padding:0 8px}}.masterpiece-text.mb{margin-bottom:100px}@media screen and (max-width: 768px){.masterpiece-text.mb{margin-bottom:24px}}.masterpiece-text.small{font-size:.875rem;margin-top:50px}@media screen and (max-width: 768px){.masterpiece-text.small{margin-top:10px}}.masterpiece-row{display:flex;align-items:center;border:1px solid #eee}@media screen and (max-width: 768px){.masterpiece-row{display:block}}.masterpiece-row.reverse{flex-direction:row-reverse}@media screen and (min-width: 769px){.masterpiece-row.ml-24{margin-left:-24px}}@media screen and (min-width: 769px){.masterpiece-row.mr-24{margin-right:-24px}}.masterpiece-col-photo{position:relative;display:block}@media screen and (min-width: 769px){.masterpiece-col-photo{width:60%}}.masterpiece-col-photo figcaption{position:absolute;right:8px;bottom:8px;color:#fff;font-size:.75rem;font-weight:700;text-align:right;padding:0;text-shadow:0 0 3px #000}@media screen and (min-width: 769px){.masterpiece-col-detail{width:40%;padding:24px}}@media screen and (max-width: 768px){.masterpiece-col-detail{padding:16px}}.masterpiece-col-detail>h3{font-family:"ヒラギノ明朝 ProN","hiragino-mincho-pron","Hiragino Mincho ProN","游明朝","Yu Mincho","游明朝体","YuMincho","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:300;font-style:normal;font-size:1.25rem;font-weight:400;line-height:1.4;margin:10px 0}@media screen and (max-width: 768px){.masterpiece-col-detail>h3{font-size:.9375rem;margin:0}}@media screen and (min-width: 769px){.masterpiece-comment{display:flex;flex-direction:row-reverse;align-items:center}}@media screen and (max-width: 768px){.masterpiece-comment-photo{text-align:center;margin-bottom:10px}}.masterpiece-comment-photo img{width:180px}@media screen and (max-width: 768px){.masterpiece-comment-photo img{width:90px}}@media screen and (min-width: 769px){.masterpiece-comment-detail{padding-right:30px}}.masterpiece-profile-photo{display:flex;flex-wrap:wrap;justify-content:space-between}.masterpiece-profile-photo .full{width:100%}.masterpiece-profile-photo .half{width:49%}.masterpiece-profile-photo .half:has(>.half-inner){display:flex;flex-direction:column;justify-content:space-between}.masterpiece-profile-photo .half-inner:not(:first-child){margin-top:4px}.masterpiece-profile-outline{margin-top:96px;border:1px solid #419563}@media screen and (max-width: 480px){.masterpiece-profile-outline{margin-top:24px;padding-bottom:24px}}.masterpiece-profile-outline .name{line-height:1.6;text-align:center;margin:96px auto 30px}@media screen and (max-width: 768px){.masterpiece-profile-outline .name{margin-top:48px}}@media screen and (max-width: 480px){.masterpiece-profile-outline .name{margin:24px auto 16px}}.masterpiece-profile-outline .name span{display:block;font-size:1.875rem;margin-top:15px}@media screen and (max-width: 768px){.masterpiece-profile-outline .name span{font-size:1.5rem}}@media screen and (max-width: 480px){.masterpiece-profile-outline .name span{font-size:1.25rem}}.masterpiece-pagenation{display:flex;justify-content:center}.masterpiece-pagenation li.hide{visibility:hidden}.masterpiece-pagenation li a{color:#000;font-size:1.125rem;font-weight:400;margin:0 15px}@media screen and (max-width: 768px){.masterpiece-pagenation li a{font-size:.75rem}}.masterpiece-pagenation li a:hover{color:#2a6040;text-decoration:underline}
/*# sourceMappingURL=masterpiece.css.map */