@charset "UTF-8";

#circle-page{overflow: hidden;}
.p-pageCircleArchive{margin: 40px 0 0;}
.p-pageCircleList{display: flex; flex-wrap: wrap; margin: 0 -35px;}
.p-pageCircleList li{width: calc(100% / 3); padding: 0 35px; margin-bottom: 70px; box-sizing: border-box;}
.p-pageCircleList li a{display: block;}
.p-pageCircleList li .p-pageCircleList__thumb{overflow: hidden;}
.p-pageCircleList li .p-pageCircleList__thumb img{width: 100%; height: 300px; object-fit: cover;}
.p-pageCircleList__name{font-weight: 700; margin: 5px 0 0;}

@media screen and (max-width: 960px){
    .p-pageCircleList{margin: 0 -10px;}
    .p-pageCircleList li{padding: 0 10px; margin-bottom: 30px;}
    .p-pageCircleList li .p-pageCircleList__thumb img{height: 200px;}
}

@media screen and (max-width: 640px){
.p-pageCircleArchive{margin: 20px 0 0;}
    .p-pageCircleList li{width: 100%;}
    .p-pageCircleList li{margin-bottom: 20px;}
}

/* taxonomy-circle-category */
.circle-text{margin: 30px 0 0;}
.p-pageCircleHeadMovie{margin: 30px 0 0;}
.p-pageCircleHeadMovie iframe{width: 100%; aspect-ratio: 16 / 9; height: auto;}

.p-pageCircleContent{margin: 60px 0 0;}
.p-pageCircleContent h3{font-size: 24px;}
.c-archiveFrame{}
.c-archiveList{display: flex; flex-wrap: wrap; margin: 0 -20px;}
.c-archiveList li{width: calc(100% / 4); padding: 0 20px; margin: 0 0 40px;}
.c-archiveListItemInfo{display: flex; flex-wrap: wrap; font-size: 12px; line-height: 1.2; margin: 20px 0 10px;}
.c-archiveListItemInfo__cate{margin-left: 10px; padding-left: 10px; border-left: 1px solid #000;}
.c-archiveListItem__title{font-weight: 700;}

@media screen and (max-width: 960px){
    .c-archiveList li{width: calc(100% / 2);}
}

@media screen and (max-width: 640px){
    .circle-text{margin: 10px 0 0;}
    .circle-text p{font-size: 13px; line-height: 1.8;}

    .p-pageCircleContent h3{font-size: 18px;}
    .c-archiveList{margin: 0 -5px;}
    .c-archiveList li{padding: 0 5px; margin: 0 0 20px;}
    .c-archiveListItemInfo{margin: 10px 0 5px; line-height: 1.5;}
    .c-archiveListItemInfo__cate{width: 100%; margin-left: 0; padding-left: 0; border: none;}

}