main{
    width: calc(100% - 30px);
    margin: 60px auto 100px auto;
}
main h2 {
    font-size: 2.0rem;
    color: #000;
    font-weight: normal;
    margin-bottom: 0px;
line-height: 2.0rem;}


/*main dt{
 color: #333;
 border-top: 1px solid #d0d5da;
}
main section{ 
 display: block;
 border-bottom: solid 1px #d0d5da;}
main dt{
 font-size: 2.0rem;
 line-height: 2.9rem;
 padding: 20px 50px 20px 10px;
 display: block;
 position: relative;
}


main dt .btnStyle{
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 50px;
 border-left: 1px solid #fff;
}
main dt .btnStyle::before,
main dt .btnStyle::after{
 content: '';
 display: inline-block;
 position: absolute;
 top: calc(50% - 1.5px);
 left: 18px;
 width: 15px;
 height: 1px;
 background-color: #d0d5da;
}
main dt .btnStyle::after{
 transform: rotate(90deg);
 transition: transform 0.2s;
}
.Category dt:hover{ box-shadow: 0 10px 10px -4px rgba(0,0,0,0.1);}

.Category dt:hover,
.Category dt.on{ background-color: #f3f5f7;}

.Category dt.on .btnStyle::after{ transform: rotate(180deg);}
.Category dd {
 padding: 40px 0 0 0;
 display: none;
}
.Category .inner {display: none;}
.Category .inner.open {display: block;}

*/
section.Category{ 
 display: block;
 border-bottom: solid 1px #d0d5da;}

section.Category dt{
 color: #333;
 border-top: 1px solid #d0d5da;
 font-size: 2.0rem;
 line-height: 2.9rem;
display:block;
 position: relative;
 padding: 20px 50px 20px 10px;
cursor:pointer;
}

section.Category dt .btnStyle{
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 50px;
 border-left: 1px solid #fff;
}
section.Category dt .btnStyle::before,
section.Category dt .btnStyle::after{
 content: '';
 display: inline-block;
 position: absolute;
 top: calc(50% - 1.5px);
 left: 18px;
 width: 15px;
 height: 1px;
 background-color: #d0d5da;
}
section.Category dt .btnStyle::after{
 transform: rotate(90deg);
 transition: transform 0.2s;
}
section.Category dd{
display:none;
}
section.Category .open{
 display:block;
color: #333;}

section.Category dt.hover{}
section.Category dt.hover,
section.Category dt.on{ }
section.Category dt.on .btnStyle::after{ }


main ul.group{
 color: #333;
 padding-top: 20px;
}
main ul.group > li{
 border-top: 1px solid #e9ecee;
}
main ul.group > li:first-child{
 border-top: none;
}
main ul.group li h3{
 font-size: 1.6rem;
    line-height: 1.6rem;
    margin: 20px 0;
}
main ul.group li h4{
     text-align: left;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 15px;
    font-weight: normal;
}
main ul.group li p{
 /*text-align: center;
 font-size: 1.2rem;
 line-height: 1.6rem;
 margin-top: 10px;*/
}
main ul.movieList{
 display: flex;
justify-content: space-between;
flex-wrap: wrap;
 margin-bottom: 30px;}
main ul.movieList:before{
    content:"";
    display:block;
    width: 265px;
    height:0;
    order:1;
  }
main ul.movieList:after{
    content:"";
    display:block;
    width: 265px;
    height:0;
  }

main ul.movieList li{
 /*width: 265px;
 margin-bottom: 40px;*/
 width: calc(100% / 2 - 7px);
 margin-bottom: 30px !important;
}