.yakudati_contents{
    text-align: center;
    width: fit-content;
	position: relative;
}
.yakudati_contents{
    margin: 60px auto 25px;
}
.yakudati_contents p{
    font-size: 33px;
    line-height: 1;
    position: relative;
	font-weight: bold;
}
.yakudati_contents p{
    color: #8ec31e;
}
.yakudati_contents p::before{
    content: '';
    width: 55px;
    height: 4px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.yakudati_contents p::before{
    background-color: #8ec31e;
}
.yakudati_contents p span{
    color: #030000;
    font-size: 21px;
    font-weight: normal;
}
.genre_width{
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 180px;
}
.genre_p{
	font-size:15px;
    text-align: center;
    margin-bottom: 45px;
}
.genre_flex{
    display: flex;
    justify-content: space-between;
}
.renre_block{
    width: 33%;
}
.top_block_search, .top_block_search2, .top_block_search3{
    text-align: center;
    border-radius: 8px;
    padding: 18px 0px;
}
.top_block_search {
    border: 3px solid #ec6d65;
    background: linear-gradient(0deg, #fad9be, #fff);
}
.top_block_search2 {
    border: 3px solid #009ea9;
    background: linear-gradient(0deg, #d4ebee, #fff);
}
.top_block_search3 {
    border: 3px solid #eb6da4;
    background: linear-gradient(0deg, #fadce8, #fff);
}
.top_block_search img, .top_block_search2 img, .top_block_search3 img{
    width: 120px;
}
.top_block_search p, .top_block_search2 p, .top_block_search3 p{
    font-weight: bold;
    padding-top: 6px;
    font-size: 30px;
}
.top_block_search p {
    color: #e7382f;
}
.top_block_search2 p {
    color: #0097dc;
}
.top_block_search3 p {
    color: #e62f82;
}
.zitaku_sa-bisu, .zaitaku_sa-bisu, .zidou_sa-bisu{
    padding: 20px 15px;
    font-weight: bold;
    cursor: pointer;
    font-size: 21px;
    position: relative;
}
.zitaku_sa-bisu:before, .zaitaku_sa-bisu:before, .zidou_sa-bisu:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 0px;
	transition: 0.4s;
    transform: translate( -20px, -50%)rotate(45deg);
}
.open:before{
    transform: translate( -20px, -70%)rotate(135deg) !important;
}
.zitaku_sa-bisu:before{
    border-top: 2px solid #e50011;
    border-right: 2px solid #e50011;
}
.zaitaku_sa-bisu:before{
    border-top: 2px solid #2ba8e1;
    border-right: 2px solid #2ba8e1;
}
.zidou_sa-bisu:before{
    border-top: 2px solid #e50a84;
    border-right: 2px solid #e50a84;
}
.zitaku_sa-bisu{
	border:1px solid #e50011;
}
.zitaku_sa-bisu p{
    color: #e50011;
}
.zaitaku_sa-bisu{
	border:1px solid #2ba8e1;
	/*background-color:#eaf6fd;*/
}
.zaitaku_sa-bisu p{
	color:#2ba8e1;
}
.zidou_sa-bisu{
	border:1px solid #e50a84;
	/*background-color:#fceef4;*/
}
.zidou_sa-bisu p{
	color:#e62f82;
}
.accordion_inner {
    display: none;
	position: relative;
}
.accordion_inner div{
    background-color: #f7f4f4;
    padding: 18px 15px 18px 34px;
    border-bottom: 1px solid rgb(204, 204, 206);
    position: relative;
    font-size: 17px;
}
.accordion_inner div:before{
    content: '';
    position: absolute;
    border-right: 2px solid #4e4e4e;
    border-top: 2px solid #4e4e4e;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 18px;
    transform: translate(0, -50%)rotate(45deg);
}
.accordion_inner div:active{
	opacity:0.6;
}
.genre_flex ul{
    width: 97%;
    margin: 0 auto;
}
@media screen and (max-width:1200px) {
.genre_width {
    width: 90%;
}
.top_block_search p, .top_block_search2 p, .top_block_search3 p {
    font-size: 24px;
}
.top_block_search img, .top_block_search2 img, .top_block_search3 img {
    width: 100px;
}
.top_block_search, .top_block_search2, .top_block_search3 {
    padding: 15px 0px;
}
.zitaku_sa-bisu, .zaitaku_sa-bisu, .zidou_sa-bisu {
    padding: 18px 15px;
    font-size: 18px;
}
.accordion_inner div {
    padding: 15px 15px 15px 34px;
    font-size: 16px;
}
}
@media screen and (max-width:1080px) {
}
@media screen and (max-width:820px) {
.genre_width {
    max-width: 100%;
    margin: 0 auto 180px;
}
.top_block_search p, .top_block_search2 p, .top_block_search3 p {
    font-size: 18px;
}
.accordion_inner div {
    padding: 15px 15px 15px 20px;
	font-size: 14px;
}
.top_block_search img, .top_block_search2 img, .top_block_search3 img {
    width: 80px;
}
.top_block_search, .top_block_search2, .top_block_search3 {
    padding: 12px 0px;
}
.zitaku_sa-bisu, .zaitaku_sa-bisu, .zidou_sa-bisu {
    font-size: 16px;
}
}
@media screen and (max-width:480px) {
.yakudati_contents {
    margin: 12vw auto 12vw;
}
.yakudati_contents p {
    font-size: 5.5vw;
}
.yakudati_contents p span {
    font-size: 3.7vw;
}
.yakudati_contents p::before {
    content: '';
    width: 9.5vw;
    height: 0.5vw;
    bottom: -2vw;
}
.genre_p {
    font-size: 3.5vw;
    margin-bottom: 10vw;
}
.genre_flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}
.renre_block {
    width: 75%;
    margin-bottom: 10vw;
}
.top_block_search, .top_block_search2, .top_block_search3 {
    padding: 3vw 0px;
}
.top_block_search img, .top_block_search2 img, .top_block_search3 img {
    width: 70px;
}
.top_block_search p, .top_block_search2 p, .top_block_search3 p {
    font-size: 4vw;
    padding-top: 1.5vw;
}
.zitaku_sa-bisu, .zaitaku_sa-bisu, .zidou_sa-bisu {
    padding: 3.5vw;
    font-size: 3.5vw;
}
.accordion_inner div {
    padding: 3.5vw 7vw 3.5vw 5vw;
    font-size: 3vw;
}
.genre_width {
    margin: 0 auto 30vw;
}
.accordion_inner div:before {
	border-right: 1px solid #221814;
    border-top: 1px solid #221814;
    width: 2vw;
    height: 2vw;
    right: 4vw;
}
.zitaku_sa-bisu:before, .zaitaku_sa-bisu:before, .zidou_sa-bisu:before {
    width: 2.5vw;
    height: 2.5vw;
}
}