.fc-blue {
  color: #003894;
}

@media screen and (max-width: 768px) {
	html, body {
		overflow-x: hidden; /* ネガティブマージン要素による横スクロール防止 */
	}
	.is-0108 .column-list-article__main-contents__articlearea {
		margin: 0;  
		padding: 0 5vw 20px;
	}
}

/* 導入テキスト */
.is-0108 .column-list-article__main-contents__bodyText {
	text-align: center; 
	font-feature-settings: "palt";
	letter-spacing: 0.05em; 
	padding: 10px 0 0; 
}
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyText {
		font-size: 5vw; 
		line-height: 1.6; 
		text-align: justify; 
	}
}

/* INDEX */
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table {
	width: 700px; 
	margin: -10px auto 90px !important; 
	padding: 15px 30px 30px !important; 
	border: solid 4px #095ca8; 
	border-radius: 20px; 
}
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li {
	padding: 0 180px; 
	font-size: 115% !important; 
	line-height: 2.5; 
	white-space: nowrap; 
	border-bottom: solid 1px #095ca8; 
}
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li a {
	background: url("../../../images/static/column-list/column-niconico-0108/column-niconico-0108_IndexList01.png?$staticlink$") center left no-repeat; 
	background-size: 22px auto; 
	padding-left: 30px; 
	color: #095ca8; 
}
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li a:hover {
	opacity: 0.5;
	transition: 0.5s;  
}
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li:before {
	border: none; 
}
.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li:nth-of-type(1) {
	text-align: center; 
	font-size: 125% !important; 
	font-weight: bold; 
}
.is-0108 .column-list-article__main-contents__index {
	position: relative; 
}
.is-0108 .column-list-article__main-contents__index img {
	width: auto; 
	position: absolute;
}
.is-0108 .column-list-article__main-contents__index img:nth-of-type(1) { top: -20px; left: 70px; }
.is-0108 .column-list-article__main-contents__index img:nth-of-type(2) { top: 175px; left: 80px; }
.is-0108 .column-list-article__main-contents__index img:nth-of-type(3) { top: -10px; right: 150px; }
.is-0108 .column-list-article__main-contents__index img:nth-of-type(4) { top: 165px; right: 70px; }
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table {
		width: auto; 
		margin: -3vw 0 12vw !important; 
	}
	.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li {
		padding: 0; 
		line-height: 1.4; 
	}
	.is-0108 .column-list-article__main-contents__index .column-list-article__main-contents__table li:nth-of-type(1) {
		padding: 3vw 0; 
	}
	.is-0108 .column-list-article__main-contents__index img:nth-of-type(1) { top: -7vw; left: -8vw; }
	.is-0108 .column-list-article__main-contents__index img:nth-of-type(2) { top: 60vw; left: 44vw; }
	.is-0108 .column-list-article__main-contents__index img:nth-of-type(3) { display: none; }
	.is-0108 .column-list-article__main-contents__index img:nth-of-type(4) { top: 44vw; right: -8vw; }
}

