.activities-detail-page, .event-detail-page {
    background: linear-gradient(to bottom, #0D1731, #000F24);
}

.activities-detail-ttl, .event-detail-ttl {
    position: absolute;
    top: 60%;
    left: 24%;
    z-index: 99;
}

.event-detail-ttl {
    left: 15%;
}

.event-detail-ttl .container {
    width: 100%;
}

.activities-detail-page .container {
    width: 45%;
}

.event-detail-page .container {
   padding: 50px;
}

.event-gallery {
    padding: 100px 0;
}

.event-gallery h2 {
    padding-left: 50px;
}

.content-blk {
    padding-top: 20px;
}

.content-blk span {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}

ul.breadcrumbs {
    display: flex;
    align-items: center;
    padding: 20px 0;
    white-space: nowrap;
    overflow-x: auto;
    
}

ul.breadcrumbs::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
border-radius: 5px;
}

ul.breadcrumbs::-webkit-scrollbar {
width: 1px;
height: 2px;
background-color: #f5f5f5;
border-radius: 5px;
}

ul.breadcrumbs::-webkit-scrollbar-thumb {
border: 2px solid var(--primary-color);
background-color: var(--primary-color);
border-radius: 5px;
}

ul.breadcrumbs li {
    margin-right: 15px;
}

ul.breadcrumbs li a {
    color: var(--border-light-color);
    font-size: 14px;
    font-weight: 700;
}

ul.breadcrumbs li:last-child a {
    color: var(--txt-light-color);
}

ul.breadcrumbs li:is(:last-child) a{
    cursor: default;
}

ul.breadcrumbs li a:hover{
    text-decoration: underline;
    color: #525866;
}

ul.breadcrumbs li+li:before {
    margin-right: 12px;
    padding: 4px;
    background: url(/wp-content/themes/aurora/assets/img/ico_arrow-right.svg) no-repeat center/contain;
    content: "";
}

.activities-detail-page p, .event-detail-page p {
    margin: 30px 0;
}

.activities-detail-page .img-blk,
.activities-detail-page .gallery {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.activities-detail-page .content-blk .img-blk li,
.activities-detail-page .gallery .gallery-item {
    width: 48%;
    /*margin-right: 22px;*/
    margin-bottom: 20px;
}

.activities-detail-page .content-blk .img-blk li:nth-child(2n+0),
.activities-detail-page .gallery .gallery-item:nth-child(2n+0) {
    margin-right: 0;
}

.activities-detail-page .content-blk .img-blk li img,
.activities-detail-page .gallery .gallery-item img{
	min-height: 270px;
	object-fit: cover;
}

.other-articles {
    padding: 100px 0;
}


.other-articles .container {
    width: 88.5%;
}

.highlight-ttl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.activities-list {
    justify-content: unset;
}

.activities-list li {
    width: 32%;
    margin-right: 15px;
    margin-bottom: 0;
}

.highlight-ttl .btn-secondary {
    border: none;
}

.highlight-ttl .btn-secondary:hover {
    background-color: var(--txt-primary-color);
    color: var(--txt-secondary-color);
}

/*Ipad*/
@media only screen and (min-width:768px) and (max-width:1280px) { 

    
    .activities-detail-ttl {
        left: 22.5%;
    }

    .event-gallery {
        padding: 7.813vw 0;
    }

    .event-gallery h2 {
        padding-left: 3.906vw;
    }

    .content-blk {
        padding-top: 1.563vw;
    }

    .content-blk span {
        font-size: 1.25vw;
    }  

    .activities-detail-page ul.breadcrumbs {
        padding: 1.563vw 0;
    }
    
    .activities-detail-page ul.breadcrumbs li {
        margin-right: 1.172vw;
    }
    
    .activities-detail-page ul.breadcrumbs li a {
        font-size: 1.094vw;
    }
    
    .activities-detail-page ul.breadcrumbs li+li:before {
        margin-right: 0.938vw;
        padding: 0.391vw;
    }
    
    .activities-detail-page p, .event-detail-page p {
        margin: 2.344vw 0;
    }
	
	.activities-detail-page .content-blk .img-blk li,
	.activities-detail-page .gallery .gallery-item{
        width: 48%;
        margin-right: 1.719vw;
        margin-bottom: 1.563vw;
    }
	
	.activities-detail-page .content-blk .img-blk li img,
	.activities-detail-page .gallery .gallery-item img {
		min-height: 20vw;
	}
    
    .other-articles {
        padding: 7.813vw 0;
    }

    .highlight-ttl {
        margin-bottom: 3.906vw;
    }
    
    .activities-list li {
        margin-right: 1.172vw;
    }
}

/* SP */
@media all and (max-width:767.9px) {


    .activities-detail-ttl, .event-detail-ttl {
        width: 100%;
        left: 0;
    }

    .event-detail-ttl .container {
        width: 90%;
    }
    .activities-detail-page .container {
        width: 90%;
    }
        
    .event-detail-page .container {
        padding: 5vw;
    }

    .event-gallery {
        padding: 13.333vw 0;
    }

    .event-gallery h2 {
        padding-left: 1.333vw;
    }

    .content-blk {
        padding-top: 5.333vw;
    }

    .content-blk span {
        font-size: 3.733vw;
    }
    
    .activities-detail-page ul.breadcrumbs {
        padding: 5.333vw 0;
    }
    
    .activities-detail-page ul.breadcrumbs li {
        margin-right: 2.667vw;
    }
    
    .activities-detail-page ul.breadcrumbs li a {
        font-size: 3.2vw;
        font-weight: 600;           
    }
    
    .activities-detail-page p, .event-detail-page p  {
        margin: 8vw 0;
    }
    
    .activities-detail-page .img-blk,
    .activities-detail-page .gallery{
        flex-direction: column;
    }
	
	 .activities-detail-page .content-blk .img-blk li,
	 .activities-detail-page .gallery .gallery-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5.333vw;
    }
    
    .other-articles {
        padding: 13.333vw 0;
        
    }
    
    .activities-list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5.333vw;
    }
}