/* global
----------------------------------------------- */

body {
	overflow-y: scroll;
}
header {
	z-index: 98;
}
#content {
	max-width: 100%;
}
#footer {
	position: relative;
	margin-top: 0;
	z-index: 4;
}


/* body
----------------------------------------------- */

.jslpCampaignBody--disable {
	pointer-events: none;
}


/* campaign
----------------------------------------------- */

.lpCampaign {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	word-break: break-word;
	background-color: #fff;
	overflow: hidden;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-print-color-adjust: exact;
}
.lpCampaign img {
	width: 100%;
	height: auto;
}


/* loading
----------------------------------------------- */

.lpCampaignLoading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}
.lpCampaignLoading__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
}
.lpCampaignLoading__progress {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
}
.lpCampaignLoading__icons {
	font-size: 0;
	text-align: center;
}
.lpCampaignLoading__icon {
	display: inline-block;
	margin: 0 10px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: linear-gradient(to right, #e60012 0%, #e94820 50%, #ef7e00 100%);
	animation-name: lpCampaignLoading1;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}
.lpCampaignLoading__icon:nth-child(1) {
	animation-delay: -0.32s;
}
.lpCampaignLoading__icon:nth-child(2) {
	animation-delay: -0.16s;
}
.lpCampaignLoading__text {
	margin: 20px 0 0;
	font-size: 21px;
	font-weight: 900;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	animation-name: lpCampaignLoading2;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

/* ready */

.js-lpCampaignLoading-ready .lpCampaignLoading__mask {
	transition-property: opacity;
	transition-duration: 0.5s;
}
.js-lpCampaignLoading-ready .lpCampaignLoading__progress {
	transition-property: opacity, transform;
	transition-duration: 0.25s;
}

/* start */

.js-lpCampaignLoading-start .lpCampaignLoading__mask {
	opacity: 0;
}
.js-lpCampaignLoading-start .lpCampaignLoading__progress {
	opacity: 0;
	transform: rotate(0.09deg) scale(0.8);
}

/* end */

.js-lpCampaignLoading-end {
	pointer-events: none;
	visibility: hidden;
}


/* gradient
----------------------------------------------- */

.lpCampaignGradient {
	color: #e60012;
	background: -webkit-linear-gradient(0deg, #e60012, #ef7e00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* title
----------------------------------------------- */

.lpCampaignTitle {
	font-weight: 700;
}
.lpCampaignTitle--h2 {
	font-size: 42px;
	text-indent: 0.05em;
	letter-spacing: 0.05em;
	line-height: 54px;
}
.lpCampaignTitle--h3 {
	font-size: 36px;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 54px;
}


/* text
----------------------------------------------- */

.lpCampaignText {
	font-size: 18px;
	line-height: 36px;
}


/* scroll
----------------------------------------------- */

.lpCampaignScroll {
	position: relative;
	z-index: 1;
}
.lpCampaignScroll__icon {
	display: block;
	width: 32px;
	height: 178px;
	background-image: url(../img/common/scroll.svg);
	background-repeat: no-repeat;
	background-size: 128px 178px;
}
.lpCampaignScroll__icon:nth-child(n + 2) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	animation-name: lpCampaignScroll;
	animation-duration: 4.5s;
	animation-iteration-count: infinite;
}
.lpCampaignScroll__icon:nth-child(1) {
	background-position: 0 0;
}
.lpCampaignScroll__icon:nth-child(2) {
	background-position: -32px 0;
	animation-delay: -0.1s;
}
.lpCampaignScroll__icon:nth-child(3) {
	background-position: -64px 0;
	animation-delay: -0.05s;
}
.lpCampaignScroll__icon:nth-child(4) {
	background-position: -96px 0;
	animation-delay: 0s;
}


/* cracker
----------------------------------------------- */

.lpCampaignCracker {
	position: relative;
	z-index: 1;
}
.lpCampaignCracker__icon {
	width: 160px;
	height: 160px;
	background-image: url(../img/common/icon_cracker.png);
	background-repeat: no-repeat;
	background-size: 320px 160px;
}
.lpCampaignCracker__icon:first-child {
	background-position: 0 0;
}
.lpCampaignCracker__icon:last-child {
	position: absolute;
	top: 0;
	left: 0;
	background-position: -160px 0;
	z-index: 1;
}

/* ready */

.js-lpCampaignIndicate-ready.lpCampaignCracker .lpCampaignCracker__icon:first-child {
	transform: translate(-10%,10%);
	transform-origin: left bottom;
}
.js-lpCampaignIndicate-ready.lpCampaignCracker .lpCampaignCracker__icon:last-child {
	transform: rotate(0.09deg) scale(0);
}

/* start */

.js-lpCampaignIndicate-start.lpCampaignCracker .lpCampaignCracker__icon:first-child {
	animation-name: lpCampaignCracker;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.js-lpCampaignIndicate-start.lpCampaignCracker .lpCampaignCracker__icon:last-child {
	transform: rotate(0deg) scale(1);
	transition-property: transform;
	transition-duration: 0.4s;
	transition-delay: 0.4s;
	transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}


/* button
----------------------------------------------- */

.lpCampaignButton {
	display: block;
	position: relative;
	margin: auto;
	width: 315px;
	height: 75px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border-radius: 8px;
	z-index: 1;
}
.lpCampaignButton:before,
.lpCampaignButton:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	z-index: 1;
}
.lpCampaignButton:before {
	background: linear-gradient(to right, #e60012 0%, #e94820 50%, #ef7e00 100%);
	opacity: 0;
}
.lpCampaignButton:after {
	border: 4px solid #000;
	box-sizing: border-box;
}
.lpCampaignButton__label {
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	text-indent: 0.1em;
	letter-spacing: 0.1em;
	line-height: 72px;
	z-index: 2;
}
.lpCampaignButton__label:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	margin: -10px 0 0;
	width: 20px;
	height: 20px;
	background-image: url(../img/common/button_arrow.png);
	background-repeat: no-repeat;
	background-size: 20px;
	z-index: 1;
}


/* smartphone
----------------------------------------------- */

.lpCampaignSmartphone {
	position: relative;
	z-index: 1;
}
.lpCampaignSmartphone__icon {
	width: 120px;
	height: 120px;
	background-image: url(../img/common/icon_smartphone.png);
	background-repeat: no-repeat;
	background-size: 240px 120px;
}
.lpCampaignSmartphone__icon:first-child {
	background-position: 0 0;
}
.lpCampaignSmartphone__icon:last-child {
	position: absolute;
	top: 0;
	left: 0;
	background-position: -120px 0;
	z-index: 1;
}

/* ready */

.js-lpCampaignIndicate-ready.lpCampaignSmartphone .lpCampaignSmartphone__icon:last-child {
	opacity: 0;
	transform: rotate(0.09deg) scale(0.8);
}

/* start */

.js-lpCampaignIndicate-start.lpCampaignSmartphone .lpCampaignSmartphone__icon:last-child {
	animation-name: lpCampaignSmartphone;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}


/* forks
----------------------------------------------- */

.lpCampaignForks {
	position: relative;
	z-index: 1;
}
.lpCampaignForks__icon {
	width: 64px;
	height: 64px;
	background-image: url(../img/common/icon_forks.png);
	background-repeat: no-repeat;
	background-size: 128px 64px;
}
.lpCampaignForks__icon:first-child {
	background-position: 0 0;
}
.lpCampaignForks__icon:last-child {
	position: absolute;
	top: 0;
	left: 0;
	background-position: -64px 0;
	z-index: 1;
}

/* ready */

.js-lpCampaignIndicate-ready.lpCampaignForks .lpCampaignForks__icon {
	transform-origin: bottom;
}

/* start */

.js-lpCampaignIndicate-start.lpCampaignForks .lpCampaignForks__icon {
	animation-name: lpCampaignForks;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
.js-lpCampaignIndicate-start.lpCampaignForks .lpCampaignForks__icon:last-child {
	animation-delay: 0.25s;
}


/* share
----------------------------------------------- */

.lpCampaignShare {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.lpCampaignShare__balloon {
	margin: 0 28px 82px -5px;
	width: 145px;
}
.lpCampaignShare__label {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.lpCampaignShare__lists {
	font-size: 0;
}
.lpCampaignShare__list {
	display: inline-block;
	margin: 0 0 0 20px;
	width: 75px;
}
.lpCampaignShare__list:first-child {
	margin: 0 0 0 15px;
}


/* mogol
----------------------------------------------- */

.lpCampaignMogol {
}
.lpCampaignMogol__item {
	position: absolute;
	z-index: 2;
}
.lpCampaignMogol__item--center {
	top: -80px;
	left: 50%;
	margin: 0 0 0 -343px;
	width: 686px;
	text-align: center;
}
.lpCampaignMogol__item--left,
.lpCampaignMogol__item--right {
	top: -82px;
	width: 537px;
}
.lpCampaignMogol__item--left {
	left: 50%;
	margin: 0 0 0 -728px;
}
.lpCampaignMogol__item--right {
	right: 50%;
	margin: 0 -728px 0 0;
}


/* ball
----------------------------------------------- */

.lpCampaignBall {
}
.lpCampaignBall__list {
	position: absolute;
	left: 50%;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: linear-gradient(to right, #e60012 0%, #e94820 50%, #ef7e00 100%);
	z-index: 1;
}


/* confetti
----------------------------------------------- */

.lpCampaignConfetti {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	z-index: -1;
}


/* article
----------------------------------------------- */

.lpCampaignArticle {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.lpCampaignArticle__image {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	z-index: 1;
}
.lpCampaignArticle__image img {
	margin: -8px 0;
}
.lpCampaignArticle__subject {
	margin: 25px -10px 0;
	height: 56px;
	text-align: center;
	overflow: hidden;
}
.lpCampaignArticle__subject span {
	display: -webkit-box;
	height: 56px;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.lpCampaignArticle__icon:after {
	display: block;
	content: "";
	position: absolute;
	top: -27px;
	right: -27px;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-size: 54px;
	pointer-events: none;
	z-index: 1;
}
.lpCampaignArticle__icon--twitter:after {
	background-image: url(https://park.ajinomoto.co.jp/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_twitter.png);
}
.lpCampaignArticle__icon--line:after {
	background-image: url(https://park.ajinomoto.co.jp/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_line.png);
}
.lpCampaignArticle__icon--facebook:after {
	background-image: url(https://park.ajinomoto.co.jp/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_facebook.png);
}
.lpCampaignArticle__icon--instagram:after {
	background-image: url(https://park.ajinomoto.co.jp/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_insta.png);
}
.lpCampaignArticle__icon--pinterest:after {
	background-image: url(https://park.ajinomoto.co.jp/wp-content/themes/ajinomoto/resources/images/recipe/index_new/ico_pinterest.png);
}


/* entry
----------------------------------------------- */

.lpCampaignEntry {
	display: block;
	position: relative;
	z-index: 1;
}
.lpCampaignEntry:after {
	display: block;
	content: "";
	position: absolute;
	right: 12.5%;
	bottom: 12%;
	width: 54px;
	height: 54px;
	background-image: url(../img/common/icon_zoom.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	background-color: #fa4022;
	border-radius: 50%;
	z-index: 2;
}
.lpCampaignEntry__frame {
	display: block;
}
.lpCampaignEntry__image {
	position: absolute;
	top: 8.9%;
	left: 8.9%;
	right: 8.9%;
	bottom: 8.9%;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 2;
}
.lpCampaignEntry__image:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: -1;
	opacity: 0;
}
.lpCampaignEntry__image img {
	position: relative;
	z-index: 1;
}

/* ready */

.js-lpCampaignIndicate-ready.lpCampaignEntry:after {
	transform: rotate(0.09deg) scale(0);
}
.js-lpCampaignIndicate-ready.lpCampaignEntry .lpCampaignEntry__frame,
.js-lpCampaignIndicate-ready.lpCampaignEntry .lpCampaignEntry__image {
	opacity: 0;
	transform: rotate(0.09deg) scale(0.8);
}

/* start */

.js-lpCampaignIndicate-start.lpCampaignEntry:after,
.js-lpCampaignIndicate-start.lpCampaignEntry .lpCampaignEntry__frame,
.js-lpCampaignIndicate-start.lpCampaignEntry .lpCampaignEntry__image {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	transition-property: opacity, transform;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.js-lpCampaignIndicate-start.lpCampaignEntry:after {
	transition-delay: 0.25s;
}
.js-lpCampaignIndicate-start.lpCampaignEntry .lpCampaignEntry__frame {
	transition-duration: 0.65s;
}

/* loading */

.js-lpCampaignModalopen-loading:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-image: url(../img/common/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px;
	background-color: #fff;
	z-index: 3;
}


/* modal
----------------------------------------------- */

.lpCampaignModal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}
.lpCampaignModal__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 1;
}
.lpCampaignModal__outer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.lpCampaignModal__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.lpCampaignModal__content {
	display: flex;
	position: relative;
	max-width: 1180px;
	z-index: 1;
}
.lpCampaignModal__columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 40px;
	height: 600px;
	z-index: 1;
}
.lpCampaignModal__column:first-child {
	width: 54.54%;
	width: 600px;
}
.lpCampaignModal__column:last-child {
	width: 37.27%;
	width: calc(100% - 687px);
}
.lpCampaignModal__image,
.lpCampaignModal__video {
	position: relative;
	height: 600px;
	font-size: 0;
	z-index: 1;
}
.lpCampaignModal__image img,
.lpCampaignModal__video video {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	transform: translate(-50%,-50%);
}
.lpCampaignModal__video {
	cursor: pointer;
}
.lpCampaignModal__video:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
	width: 120px;
	height: 120px;
	background-image: url(../img/common/icon_play.png);
	background-repeat: no-repeat;
	background-size: 120px;
	pointer-events: none;
	z-index: 1;
}
.lpCampaignModal__main {
	margin: 0 20% 0 0;
}
.lpCampaignModal__name {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 40px;
}
.lpCampaignModal__comment {
	margin: 10px 0 0;
	font-size: 18px;
	text-align: justify;
	letter-spacing: 0.05em;
	line-height: 32px;
}
.lpCampaignModal__logo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 188px;
	z-index: 1;
}
.lpCampaignModal__close {
	position: absolute;
	top: 0;
	right: 40px;
	width: 40px;
	cursor: pointer;
	z-index: 2;
}

/* initial */

.lpCampaignModal {
	pointer-events: none;
	visibility: hidden;
}
.lpCampaignModal__mask {
	opacity: 0;
}
.lpCampaignModal__image,
.lpCampaignModal__video {
	opacity: 0;
	transform: rotate(0.09deg) scale(0.95);
}
.lpCampaignModal__main {
	opacity: 0;
}
.lpCampaignModal__logo {
	opacity: 0;
	transform: translateX(15%);
}
.lpCampaignModal__close {
	transform: rotate(0.09deg) scale(0);
}

/* ready */

.js-lpCampaignModal-ready {
	transition-property: visibility;
	transition-duration: 0s;
	transition-delay: 0.75s;
}
.js-lpCampaignModal-ready .lpCampaignModal__mask {
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.25s;
}
.js-lpCampaignModal-ready .lpCampaignModal__image,
.js-lpCampaignModal-ready .lpCampaignModal__video {
	transition-property: opacity, transform;
	transition-duration: 0.5s;
	transition-delay: 0s;
}
.js-lpCampaignModal-ready .lpCampaignModal__main {
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0s;
}
.js-lpCampaignModal-ready .lpCampaignModal__logo {
	transition-property: opacity, transform;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
.js-lpCampaignModal-ready .lpCampaignModal__close {
	transition-property: transform;
	transition-duration: 0.25s;
	transition-delay: 0s;
}

/* open */

.js-lpCampaignModal-open {
	pointer-events: auto;
	visibility: visible;
	transition-delay: 0s;
}
.js-lpCampaignModal-open .lpCampaignModal__mask {
	opacity: 1;
	transition-delay: 0s;
}
.js-lpCampaignModal-open .lpCampaignModal__image,
.js-lpCampaignModal-open .lpCampaignModal__video {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	transition-delay: 0.25s;
	transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1), cubic-bezier(0.34, 1.56, 0.64, 1);
}
.js-lpCampaignModal-open .lpCampaignModal__main {
	opacity: 1;
	transition-delay: 0.25s;
}
.js-lpCampaignModal-open .lpCampaignModal__logo {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0.25s;
}
.js-lpCampaignModal-open .lpCampaignModal__close {
	transform: rotate(0deg) scale(1);
	transition-delay: 0.25s;
	transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* play */

.js-lpCampaignModal-play .lpCampaignModal__video:after {
	visibility: hidden;
}


/* pc
----------------------------------------------- */

@media print, screen and (min-width:980px) {


	/* br
	----------------------------------------------- */

	.lpCampaignSp {
		display: none;
	}


	/* button
	----------------------------------------------- */

	.lpCampaignButton,
	.lpCampaignButton:before,
	.lpCampaignButton__label:after {
		transition-property: opacity, transform;
		transition-duration: 0.25s;
		will-change: opacity, transform;
	}

	/* hover */

	.lpCampaignButton:hover {
		transform: translateY(-3px);
	}
	.lpCampaignButton:hover:before {
		opacity: 0.2;
	}
	.lpCampaignButton:hover .lpCampaignButton__label:after {
		transform: translateX(3px);
	}


	/* share
	----------------------------------------------- */

	.lpCampaignShare__list a,
	.lpCampaignShare__list img {
		transition-property: opacity, transform;
		transition-duration: 0.25s;
	}

	/* hover */

	.lpCampaignShare__list a:hover {
		opacity: 0.6;
	}
	.lpCampaignShare__list a:hover img {
		transform: rotate(0.09deg) scale(1.05);
		transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	}


	/* article
	----------------------------------------------- */

	a.lpCampaignArticle,
	a.lpCampaignArticle img {
		transition-property: opacity, transform;
		transition-duration: 0.35s;
		will-change: opacity, transform;
	}

	/* hover */

	a.lpCampaignArticle:hover {
		opacity: 0.6;
	}
	a.lpCampaignArticle:hover img {
		transform: rotate(0.09deg) scale(1.03);
	}


	/* entry
	----------------------------------------------- */

	.lpCampaignEntry__image:after,
	.lpCampaignEntry__image img {
		transition-property: opacity, transform;
		transition-duration: 0.35s;
		will-change: opacity, transform;
	}
	.lpCampaignEntry__image:after {
		transition-duration: 0.5s;
	}

	/* hover */

	.lpCampaignEntry:hover .lpCampaignEntry__image:after {
		opacity: 1;
		transition-duration: 0.25s;
	}
	.lpCampaignEntry:hover .lpCampaignEntry__image img {
		opacity: 0.6;
		transform: rotate(0.09deg) scale(1.03);
	}


	/* modal
	----------------------------------------------- */

	.lpCampaignModal__close img {
		transition-property: opacity, transform;
		transition-duration: 0.25s;
	}

	/* hover */

	.lpCampaignModal__close:hover img {
		opacity: 0.6;
		transform: rotate(0.09deg) scale(0.9);
	}


	/* retina
	----------------------------------------------- */
	
	@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	}


}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:979px) {


	/* br
	----------------------------------------------- */

	.lpCampaignPc {
		display: none;
	}


	/* title
	----------------------------------------------- */

	.lpCampaignTitle {
	}
	.lpCampaignTitle--h2 {
		font-size: 25px;
		line-height: 38px;
	}
	.lpCampaignTitle--h3 {
		font-size: 18px;
		line-height: 38px;
	}


	/* text
	----------------------------------------------- */

	.lpCampaignText {
		font-size: 14px;
		line-height: 28px;
	}


	/* scroll
	----------------------------------------------- */

	.lpCampaignScroll__icon {
		width: 15px;
		height: 85px;
		background-size: 60px 85px;
	}
	.lpCampaignScroll__icon:nth-child(1) {
		background-position: 0 0;
	}
	.lpCampaignScroll__icon:nth-child(2) {
		background-position: -15px 0;
	}
	.lpCampaignScroll__icon:nth-child(3) {
		background-position: -30px 0;
	}
	.lpCampaignScroll__icon:nth-child(4) {
		background-position: -45px 0;
	}


	/* cracker
	----------------------------------------------- */

	.lpCampaignCracker__icon {
		width: 75px;
		height: 75px;
		background-size: 150px 75px;
	}
	.lpCampaignCracker__icon:last-child {
		background-position: -75px 0;
	}


	/* button
	----------------------------------------------- */

	.lpCampaignButton {
		width: 236px;
		height: 56px;
		color: #000;
		border-radius: 4px;
	}
	.lpCampaignButton:before,
	.lpCampaignButton:after {
		border-radius: 4px;
	}
	.lpCampaignButton__label {
		font-size: 18px;
		line-height: 55px;
	}
	.lpCampaignButton__label:after {
		right: 14px;
		margin: -8px 0 0;
		width: 16px;
		height: 16px;
		background-size: 17px;
	}


	/* smartphone
	----------------------------------------------- */

	.lpCampaignSmartphone__icon {
		width: 80px;
		height: 80px;
		background-size: 160px 80px;
	}
	.lpCampaignSmartphone__icon:last-child {
		background-position: -80px 0;
	}


	/* forks
	----------------------------------------------- */

	.lpCampaignForks__icon {
		width: 50px;
		height: 50px;
		background-size: 100px 50px;
	}
	.lpCampaignForks__icon:last-child {
		background-position: -50px 0;
	}


	/* share
	----------------------------------------------- */

	.lpCampaignShare {
		display: block;
		text-align: center;
	}
	.lpCampaignShare__balloon {
		margin: 0 0 0 -8px;
		width: 88px;
	}
	.lpCampaignShare__label {
		margin: 5px 0 0;
		font-size: 14px;
		text-indent: 0.1em;
		letter-spacing: 0.1em;
	}
	.lpCampaignShare__lists {
		margin: 12px 0 0;
	}
	.lpCampaignShare__list {
		margin: 0 6px;
		width: 37px;
	}
	.lpCampaignShare__list:first-child {
		margin: 0 6px;
	}


	/* mogol
	----------------------------------------------- */

	.lpCampaignMogol__item--center {
		top: -40px;
		margin: 0 0 0 -170px;
		width: 343px;
	}
	.lpCampaignMogol__item--left,
	.lpCampaignMogol__item--right {
		top: -41px;
		width: 268px;
	}
	.lpCampaignMogol__item--left {
		margin: 0 0 0 -328px;
	}
	.lpCampaignMogol__item--right {
		margin: 0 -328px 0 0;
	}


	/* article
	----------------------------------------------- */

	.lpCampaignArticle__image {
		border-radius: 5px;
	}
	.lpCampaignArticle__image img {
		margin: -4px 0;
	}
	.lpCampaignArticle__subject {
		margin: 10px 0 0;
		height: 36px;
	}
	.lpCampaignArticle__subject span {
		height: 36px;
		font-size: 12px;
		line-height: 18px;
	}
	.lpCampaignArticle__icon:after {
		top: -14px;
		right: -6px;
		width: 27px;
		height: 27px;
		background-size: 27px;
	}


	/* entry
	----------------------------------------------- */

	.lpCampaignEntry:after {
		right: 10%;
		bottom: 10%;
		width: 41px;
		height: 41px;
		background-size: 20px;
	}
	.lpCampaignEntry__image {
		top: 11.6%;
		left: 11.6%;
		right: 11.6%;
		bottom: 11.6%;
	}


	/* modal
	----------------------------------------------- */

	.lpCampaignModal {
		height: 100%;
	}
	.lpCampaignModal__inner {
		display: block;
		overflow: auto;
	}
	.lpCampaignModal__content {
		display: block;
		padding: 75px 0 50px;
		max-width: initial;
	}
	.lpCampaignModal__columns {
		display: block;
		max-width: 640px;
		margin: auto;
		height: auto;
	}
	.lpCampaignModal__column:first-child,
	.lpCampaignModal__column:last-child {
		width: auto;
	}
	.lpCampaignModal__column:last-child {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin: 25px 40px 0;
	}
	.lpCampaignModal__image,
	.lpCampaignModal__video {
		height: auto;
		text-align: center;
	}
	.lpCampaignModal__image img,
	.lpCampaignModal__video video {
		position: static;
		max-height: 100vw;
		transform: translate(0);
	}
	.lpCampaignModal__video:after {
		margin: -37px 0 0 -37px;
		width: 75px;
		height: 75px;
		background-size: 75px;
	}
	.lpCampaignModal__main {
		margin: 0;
		width: calc(100% - 127px);
	}
	.lpCampaignModal__name {
		font-size: 15px;
		letter-spacing: 0.05em;
		line-height: 20px;
	}
	.lpCampaignModal__comment {
		margin: 10px 0 0;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 18px;
	}
	.lpCampaignModal__logo {
		position: static;
		margin: 0 -10px 0 0;
		width: 112px;
	}
	.lpCampaignModal__close {
		top: 30px;
		right: 30px;
		width: 19px;
	}


}


/* indicate
----------------------------------------------- */

/* ready */

.js-lpCampaignIndicate-ready.js-lpCampaignIndicate-balloon {
	opacity: 0;
	transform: rotate(0.09deg) scale(0.85);
	transform-origin: bottom;
}

/* start */

.js-lpCampaignIndicate-start.js-lpCampaignIndicate-balloon {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	transition-property: opacity, transform;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1), cubic-bezier(0.34, 1.56, 0.64, 1);
}


/* keyframes
----------------------------------------------- */

@keyframes lpCampaignLoading1 {
	0%,
	80%,
	100% { 
		transform: scale(0);
	}
	40% { 
		transform: scale(1.0);
	}
}

@keyframes lpCampaignLoading2 {
	40% {
		opacity: 0.2;
	}
}

@keyframes lpCampaignScroll {
	10% {
		transform: translateY(8%);
	}
	20% {
		transform: translateY(0%);
	}
}

@keyframes lpCampaignCracker {
	25% {
		transform: translate(0,0);
	}
	35% {
		transform: translate(0,0);
	}
	45% {
		transform: rotate(0.09deg) scale(0.9);
	}
	65% {
		transform: rotate(0deg) scale(1);
	}
	100% {
		transform: translate(0,0);
	}
}

@keyframes lpCampaignSmartphone {
	0% {
		opacity: 0;
		transform: rotate(0.09deg) scale(0.8);
	}
	25% {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}
	25.1% {
		opacity: 0;
		transform: rotate(0.09deg) scale(0.8);
	}
	50% {
		opacity: 0;
		transform: rotate(0.09deg) scale(0.8);
	}
	75% {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg) scale(1);
	}
}

@keyframes lpCampaignForks {
	25% {
		transform: scaleY(0.9);
	}
	50% {
		transform: scaleY(1) translateY(-25%);
	}
	75% {
		transform: translateY(0%);
	}
	85% {
		transform: translateY(-5%);
	}
	95% {
		transform: translateY(0%);
	}
}