/* 記事エリアメイン */
.is-0108 .column-list-article__main-contents__bodyBG {
	background: url("../../../images/static/column-list/column-niconico-0108/column-niconico-0108_bodyBG01.png?$staticlink$") 0 0 repeat-y; 
	padding: 100px 0 0; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper {
	position: relative; 
	padding-bottom: 60px; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper:after {
	width: 0; height: 0; 
	margin: 0; 
	background: none;
}
.is-0108 .column-list-article__main-contents__bodyWrapper img {
	width: auto; 
}
.is-0108 .column-list-article__main-contents__bodyTitle {
	background: #095ca8; 
	border-radius: 20px; 
	margin: 0 40px 30px; 
}
.is-0108 .column-list-article__main-contents__bodyTitle img {
	margin: 0 auto;
	padding: 8px 0;  
}
.is-0108 .column-list-article__main-contents__bodyTitleBalloon {
	position: absolute; 
}
.is-0108 .column-list-article__main-contents__bodyItem {
	position: relative; 
	width: 400px; 
	margin: 0 0 20px; 
}
.is-0108 .column-list-article__main-contents__bodyItemText {
	display: none;
}
.is-0108 .column-list-article__main-contents__bodyItemPoint {
	position: absolute; 
	top: 406px; left: 100px; 
	width: 280px; 
	font-size: 125%; 
	line-height: 1.35; 
	font-weight: bold; 
	text-align: justify; 
	letter-spacing: -0.02em; 
}
.is-0108 .column-list-article__main-contents__bodyItemPoint strong {
	color: #ad121b; 
}
.is-0108 .column-list-article__main-contents__bodyItemPoint small {
	display: block; 
	margin: 7px 0 0 -80px; 
	font-size: 85%; 
	font-weight: normal; 
}
.is-0108 .column-list-article__main-contents__bodyItemLink {
	position: absolute; 
	bottom: 20px; left: 0; right: 0;   
}
.is-0108 .column-list-article__main-contents__bodyItemLink a:hover {
	opacity: 0.5;
	transition: 0.5s;  
}
.bodyItemBalloon, 
.bodyItemCharacter, 
.bodyItemElement {
	position: absolute; 
}

/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyBG {
		padding: 0 0 8vw; 
		margin: 0 -5vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyBG:before {
		content: ""; 
		display: block; 
		border-top: solid 10px #fff; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper {
		padding-bottom: 3vw; 
		padding: 13vw 0 0;
	}
	.is-0108 .column-list-article__main-contents__bodyTitle {
		border-radius: 5vw; 
		margin: 0 5vw 5vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyTitle img {
		margin: 0 auto;
		padding: 2vw 0; 
		max-width: 90%; 
	}
	.is-0108 .column-list-article__main-contents__bodyTitleBalloon {
		position: absolute; 
	}
	.is-0108 .column-list-article__main-contents__bodyItem {
		position: relative; 
		width: 85vw; 
		margin: 0 auto 5vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyItemProduct img {
		width: 100%; 
	}
	.is-0108 .column-list-article__main-contents__bodyItemPoint {
		top: 108vw; left: 22vw; 
		width: 58vw; 
		font-size: 5vw; 
		line-height: 1.4; 
	}
	.is-0108 .column-list-article__main-contents__bodyItemPoint small {
		margin: 2vw 0 0 -4vw; 
	}
}


/* Vロートプレミアムシリーズ ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper01 .column-list-article__main-contents__bodyTitleBalloon {
	top: -130px; left: -18px; 
}
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper01 {
		padding: 19vw 0 0; 
		margin-top: -5vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .column-list-article__main-contents__bodyTitleBalloon {
		width: 38vw; 
		top: 0; left: 0; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .column-list-article__main-contents__bodyTitleBalloon img {
		width: 100%; 
	}
}

/* アルガード シリーズ ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper02 {
	margin-top: -2px; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyTitleBalloon {
	top: -60px; left: -30px; 
	z-index: 11; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyTitle {
	margin-bottom: 3px; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemProduct {
	padding-top: 27px !important; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItem {
	width: 410px; 
	margin: 0 0 20px; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemBallon {
	position: absolute; 
	top: 0; left: 175px; 
}
.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemPoint {
	top: 440px; 
}
/* PC */
@media screen and (min-width: 769px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemPoint small {
		margin: 7px 0 0 -80px; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem02 .column-list-article__main-contents__bodyItemBallon, 
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem04 .column-list-article__main-contents__bodyItemBallon {
		display: none;
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem02 .column-list-article__main-contents__bodyItemPoint, 
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem04 .column-list-article__main-contents__bodyItemPoint {
		left: 110px;  
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem02 .column-list-article__main-contents__bodyItemLink, 
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem04 .column-list-article__main-contents__bodyItemLink {
		bottom: 20px; left: 0;  
	}
}
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper02  {
		padding-top: 15vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyTitle {
		margin-bottom: 1vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyTitleBalloon {
		width: 38vw; 
		top: 4vw; left: -10vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyTitleBalloon img {
		width: 100%; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItem {
		width: auto; 
		margin: 0 auto; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemBallon {
		width: 39vw; 
		top: 4vw; left: -10vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemBallon img {
		width: 100%; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .column-list-article__main-contents__bodyItemPoint {
		top: 120vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem03 .column-list-article__main-contents__bodyItemPoint, 
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItem04 .column-list-article__main-contents__bodyItemPoint {
		top: 114vw; 
	}
}

/* その他の目薬 ------------------------- */
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .column-list-article__main-contents__bodyItemPoint {
		top: 100vw; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItem04 .column-list-article__main-contents__bodyItemPoint {
		top: 114vw; 
	}
}

/* 関連商品 ------------------------- */
/* PC */
@media screen and (min-width: 769px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .column-list-article__main-contents__bodyProducts {
		display: flex !important; 
		justify-content: center; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .column-list-article__main-contents__bodyProducts .column-list-article__main-contents__bodyItem {
		margin: 0 10px 10px; 
	}
}

/* =========================
  キャラクター
========================= */
/* Vロートプレミアムシリーズ ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemCharacter01 {
	top: 212px; left: -25px; }
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemBalloon01 {
	top: 142px; left: -28px; }
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemCharacter02 {
	top: 217px; right: -33px; }
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemBalloon02 {
	top: 122px; right: -30px; }
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemElement01 {
	top: 210px; left: 15px; }
.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemElement02 {
	top: 320px; right: 15px; }
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemCharacter01 {
		width: 33vw; top: auto; left: -5vw; bottom: 106vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemBalloon01 {
		width: 33vw; top: auto; left: -4vw; bottom: 142vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemCharacter02 {
		width: 26vw; top: auto; right: -5vw; bottom: 102vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemBalloon02 {
		width: 33vw; top: auto; right: -5vw; bottom: 140vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemElement01 {
		width: 17vw; top: auto; left: 0; bottom: 118vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper01 .bodyItemElement02 {
		width: 16vw; top: auto; right: -1vw; bottom: 118vw; }
}
/* アルガード シリーズ ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemCharacter01 {
	top: 92px; right: -35px; }
.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemBalloon01 {
	top: -30px; right: -33px; }
.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemElement01 {
	top: 125px; left: 10px; }
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemCharacter01 {
		width: 30vw; top: auto; right: 1vw; bottom: 98vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemBalloon01 {
		width: 43vw; top: auto; right: -8vw; bottom: 133vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .bodyItemElement01 {
		width: 15vw; top: auto; left: 5vw; bottom: 140vw; }
}
/* その他の目薬 ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemCharacter01 {
	top: 260px; left: -30px; }
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemBalloon01 {
	top: 140px; left: -35px; }
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemCharacter02 {
	top: 92px; right: -20px; }
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemBalloon02 {
	top: -32px; right: -32px; }
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemElement01 {
	top: 320px; left: 10px; }
.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemElement02 {
	top: 210px; right: 15px; }
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemCharacter01 {
		width: 31vw; top: auto; left: 1vw; bottom: 106vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemBalloon01 {
		width: 40vw; top: auto; left: -5vw; bottom: 134vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemCharacter02 {
		width: 33vw; top: auto; right: -1vw; bottom: 98vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemBalloon02 {
		width: 44vw; top: auto; right: -8vw; bottom: 130vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemElement01 {
		width: 16vw; top: auto; left: 1vw; bottom: 114vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper03 .bodyItemElement02 {
		width: 17vw; top: auto; right: -2vw; bottom: 118vw; }
}
/* 関連商品 ------------------------- */
.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemCharacter01 {
	top: 228px; left: 17px; }
.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemBalloon01 {
	top: 115px; left: -35px; }
.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemElement01 {
	top: 265px; right: 15px; }
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemCharacter01 {
		width: 27vw; top: auto; left: 4vw; bottom: 45vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemBalloon01 {
		width: 40vw; top: auto; left: -5vw; bottom: 70vw; }
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .bodyItemElement01 {
		width: 16vw; top: auto; right: -1vw; bottom: 58vw; }
}

/* --------------------------------------------------
  アニメーション
-------------------------------------------------- */
.is-0108 .column-list-article__main-contents__bodyImg {
	display: none; 
}

/* mainarea */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
    position: relative;
    width: 1000px;
    height: 667px;
    overflow: hidden;
    margin: 0 auto;
}

/* PC */
@media screen and (min-width: 769px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-wrapper {
        width: 900px;
    }
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.9);
        transform-origin: top left;
    }
}

/* SP */
@media screen and (max-width: 768px) {
  .is-0108 .column-list-article__main-contents__bodyMainAnimation-wrapper {
		width: 90vw;
		aspect-ratio: 1000 / 667;
  }

  .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
		transform-origin: top left;
  }
}
/* 320px * 0.9 / 1000 = 0.288 */
@media screen and (min-width: 320px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.29);
        margin-left: calc((90vw - (1000px * 0.29)) / 2);
    }
}
/* 360px * 0.9 / 1000 = 0.324 */
@media screen and (min-width: 360px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.32);
        margin-left: calc((90vw - (1000px * 0.32)) / 2);
    }
}
/* 375px * 0.9 / 1000 = 0.3375 */
@media screen and (min-width: 375px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.34);
        margin-left: calc((90vw - (1000px * 0.34)) / 2);
    }
}
/* 414px * 0.9 / 1000 = 0.3726 */
@media screen and (min-width: 414px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.38);
        margin-left: calc((90vw - (1000px * 0.38)) / 2);
    }
}
/* 480px * 0.9 / 1000 = 0.432 */
@media screen and (min-width: 480px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.43);
        margin-left: calc((90vw - (1000px * 0.43)) / 2);
    }
}
/* 600px * 0.9 / 1000 = 0.54 */
@media screen and (min-width: 600px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.6);
        margin-left: calc((90vw - (1000px * 0.6)) / 2);
    }
}
/* 768px * 0.9 / 1000 = 0.6912 */
@media screen and (min-width: 768px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.63);
        margin-left: calc((100% - (1000px * 0.69)) / 2);
    }
}

