@font-face{font-family:'icon-font';src:url("/shared/img/common/icon/icon-font.eot");src:url("/shared/img/common/icon/icon-font.eot#iefix") format("embedded-opentype"), url("/shared/img/common/icon/icon-font.ttf") format("truetype"), url("/shared/img/common/icon/icon-font.woff") format("woff"), url("/shared/img/common/icon/icon-font.svg#iconfont") format("svg");font-weight:normal;font-style:normal}.list-case{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px}.list-case__item{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc( 50% - 5px);margin:15px 10px 0 0}.list-case__item:first-child{margin:0 10px 0 0}.list-case__item:nth-child(2n){margin:15px 0 0 0}.list-case__item:nth-child(2){margin:0}@media (min-width:920px){.list-case{padding:0;margin:0 0 -30px 30px}.list-case__item{width:calc( 25% - 30px);margin:0 30px 30px 0}.list-case__item:first-child{margin:0 30px 30px 0}.list-case__item:nth-child(2n){margin:0 30px 30px 0}}.case-box{position:relative;background-color:#fff;border-bottom:1px solid #efefef}.case-box__img img{width:100%;height:auto}.case-box__ttl a{display:block;padding:10px;color:#222222;font-size:13px;font-size:1.3rem;font-weight:bold;text-decoration:none;line-height:1.333}.case-box__price{position:relative;width:calc( 100% + 5px);padding:6px 12px 6px 30px;background-color:#000080;color:#fff;font-size:10px;font-size:1rem;font-weight:bold;line-height:1.333}.case-box__price:before{content:"\e904";display:inline-block!important;position:absolute!important;top:0;left:0;bottom:0;margin:auto 0;background-image:none!important;font-family:'icon-font'!important;font-style:normal!important;font-weight:normal;font-variant:normal!important;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none;left:10px;color:#fff;font-size:14px;font-size:1.4rem;height:14px}.case-box__price:after{content:'';display:block;position:absolute;top:-5px;right:0;width:0;height:0;border-style:solid;border-width:5px 0 0 5px;border-color:transparent transparent transparent #000028}.case-box__price span{font-size:13px;font-size:1.3rem;font-weight:bold}@media (min-width:920px){.case-box{cursor:pointer}.case-box:after{content:'';display:block;position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#000080;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.case-box:hover:after{width:100%}.case-box:hover a{color:#000080}.case-box:hover img{opacity:.7}.case-box__ttl a{padding:10px 20px;font-size:16px;font-size:1.6rem;letter-spacing:.05em}.case-box__price{width:calc( 100% + 10px);padding:10px 20px 10px 50px;font-size:12px;font-size:1.2rem}.case-box__price:before{left:20px;font-size:20px;font-size:2rem;height:20px}.case-box__price:after{top:-10px;border-width:10px 0 0 10px}.case-box__price span{font-size:16px;font-size:1.6rem}}.list-tag{*zoom:1;padding:5px 10px}.list-tag:after,.list-tag:before{content:"";display:table}.list-tag:after{clear:both}.list-tag__item{float:left;padding:0 8px;margin:5px 10px 5px 0;background-color:#eeeeee;border-radius:3px;font-size:10px;font-size:1rem;line-height:25px}@media (min-width:920px){.list-tag{padding:10px 20px}.list-tag__item{padding:0 15px;margin:5px 10px 5px 0;border-radius:25px;font-size:11px;font-size:1.1rem;line-height:25px}}.cont-box__body{padding:0 20px}.cont-box__img{margin-bottom:20px}.cont-box__txt{font-size:12px;font-size:1.2rem;line-height:1.7}@media (min-width:920px){.cont-box__body{position:relative;padding:0 0 100px 0}.cont-box__img{width:700px;margin:0}.cont-box__txt{position:absolute;bottom:0;right:0;width:600px;padding:40px;background-color:#fff;border-bottom:2px solid #000080;font-size:16px;font-size:1.6rem;line-height:2.0}}.genre-box{margin-top:30px}.genre-box__ttl{position:relative;margin-bottom:20px;text-align:center}.genre-box__ttl:before{content:'';display:block;position:absolute;top:50%;left:10px;z-index:1;width:calc( 100% - 20px);height:1px;border-top:1px dotted #000080}.genre-box__ttl span{position:relative;z-index:10;padding:0 20px;background-color:#fafafa;font-size:18px;font-size:1.8rem;letter-spacing:.1em}.genre-box__btn-more{width:100%;padding:0 10px;margin:20px auto 0}.genre-box__btn-more a{display:block;position:relative;width:100%;height:60px;background-color:#fff;border:2px solid #000080;border-radius:5px;font-size:14px;font-size:1.4rem;font-weight:bold;text-align:center;text-decoration:none;letter-spacing:.05em;line-height:56px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.genre-box__btn-more a:after{content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:10px;margin-top:-5px;border-top:2px solid #000080;border-right:2px solid #000080;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}@media (min-width:920px){.genre-box{margin-top:50px}.genre-box__ttl{margin-bottom:40px}.genre-box__ttl:before{left:30px;width:calc( 100% - 60px)}.genre-box__ttl span{padding:0 20px;font-size:24px;font-size:2.4rem}.genre-box__btn-more{width:400px;padding:0;margin:50px auto 0}.genre-box__btn-more a{font-size:16px;font-size:1.6rem}.genre-box__btn-more a:hover{background-color:#000080;color:#fff}.genre-box__btn-more a:hover:after{border-color:#fff}}
/*# sourceMappingURL=genre.css.map */