.genre_cardlist{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2.67vw 5.333333vw 0}.genre_card{position:relative;width:100%;margin-top:2.77vw;padding:1.39vw;background-color:#fff}.genre_card a,.genre_card a:visited,.genre_card a:hover,.genre_card a:focus{color:#fff}.genre_card--half{width:43.2vw}.genre_card__tab{position:absolute;z-index:1;min-width:35.4667vw;height:7.2vw;top:2.67vw;left:-1.39vw;padding:.533333vw calc(1.066667vw - .05em) .533333vw 5.333333vw;font-size:3.46667vw;line-height:6.13333vw;letter-spacing:.05em}.genre_card__tab::after{content:"";position:absolute;width:4.2vw;top:0;right:-3vw;border-right:3vw solid transparent}.genre_card__tab--pink{background-color:#eaa}.genre_card__tab--pink::after{border-top:7.2vw solid #eaa}.genre_card__tab--blue{background-color:#8cd}.genre_card__tab--blue::after{border-top:7.2vw solid #8cd}.genre_card__tab--green{background-color:#8db}.genre_card__tab--green::after{border-top:7.2vw solid #8db}.genre_card__tab--right{min-width:unset;left:unset;right:-1.39vw;padding-left:2.93333vw;padding-right:4vw}.genre_card__tab--right::after{right:unset;left:-3vw;border-left:3vw solid transparent;border-right:none}.genre_card__img{position:relative;line-height:0}.genre_card__img img{width:100%}.genre_card__title{position:absolute;width:100%;top:45%;text-align:center;font-family:HiraKakuProN-W6;font-size:4.44vw;line-height:1.2}.genre_card__title--rect{top:40%}.genre_card__title--square{top:35%}.genre_card__title--high{top:30%}.genre_card__content{position:absolute;bottom:0;padding:3vw;font-family:HiraKakuProN-W3;font-size:2.78vw;line-height:1.5;letter-spacing:.4vw}.genre_list{display:flex;flex-wrap:wrap;justify-content:space-between}.genre_list__item{display:block;width:50%;margin-top:6.66vw}.genre_list__item:nth-of-type(2n){padding-top:2.66vw}.genre_list__text_box__title{position:relative}.genre_list__text_box__content,.genre_list__text_box__link{display:none}.accordion__button{position:absolute;display:block;bottom:50%;right:1.5vw;width:3.2vw;height:1px;background-color:black}.accordion__button::after{content:"";position:absolute;display:block;width:inherit;height:inherit;background-color:inherit;transform:rotateZ(90deg);transition:transform .5s 0s ease}.is-accordionActive .accordion__button::after{transform:rotateZ(180deg)}@media only screen and (min-width: 500px){.genre_card__content{position:absolute;bottom:0;padding:20px;font-family:HiraKakuProN-W3;font-size:12px;line-height:1.5;letter-spacing:1px}.genre_card__tab{position:absolute;z-index:1;height:34px;top:1.67vw;left:-1.39vw;padding-left:20px;padding-right:20px;font-size:15px;line-height:34px;letter-spacing:2px}.genre_card__tab--pink::after{border-top:34px solid #eaa}.genre_card__tab--blue::after{border-top:34px solid #8cd}.genre_card__title{position:absolute;width:100%;top:45%;text-align:center;font-family:HiraKakuProN-W6;font-size:22px;line-height:1.2}.genre_card__tab--right{left:unset;right:-1.39vw;padding-left:25px;padding-right:20px}.genre_card__tab--right::after{right:unset;left:-2vw;border-left:2vw solid transparent;border-right:none}.genre_card__tab::after{content:"";position:absolute;width:4.2vw;top:0;right:-3vw;border-right:2vw solid transparent}.genre_card__tab--green::after{border-top:34px solid #8db}.genre_card--half{width:48%}.genre_card{margin-top:1.77vw;padding:.39vw}.genre_card__title--high{top:30%}.genre_card__title--square{top:35%}.genre_card--web{width:100%}.accordion__button{position:absolute;display:block;bottom:50%;right:1.5vw;width:12px;height:1px;background-color:#000}.genre_list__item{display:block;width:50%;margin-top:20px}.genre_list__item:nth-of-type(2n){padding-top:20px}}