@media screen and (min-width: 769px) {
    .is-0108 .column-list-article__main-contents__bodyMainAnimation-container {
        transform: scale(0.9);
        transform-origin: top left;
        margin-left: 0; 
    }
}

/* -------------------------------------------------- */
/* MainAnimation */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img {
    position: absolute;
    display: block;
    width: auto !important;
    height: auto;
    opacity: 0;
    animation-fill-mode: both;
}

/* main01 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(1) {
    inset: 0;
    opacity: 1;
    z-index: 1;
}

/* main10 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(10) {
	top: 30px; left: 30px;
	z-index: 2;
	animation: flashLineOnce 0.6s ease-out 1.2s 1 forwards;
}
@keyframes flashLineOnce {
    0% { 
        opacity: 0; 
        transform: scale(1.1);
    }
    10% { 
        opacity: 1; 
        transform: scale(1);
    }
    30.1%, 50% { opacity: 0.3; }
    50.1%, 70% { opacity: 1; }
    70.1%, 99.9% { opacity: 0.3; }
    100% { 
        opacity: 1;
        transform: scale(1);
    }
}

/* main02 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(2) {
    bottom: 429px; left: 280px;
    z-index: 5;
    transform-origin: bottom;
    animation: dropSquash 0.8s ease-in 0.3s forwards;
}
@keyframes dropSquash {
    0% { transform: translateY(-600px); opacity: 0; }
    70% { transform: translateY(0) scaleY(1); opacity: 1; }
    85% { transform: translateY(0) scaleY(0.8); }
    100% { transform: translateY(0) scaleY(1); opacity: 1; }
}

/* main04 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(4) {
    bottom: 20px; left: 289px;
    z-index: 6;
    animation: riseSquash 0.8s ease-in 1.2s forwards;
}
@keyframes riseSquash {
    0% { transform: translateY(400px); opacity: 0; }
    70% { transform: translateY(0) scaleY(1); opacity: 1; }
    85% { transform: translateY(0) scaleY(0.9); }
    100% { transform: translateY(0) scaleY(1); opacity: 1; }
}

/* main03 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(3) {
    top: 174px; left: 194px;
    z-index: 4;
    animation: zoomImpact 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2s forwards;
}
@keyframes zoomImpact {
	  0% { transform: scale(0); opacity: 0; }
	 70% { transform: scale(1.1); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

/* main09 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(9) {
	top: 0; left: 102px;
	z-index: 3;
	animation: zoomImpact 0.5s ease-out 2s forwards,
		poyonLoop 6s ease-in-out 4s infinite;
}
@keyframes poyonLoop {
	0%, 90%, 100% { transform: scale(1); }
	93% { transform: scale(1.1); }
	96% { transform: scale(0.95); }
}

/* main05 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(5) { 
	top: 427px; left: 82px; 
	z-index: 7; 
	animation: zoomImpact 0.5s ease-out 2.2s forwards; 
}
/* main06 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(6) { 
	top: 375px; right: 122px; 
	z-index: 8; 
	animation: zoomImpact 0.5s ease-out 2.4s forwards; 
}

/* main07 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(7) {
	top: 157px; left: 92px;
	z-index: 9;
	animation: brakeLeft 1.8s cubic-bezier(0.15, 0, 0, 1) 2.5s forwards,
		tiltLoop7 4s infinite 3.8s;
}
@keyframes brakeLeft {
	  0% { transform: translateX(-600px) rotate(0); opacity: 0; }
	 20% { transform: translateX(20px) rotate(0deg); opacity: 1; }
	 50% { transform: translateX(10px) rotate(30deg);}
	 70% { transform: translateX(0) rotate(0deg); opacity: 1; }
	100% { transform: translateX(0) rotate(18deg); opacity: 1; }
}

/* main08 */
.is-0108 .column-list-article__main-contents__bodyMainAnimation-container img:nth-child(8) {
	top: 149px; right: 90px;
	z-index: 10;
	animation: brakeRight 1.8s cubic-bezier(0.15, 0, 0, 1) 2.5s forwards,
		tiltLoop8 4s infinite 3.8s;
}
@keyframes brakeRight {
	  0% { transform: translateX(600px) rotate(0); opacity: 0; }
	 20% { transform: translateX(-20px) rotate(0deg); opacity: 1; }
	 50% { transform: translateX(-10px) rotate(30deg);}
	 70% { transform: translateX(0) rotate(0deg); opacity: 1; }
	100% { transform: translateX(0) rotate(18deg); opacity: 1; }
}
@keyframes tiltLoop7 {
	 0%, 24.9% { transform: rotate(-18deg); }
	25%, 49.9% { transform: rotate(18deg); }
	50%, 74.9% { transform: rotate(-18deg); }
	75%, 100%  { transform: rotate(18deg); }
}
@keyframes tiltLoop8 {
	 0%, 24.9% { transform: rotate(-18deg); }
	25%, 49.9% { transform: rotate(18deg); }
	50%, 74.9% { transform: rotate(-18deg); }
	75%, 100% { transform: rotate(18deg); }
}

