.p-index-content01 {margin-top: 100px;
box-shadow: none;
}


.wrap-video video {
    background-color: black;
    min-height: 100%;
    min-width: 100%;
}



@media (max-width: 767px) {
   /* 横幅が320px以下の場合に適用するスタイル */
	.p-index-content01 {margin-top: 0px}
.hero-visual {   
	width: 100%;
}
	.wrap-video ,
	.wrap-video video   {
		 width: 100%;
}
.p-list__item-toggle {
    top: 20px;
}
}
@media (min-width: 1800px) {
   /* 横幅が1180px以上の場合に適用するスタイル */
.hero-visual {
			    background-color: black;
}
	.wrap-video  {
		 margin: 0 auto;
		    max-width: 1800px;
}
.wrap-video video {
    min-height: 100%;
    max-width: 1800px;

}
}


/* 動画全体の横幅を指定するためのdiv */
.video-wrap {
  max-width: 80%; /* ここに動画の横幅を指定 */
	margin: 0 auto;
}

/* 動画を囲うdiv */
.video {
  position: relative;
  width:100%; /* 横幅は100%で固定 */
  height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
  padding-top: 56.25%; /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-social-nav__item--facebook a::before {
    content: "\Ea9e";
}


.post_col-2 iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.p-entry__body table.table {
  width: 100%;
  overflow-x: auto;
}

.p-entry__body table.table td  {
  word-wrap: break-word;
}

@media screen and (max-width: 991px) {
    .p-info__inner {
        display: block;
    }
}

.p-social-nav__item--twitter a::before {
    content: none; /* 疑似要素を無効化 */
}

.p-social-nav__item--twitter a {
    width: 20px; /* 必要に応じてサイズを調整 */
    height: 20px;
    display: inline-block; /* インライン要素として使用可能 */
    background-image: url('https://fis.meijigakuin.ac.jp/wp-content/uploads/2025/01/logo-black.png'); /* 使用する画像のパスを記載 */
    background-size: contain; /* 画像をコンテナに収める */
    background-repeat: no-repeat; /* 画像を繰り返さない */
    background-position: center; /* 画像を中央に配置 */
    overflow: hidden; /* 子要素がコンテナを超えないようにする（必要に応じて） */
}