A HAPPY NEW YEAR

.news_content p {
margin-bottom: 16px !important;
}
.mv_slider {
height: auto !important;
}
.mvs_item video {
/* PC時は16:9 */
width: 100%;
height: 56.25%;
}
@media (max-width: 959px) {
.news_content p {
margin-bottom: 1.83vw !important;
}
.mv_slider {
height: auto !important;
}
.mvs_item video {
/* SP時は9:16 */
width: 100%;
height: 177.78%;
}
}

document.addEventListener(‘DOMContentLoaded’, function () {
// トップページ動画処理
// 切り替える対象にclass属性。
var elem = document.querySelector(‘.switch’);
// 切り替えの対象のsrc属性の末尾の文字列。
var sp = ‘_sp.’;
var pc = ‘_pc.’;
// 画像を切り替えるウィンドウサイズ。
var replaceWidth = 960;
var resizeTimer;
var video = document.getElementById(‘top_mv_video’);
var source = document.querySelector(‘#top_mv_video .switch’);
var windowWidth = parseInt(window.innerWidth);
function imageSwitch() {
// ウィンドウサイズを取得する。
var windowWidth = parseInt(window.innerWidth);
// ページ内にあるすべての`.switch`に適応される。
if (windowWidth >= replaceWidth) {
if (!video.classList.contains(‘pc_w’)) {
source.src = source.src.replace(sp, pc);
video.load();
video.play();
video.classList.remove(‘sp_w’);
video.classList.add(‘pc_w’);
}
// ウィンドウサイズが768px未満であれば_pcを_spに置換する。
} else {
if (!video.classList.contains(‘sp_w’)) {
source.src = source.src.replace(pc, sp);
video.load();
video.play();
video.classList.remove(‘pc_w’);
video.classList.add(‘sp_w’);
}
}
console.log(“imageSwitch”);
}
imageSwitch();
window.addEventListener(‘resize’, function () {
// トップページ動画の切り替え処理
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function () {
imageSwitch();
}, 200);
console.log(“windowResize”);
});
});