/* Youtubeポップアップ ＞ 共通スタイル */
#pagebox {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 9999;transition: 0.2s ease-in-out;animation-name: PullDown;animation-duration: 0.6s;}
#pagebox-content {position: relative;max-width: 900px;padding: 10px;box-sizing: border-box;}
#pagebox-video {width: 100%;height: 100%;}
#openPagebox {transition: 0.2s ease-in-out;}
#openPagebox i {color:#fff;}
#closePagebox {position: absolute;background: #222;color: #fff;border-radius: 100px;cursor: pointer;animation-name: PullDown;animation-duration: 0.6s;}

/* Youtubeポップアップ ＞ スマホ用スタイル (1023px以下) */
@media (max-width: 1023px) {
#pagebox-content {width: 95%;height: auto;aspect-ratio: 16 / 9;}
#closePagebox {top: -2px;right: 2px;font-size: 28px;padding: 11px 14px;}
}

/* Youtubeポップアップ ＞ デスクトップ用スタイル (1024px以上) */
@media (min-width: 1024px) {
#pagebox-content {width: 80%;height: 60%;}
#closePagebox {top: -4px;right: -4px;font-size: 24px;padding: 6px 5px;}
}

/* Youtubeポップアップ ＞ 共通スタイル */
#lightbox {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 9999;transition: 0.2s ease-in-out;animation-name: PullDown;animation-duration: 0.6s;}
#lightbox-content {position: relative;max-width: 900px;padding: 10px;box-sizing: border-box;}
#lightbox-video {width: 100%;height: 100%;}
#openLightbox {margin-top:1em;margin-bottom:2em;display:inline-block !important;background: #1d2975;color: #000;padding: 8px 14px;border-radius: 100px;font-size: 14px;font-weight:bold;color:#fff;transition: 0.2s ease-in-out;}
#openLightbox:hover {background: rgba(255, 0, 0, 1.0);}
#openLightbox i {color:#fff;}
#closeLightbox {position: absolute;background: #333;color: #fff;border-radius: 100px;cursor: pointer;animation-name: PullDown;animation-duration: 0.6s;}

/* Youtubeポップアップ ＞ スマホ用スタイル (1023px以下) */
@media (max-width: 1023px) {
#lightbox-content {width: 95%;height: auto;aspect-ratio: 16 / 9;}
#closeLightbox {top: -2px;right: 2px;font-size: 28px;padding: 11px 14px;}
#openLightbox i{margin-right: 0.2em;padding:0.2em;font-size:120%;display:inline-block;vertical-align:middle;}
}

/* Youtubeポップアップ ＞ デスクトップ用スタイル (1024px以上) */
@media (min-width: 1024px) {
#lightbox-content {width: 80%;height: 60%;}
#closeLightbox {top: -4px;right: -4px;font-size: 24px;padding: 6px 5px;}
#openLightbox i {margin-right: 0.2em;vertical-align: middle;font-size:120%;padding:0.1em 0.3em 0 0.4em;display:inline-block;line-height:17px;margin-top:-3px;}
}