@charset "UTF-8";
/* === アーカイブページ === */
body {
	background: #fff !important;
}
.c-pageTitle {
	color: #ED681D;
	text-align: center;
}
.contents-header__title {
    text-align: center;
    margin: 1em auto;
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #5D959D;
}

.archive_content ul {
    display: flex;
    flex-wrap:wrap;
}

.movie-list {
	display: flex;
	flex-wrap: wrap;
}

.movie-item {
	width: 33.3%;
	margin-bottom: 2.5em;
    margin-top: 0;
    padding: 0 .5em;
}


    /* 動画をレスポンシブにするためのCSS */
    .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9の縦横比(9/16*100) */
        height: 0;
    }
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*記事ごとに余白をつける*/
    .movie-archive-item {
        margin-bottom: 40px;
    }
    .movie-archive-list {
        margin-top: 40px;
    }
    /* 動画を2つ横並びにするためのCSS */
    .movie-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; /* アイテム間のスペース */
    }

    .movie-archive-item {
        min-width: calc(50% - 20px);
    }

.full_width_hr {
	width: 100vw; 
	position: absolute;
	left: 0;
	border: none;
	border-top: 2px solid #DFDFDF;
	margin-top: 20px;
}

    @media (max-width: 768px) {
      .movie-archive-item {
        flex: 1 1 100%; /* モバイルでは1列に */
          min-width: 100%;
      }
    }