/* --------------------------------------------------
  スライダー上のキャラクターとフキダシ
-------------------------------------------------- */
.is-0108 .ext-char img {
    position: absolute;
    opacity: 0;
    transform: translateY(300px);
    pointer-events: none;
        transition: 
        opacity 0.2s ease-out 0s,
        transform 0s linear 0.3s; 
}

/* --- is-active --- */
.is-0108 .ext-char.is-active img {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition: 
        transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s,
        opacity 0.3s ease-out 0s;
}

.is-0108 .ext-char img[class*="Balloon"] {
    position: absolute;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: 0.5s;
}

/* PC */
@media (min-width: 769px) {
    .is-0108 .is-visible .ext-char.is-active img[class*="Balloon"] {
        animation: balloonAutoAppearance 2s ease-out 0.5s forwards;
    }
    .is-0108 .ext-char:hover img[class*="Balloon"] {
        animation: none !important;
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto;
        transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    }
    .is-0108 .ext-char:not(:hover) img[class*="Balloon"] {
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease-in, transform 0.3s ease-in;
    }
    .is-0108 .ext-char:hover img[class*="Character"] {
    	cursor: pointer;
    }
}

/* SP */
@media (max-width: 768px) {
    .is-0108 .is-visible .ext-char.is-active img[class*="Balloon"] {
        animation: balloonSP 0.5s ease-out 0.5s forwards;
    }
}

@keyframes balloonAutoAppearance {
    0%   { opacity: 0; transform: translateY(10px); }
    10%  { opacity: 1; transform: translateY(0); }
    90%  { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}
@keyframes balloonPC {
    0%   { opacity: 0; transform: translateY(10px); }
    10%  { opacity: 1; transform: translateY(0); }
    90%  { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}
@keyframes balloonSP {
    0%   { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.is-0108 .float-shake { 
	-webkit-animation: jello-horizontal 7s 0s infinite both; 
			animation: jello-horizontal 7s 0s infinite both; 
}
@keyframes jello-horizontal {
	0% {	-webkit-transform: scale3d(1, 1, 1); 
					transform: scale3d(1, 1, 1); }
	3% {	-webkit-transform: scale3d(1.15, 0.95, 1); 
					transform: scale3d(1.15, 0.95, 1); }
	4% {	-webkit-transform: scale3d(0.75, 1.25, 1); 
					transform: scale3d(0.75, 1.25, 1); }
	5% {	-webkit-transform: scale3d(1.15, 0.85, 1); 
					transform: scale3d(1.15, 0.85, 1); }
	6% {	-webkit-transform: scale3d(0.95, 1.05, 1); 
					transform: scale3d(0.95, 1.05, 1); }
	7% {	-webkit-transform: scale3d(1.05, 0.95, 1); 
					transform: scale3d(1.05, 0.95, 1); }
	8% {	-webkit-transform: scale3d(0.95, 1.05, 1); 
					transform: scale3d(0.95, 1.05, 1); }
	9% {	-webkit-transform: scale3d(1.05, 0.95, 1); 
					transform: scale3d(1.05, 0.95, 1); }
	10% {	-webkit-transform: scale3d(1, 1, 1); 
					transform: scale3d(1, 1, 1); }
	100% {	-webkit-transform: scale3d(1, 1, 1); 
					transform: scale3d(1, 1, 1); }
}
.is-0108 .float-shake.delay1 { animation-delay: 0s; }
.is-0108 .float-shake.delay2 { animation-delay: 1.2s; }
.is-0108 .float-shake.delay3 { animation-delay: 2.5s; }
.is-0108 .float-shake.delay4 { animation-delay: 5.0s; }
.is-0108 .float-shake.delay5 { animation-delay: 7.5s; }


/* ==================================================
  splide 
================================================== */
/* reset */
.is-0108 .splide__track {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
}
.is-0108 .splide__slide {
    box-sizing: border-box !important;
    padding: 0 !important;
}
.is-0108 .splide__slide img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.is-0108 .splide__arrow {
	background: #000 !important; 
	top: 56% !important;   
}
.is-0108 .splide__arrow svg {
	fill: #fff !important; 
}
.is-0108 .splide__pagination {
	bottom: -10px !important; 
}
.is-0108 .splide__pagination__page {
	background: #999 !important; 
}
.is-0108 .splide__pagination__page.is-active {
	background: #666 !important; 
	transform: scale(1) !important; 
}

.is-0108 .splide__slide p,
.is-0108 .splide__slide h2,
.is-0108 .splide__slide .bodyItemCharacter, 
.is-0108 .splide__slide .bodyItemBalloon, 
.is-0108 .splide__slide .bodyItemElement {
	opacity: 0; 
	transition: 1.0s ease;
}
.is-0108 .splide__slide .column-list-article__main-contents__bodyItemProduct {
	transform-origin: center center;
	transform: scale(0.9);
	transition: transform 0.5s ease;
	opacity: 1.0 !important; 
}
/* PC */
@media screen and (min-width: 769px) {
	.is-0108 .splide__arrow--prev {
		left: 1.5em !important; 
	}
	.is-0108 .splide__arrow--next {
		right: 1.5em !important; 
	}
	.is-0108 .splide__slide.is-visible *, 
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .splide__slide * {
		opacity: 1.0; 
	}
	.is-0108 .splide__slide.is-visible .column-list-article__main-contents__bodyItemProduct, 
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .splide__slide .column-list-article__main-contents__bodyItemProduct {
		transform: scale(1);
	}
}
/* SP */
@media screen and (max-width: 768px) {
	.is-0108 .splide__track {
		overflow: visible !important;
	}
	.is-0108 .splide__pagination {
		bottom: -1.5vw !important; 
	}
	.is-0108 .column-list-article__main-contents__bodyWrapper02 .splide__pagination {
		bottom: -5vw !important; 
	}
	.is-0108 .splide__slide.is-active * {
		opacity: 1.0; 
	}
	.is-0108 .splide__slide.is-active .column-list-article__main-contents__bodyItemProduct {
		transform: scale(1);
	}
	.is-0108 .splide__slide.is-active {
		z-index: 20; 
	}
}

@media screen and (min-width: 768px) {
    .is-0108 .splide__slide .column-list-article__main-contents__bodyItemProduct {
        transform: scale(0.9);
        opacity: 0.5;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
                    opacity 0.6s ease;
    }
    .is-0108 .splide__slide.is-active .column-list-article__main-contents__bodyItemProduct,
    .is-0108 .splide__slide.is-active + .splide__slide .column-list-article__main-contents__bodyItemProduct {
        transform: scale(1.0);
        opacity: 1;
    }
}

.is-0108 .splide-shadowBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
}
.is-0108 .splide-shadowBox img {
	width: 100%; 
}
@media screen and (min-width: 768px) {
	.is-0108 .column-list-article__main-contents__bodyWrapper04 .splide-shadowBox {
		display: none; 
	}
}

.is-0108 .splide:not(.is-moving):not(.is-dragging) .splide-shadowBox {
    opacity: 1;
}

.is-0108 .splide__slide {
    opacity: 0.7;
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.is-0108 .column-list-article__main-contents__bodyWrapper04 .splide__slide {
	opacity: 1;
}

@media screen and (min-width: 768px) {
    .is-0108 .splide__slide.is-active,
    .is-0108 .splide__slide.is-active + .splide__slide {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .is-0108 .splide__slide.is-active {
        opacity: 1;
    }
}