@charset "utf-8";
.instagram {
	--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Instagramのフォントに合わせた */
	--border: 1px solid rgb(219,219,219);
	--border-color: rgb(219,219,219);
}
/*
.instagram,
.instagram *,
.instagram::before,
.instagram::after {
	box-sizing: border-box;
}
*/
.instagram .instagram-layout {
	border: var(--border);
	/* border-radius: 4px; */
	display: flex;
	font-size: 0.875rem;
	/* font-size: 1.4rem; */
	line-height: 1.285714;
	font-family: var(--font-family);
	overflow: hidden;

	max-width: 960px;
	margin: 0 auto;
}
.instagram .instagram-layout a,
.instagram .instagram-layout a:visited {
	color: rgb(65,80,247);
	text-decoration: none;
}
.instagram .instagram-layout a:active {
	color: rgb(31,40,173);
	opacity: 0.5;
}
.instagram .instagram-layout .instagram-image {
	background-color: rgb(0,0,0);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 480px;
	/* max-height: 640px; */
}
.instagram .instagram-layout .instagram-image img,
.instagram .instagram-layout .instagram-image iframe {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto;
	/* object-fit: cover; */
}
.instagram .instagram-layout .instagram-image iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
}
.instagram .instagram-layout .instagram-content {
	border-left: var(--border);
	flex-grow: 1;
	min-width: 335px;
	display: flex;
	flex-direction: column;
}
.instagram .instagram-head {
	/* 大元のheaderのCSSを修正したら打ち消す */
	position: static;
	width: auto;
	background: transparent;
	height: auto;
	background: none;
	transition: none;
	transform: none;
	/* 以下追加 */
	border-bottom: var(--border);
	padding: 16px;
}
.instagram .instagram-head h1 {
	/* 大元のh1のCSSを修正したら打ち消す */
	margin: 0;
	color: inherit;
	font-size: 1em;
	letter-spacing: 0;
	line-height: inherit;
	font-family: inherit;
	/* font-weight: bold; */
	/* font-feature-settings: "palt"; */
	/* 以下追加 */
	font-size: 0.875rem;
	/* font-size: 1.4rem; */
}
.instagram .instagram-layout .instagram-body {
	/* padding: 16px; */
	overflow-y: auto;
	height: 100%;
	position: relative;
}
.instagram .instagram-layout .instagram-body .instagram-caption {
	padding: 16px;
	position: absolute;
}
.instagram p:first-of-type {
	/* margin-top: 0 !important; */
	margin-bottom: 0 !important;
}
/* splideの上書きここから */
.splide,
.splide__track,
.splide__list,
.splide__slide {
	height: inherit;
	max-height: inherit;
}
.splide__arrow:disabled {
	opacity: .25;
	/* pointer-events: none; */
}
.splide__slide {
	padding: 0 !important;
	/* padding: 32px 0 !important; */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	max-height: 640px;
	box-sizing: content-box;
}
.splide__video {
	width: auto;
	left: 0;
	right: 0;
	height: auto;
	/*
	top: 32px;
	bottom: 32px;
	*/
	top: 0;
	bottom: 0;
}
.splide__video__wrapper {
	height: 100%;
}
/* splideの上書きここまで */
.instagram .instagram-foot {
	padding: 16px;
	border-top: var(--border);
}
.instagram .instagram-foot time {
	color: rgb(115,115,115);
	font-size: 0.75rem;
	/* font-size: 1.2rem; */
}
@media only screen and (max-width:834px) {
.instagram .instagram-layout {
	display: block;
}
.instagram .instagram-layout .instagram-image {
	max-width: none;
}
.instagram .instagram-layout .instagram-content {
	border-left: none;
	min-width: auto;
	border-top: var(--border);
}
.instagram .instagram-layout .instagram-body .instagram-caption {
	position: static;
}
}