@charset "UTF-8";.mainHead{position:relative;height:435px}.mainHead__leadWrapper{position:relative;display:block;width:100%;height:inherit;padding:24px 30px 17px;padding-right:52%;background:#00c8d7;color:#fff}.mainHead__imageWrapper{position:absolute;width:50%;height:100%;top:0;right:0;overflow:hidden}.mainHead__imageInnerWrapper.mainHead__imageInnerWrapper--present{position:absolute;top:0;right:0;z-index:1;height:100%;background:#37c71d}.mainHead__title{margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.4em}.mainHead__lead{margin-bottom:16px;font-size:18px}.mainHead__buttonWrapper{position:relative;margin-top:18px;text-align:right}.mainHead__buttonWrapper__break{display:none}.mainHead__button{position:absolute;top:0;bottom:0;left:0;margin:auto;display:inline-block;width:210px;height:50px;padding:10px;line-height:1.4em;margin:auto;font-size:21px;font-weight:700;color:#00c8d7;background:#ffff6e;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;text-align:center}.mainHead__button--hover:before,.mainHead__button.hover:before,.mainHead__button:hover:before{opacity:.5;-webkit-transition:.1s;-moz-transition:.1s;transition:.1s}.mainHead__button:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:50px;background:#fff;background-size:100%;-webkit-border-radius:inherit;border-radius:inherit;opacity:0}.mainFoot{padding:30px;font-weight:700;background:#00c8d7}.mainFoot__buttonWrapper{position:relative;margin:0 auto;width:420px;text-align:right}.mainFoot__buttonWrapper__break{display:none}.mainFoot__button{position:absolute;top:0;bottom:0;left:0;margin:auto;display:inline-block;width:210px;height:50px;padding:10px;line-height:1.4em;margin:auto;font-size:21px;color:#00c8d7;background:#ffff6e;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;text-align:center}.mainFoot__button--hover:before,.mainFoot__button.hover:before,.mainFoot__button:hover:before{opacity:.5;-webkit-transition:.1s;-moz-transition:.1s;transition:.1s}.mainFoot__button:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:50px;background:#fff;background-size:100%;-webkit-border-radius:inherit;border-radius:inherit;opacity:0}.hotItems{position:relative;margin-bottom:20px;padding:70px 20px 20px;border:solid 8px #ffdef0}.hotItems:before{content:"";position:absolute;top:-8px;left:-8px;width:269px;height:76px;background:url(/files/img/comic/gallery/index/img_hot_label.png) no-repeat;background-size:100%;z-index:1}.hotItemsListWrapper{text-align:center}.hotItemsList{position:relative;display:inline-block;width:100%}.hotItemsList:before{content:"★が多くクリックされた作品です♪";position:absolute;top:-28px;right:0}.hotItemsList__item{float:left;width:226px;height:226px;margin-right:16px;text-align:left}.hotItemsList__item:last-child{margin-right:0}.hotItemsList__modalLink{position:relative;display:block;width:100%;height:100%;background-color:#e6e6e6;pointer-events:none}.hotItemsList__modalLink--hover,.hotItemsList__modalLink.hover,.hotItemsList__modalLink:hover{cursor:pointer;opacity:.7}.hotItemsList__modalLink__image{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}.allItemsListWrapper{text-align:left}.allItemsList{display:inline-block}.allItemsList__noItem{text-align:center;margin-top:60px}.allItemsList__item{float:left;width:242px;height:242px;margin-right:13px;margin-bottom:13px;text-align:left}.allItemsList__item:nth-child(4n){float:right;margin-right:0}.allItemsList__item:last-child{margin-right:0}.allItemsList__item.allItemsList__item--disabled{display:none}.allItemsList__modalLink{position:relative;display:block;width:100%;height:100%;background-color:#e6e6e6;pointer-events:none;overflow-y:hidden}.allItemsList__modalLink--hover,.allItemsList__modalLink.hover,.allItemsList__modalLink:hover{cursor:pointer;opacity:.7;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s}.allItemsList__modalLink__image{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto}.itemDetailParent{position:relative;overflow:hidden;max-width:100%;height:100%}.itemDetail{position:absolute;width:100%;background:rgba(0,0,0,.6);color:#fff;font-weight:700}.itemDetail.itemDetail--hot{bottom:0;padding:8px 60px 8px 8px}.itemDetail.itemDetail--all{padding:8px 68px 8px 16px;opacity:0}.itemDetail.itemDetail--all.itemDetail.itemDetail--all--responsive{bottom:0;opacity:1}.itemDetail__name{margin-bottom:2px;font-size:18px}.itemDetail__starPoint{position:absolute;top:0;bottom:0;right:8px;height:1.4em;margin:auto;font-size:16px}.itemDetail__starPoint.itemDetail__starPoint--all{right:12px}.itemDetail__starPoint__star{margin-right:6px}.worksPager{margin:40px 0;text-align:center;height:30px}.worksPager.worksPager--upper{text-align:right;width:50%;float:right;margin:0}.worksPager a{pointer-events:none}.worksPagerList{display:inline-block}.worksPagerList__item{float:left;width:26px;height:26px;margin-right:16px;border:solid 1px #00c8d7;text-align:center;line-height:26px}.worksPagerList__item:last-child{margin-right:0}.worksPagerList__item.worksPagerList__item--disable{border-color:#c8c8c8}.worksPagerList__item.worksPagerList__item--disable button{color:#c8c8c8;cursor:default}.worksPagerList__item.worksPagerList__item--disable button:hover{color:#c8c8c8;font-weight:400;background:0 0}.worksPagerList__item.worksPagerList__item--move{width:42px}.worksPagerList__link{display:block;width:100%;height:100%;color:#00c8d7;text-decoration:none;cursor:pointer;outline:0}.worksPagerList__link:hover{color:#fff;font-weight:700;background:#00c8d7}.worksPagerList__link.worksPagerList__link--current{color:#fff;font-weight:700;background:#00c8d7}.worksPagerList__link__preview{position:relative;display:inline-block;width:100%;height:100%}.worksPagerList__link__next{position:relative;display:inline-block;width:100%;height:100%}.articleList{display:inline-block}.sortFormWrapper{margin-bottom:10px}.sortForm{float:left}.sortForm__pulldown{margin-top:6px;width:200px;height:26px;-webkit-border-radius:4px;border-radius:4px}.sortForm__pulldown:first-child{margin-right:10px}.sortForm__clearButton{display:inline-block;margin-top:4px;margin-left:10px;margin-bottom:6px;padding-top:6px;padding-bottom:6px}.categorySortListWrapper{text-align:center}.categorySortList{display:inline-block}.categorySortList__item{position:relative;float:left;margin-right:10px;padding-right:10px;line-height:1}.categorySortList__item:after{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;width:1px;height:1em;border-right:solid 1px #c8c8c8}.categorySortList__item:last-child{margin-right:0;padding-right:0}.categorySortList__item:last-child:after{content:none}.categorySortList__link{display:block;min-width:54px;padding:6px 4px}.categorySortList__link.categorySortList__link--current{background:#00c8d7;color:#fff;pointer-events:none;font-weight:700}.categorySortList__link--hover,.categorySortList__link.hover,.categorySortList__link:hover{background:#00c8d7;color:#fff}.itemModal{position:relative;background:#fff;width:800px;padding:20px 72px}.itemModal__imageWrapper{text-align:center;margin-bottom:30px}.itemModal__image{max-width:100%;height:auto}.itemModal__headLead{position:relative;margin-bottom:10px}.itemModal__name{vertical-align:middle;font-size:20px}.itemModal__category{margin-left:20px;font-size:14px}.itemModal__starPoint{position:absolute;bottom:0;right:0;font-size:24px}@media screen and (max-width:1020px){.mainHead{height:auto}.mainHead__imageInnerWrapper.mainHead__imageInnerWrapper--present{width:46%;text-align:center}.mainHead__image.mainHead__image--example{height:100%;width:auto}.mainHead__image.mainHead__image--present{max-width:100%;height:auto;width:190px}.mainHead__title{font-size:26px}.mainHead__title__break{display:none}.mainHead__lead{font-size:16px}.mainHead__lead__break{display:none}.mainHead__buttonWrapper{text-align:center}.mainHead__buttonWrapper__break{display:block}.mainHead__button{position:static;margin-bottom:16px}.mainHead__button:before{width:210px;right:0;margin:auto}.mainFoot{height:auto}.hotItems{padding:70px 10px 10px}.hotItemsList{width:698px}.hotItemsList__item{margin-right:10px;margin-bottom:10px}.hotItemsList__item:nth-child(3n){margin-right:0}.hotItemsList__item:last-child{margin-bottom:0}.allItemsListWrapper{text-align:center}.allItemsList{width:746px}.allItemsList__noItem{margin-top:0}.allItemsList__item{margin-right:10px;margin-bottom:10px}.allItemsList__item:nth-child(4n){float:left;margin-right:10px}.allItemsList__item:nth-child(3n){margin-right:0}.worksPager.worksPager--upper{text-align:center;width:auto;float:none}.sortFormWrapper{text-align:center;margin-bottom:18px}.sortForm{float:none;margin-bottom:16px}.sortForm__pulldown{margin-bottom:12px}.itemModal{width:100%}}@media screen and (max-width:900px){.mainHead__image.mainHead__image--present{margin-top:10px}}@media screen and (max-width:850px){.mainHead__image.mainHead__image--present{margin-top:30px}}@media screen and (max-width:800px){.mainHead__image.mainHead__image--present{margin-top:50px}.hotItemsList{width:462px}.hotItemsList__item{margin-right:10px}.hotItemsList__item:nth-child(3n){margin-right:10px;margin-bottom:0}.hotItemsList__item:nth-child(2n){margin-right:0}.allItemsList{width:494px}.allItemsList__item{margin-right:10px}.allItemsList__item:nth-child(3n){margin-right:10px}.allItemsList__item:nth-child(2n){margin-right:0}}@media screen and (max-width:768px){.mainHead__image.mainHead__image--example{margin-left:-20px}.hotItemsList__item:nth-child(3n){margin-right:10px}.itemDetail.itemDetail--all{padding:8px 66px 8px 12px}}@media screen and (max-width:750px){.mainHead__image.mainHead__image--present{margin-top:70px}}@media screen and (max-width:700px){.mainHead__image.mainHead__image--present{margin-top:85px}}@media screen and (max-width:650px){.mainHead__image.mainHead__image--example{margin-left:-30px}.mainHead__image.mainHead__image--present{margin-top:100px}}@media screen and (max-width:600px){.mainHead__leadWrapper{display:block;width:100%;padding-right:30px;text-align:center}.mainHead__imageWrapper{position:relative;display:block;width:100%}.mainHead__imageInnerWrapper.mainHead__imageInnerWrapper--present{width:40%;max-height:435px}.mainHead__image.mainHead__image--example{position:static;max-height:435px;width:60%;margin-left:0}.mainHead__image.mainHead__image--present{margin-top:10%}.mainHead__title{font-size:32px}.mainHead__buttonWrapper{text-align:right}.mainHead__buttonWrapper__break{display:none}.mainHead__button{position:absolute;margin-bottom:auto;width:60%}.mainHead__button:before{width:100%}.mainHead__barcodeWrapper{padding-left:65%}.mainHead__barcode{max-width:100%;height:auto}.mainFoot__buttonWrapper{text-align:center;width:100%}.mainFoot__button{margin-bottom:auto;width:60%}.mainFoot__button:before{width:100%}.mainFoot__barcodeWrapper{padding-left:65%}.mainFoot__barcode{max-width:100%;height:auto}.itemModal__name{display:inline-block;margin-bottom:8px;font-size:18px}.itemModal__category{display:block;margin-left:0}}@media screen and (max-width:560px){.mainHead__image.mainHead__image--present{width:180px}}@media screen and (max-width:550px){.mainHead__imageInnerWrapper.mainHead__imageInnerWrapper--present{padding-bottom:10px}}@media screen and (max-width:540px){.mainHead__image.mainHead__image--present{margin-top:0}}@media screen and (max-width:522px){.hotItemsList{width:100%}.hotItemsList__item{width:50%;height:auto;margin-right:0;padding-right:5px}.hotItemsList__item:nth-child(3n){margin-right:0}.hotItemsList__item:nth-child(2n){padding-right:0;padding-left:5px}.hotItemsList__modalLink{min-height:120px}.hotItemsList__modalLink__image{max-width:100%;height:auto}.allItemsList{width:100%}.allItemsList__item{width:50%;height:auto;margin-right:0;padding-right:5px}.allItemsList__item:nth-child(3n){margin-right:0}.allItemsList__item:nth-child(2n){padding-right:0;padding-left:5px}.allItemsList__modalLink{max-height:100%}.allItemsList__modalLink{min-height:140px}.allItemsList__modalLink__image{max-width:100%;height:auto}}@media screen and (max-width:500px){.mainHead__imageInnerWrapper.mainHead__imageInnerWrapper--present{padding:10px}}@media screen and (max-width:450px){.sortForm__pulldown{display:block;margin:0 auto 12px}.sortForm__pulldown:first-child{margin-right:auto}.sortForm__clearButton{margin-left:0;margin-bottom:12px}}@media screen and (max-width:420px){.mainHead__buttonWrapper{text-align:center}.mainHead__buttonWrapper__break{display:block}.mainHead__button{position:static;margin-bottom:16px;width:100%}.mainHead__barcodeWrapper{padding-left:0}.mainFoot__buttonWrapper__break{display:block}.mainFoot__button{position:static;margin-bottom:16px;width:100%}.mainFoot__barcodeWrapper{padding-left:0}.hotItems:before{background-size:80%}.itemDetail.itemDetail--hot{padding:8px 46px 8px 12px}.itemDetail.itemDetail--all{padding:8px 46px 8px 12px}.itemDetail__name{font-size:14px}.itemDetail__category{font-size:12px}.itemDetail__starPoint{font-size:14px}.itemDetail__starPoint__star{margin-right:2px}.worksPager{margin-top:20px}.worksPagerList__item{margin-right:10px}.itemModal{padding:20px}.itemModal__imageWrapper{margin-bottom:0}.itemModal__leadWrapper{position:absolute;top:100%;left:0;padding:10px 20px 20px;background:#fff;width:100%}.itemModal__starPoint{font-size:18px}}@-moz-keyframes imageFlashing{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes imageFlashing{0%{opacity:0}100%{opacity:1}}@keyframes imageFlashing{0%{opacity:0}100%{opacity:1}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */